/* General */
* {	margin:0; padding:0; font-family: 'Source Sans Pro', sans-serif; }
body { font-size:16px; background:#2980b9; }
a { color: inherit; text-decoration: none; }
a:hover { text-decoration: underline; }
img { border:none; }
.app-only { display: none; }

/* Container */
#container { width: 990px; margin: auto; padding-bottom: 30px; background: #fff; margin-top: 15px; margin-bottom: 15px; box-shadow: 0 0 5px #000; }
.popup-back { display:none; top: 0; left: 0; position: fixed; width: 100%; height: 100%; z-index: 9; background: rgba(255, 255, 255, 0.8); }
.popup-front { display:none; top: 50%; left: 50%; position: fixed; width: 600px; z-index: 10; margin: -150px 0 0 -300px; background: #FFFFFF; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; border: 1px solid #CCC; box-shadow: 0 0 5px #CCC; }
.popup-front h1 { background: #1B5096; color: #fff; font-weight: 300; font-size: 24px; padding: 10px 20px; }
.popup-front p { margin: 20px 20px 50px; }
.popup-front p input { padding: 5px 7px; font-size: 16px; width: 300px; outline: none; }
.popup-front .close { position: absolute; height: 30px; cursor: pointer; right: 0; margin: 10px; }

/* Header */
#header { height: 136px; width: 100%; background: #DADDDD; }
#logo { margin: 15px 30px; }
#header .expand-mobile-header { display:none; }
#header .buttons { top: 0; margin: 40px 0 0 465px; position: absolute; width: 515px; }
#header .buttons a, #announcement { background: #34495e; color: #fff; font-weight: 300; padding: 7px 16px; margin: 0px 0px 13px 12px; float:left; width: 93px; font-size: 14px; }
#header .buttons a:hover, #announcement:hover { background: #2980b9; cursor: pointer; }
#header .nav { width: 100%; height: 45px; margin: 15px 0 0; }
#header .nav li { color: #fff; list-style: none; float: left; padding: 8px 0; width: 20%; text-align: center; cursor: pointer; }
#header .nav li.color-1 { background: #3498db ; }
#header .nav li.color-2 { background: #9b59b6; }
#header .nav li.color-3 { background: #2ecc71; }
#header .nav li.color-4 { background: #f39c12; }
#header .nav li.color-5 { background: #c0392b; }
#header .nav li .sub { display: none; position: absolute; z-index: 100; padding: 10px 0; box-shadow: 0 5px 5px rgba(0, 0, 0, 0.4); }
#header .nav li .sub a { display: block; padding: 3px 0; font-size: 12px; }
#header .search { float: left; margin: 0 0 0 12px; }
#header .search #q { outline: none; height: 29px; font-size: 14px; padding: 0 10px; width: 190px; }
#header .search .submit-search { position: absolute; height: 20px; margin: 51px 0 0 465px; left: 0px; top: 0; }

/* Today and Shabbat box */
.auth-password {padding: 5px 8px;outline: none;border: 1px solid #92A2BF;width: 152px;}
.auth-password.incorrect-password { border: 2px solid #E06363; padding: 4px 7px; }
.password-label {background: #AFC5CC;border: 1px solid #92A2BF;font-size: 11px;padding: 4px 9px;width: 150px;margin: -1px 0 -4px;}
.password-label.incorrect {background: #DEA8A8;border: 1px solid #E06363;}
.auth-password:focus {border: 2px solid #2980B9;padding: 4px 7px;}
.auth-password-submit {color: #fff;background: #2980B9;border: 0px;cursor: pointer;outline: none; padding:7px 13px;}
.auth-password-submit:hover {background: #3D97CC;}
#announcement { float: none; width: auto; padding: 10px 15px; margin: 50px 40px -10px 25px; text-align: right; }
.home-box { padding: 15px; margin: 35px 0 0 25px; width: 245px; float: left; height: 185px; }
.home-box .box-heading { color: #fff; margin: -15px -15px 15px -15px; padding: 8px 15px; }
.home-box .box-heading-side { float: right; font-size: 12px; margin: 2px 0 0; color: rgb(197, 197, 197); }
.tab-box .tab { padding: 5px 10px; display: inline-block; margin: 6px 0px 0px 10px; border: 1px solid #FFF; border-bottom: none; cursor: pointer; }
.tab-box .box-heading { padding: 0; }
.tab-box .box-heading-side { margin: 11px 15px; }
.tab-box .box-content { font-size: 14px; }
.tab-box .box-content a { text-decoration: none; }
#main .tab-today a:hover { color: #7697A1; }
#main .tab-shabbat a:hover { color: #8A699A; }
#whatson .event { border-bottom: 1px solid #D65D66; padding-bottom: 10px; margin: 0 0 8px 0; }
#whatson .event small { color: #EFBEC2; display: block; font-size: 12px; }
#whatson .tab-dontmiss .event small { color: #986920; }
#whatson .tab-dontmiss .event { border-color: #B0822F; }
#whatson .event small strong { margin-left: 15px; }
#whatson .event b { font-size: 14px; }

/* Gallery */
#gallery { width: 325px; padding: 0; height: 215px; overflow: hidden; position: relative; background: #000; }
#gallery .box-heading { background: rgba(38, 166, 91, 0.69); margin: 0; position: absolute; width: 295px; z-index: 1; }
#gallery img.ShulGalleryElement { max-width: 325px; max-height: 215px; position: absolute; }
#gallery .shul_gallery {width: 325px !important;height: 210px !important; margin-top: 36px;}

/* Events */
#events-viewport { width: 925px; margin-left: 25px; margin-top: 35px; overflow: hidden; position: relative; height: 190px; }
#events-viewport .events-box { position: relative; width: 10000px; margin-top: 30px; }
#events-viewport .events-box .item { width: 230px; height: 120px; background: #D3D3D3; float: left; margin-right: 20px; text-align: center; transition: all 0.2s; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; }
#events-viewport .events-box .item a { text-decoration: none; }
#events-viewport .events-box .item .item-title { margin: 13px 15px 10px; }
#events-viewport .events-box .item .item-desc { font-size: 12px; margin: 0 0 0 15px; width: 200px; }
#events-viewport .events-box .item.active { transform: scale(1.3); -webkit-transform: scale(1.3); box-shadow: 0 0 5px #D0D0D0; opacity: 1; background: #ffffff; border:1px solid #D0D0D0; }
#events-viewport .prev, #events-viewport .next { position: absolute; z-index: 2; width: 36px; cursor: pointer; padding: 44px 22px; background: rgba(255, 255, 255, 0.7);}
#events-viewport .prev { margin: 30px 0 0 0px; top: 0; }
#events-viewport .next { margin: 30px 0px 0 0; right: 0; top: 0; }
#events-viewport a.view-all { font-size: 14px; position: absolute; right: 0; margin: 140px 0; }

/* Sections and Articles */
h2.section-title { margin: 60px 0 15px 0px; padding: 15px 30px; display: block; font-size: 36px; background: #1B5096; color: #FFF; font-weight: 600; }
h2.section-title img { float: right; margin: -2px -4px; height: 48px; }
.box-content ol, .box-content ul { list-style-position: inside; margin-left: 15px; }
.shul_gallery { position: relative; overflow: hidden; width: 570px; height: 406px; background: #000; }
.shul_gallery img.ShulGalleryElement { position: absolute; max-height: 406px; max-width: 570px; }
.section-container { margin: 25px; width: 620px; float: left; }
.section-box { padding: 15px; height: 13px; list-style: none; overflow: hidden; }
.section-box .box-heading { color: #fff; margin: -15px -15px 15px -15px; padding: 12px 15px; cursor:pointer; }
.section-box .box-content { font-size: 14px; }
.section-box .box-content a { text-decoration: underline; }
.section-box .box-content a:hover { opacity:0.7; }
.section-box .box-content img { max-width: 100%; height: auto; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.section-box.color1 .box-heading { background: #96281B; }
.section-box.color1 { background: #DDA7AB; }
.section-box.color2 .box-heading { background: #639; }
.section-box.color2 { background: #CFB9DA; }
.section-box.color3 .box-heading { background: #2ecc71; }
.section-box.color3 { background: #B0DDC3; }
.section-box.color4 .box-heading { background: #f39c12; }
.section-box.color4 { background: #DFC398; }
.section-box.color5 .box-heading { background: #3498db; }
.section-box.color5 { background: #ACD0E8; }
.section-box.color6 .box-heading { background: #3C3C3C; }
.section-box.color6 { background: #D2D2D2; }
.interested, .share, .articledates { padding: 15px; margin: 30px 20px 0 0px; width: 260px; float: right; font-size: 14px; }
.interested .box-heading, .share .box-heading, .articledates .box-heading { color: #FFF; margin: -15px -15px 15px -15px; padding: 8px 15px; font-size: 16px; }
.interested { background: #BE90D4; }
.interested .box-heading { background: #639; }
.share { background: #A4EDA2; }
.share .box-heading { background: #21472A; }
.share a { text-decoration: none; }
.share .social { width: 26px; height: 26px; margin-bottom: 5px; }
.share .social-label { vertical-align: 14px; margin: 8px; }
.articledates { background: #DBA5A0; }
.articledates .box-heading { background: #C0392B; }
.article-box { padding: 15px; margin: 30px 25px 0 20px; width: 600px; float: left; }
.article-box .box-heading { color: #fff; margin: -15px -15px 15px -15px; padding: 8px 15px; }
.article-box .box-content { font-size: 14px; }
.article-box .box-content a { text-decoration: underline; }
.article-box .box-content a:hover { opacity:0.7; }
.article-box .box-content img { max-width: 100%; max-height: 100%; height: auto; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }

/* Contact */
.article-box.contact_box { width: 922px; background: #DDA7AB; height: auto; }
.article-box.contact_box .box-heading { background: #96281B; }
.article-box.contact_box .box-content input, .article-box.contact_box .box-content select, .article-box.contact_box .box-content textarea { font-size: 14px; padding: 6px 10px; outline: none; border: 1px solid #CCC; margin-top: 3px; box-sizing: border-box; width: 200px; }
.article-box.contact_box .box-content textarea { width: 630px; height: 107px; resize:none; }
.article-box.contact_box .box-content .right { position: absolute; margin: -145px 0 0 260px; }
.article-box.contact_box .box-content input[type="submit"] { width: 80px; background: #fff; }
.article-box.contact_box .box-content input[type="submit"]:hover { background: #eee; cursor: pointer; }

/* Search */
h2.search-title { margin: 60px 0 15px 0px; padding: 15px 30px; display: block; font-size: 36px; background: #1B5096; color: #FFF; font-weight: 600; }
h2.search-title img { float: right; margin: -2px -4px; height:48px; }
.search-box { padding: 15px; margin: 20px 20px 0 20px; min-height: 100px; background: #C1DEF2; }
.search-box li { list-style: none; display: block; margin: 0 0 25px 20px; cursor: pointer; }
.search-box li font:hover { text-decoration: underline; }
.search-box li a { font-size: 14px; color: #000093; display: inline-block; }
.search-box li span { color: #697984; font-size: 14px; }

/* Book Events */
h2.book-title { margin: 60px 0 15px 0px; padding: 15px 30px; display: block; font-size: 36px; background: #1B5096; color: #FFF; font-weight: 600; }
h2.book-title img { float: right; margin: -2px -4px; height:48px; }
.book-box { padding: 15px; margin: 20px 20px 0 20px; min-height: 100px; background: #C1DEF2; }
.book-box .event { margin: 10px 10px 20px; }
.book-box .event b { display: block; margin-bottom: -2px; font-size: 20px; }
.book-box .event small { font-size: 15px; }
.book-box .event font { float: right; margin: -20px 0; }

/* News */
h2.news-title { margin: 60px 0 15px 0px; padding: 15px 30px; display: block; font-size: 36px; background: #1B5096; color: #FFF; font-weight: 600; }
h2.news-title img { float: right; margin: -2px -4px; height:48px; }
.news-box { padding: 15px; margin: 20px 20px 0 20px; min-height: 100px; background: #C1DEF2; }
.news-box .item { margin: 10px 10px 20px; }
.news-box .item b { display: block; margin-bottom: 2px; font-size: 20px; }

/* Calendar */
.calendar { margin: 50px 20px; }
.calendar .row { background: #BED4F2; width: 100%; height: auto; margin-left: 0; }
.calendar .row.past { background: #D2D2D2; }
.calendar div.day-name { background: #003B66; padding: 10px; color: #fff; border-right: 1px solid #fff; font-size: 14px; width: 120px; margin: 0; height: 55px; }
.calendar div { font-size: 14px; float: left; width: 130px; margin: 7px -5px 9px 15px; height: 52px; }
.calendar .today div.day-name { background: #006609; }
.calendar .today { background: #C7F2BE; }
.calendar .nav-button-back, .calendar .nav-button-next { width: 30px; position: absolute; margin: 0 20px; }
.calendar .nav-button-back:hover, .calendar .nav-button-next:hover { opacity: 0.8; }
.calendar .nav-button-next { margin-left: 890px; }

/* Error page */
#error { margin: 90px 35px; }
#error .message { font-size: 32px; font-weight: bold; }
#error .more { color: #8B8B8B; margin: 20px 0; }
#error #q { outline: none; height: 29px; font-size: 14px; padding: 0 10px; width: 252px; }
#error .submit-search { position: absolute; height: 20px; margin: 6px 0 0 -32px; }

/* Footer */
#footer {width: 990px;margin: auto;margin-top: 25px;}
.auth_bar { margin-bottom: 30px; background: #D1ECFD; padding: 10px 25px; font-size: 14px; border-top: 1px solid #CCC; border-bottom: 1px solid #ccc; }
#footer li { list-style: none; float: left; width: 126px; font-size: 12px; margin-left: 15px; margin-bottom: 20px; text-align: center; }
#footer li a { color: #001145; text-transform: uppercase; margin-bottom: 5px; font-size: 13px; }
#footer li a { color: #001145; display: block; }
#footer .bottom-section { clear: both; border-top: 1px solid #DDDDDD; margin: auto 260px; text-align: center; color: #001145; font-size: 12px; padding-top: 20px; position: relative; }

/* Forms */
#g-form-overlay { width: 100%; height: 100%; top: 0; left: 0; position: fixed; background: white; background: rgba(255, 255, 255, 0.75); z-index: 10; }
#g-form-popup { position: fixed;z-index: 11;left: 50%;top: 50%;width: 500px;margin-left: -250px;text-align: center;margin-top: -160px;font-family: Arial;background: white;padding: 35px;border: 1px solid #CCC;box-sizing: border-box; }