/* Theme Name: Family House Theme URI: n/a Description: A Custom Theme Created for Family House Version: 1.0.0 Tags: HTML5, CSS3, Custom License: MIT License URI: http://opensource.org/licenses/mit-license.php */ /*------------------------------------*\ MAIN \*------------------------------------*/ /* global box-sizing */ *, *:after, *:before { -moz-box-sizing:border-box; box-sizing:border-box; -webkit-font-smoothing:antialiased; font-smoothing:antialiased; text-rendering:optimizeLegibility; } /* html element 62.5% font-size for REM use html { font-size:62.5%; } body { font:300 11px/1.4 'Helvetica Neue', Helvetica, Arial, sans-serif; color:#444; } /* clear */ .clear:before, .clear:after { content:' '; display:table; } .clear:after { clear:both; } .clear { clear: both; *zoom:1; } img { max-width:100%; vertical-align:bottom; } a { color:#444; text-decoration:none; } a:hover { color:#444; } a:focus { outline:0; } a:hover, a:active { outline:0; } input:focus { outline:0; border:1px solid #04A4CC; } /*------------------------------------*\ STRUCTURE \*------------------------------------*/ /* wrapper */ .wrapper { max-width:1280px; width:95%; margin:0 auto; position:relative; } /* header */ .header { } /* logo */ .logo { } .logo-img { } /* nav */ .nav { } /* sidebar */ .sidebar { } /* footer */ .footer { } /*------------------------------------*\ PAGES \*------------------------------------*/ /*------------------------------------*\ IMAGES \*------------------------------------*/ /*------------------------------------*\ TYPOGRAPHY \*------------------------------------*/ @font-face { font-family:'Font-Name'; src:url('fonts/font-name.eot'); src:url('fonts/font-name.eot?#iefix') format('embedded-opentype'), url('fonts/font-name.woff') format('woff'), url('fonts/font-name.ttf') format('truetype'), url('fonts/font-name.svg#font-name') format('svg'); font-weight:normal; font-style:normal; } /*------------------------------------*\ RESPONSIVE \*------------------------------------*/ @media only screen and (min-width:320px) { } @media only screen and (min-width:480px) { } @media only screen and (min-width:768px) { } @media only screen and (min-width:1024px) { } @media only screen and (min-width:1140px) { } @media only screen and (min-width:1280px) { } @media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-resolution:144dpi) { } /*------------------------------------*\ MISC \*------------------------------------*/ /* ::selection { background:#04A4CC; color:#FFF; text-shadow:none; } ::-webkit-selection { background:#04A4CC; color:#FFF; text-shadow:none; } ::-moz-selection { background:#04A4CC; color:#FFF; text-shadow:none; } */ /*------------------------------------*\ WORDPRESS CORE \*------------------------------------*/ .alignnone { margin:5px 20px 20px 0; } .aligncenter, div.aligncenter { display:block; margin:5px auto 5px auto; } .alignright { float:right; margin:5px 0 20px 20px; } .alignleft { float:left; margin:5px 20px 20px 0; } a img.alignright { float:right; margin:5px 0 20px 20px; } a img.alignnone { margin:5px 20px 20px 0; } a img.alignleft { float:left; margin:5px 20px 20px 0; } a img.aligncenter { display:block; margin-left:auto; margin-right:auto; } .wp-caption { background:#FFF; border:1px solid #F0F0F0; max-width:96%; padding:5px 3px 10px; text-align:center; } .wp-caption.alignnone { margin:5px 20px 20px 0; } .wp-caption.alignleft { margin:5px 20px 20px 0; } .wp-caption.alignright { margin:5px 0 20px 20px; } .wp-caption img { border:0 none; height:auto; margin:0; max-width:98.5%; padding:0; width:auto; } .wp-caption .wp-caption-text, .gallery-caption { font-size:11px; line-height:17px; margin:0; padding:0 4px 5px; } .sticky { } .bypostauthor { } /*------------------------------------*\ PRINT \*------------------------------------*/ @media print { * { background:transparent !important; color:#000 !important; box-shadow:none !important; text-shadow:none !important; } a, a:visited { text-decoration:underline; } a[href]:after { content:" (" attr(href) ")"; } abbr[title]:after { content:" (" attr(title) ")"; } .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content:""; } pre,blockquote { border:1px solid #999; page-break-inside:avoid; } thead { display:table-header-group; } tr,img { page-break-inside:avoid; } img { max-width:100% !important; } @page { margin:0.5cm; } p, h2, h3 { orphans:3; widows:3; } h2, h3 { page-break-after:avoid; } } /*------------------------------------*\ BOOTSTRAP OVERRIDES (TODO: move to theme section) \*------------------------------------*/ .navbar-default { background-color: transparent; border: none; border-bottom: 2px solid #CCC; left: 0; margin: 0 !important; overflow: hidden; padding: 0; position: absolute; right: 0; top: 120px; z-index: 2; } @media (min-width: 768px) { .navbar-default { border-bottom: none; position: static; } } .navbar-default .navbar-nav { background-color: rgba(255,255,255,0.95); } @media (min-width: 768px) { .navbar-default .navbar-nav { background-color: transparent; } } .navbar-default > a.donate-link-mobile { background-color: rgba(243,143,29,0.9); color: #FFF; font-size: 16px; font-weight: 700; line-height: 48px; padding: 0 30px; text-transform: uppercase; } .navbar-default .navbar-nav { margin: 0; padding: 0 30px; } @media (min-width: 768px) { .navbar-default { margin: 25px 0 0 120px; } .navbar-default.collapse { display: block; } .navbar-default .navbar-nav { padding: 0 0 0 20px; } } @media (min-width: 992px) { .navbar-default .navbar-nav { padding-left: 55px; } } @media (min-width: 1200px) { .navbar-default .navbar-nav { padding-left: 150px; } } .navbar-default .navbar-nav > li { display: block; width: 100%; } @media (min-width: 768px) { .navbar-default .navbar-nav > li { display: block; width: auto; } } .navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > li > .dropdown-menu > li > a, .navbar-default .navbar-nav > li > .dropdown-menu > li > a:focus, .navbar-default .navbar-nav > li > .dropdown-menu > li > a:hover { background-color: transparent; color: #9D8D85; } .navbar-default .navbar-nav > li > a { display: table-cell; font-size: 16px; height: 70px; padding-left: 0; padding-right: 0; position: relative; vertical-align: middle; } @media (min-width: 768px) { .navbar-default .navbar-nav > li > a { padding-left: 15px; padding-right: 15px; } } @media (min-width: 992px) { .navbar-default .navbar-nav > li > a { padding-left: 30px; padding-right: 30px; } } @media (min-width: 1200px) { .navbar-default .navbar-nav > li > a { padding-left: 30px; padding-right: 30px; } } .navbar-default .navbar-nav > li > a::before { background: transparent url(img/nav-icon-sprite-gray.png) no-repeat 0 0; content: ''; display: none; height: 26px; position: absolute; top: 18px; } .navbar-default .navbar-nav > li:nth-of-type(1) > a::before { background-position: 0 0; left: 6px; width: 26px; } .navbar-default .navbar-nav > li:nth-of-type(2) > a::before { background-position: -26px 0px; left: 10px; width: 21px; } .navbar-default .navbar-nav > li:nth-of-type(3) > a::before { background-position: -47px 0px; left: 0; width: 31px; } .navbar-default .navbar-nav > li:nth-of-type(4) > a::before { background-position: -78px 0px; left: 9px; top: 23px; width: 22px; } .navbar-default .navbar-nav > li:nth-of-type(5) > a::before { background-position: -100px 0px; left: 8px; top: 23px; width: 22px; } @media (min-width: 768px) { .navbar-default .navbar-nav > li > a::before { display: none; } } @media (min-width: 992px) { .navbar-default .navbar-nav > li > a::before { display: none; } } .navbar-default .navbar-nav > li > a .caret { border-width: 6px; color: rgb(188,184,180); } .navbar-default .navbar-nav > li > .dropdown-menu { background-color: transparent; border: none; border-radius: 0; box-shadow: none; display: block; max-height: 0; overflow: hidden; padding: 0; position: static; transition: 1000ms max-height ease; width: 100%; } .navbar-default .navbar-nav > li.open > .dropdown-menu { max-height: 1000px; } @media (min-width: 768px) { .navbar-default .navbar-nav > li > .dropdown-menu, .navbar-default .navbar-nav > li.open > .dropdown-menu { position: absolute; } .navbar-default .navbar-nav > li > .dropdown-menu { background-color: rgba(255, 255, 255, 0.9); width: auto; } .navbar-default .navbar-nav > li.open > .dropdown-menu { max-height: 0; } } @media (min-width: 768px) { .navbar-default .navbar-nav > li > .dropdown-menu::before { content: ''; background: transparent; height: 12px; width: 100%; position: absolute; top: -12px; } } .navbar-default .navbar-nav > li > .dropdown-menu > li > a { border-bottom: 2px solid #C8CFD4; font-weight: 800; padding: 12px 0 10px; } @media (min-width: 768px) { .navbar-default .navbar-nav > li > .dropdown-menu > li > a { padding: 12px 16px 10px; } } .navbar-default .navbar-nav > li.open > .dropdown-menu > li > a { color: #9D8D85; } .navbar-default .navbar-nav > li > .dropdown-menu > li > a:hover { background-color: #F4F0EC; } .navbar-default .navbar-nav > li > .dropdown-menu > li:last-of-type > a { border-bottom: none; } .navbar-default .navbar-nav > li > .dropdown-menu > li > a .nav-description { display: block; font-weight: 300; } @media (min-width: 768px) { .navbar-default .navbar-nav > li > a + .dropdown-menu { border-top: 2px solid #CCC; display: block; max-height: 0; overflow: hidden; transition: 0ms max-height ease; } .navbar-default .navbar-nav > li:last-of-type > a + .dropdown-menu { left: auto; right: -16px; } .navbar-default .navbar-nav > li:hover > a + .dropdown-menu { display: block; max-height: 800px; transition-duration: 1000ms; } } @media (min-width: 992px) { .navbar-default .navbar-nav > li > a + .dropdown-menu { left: 15px; right: auto; } .navbar-default .navbar-nav > li:last-of-type > a + .dropdown-menu { left: 0; right: auto; } } @media (min-width: 1200px) { .navbar-default .navbar-nav > li > a + .dropdown-menu { left: 15px; right: auto; } .navbar-default .navbar-nav > li:last-of-type > a + .dropdown-menu { left: 15px; right: auto; } } /*------------------------------------*\ THEME STYLES \*------------------------------------*/ .orange { color: #F38F1D; } .wine { color: #B20A59 !important; } .container-bleed .container-shadow { box-shadow: 0 20px 20px rgba(0,0,0,0.4); } a:hover { opacity: 0.9; text-decoration: none; } body { background: transparent url(img/orange-pattern.jpg) repeat 0 0; background-size: 380px; color: #58595B; font-family: Lato, arial, sans-serif; font-size: 14px; } body header { background-color: #FFF; border-bottom: 2px solid #CBD0D5; height: 120px; margin-top: 0; padding: 0 !important; position: relative; transition: 300ms margin-top ease; width: 100%; } @media (min-width: 768px) { body header { height: auto; } } body header.search-open { margin-top: 40px; } @media (min-width: 768px) { body header.search-open { margin-top: 0; } } body header .mobile-bar { height: 50px; position: absolute; right: 30px; top: 44px; } body header .mobile-bar .navbar-toggle { background-color: transparent; border: none; float: none; margin: 0; padding: 0; z-index: 1; } body header .mobile-bar .navbar-toggle:hover { border-color: #CCC; opacity: 0.8; } body header .mobile-bar .navbar-toggle .icon-bar { background-color: #F38F1D; border-radius: 2px; height: 5px; width: 45px; } body header .mobile-bar .navbar-toggle .icon-bar + .icon-bar { margin-top: 6px; } body header .mobile-bar .navbar-toggle.collapsed .icon-bar { background-color: #9D8D85; } body header .header-left-section, body header .header-right-section { display: block; } body header .header-left-section { float: left; width: 50%; } body header .header-right-section { float: right; } @media (min-width: 768px) { body header .header-left-section, body header .header-right-section { float: none; width: auto; } } body header .header-left-section .logo { display: block; margin: 30px 0 0 25px; } @media (min-width: 768px) { body header .header-left-section .logo { margin: 30px 0 0; text-align: left; } } body header .header-left-section .logo img { max-width: 90px; } @media (min-width: 768px) { body header .header-left-section .logo img { max-width: 120px; } } body header .header-right-section { margin-right: 30px; } body header .header-right-section .search { margin: 60px auto 10px; position: relative; } @media (min-width: 768px) { body header .header-right-section { margin-right: 0; } body header .header-right-section .search { margin: 20px 0 20px 158px; width: auto; } } body header .header-right-section .search .search-input { background-color: #EEE; border: none; border-bottom: 2px solid #DDD; box-sizing: border-box; color: #A4958D; display: block; font-size: 18px; font-weight: 600; left: 0; position: fixed; height: 40px; padding: 0 25px; right: 0; top: 0; width: 100%; z-index: -1; } body header .header-right-section .search i { color: #A4958D; cursor: pointer; font-size: 28px; height: 30px; text-align: right; width: 100%; } body header .header-right-section .search i:hover { opacity: 0.8; } @media (min-width: 768px) { body header .header-right-section .search .search-input { background-color: #FFF; border: 1px solid #A4958D; border-radius: 25px; box-sizing: content-box; font-size: 16px; height: 25px; padding: 0 30px; position: static; width: 208px; } body header .header-right-section .search i { cursor: default; font-size: 14px; height: auto; left: 12px; position: absolute; right: auto; top: 6px; width: auto; } body header .header-right-section .search i:hover { opacity: 1; } } body header .header-right-section .links { } body header .header-right-section .links .donate-link, body header .header-right-section .links .review-link, body header .header-right-section .links .info-para-familias-link { color: #FFF; display: inline-block; /* height: 46px; */ vertical-align: middle; } body header .header-right-section .links .donate-link { background-color: #F38F1D; border-radius: 30px; display: none; font-size: 16px; font-weight: 800; line-height: 50px; margin-right: 0; padding: 0 25px; text-transform: uppercase; } @media (min-width: 768px) { body header .header-right-section .links .donate-link { display: inline-block; font-size: 20px; margin-right: 5px; padding: 0 35px; } } body header .header-right-section .links .review-link, body header .header-right-section .links .info-para-familias-link { display: none; font-size: 16px; height: auto; left: 0; line-height: 48px; padding: 0 30px; position: absolute; top: 160px; z-index: 1; } @media (min-width: 768px) { body header .header-right-section .links .review-link, body header .header-right-section .links .info-para-familias-link { background-color: #95A0A9; display: inline-block; border-radius: 30px; font-size: 16px; line-height: 18px; padding: 8px 20px; position: static; text-align: center; width: 108px; } } body header .header-right-section .links .review-link { margin-right: 5px; width: auto; } @media (min-width: 768px) { body header .header-left-section, body header .header-right-section { display: inline-block; } body header .header-left-section { padding-left: 35px; } body header .header-right-section { float: right; padding-right: 35px; } } body .hero { background-color: #000; border-top: 2px solid #CCC; font-size: 0; position: relative; } body .hero img, body .hero video { width: 100%; } @media (min-width: 992px) { body .hero img, body .hero video { max-height: 520px; object-fit: contain; } } body .hero p { bottom: 60px; color: #FFF; display: none; font-size: 60px; left: 0; margin: 0 auto; max-width: 1130px; padding: 0 50px; position: absolute; right: 0; text-shadow: 3px 3px 10px #333; width: 100%; } @media (min-width: 992px) { body .hero p { display: block; text-align: center; } } @media (min-width: 1200px) { body .hero p { text-align: left; } } body .hero p .big { font-size: 90px; position: relative; top: 5px; } body main.container { padding: 0; } body main .content { background-color: #FFF; font-size: 16px; line-height: 28px; min-height: 500px; padding: 50px 30px 30px; } @media (min-width: 992px) { body main .content { padding: 50px 70px 30px; } body main.has-sidebar { display: flex; } body main.has-sidebar .content { } } body main .content h1, body main .content h2, body main .content h3 { color: #F38F1D; margin: 0; } body main .content h1, body main .content h2 { } body main .content h1 { font-size: 40px; font-weight: 800; margin-bottom: 25px; } body main .content h2 { font-size: 22px; margin: 32px 0 15px; } body main .content p { margin-bottom: 25px; } body main .content a { border-bottom: 1px solid #F38F1D; display: inline; line-height: 20px; text-decoration: none; transition: 300ms color ease; } body main .content a:hover { color: #F38F1D; } body main .content a.no-border-bottom { border-bottom: none; } body main .content a.orange-button { background-color: #F38F1D; border-radius: 10px; color: #FFF; display: inline; font-size: 16px; line-height: 28px; padding: 8px 15px; } @media (min-width: 768px) { body main .content a.orange-button { display: inline-block; font-size: 18px; padding: 8px 25px; } } body main .content a.orange-button:hover { color: #FFF; } body main .content h1 a { } body main .content h2 a, body main .content h3 a, body main .content h4 a { line-height: 30px; } body main .content ul li { margin-bottom: 10px; } body main .content ul { margin-bottom: 25px; padding-left: 25px; } body main .content ul.orange-bullets li { list-style: none; position: relative; } body main .content ul.orange-bullets li::before { color: #F38F1D; content: '\2022'; font-size: 16px; left: -14px; position: absolute; } body main .content img { height: auto; margin: 0; } body main .content img.alignleft, body main .content img.alignright { display: block; float: none; margin: 0 auto; } @media (min-width: 480px) { body main .content img.alignleft { float: left; margin: 20px 60px 30px 0; } body main .content img.alignright { float: right; margin: 20px 0 30px 60px; } } body main .content iframe { margin-bottom: 30px; max-height: 48vw; width: 100%; } @media (min-width: 480px) { body main .content iframe { max-height: none; } } body main .content .wp-video { border: 1px solid #58595B; } body main .content .wp-video .mejs-controls { z-index: 1; } body main .content .content-columns { margin: 0 -15px; } body main .content .featured-post { margin-bottom: 40px; position: relative; text-align: center; } body main .content .featured-post .tab { background-color: #F38F1D; border-radius: 15px 15px 0 0; color: #FFF; font-size: 28px; font-weight: 700; line-height: 50px; margin-bottom: 0; padding: 0 20px; text-align: center; } body main .content .featured-post .tab-content { border: 1px solid #C8CFD4; border-top: none; border-radius: 0 0 15px 15px; padding: 20px; } body main .content .featured-post .tab-content .title { color: #F38F1D; font-size: 30px; font-weight: 800; line-height: 1.1; margin-bottom: 25px; } body main .content .featured-post .tab-content .featured-image { display: block; margin: 0 auto 20px; max-width: 300px; width: 100%; } body main .content .featured-post .tab-content .cta-button { } body main .content .events { border-top: 1px solid #C8CFD4; float: left; margin: 13px 0 40px; } body main .content .events ul { float: left; list-style: none; padding: 0; } body main .content .events ul li { } body main .content .events ul li.event { border-bottom: 1px solid #C8CFD4; display: block; line-height: 24px; margin: 0 -15px; padding: 30px 0; } body main .content .events ul li.event .event-image { border-bottom: none; display: block; margin: 0 auto 30px; text-align: center; } @media (min-width: 768px) { body main .content .events ul li.event .event-image { display: inline-block; margin: 0; } } body main .content .events ul li.event .event-image img { max-height: 190px; } body main .content .events ul li.event a.event-image:hover { opacity: 0.8; } body main .content .events ul li.event .event-content { display: inline-block; } body main .content .events ul li.event .event-content .event-title { border-bottom: none; color: #F38F1D; display: block; font-size: 20px; line-height: 24px; margin-bottom: 10px; } body main .content .events ul li.event .event-content .event-excerpt { font-size: 16px; } body main .content .events ul li.event .event-content .event-excerpt a { } body main .content .tile-links { font-size: 0; margin-bottom: 50px; text-align: center; } body main .content .tile-links .tile-link { background-color: #F38F1D; border-radius: 15px; display: inline-block; margin-bottom: 35px; width: 100%; } @media (min-width: 480px) { body main .content .tile-links .tile-link { margin-right: 35px; margin-bottom: 0; width: 27%; } } @media (min-width: 768px) { body main .content .tile-links .tile-link { width: 206px; } } @media (min-width: 992px) { body main .content .tile-links .tile-link { width: 170px; } } @media (min-width: 1200px) { body main .content .tile-links .tile-link { width: 220px; } } body main .content .tile-links .tile-link:last-child { margin-right: 0; } body main .content .tile-links .tile-link .image, body main .content .tile-links .tile-link .caption { } body main .content .tile-links .tile-link .image { border-radius: 15px 15px 0 0; width: 100%; } body main .content .tile-links .tile-link .caption { color: #FFF; font-size: 28px; font-weight: 700; height: 30px; line-height: 50px; text-align: center; } @media (min-width: 480px) { body main .content .tile-links .tile-link .caption { font-size: 16px; } } @media (min-width: 768px) { body main .content .tile-links .tile-link .caption { font-size: 20px; } } @media (min-width: 1200px) { body main .content .tile-links .tile-link .caption { font-size: 28px; } } body main .content .form-assembly { margin-bottom: 20px; } @media (min-width: 992px) { body main .content .form-assembly { margin-bottom: 70px; } } body main .content .form-assembly .nav-tabs { border-bottom: none; margin-bottom: 0; padding-left: 0; } body main .content .form-assembly .nav-tabs > li { margin-bottom: 0; margin-right: 10px;; } body main .content .form-assembly .nav-tabs > li:last-of-type { margin-right: 0; } body main .content .form-assembly .nav-tabs > li > a { border: 1px solid #F38F1D; border-radius: 0; color: #F38F1D; display: inline-block; padding: 10px 20px; } body main .content .form-assembly .nav-tabs > li.active > a { border-bottom: none; border-width: 2px; font-weight: 800; } body main .content .form-assembly .nav-tabs > li.active > a:hover { opacity: 1; } body main .content .form-assembly .tab-content { border: 2px solid #F38F1D; margin-top: -2px; } body main .content .form-assembly .tab-content .wForm { color: #58595B; } body main .content .form-assembly .tab-content .wForm fieldset legend { font-family: inherit; font-size: 28px; margin: 10px 2px; padding: 0; } body main .content .form-assembly .tab-content .wForm .labelsAbove .preField { color: #58595B; } body main .content .form-assembly .tab-content .wForm .labelsAbove .preField { color: #58595B; font-size: 14px; margin-top: 8px; padding: 0; text-align: left; } body main .content .form-assembly .tab-content .wForm .postField { color: #58595B; } body main .content .form-assembly .tab-content .wForm .oneField { padding: 0; } body main .content .form-assembly .tab-content .wForm .oneField #tfa_2196-L, body main .content .form-assembly .tab-content .wForm .oneField #tfa_2234-L, body main .content .form-assembly .tab-content .wForm .oneField #tfa_2210-L, body main .content .form-assembly .tab-content .wForm .oneField #tfa_2211-L, body main .content .form-assembly .tab-content .wForm .oneField #tfa_2223-L, body main .content .form-assembly .tab-content .wForm .oneField #tfa_2879-L, body main .content .form-assembly .tab-content .wForm .oneField #tfa_2881-L, body main .content .form-assembly .tab-content .wForm .oneField #tfa_2190-L { line-height: 20px; white-space: normal; } body main .content .form-assembly .tab-content .wForm .oneField #tfa_2839 { width: auto !important; } body main .content .form-assembly .tab-content .wForm form .oneChoice label, body main .content .form-assembly .tab-content .wForm form .oneChoice .label { font-size: 13px; margin-left: 0; text-align: left; vertical-align: middle; } body main .content .form-assembly .tab-content .wForm input[type="text"], body main .content .form-assembly .tab-content .wForm input[type="password"], body main .content .form-assembly .tab-content .wForm input[type="file"], body main .content .form-assembly .tab-content .wForm input[type="button"], body main .content .form-assembly .tab-content .wForm textarea, body main .content .form-assembly .tab-content .wForm select { border-radius: 2px; color: #58595B; } body main .content .form-assembly .tab-content .wForm input[type="button"], body main .content .form-assembly .tab-content .wForm input[type="submit"] { background-color: #F38F1D; border: none; color: #FFF; font-style: italic; } body main .content .form-assembly .tab-content .wForm input[type="button"]:hover, body main .content .form-assembly .tab-content .wForm input[type="submit"]:hover { opacity: 0.8; } body main .content .form-assembly .tab-content .wForm input { max-width: 208px; } body main .content .form-assembly .tab-content .wForm input#tfa_1874 { width: auto !important; } body main .content .form-assembly .tab-content #wFormThankYouPage { width: 100%; } body main .content .form-assembly .tab-content .corporations-form-inner-wrapper { color: #666; padding: 14px 23px; } body main .content .form-assembly .tab-content .corporations-form-inner-wrapper > p { margin-bottom: 28px; } body main .content .form-assembly .tab-content .corporations-form-inner-wrapper .nf-before-form-content .nf-form-fields-required { margin-bottom: 57px; } body main .content .form-assembly .tab-content .corporations-form-inner-wrapper .nf-form-content { padding: 0; } body main .content .form-assembly .tab-content .corporations-form-inner-wrapper .nf-form-content .label-above .nf-field-label, body main .content .form-assembly .tab-content .corporations-form-inner-wrapper .nf-form-content .label-below .nf-field-label, body main .content .form-assembly .tab-content .corporations-form-inner-wrapper .nf-form-content .label-hidden .nf-field-label { margin-bottom: 0; } body main .content .form-assembly .tab-content .corporations-form-inner-wrapper .nf-form-content .label-above .nf-field-label label, body main .content .form-assembly .tab-content .corporations-form-inner-wrapper .nf-form-content .label-below .nf-field-label label, body main .content .form-assembly .tab-content .corporations-form-inner-wrapper .nf-form-content .label-hidden .nf-field-label label { font-size: 14px; font-weight: 700; } body main .content .form-assembly .tab-content .corporations-form-inner-wrapper .nf-form-content .list-checkbox-wrap .nf-field-element, body main .content .form-assembly .tab-content .corporations-form-inner-wrapper .nf-form-content .list-radio-wrap .nf-field-element { margin-top: 5px; } body main .content .form-assembly .tab-content .corporations-form-inner-wrapper .nf-form-content .list-checkbox-wrap .nf-field-element li label, body main .content .form-assembly .tab-content .corporations-form-inner-wrapper .nf-form-content .list-radio-wrap .nf-field-element li label { font-size: 14px; } body main .content .form-assembly .tab-content .corporations-form-inner-wrapper .nf-form-content .listradio-wrap .nf-field-element label.nf-checked-label::before { top: 0.32em; } body main .content .form-assembly .tab-content .corporations-form-inner-wrapper .nf-form-content input { max-width: 208px; } body main .content .form-assembly .tab-content .corporations-form-inner-wrapper .nf-form-content input[type="button"], body main .content .form-assembly .tab-content .corporations-form-inner-wrapper .nf-form-content input[type="submit"] { background-color: #F38F1D; border: none; color: #FFF; padding: 4px 15px; font-style: italic; } body main .content .form-assembly .tab-content .corporations-form-inner-wrapper .nf-form-content input[type="button"]:hover, body main .content .form-assembly .tab-content .corporations-form-inner-wrapper .nf-form-content input[type="submit"]:hover { opacity: 0.8; } body main .content .form-assembly .tab-content .corporations-form-inner-wrapper .nf-form-content input, body main .content .form-assembly .tab-content .corporations-form-inner-wrapper .nf-form-content textarea { background-color: #FFF; border-color: #888; border-radius: 2px; color: #58595B; height: auto; padding: 5px; } body main .content .form-assembly .tab-content .corporations-form-inner-wrapper .nf-form-content .ninja-title { color: #666; font-size: 28px; font-weight: bold; margin-bottom: 7px; } body main .content .form-assembly .tab-content .corporations-form-inner-wrapper .nf-form-content .nf-field-container.hr-container, body main .content .form-assembly .tab-content .corporations-form-inner-wrapper .nf-form-content .nf-field-container.hidden-container, body main .content .form-assembly .tab-content .corporations-form-inner-wrapper .nf-form-content .nf-field-container.hr-container { margin: 50px 0 40px; } body main .content .form-assembly .tab-content .corporations-form-inner-wrapper .nf-form-content .nf-field-container { margin-bottom: 20px; } body main .content .form-assembly .tab-content .nf-pass.field-wrap .nf-field-element::after, body main .content .form-assembly .tab-content .nf-error.field-wrap .nf-field-element::after { display: none; } body main .content .su-quote.su-quote-style-default { border-top: 5px solid #F38F1D; border-bottom: 5px solid #F38F1D; color: #2E486B; font-family: Georgia, serif; font-size: 18px; line-height: 30px; margin-bottom: 20px; padding: 20px 40px 25px; position: relative; } body main .content .su-quote.su-quote-style-default::before, body main .content .su-quote.su-quote-style-default::after { background-image: none; color: #F38F1D; font-size: 75px; font-style: normal; height: auto; position: absolute; width: auto; } body main .content .su-quote.su-quote-style-default::before { content: '“'; top: 40px; } body main .content .su-quote.su-quote-style-default::after { bottom: 0; content: '”'; } body main .content .su-quote.su-quote-style-default .su-quote-inner { text-align: center; } @media (min-width: 768px) { body main .content .su-quote.su-quote-style-default { font-size: 24px; line-height: 32px; padding: 25px 90px 30px; } body main .content .su-quote.su-quote-style-default::before, body main .content .su-quote.su-quote-style-default::after { font-size: 150px; top: 58%; } body main .content .su-quote.su-quote-style-default::after { bottom: auto; } body main .content .su-quote.su-quote-style-default .su-quote-inner { text-align: left; } } body main .sidebar { background-color: #EAE7E5; padding: 50px 30px; } body main .sidebar h3 { color: #F38F1D; font-size: 16px; font-weight: 800; margin: 0 0 10px; } body main .sidebar .events { margin-bottom: 40px; } body main .sidebar .events h3 a { color: #F38F1D; } body main .sidebar .events ul { list-style: none; padding: 0; } body main .sidebar .events ul li { margin-bottom: 20px; } body main .sidebar .events ul li .event-content .event-title { color: #F38F1D; font-size: 16px; } body main .sidebar .events ul li .event-content a.event-title:hover { opacity: 0.8; } body main .sidebar .events ul li .event-content .event-excerpt { } body main .sidebar .events ul li .event-content .event-excerpt a { color: #F38F1D; display: block; line-height: 24px; margin-bottom: 10px; } body main .sidebar .tile-links { margin-bottom: 20px; } body main .sidebar .tile-links .tile-link { background-color: #FFF; border: 1px solid #E4DDD8; display: flex; margin-bottom: 15px; } body main .sidebar .tile-links .tile-link:last-of-type { margin-bottom: 0; } body main .sidebar .tile-links .tile-link .image, body main .sidebar .tile-links .tile-link .caption { } body main .sidebar .tile-links .tile-link .image { background-position: top center; background-size: cover; height: auto; margin-bottom: 0; min-height: 76px; width: 88px; } body main .sidebar .tile-links .tile-link .caption { align-self: center; color: #F38F1D; margin-bottom: 0; padding: 8px 15px; transition: 200ms color ease-in; width: 145px; } body main .sidebar .tile-links .tile-link:hover .caption { color: #333; } body main .sidebar .free-text { margin-bottom: 30px; } body main .sidebar .su-quote.su-quote-style-default { border-top: 1px solid #F38F1D; border-bottom: 1px solid #F38F1D; color: #2E486B; font-family: Georgia, serif; font-size: 18px; line-height: 26px; margin-bottom: 20px; padding: 20px 15px 18px; position: relative; } body main .sidebar .su-quote.su-quote-style-default::before, body main .sidebar .su-quote.su-quote-style-default::after { background-image: none; color: #F38F1D; font-size: 75px; font-style: normal; height: auto; position: absolute; width: auto; } body main .sidebar .su-quote.su-quote-style-default::before { content: '“'; left: -19px; top: 40px; } body main .sidebar .su-quote.su-quote-style-default::after { bottom: 0; content: '”'; right: -19px; } body main .sidebar .su-quote.su-quote-style-default .su-quote-inner { text-align: left; } /* @media (min-width: 768px) { body main .sidebar .su-quote.su-quote-style-default { font-size: 24px; line-height: 32px; padding: 25px 90px 30px; } body main .sidebar .su-quote.su-quote-style-default::before, body main .sidebar .su-quote.su-quote-style-default::after { font-size: 150px; top: 58%; } body main .sidebar .su-quote.su-quote-style-default::after { bottom: auto; } body main .sidebar .su-quote.su-quote-style-default .su-quote-inner { text-align: left; } } */ body footer, body footer a { color: #FFF; } body footer { background-color: #95A0A9; padding: 50px 0 30px; } body footer .footer-column-1, body footer .footer-column-2, body footer .footer-contact { margin-bottom: 20px; } body footer .footer-column-1 .search { margin-bottom: 10px; position: relative; } body footer .footer-column-1 .search .search-input { background-color: #95A0A9; border: 2px solid transparent; border-radius: 0; color: #FFF; height: 30px; margin-left: 20px; padding: 0 10px; transition: 500ms all ease; width: 186px; } body footer .footer-column-1 .search .search-input::placeholder { color: #FFF; opacity: 1; } body footer .footer-column-1 .search .search-input:focus { border-color: #FFF; border-radius: 6px; margin-left: 30px; } body footer .footer-column-1 .search .fa-search { font-size: 20px; left: 0; position: absolute; top: 5px; } body footer .footer-column-1 .footer-signup .nf-form-content { padding: 0; } body footer .footer-column-1 .footer-signup .nf-form-content nf-fields-wrap { display: block; position: relative; } /* body footer .footer-column-1 .footer-signup .nf-form-content nf-fields-wrap nf-field:nth-of-type(3) { left: 205px; position: absolute; top: 25px; } @media (min-width: 1200px) { body footer .footer-column-1 .footer-signup .nf-form-content nf-fields-wrap nf-field:nth-of-type(3) { left: 255px; } } */ body footer .footer-column-1 .footer-signup .nf-before-form-content, body footer .footer-column-1 .footer-signup .nf-after-form-content { display: none !important; } body footer .footer-column-1 .footer-signup #nf-field-40-container { margin-bottom: 0; } body footer .footer-column-1 .footer-signup #nf-field-40-container #nf-field-40-wrap .nf-field-label { margin-bottom: 0 !important; } body footer .footer-column-1 .footer-signup #nf-field-40-container #nf-field-40-wrap .nf-field-element p { margin-bottom: 0; } body footer .footer-column-1 .footer-signup #nf-field-38-container #nf-field-38-wrap .nf-field-element #nf-field-38, body footer .footer-column-1 .footer-signup #nf-field-75-container #nf-field-75-wrap .nf-field-element #nf-field-75, body footer .footer-column-1 .footer-signup #nf-field-76-container #nf-field-76-wrap .nf-field-element #nf-field-76 { height: 30px; padding: 0 10px; } body footer .footer-column-1 .footer-signup #nf-field-38-container #nf-field-38-wrap .nf-field-element, body footer .footer-column-1 .footer-signup #nf-field-75-container #nf-field-75-wrap .nf-field-element, body footer .footer-column-1 .footer-signup #nf-field-76-container #nf-field-76-wrap .nf-field-element { width: 190px; } @media (min-width: 1200px) { body footer .footer-column-1 .footer-signup #nf-field-38-container #nf-field-38-wrap .nf-field-element, body footer .footer-column-1 .footer-signup #nf-field-75-container #nf-field-75-wrap .nf-field-element, body footer .footer-column-1 .footer-signup #nf-field-76-container #nf-field-76-wrap .nf-field-element { width: 240px; } } body footer .footer-column-1 .footer-signup #nf-field-38-container .nf-error.field-wrap .nf-field-element::after, body footer .footer-column-1 .footer-signup #nf-field-38-container .nf-pass.field-wrap .nf-field-element::after, body footer .footer-column-1 .footer-signup #nf-field-75-container .nf-error.field-wrap .nf-field-element::after, body footer .footer-column-1 .footer-signup #nf-field-75-container .nf-pass.field-wrap .nf-field-element::after, body footer .footer-column-1 .footer-signup #nf-field-76-container .nf-error.field-wrap .nf-field-element::after, body footer .footer-column-1 .footer-signup #nf-field-76-container .nf-pass.field-wrap .nf-field-element::after { height: 28px; line-height: 32px; transition: none; width: 28px; } body footer .footer-column-1 .footer-signup #nf-field-38-container .nf-pass.field-wrap .nf-field-element::after, body footer .footer-column-1 .footer-signup #nf-field-75-container .nf-pass.field-wrap .nf-field-element::after, body footer .footer-column-1 .footer-signup #nf-field-76-container .nf-pass.field-wrap .nf-field-element::after { font-size: 22px; right: -5px; } body footer .footer-column-1 .footer-signup #nf-field-39-container { margin-bottom: 0; } body footer .footer-column-1 .footer-signup #nf-field-39-container #nf-field-39-wrap .nf-field-element #nf-field-39 { background-color: transparent; border: 2px solid #FFF; border-radius: 15px; font-size: 12px; height: 30px; padding: 0 10px; text-transform: uppercase; } @media (min-width: 992px) { body footer .footer-column-1, body footer .footer-column-2, body footer .footer-contact { margin-bottom: 0; } } body footer .footer-column-1 a { display: block; } body footer .footer-column-1 a.social-icon { display: inline-block; font-size: 44px; margin-right: 12px; } @media (min-width: 992px) { body footer .footer-column-1 a.social-icon { font-size: 33px; } } @media (min-width: 1200px) { body footer .footer-column-1 a.social-icon { font-size: 44px; } } body footer .footer-column-1 a.social-icon:last-of-type { margin-right: 0; } body footer .footer-column-1 a.social-icon i { display: inline-block; vertical-align: top; } body footer .footer-column-2 a { background: transparent url(img/amazon-smile.png) no-repeat 0 0; display: block; font-size: 0; height: 36px; width: 150px; } @media (min-width: 992px) { body footer .footer-column-2 a { margin: 0 auto; } } body footer .footer-contact a, body footer .footer-contact p { line-height: 26px; margin-bottom: 0; } body footer .footer-contact a { display: block; } body footer .footer-contact .title { font-size: 16px; font-weight: 800; } body footer .footer-logos { text-align: left; } @media (min-width: 992px) { body footer .footer-logos { text-align: right; } } body footer .footer-logos .charity-navigator, body footer .footer-logos .guide-star { vertical-align: top; width: 75px; } body footer .footer-logos .charity-navigator { margin-right: 10px; } body footer .footer-logos .guide-star { } /*------------------------------------*\ PAGE-SPECIFIC STYLES/OVERRIDES \*------------------------------------*/ body.home { background: none; } body.home header { border-bottom: none; } body main .content p.home-intro { color: #F38F1D; font-size: 18px; line-height: 24px; margin-bottom: 40px; } @media (min-width: 992px) { body.home .container-bleed { position: relative; } body.home .container-bleed::after { background-color: #EAE7E5; content: ''; height: 100%; position: absolute; right: 0; top: 0; width: 50%; z-index: -1; } } body.home .container-bleed .container-shadow { box-shadow: none; } body.home main .content h1:first-of-type { display: none; } body.staff { } body.staff .staff-members { margin: 0 -15px; } body.staff .staff-members .staff-member { margin-bottom: 40px; opacity: 0; text-align: center; transition: 300ms opacity ease-in; } body.staff .staff-members .staff-member.loaded { opacity: 1; } @media (min-width: 768px) { body.staff .staff-members .staff-member { margin-bottom: 20px; } } body.staff .staff-members .staff-member .staff-member-image-wrapper { margin-bottom: 20px; overflow: hidden; } @media (min-width: 768px) { body.staff .staff-members .staff-member .staff-member-image-wrapper { height: 350px; } } @media (min-width: 992px) { body.staff .staff-members .staff-member .staff-member-image-wrapper { height: 290px; } } @media (min-width: 1200px) { body.staff .staff-members .staff-member .staff-member-image-wrapper { height: 234px; } } body.staff .staff-members .staff-member .staff-member-image-wrapper .staff-member-image { height: auto; width: 100%; } body.staff .staff-members .staff-member .staff-member-info-wrapper { } @media (min-width: 768px) { body.staff .staff-members .staff-member .staff-member-info-wrapper { height: 130px; } } body.staff .staff-members .staff-member .staff-member-info-wrapper .staff-member-name { color: #F38F1D; font-size: 18px; margin-bottom: 0; } body.staff .staff-members .staff-member .staff-member-info-wrapper .staff-member-title { color: #F38F1D; font-size: 15px; line-height: 22px; margin-bottom: 0; } body.staff .staff-members .staff-member .staff-member-info-wrapper .staff-member-email { border-bottom: none; color: #647A99; display: block; font-size: 14px; } body.staff .staff-members .staff-member .staff-member-info-wrapper .staff-member-or { display: inline-block; font-size: 14px; margin-bottom: 0; } body.staff .staff-members .staff-member .staff-member-info-wrapper .staff-member-phone { border-bottom: none; color: #647A99; font-size: 14px; margin-bottom: 0; } body.donate .content h1:first-of-type { display: none; } body.donate .donate { margin-bottom: 25px; text-align: center; } body.donate .donate a { border-bottom: none; } body.donate .donate .donate-image-section { /* height: 398px; */ margin-bottom: 20px; overflow: hidden; position: relative; } body.donate .donate .donate-image-section .donate-image-image { /* max-width: none; position: absolute; right: -100px; */ } @media (min-width: 720px) { body.donate .donate .donate-image-section .donate-image-image { /* right: 0; */ } } body.donate .donate .donate-image-section .donate-image-text-wrapper { bottom: 0; height: 100%; left: 0; /* padding: 20px 15px; position: absolute; */ right: 0; top: 0; width: 100%; } @media (min-width: 1200px) { body.donate .donate .donate-image-section .donate-image-text-wrapper { padding: 25px 50px 15px; } } body.donate .donate .donate-image-section .donate-image-text-wrapper .donate-image-title { color: #FFF; font-size: 26px; height: 215px; line-height: 28px; margin-bottom: 0; } @media (min-width: 1200px) { body.donate .donate .donate-image-section .donate-image-text-wrapper .donate-image-title { font-size: 36px; height: auto; line-height: 38px; margin-bottom: 99px; } } body.donate .donate .donate-image-section .donate-image-text-wrapper .donate-image-text-1 { background: rgba(255,255,255,0.8); border-radius: 5px; color: #333; font-size: 12px; font-weight: bold; line-height: 16px; margin-bottom: 10px; max-width: 280px; padding: 5px 12px; width: 100%; } @media (min-width: 1200px) { body.donate .donate .donate-image-section .donate-image-text-wrapper .donate-image-text-1 { background: none; font-size: 16px; line-height: 28px; margin-bottom: 22px; max-width: none; padding: 0; width: 40%; } } body.donate .donate .donate-image-section .donate-image-text-wrapper .donate-image-text-2 { color: #FFF; font-size: 14px; font-style: italic; line-height: 16px; margin-bottom: 0; max-width: 280px; width: 100%; } @media (min-width: 1200px) { body.donate .donate .donate-image-section .donate-image-text-wrapper .donate-image-text-2 { font-size: 12px; line-height: 14px; max-width: none; width: 34%; } } body.donate .donate .donate-form-section { background-color: #DFDDDC; padding: 32px 22px 45px; } body.donate .donate .donate-form-section .donate-select-section { } body.donate .donate .donate-form-section .donate-select-section .donate-select-title { color: #7E7972; font-size: 24px; font-weight: bold; margin-bottom: 16px; } body.donate .donate .donate-form-section .donate-select-section .donate-select-amounts { font-size: 0; } body.donate .donate .donate-form-section .donate-select-section .donate-select-amounts .donate-select-amount { background-color: #7E7972; border-radius: 10px; color: #FFF; display: inline-block; font-size: 20px; font-weight: bold; letter-spacing: 1px; line-height: 60px; margin-bottom: 28px; margin-right: 18px; padding: 0 20px; text-decoration: none; } @media (min-width: 1200px) { body.donate .donate .donate-form-section .donate-select-section .donate-select-amounts .donate-select-amount { font-size: 26px; line-height: 65px; } } body.donate .donate .donate-form-section .donate-select-section .donate-select-amounts .donate-select-amount:last-of-type { margin-right: 0; } body.donate .donate .donate-form-section .donate-select-section .donate-select-amounts .donate-select-amount.selected { background-color: #F38F1D; } body.donate .donate .donate-form-section .donate-select-amount-other-section { margin-bottom: 46px; } body.donate .donate .donate-form-section .donate-select-amount-other-section .donate-select-amount-other-title { color: #7E7972; font-size: 24px; margin-bottom: 16px; } body.donate .donate .donate-form-section .donate-select-amount-other-section .donate-select-amount-other-input-wrapper { position: relative; } body.donate .donate .donate-form-section .donate-select-amount-other-section .donate-select-amount-other-input-wrapper::before { color: #7E7972; content: '$'; font-size: 22px; left: 18px; position: absolute; top: 18px; } body.donate .donate .donate-form-section .donate-select-amount-other-section .donate-select-amount-other-input-wrapper .donate-select-amount-other-input { background-color: #FFF; border: 2px solid #7E7972; border-radius: 10px; color: #7E7972; font-size: 24px; height: 65px; padding: 0 15px 0 35px; width: 100%; } @media (min-width: 1200px) { body.donate .donate .donate-form-section .donate-select-amount-other-section .donate-select-amount-other-input-wrapper .donate-select-amount-other-input { width: auto; } } body.donate .donate .donate-form-section .donate-give-options-section { margin: 42px 0 44px; } body.donate .donate .donate-form-section .donate-give-options-section .donate-give-option-radio-row { margin-bottom: 3px; } body.donate .donate .donate-form-section .donate-give-options-section .donate-give-option-radio-row:last-of-type { margin-bottom: 0; } body.donate .donate .donate-form-section .donate-give-options-section .donate-give-option-radio-row label { color: #7E7972; font-size: 22px; font-weight: normal; position: relative; } body.donate .donate .donate-form-section .donate-give-options-section .donate-give-option-radio-row label::before { background-color: #FFF; border: 2px solid #D1C0AB; border-radius: 100%; content: ''; height: 30px; left: 0; position: absolute; top: 0; width: 30px; } body.donate .donate .donate-form-section .donate-give-options-section .donate-give-option-radio-row label.selected::before { background-color: #F38F1D; } body.donate .donate .donate-form-section .donate-give-options-section .donate-give-option-radio-row label input { margin-left: 20px; opacity: 0; } body.donate .donate .donate-form-section .donate-button-section { text-align: center; } body.donate .donate .donate-form-section .donate-button-section .donate-button { background-color: #F38F1D; border-radius: 10px; color: #FFF; display: inline-block; font-size: 32px; font-weight: bold; letter-spacing: 1px; line-height: 28px; padding: 26px 45px; } /*------------------------------------*\ POSTS (EVENTS) \*------------------------------------*/ body.single main .content .date { display: block; font-style: italic; margin-bottom: 20px; } body.single main .content .post-image { margin: 0 0 30px; } @media (min-width: 768px) { body.single main .content .post-image.post-image-wrap-left { float: left; margin: 0 30px 20px 0; } body.single main .content .post-image.post-image-wrap-right { float: right; margin: 0 0 20px 30px; } } body.single main .content .post-image.hide-featured-image { display: none; } body.single main .content h1 { margin-bottom: 8px; } body.single main .content .publish-author { margin-bottom: 0; } body.single main .content .publish-date { font-style: italic; font-weight: bold; margin-bottom: 15px; } /*------------------------------------*\ POSTS (ARTICLES LANDING PAGE) \*------------------------------------*/ body.archive main .content .article { border-bottom: 1px solid #C8CFD4; padding: 20px 0 0; } @media (min-width: 992px) { body.archive main .content .article > .col-md-2, body.archive main .content .article > .col-md-8 { display: flex; flex-direction: column; height: 180px; justify-content: center;; } } body.archive main .content .article h2 { font-weight: bold; margin-top: 0; margin-bottom: 0; } body.archive main .content .article h2 a { color: #F38F1D; } body.archive main .content .article .publish-date { font-style: italic; font-weight: bold; margin-bottom: 0; padding-bottom: 0; } body.archive main .content .article p .view-article { display: none; } body.archive main .content .article img { display: block; margin: 0 auto; max-width: 400px; padding-bottom: 20px; width: 100%; } @media (min-width: 992px) { body.archive main .content .article img { height: 180px; object-fit: contain; } } /*------------------------------------*\ PLUGIN-SPECIFIC OVERRIDES \*------------------------------------*/ /* Instagram */ #sb_instagram .sb_instagram_header { display: none; } #sb_instagram #sbi_images { background-color: #FFF; margin-bottom: 18px; padding: 2px !important; text-align: center; } #sb_instagram #sbi_images .sbi_item { width: auto !important; } #sb_instagram #sbi_images .sbi_item .sbi_photo_wrap .sbi_photo { background-image: none !important; background-size: none !important; height: auto !important; margin: 1px; } #sb_instagram #sbi_images .sbi_item .sbi_photo_wrap .sbi_photo img { display: block !important; height: 69px; width: 69px; } #sb_instagram #sbi_load .sbi_load_btn { background-color: #95A0A9; border-radius: 20px; display: inline-block !important; padding: 7px 20px; } /* Slideshow */ .slideshow { margin-bottom: 40px; opacity: 0; transition: 300ms opacity ease-in; } .slideshow.loaded { opacity: 1; } .slideshow .lSSlideOuter .lSSlideWrapper ul, .slideshow .lSSlideOuter .lSPager.lSGallery { align-items: center; display: flex; margin-top: 0 !important; } .slideshow .lSSlideOuter .lSSlideWrapper ul { background-color: #000; margin-bottom: 6px; } .slideshow .lSSlideOuter .lSSlideWrapper ul li { margin-bottom: 0 !important; } .slideshow .lSSlideOuter .lSSlideWrapper ul li img, .slideshow .lSSlideOuter .lSSlideWrapper ul li video { width: 100%; } .slideshow .lSSlideOuter .lSSlideWrapper .lSAction > a { border-bottom: none; opacity: 0.6; } .slideshow .lSSlideOuter .lSSlideWrapper .lSAction > a.lSPrev { left: 20px; } .slideshow .lSSlideOuter .lSSlideWrapper .lSAction > a.lSNext { right: 20px; } .slideshow .lSSlideOuter .lSSlideWrapper:hover .lSAction > a.lSPrev, .slideshow .lSSlideOuter .lSSlideWrapper:hover .lSAction > a.lSNext { opacity: 1; } .slideshow .lSSlideOuter .lSPager.lSGallery { /* display: none; */ } @media (min-width: 768px) { .slideshow .lSSlideOuter .lSPager.lSGallery { display: flex; } } .slideshow .lSSlideOuter .lSPager.lSGallery li { margin-bottom: 0 !important; margin-right: 6px !important; } .slideshow .lSSlideOuter .lSPager.lSGallery li.active, .slideshow .lSSlideOuter .lSPager.lSGallery li:hover { border-radius: 0; } .slideshow .lSSlideOuter .lSPager.lSGallery li a { border-bottom: none; } /* GDRP Cookie Notice Bar */ #cookie-law-info-bar span #cookie_action_close_header { display: block !important; font-weight: bold; margin: 15px 5px 5px 5px !important; } #cookie-law-info-bar span #cookie_action_close_header_reject { display: block !important; font-weight: bold; margin: 5px 5px 15px 5px !important; } #cookie-law-info-bar span #CONSTANT_OPEN_URL { display: block !important; } @media (min-width: 992px) { #cookie-law-info-bar span #cookie_action_close_header { display: inline-block !important; margin: 15px 5px 5px 5px !important; } #cookie-law-info-bar span #cookie_action_close_header_reject { display: inline-block !important; margin: 15px 5px 5px 5px !important; } #cookie-law-info-bar span #CONSTANT_OPEN_URL { display: inline-block !important; } } @media (min-width: 1200px) { #cookie-law-info-bar span br { display: none; } #cookie-law-info-bar span #cookie_action_close_header { margin: 5px 5px 5px 15px !important; } #cookie-law-info-bar span #cookie_action_close_header_reject { margin: 5px !important; } } /* All-In-One Calendar */ #ai1ec-container { overflow: auto; width: 100%; } .ai1ec-event-footer { display: none; } /* Scroll Top */ @media (min-width: 768px) { #wpfront-scroll-top-container { display: none !important; } } /* Jeff Overrides */ div.tile-buttons-wrap { width:100% !important; clear:both !important; overflow:auto !important; } img.volunteer-tile { float:left !important; cursor:pointer !important; margin:20px 20px 40px 0 !important; } h1.subhead { color:#58595B !important; font-size:32px !important; margin-top:40px !important; } /* Google Translate Switcher Overrides */ .switcher { border-bottom: 1px solid #CCC; font-family: inherit !important; margin-bottom: 30px; } .switcher a { border-bottom: none !important; display: block !important; } /* Global Messaging */ .global-messaging { padding: 10px 20px 15px; text-align: center; } .global-messaging p { margin-bottom: 0; } /* TEMPORARY DURING COVID */ @media (min-width: 768px) { body.covid .navbar-default .navbar-nav { padding-left: 33px; } body.covid .navbar-default .navbar-nav > li > a { font-size: 14px; padding-left: 10px; padding-right: 10px; } } @media (min-width: 992px) { body.covid .navbar-default .navbar-nav { padding-left: 40px; } body.covid .navbar-default .navbar-nav > li > a { font-size: 16px; padding-left: 20px; padding-right: 20px; } } @media (min-width: 1200px) { body.covid .navbar-default .navbar-nav { padding-left: 110px; } body.covid .navbar-default .navbar-nav > li > a { font-size: 16px; padding-left: 25px; padding-right: 25px; } } #menu-item-14130 { display: none; }