/* Theme Name: FOFG Theme Theme URI: http://underscores.me/ Author: Julio Liu Wong Author URI: http://jliuwong.com Description: Built on Feb 19, 2015 using the starter theme "Underscores" Version: 1.0.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: fofg-theme Tags: This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. FOFG Theme is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc. Normalizing styles have been helped along thanks to the fine work of Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/ */ /*-------------------------------------------------------------- Bootstrap Grid & Container Minified --------------------------------------------------------------*/ .btn-group-vertical>.btn-group:after,.btn-group-vertical>.btn-group:before,.btn-toolbar:after,.btn-toolbar:before,.clearfix:after,.clearfix:before,.container-fluid:after,.container-fluid:before,.container:after,.container:before,.dl-horizontal dd:after,.dl-horizontal dd:before,.form-horizontal .form-group:after,.form-horizontal .form-group:before,.modal-footer:after,.modal-footer:before,.nav:after,.nav:before,.navbar-collapse:after,.navbar-collapse:before,.navbar-header:after,.navbar-header:before,.navbar:after,.navbar:before,.pager:after,.pager:before,.panel-body:after,.panel-body:before,.row:after,.row:before{content:" ";display:table}.btn-group-vertical>.btn-group:after,.btn-toolbar:after,.clearfix:after,.container-fluid:after,.container:after,.dl-horizontal dd:after,.form-horizontal .form-group:after,.modal-footer:after,.nav:after,.navbar-collapse:after,.navbar-header:after,.navbar:after,.pager:after,.panel-body:after,.row:after{clear:both} .container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto} @media (min-width: 768px) { .container {width: 750px;} } @media (min-width: 992px) { .container {width: 970px;} } @media (min-width: 1200px) { .container {width: 1170px;} } .row{margin-right:-15px;margin-left:-15px} .col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{position:relative;min-height:1px;padding-right:15px;padding-left:15px}.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:auto}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:auto}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0} @media (min-width: 768px) { .col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:auto}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:auto}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-0{margin-left:0} } @media (min-width: 992px) { .col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:auto}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:auto}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-0{margin-left:0} } @media (min-width: 1200px) { .col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:auto}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:auto}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-0{margin-left:0} } /*-------------------------------------------------------------- General --------------------------------------------------------------*/ * { -webkit-tap-highlight-color:rgba(232,221,203,.3); -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } ::selection { color:#031634; background:rgba(232,221,203,.5); } ::-moz-selection { color:#031634; background:rgba(232,221,203,.5); } html { font-size:50%; } body { font-family:'Open Sans', Helvetica, Arial, sans-serif; font-size:1.6rem; font-weight:400; line-height:1.5; color:#444; margin:0; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; } h1,h2,h3,h4,h5,h6 { font-family:'Rosario', serif; color:#161f69; line-height:1.275; margin:0; padding:.5em 0; } h1 { font-size:3rem; } h2 { /* font-size:2.4rem; */ font-size:2.8rem; } h3 { /* font-size:1.8rem; */ font-size:2.4rem; } h4 { /* font-size:1.6rem; */ font-size:2rem; padding:1em 0; } h5 { /* font-size:1.4rem; */ font-size:1.8rem; padding:1em 0; } h6 { /* font-size:1.2rem; */ font-size:1.6rem; padding:1em 0; } p { margin:0 0 1.25em; } .entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 { clear: none; } .entry-content ul, .entry-content ol { margin: 0 0 1.25em; padding-left: 2em; } .entry-content ul li, .entry-content ol li { margin:0 0 1.25em; } a, a:visited { color:#161f69; } a:hover { color:#CDB380; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited { text-decoration:none; color:black; } h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { color:#161f69; } img { vertical-align:middle; } .wp-caption { background:#f0f0f0; } .wp-caption .wp-caption-text { font-size: 1.2rem; text-align: left; padding:.5em 2em 1.5em; margin-bottom: 0; } blockquote { margin: 0 0 1.25em 2em; position: relative; } blockquote p { margin:0; } blockquote p+p { margin-top:1.25em; } blockquote p+h2 { margin-top:0.8333em; } blockquote p+h3 { margin-top:1.1111em; } blockquote footer { font-style:italic; margin-bottom:0; } blockquote blockquote, blockquote ol, blockquote ul { margin-left:1.25em; margin-right:0.75em; } blockquote>blockquote { margin-top:0.75em } .note-block blockquote { font-style:normal; } blockquote mark { font-weight:bold; } blockquote strong mark, blockquote mark strong { font-style:italic; } /* Quotes for two levels of nested quotations */ q { quotes:'“' '”' '‘' '’'; } /* extra content definitions for pre-2011 WebKit */ q:before { content:'“'; content:open-quote; } q:after { content:'”'; content:close-quote; } q q:before { content:'‘'; content:open-quote; } q q:after { content:'’'; content:close-quote; } /* q in blockquote */ blockquote q:before { content:'‘'; content:open-quote; } blockquote q:after { content:'’'; content:close-quote; } blockquote q q:before { content:'“'; content:open-quote; } blockquote q q:after { content:'”'; content:close-quote; } /* hanging opening quote */ blockquote:before { color: #c6c6c6; content: "“"; display: block; font: italic 400%/1 Rosario, serif; left: -0.705em; position: absolute; top: -0.0775em; } .entry-content aside { font-size: 1.75rem; font-style: italic; font-weight: 600; margin: 2em 0; text-align: center; } .entry-content aside p , .entry-content aside blockquote { text-indent: 0; } .entry-content aside:before { border: 2px solid #dddddd; border-width: 2px 0 0; content: ''; display: block; height: 1px; margin: 0 auto 0.9125em; width: 54%; } .auto-3-col p.no-indent { text-indent: 0; } .content-letter-footer { font-size: 1.125rem; text-align: center; } .content-letter-footer .center-logo { margin: 4rem auto 0.8rem; width: 20%; } .content-letter-footer a { text-decoration: none; } /*-------------------------------------------------------------- Headers, Mastheads, Navigation --------------------------------------------------------------*/ #masthead { padding-top:1.5em; z-index:10; position:relative; } #primary{ padding-bottom:2.5em; } .site-branding { max-width:230px; float:left; margin-bottom:10px; } .site-branding a { display:block; text-decoration: none; font-size: 1.2rem; color:#161f69; } .tagline { display:block; text-align:right; margin-right:32px; white-space:nowrap; word-wrap:normal; } .lock-body { overflow:hidden; } #site-social-icons { clear: none; float: right; margin-bottom: .5em; width: auto; } #site-social-icons ul { list-style: none; margin: 0; padding-left: 0; } #site-social-icons li { color: #444444; float: left; margin-right: 1em; } .alt-home #site-social-icons li { color: #ffffff; } #site-social-icons li:last-child { margin-right: 0; } #site-social-icons a { color: #444444; } #site-social-icons a:hover { color: #161f69; } .alt-home #site-social-icons a, .alt-home #site-social-icons a:hover { color: #ffffff; } .main-navigation { float:right; width:auto; clear:right; /* padding-top:0;*/ padding-top: 0.5em; } .main-navigation li a { font-weight:700; font-size:1.8rem; color:#444; margin-right:1.5em; border-bottom:2px solid transparent; outline:none; letter-spacing: -0.08em; } .main-navigation li:last-child a { margin-right: 0; } .main-navigation .current-menu-item > a, .main-navigation li > a:hover { color:#161f69; border-bottom:2px solid #161f69; } .alt-home .main-navigation .current-menu-item > a, .alt-home .main-navigation li > a:hover { color:white; border-bottom-color:white; } .main-navigation .menu-item-has-children > a:hover, .alt-home .main-navigation li.menu-item-has-children > a:hover { border-color:transparent; } .alt-home .site-branding a { color: white; } .main-navigation ul .sub-menu { background: #ffffff; background: rgba( 255, 255, 255, 0.95 ); border: 2px solid #161f69; border-radius: 4px; box-shadow:none; overflow:hidden; padding: 0.25em; top: calc(1.8em - 2px); } .main-navigation ul li:hover > ul { left: -14px; } .page-home .main-navigation ul .sub-menu { background: #161f69; background: rgba( 22, 31, 105, 0.9 ); border: 2px solid #dddddd; } .main-navigation ul .sub-menu li { float:none; } .main-navigation ul .sub-menu li a { border-bottom: 2px solid #ffffff; border-bottom: 2px solid transparent; min-width: 136px; padding: 0.5em; width: 100%; } .main-navigation ul .sub-menu li a:hover { border-bottom: 2px solid #161f69; } .page-home .main-navigation ul .sub-menu li a { border-bottom: 2px solid #525252; border-bottom: 2px solid transparent; text-shadow: none; } .page-home .main-navigation ul .sub-menu li a:hover { border-bottom: 2px solid #ffffff; } #masthead.alt-home { position:absolute; z-index:7000; top:0; left:0; right:0; width:100%; } .alt-home .main-navigation li a { color:white; } .search-btn i { margin-right:.25em; } .search-modal { position:fixed; top:0; right:0; bottom:0; left:0; text-align:center; z-index:8000; opacity:0; visibility:hidden; -webkit-transition: opacity .3s 0s, visibility 0s .3s; -moz-transition: opacity .3s 0s, visibility 0s .3s; transition: opacity .3s 0s, visibility 0s .3s; } .show-div { visibility: visible; opacity: 1; -webkit-transition: opacity .3s 0s, visibility 0s 0s, background .3s ease; -moz-transition: opacity .3s 0s, visibility 0s 0s, background .3s ease; transition: opacity .3s 0s, visibility 0s 0s, background .3s ease; } .search-overlay { position:fixed; top:0; right:0; bottom:0; left:0; background:rgba(0,0,0,.75); z-index:8000; } .search-wrap { position: absolute; top: 50%; right: 0; left: 0; z-index:9000; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%); } .search-wrap .search-form input[type="search"] { padding:0 1em; font-size: 3rem; border: none; border-bottom: 2px solid black; border-radius: 0; -webkit-appearance: none; background:white; width: 50%; height:70px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } input { -webkit-appearance: none; border-radius: 0; } .search-wrap .search-form input[type="search"]:focus { outline:none; background:white; } .search-wrap .search-form input[type="submit"] { font-family:"FontAwesome"; font-size:2.2rem; background:white; color:#161f69; text-shadow:none; border:none; border-bottom:2px solid #161f69; border-radius:0; box-shadow:none; line-height:0; padding:1em 2em; height:70px; vertical-align:top; margin-left:-.25em; } .search-wrap .search-form input[type="submit"]:hover, .search-wrap .search-form input[type="submit"]:focus { background:#161f69; color:white; outline:none; } .menu-toggle { border: none; text-shadow: none; padding:0; line-height:44px; box-shadow: none; background: #f0f0f0; font-size: 1em; text-shadow:none; position: absolute; height:44px; width: 75px; top: 3.5em; right: 1em; z-index:9999; border-radius:.15em; } .menu-toggle:hover { box-shadow:none; background:white; } .menu-toggle:focus { outline:none; box-shadow:none; } .menu-toggle span { text-transform:uppercase; font-weight:700; } .alt-home .menu-toggle{ background: white; } .toggled { background: rgba(68,68,68,.95); width: 100%; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index:6000; } .main-navigation.toggled { padding-top: 2em; } .toggled .menu-toggle { display:block; } .toggled .menu-main-menu-container { position: absolute; height:100%; width: 100%; max-width:940px; left:0; right:0; margin:0 auto; } .main-navigation.toggled ul ul, .page-home .main-navigation.toggled ul ul { position:static; display:block; background:none; float:left; width:100%; margin-left:2em; border: none; border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; -webkit-border-radius: 0; padding: 0; } .main-navigation.toggled .nav-menu { position:absolute; height:90%; width:80%; overflow:hidden; overflow-y:scroll; top: 50%; right:0; left:0; margin:0 auto; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); } .main-navigation.toggled li { float:none; display:block; overflow:hidden; } .main-navigation.toggled li a, .main-navigation.toggled ul .sub-menu li a, .main-navigation.toggled .menu-item-has-children > a:hover, .page-home .main-navigation.toggled ul .sub-menu li a:hover, .alt-home .main-navigation.toggled li > a:hover { padding:.75em 0; font-size:1.8rem; margin:0; color:white; border-bottom:2px solid #888; } .main-navigation.toggled li a:hover, .main-navigation.toggled ul .sub-menu li a:hover, .main-navigation.toggled .menu-item-has-children > a:hover, .page-home .main-navigation.toggled ul .sub-menu li a:hover, .alt-home .main-navigation.toggled li > a:hover { color:#cdb380; } .main-navigation.toggled li.current-menu-item a, .main-navigation.toggled ul .sub-menu li.current-menu-item a, .main-navigation.toggled .menu-item-has-children.current-menu-item > a:hover, .alt-home .main-navigation.toggled li.current-menu-item > a:hover { border-bottom-color: #ffffff; } .main-navigation.toggled li.current-menu-ancestor a, .main-navigation.toggled ul .sub-menu li.current-menu-ancestor a { border-bottom-color: #888888; } .alt-home .site-branding, .alt-home #site-social-icons, .alt-home .menu-toggle, .alt-home .main-navigation:not(.toggled) .menu-main-menu-container { --Dark: rgba(0, 0, 0, 0.65); filter: drop-shadow(0 0 1px var(--Dark)) drop-shadow(0 0 3px var(--Dark)) drop-shadow(0 0 6px var(--Dark)); } .fa-bars.fa-times:before { content:"\f00d"; } .site-main .container{ position:relative; z-index:4; } .post-nav{ margin:2em auto; padding:0 15px; } .post-navigation a{ position:relative; border:1px solid #f0f0f0; border-top-width:4px; display:block; } .post-navigation .nav-previous, .post-navigation .nav-next{ float:none; display:block; width:100%; margin:0 auto 1em; } .post-navigation .nav-previous a{ padding:1em 1em 1em 4em; } .post-navigation .nav-next a{ padding:1em 4em 1em 1em; } .post-navigation a:after{ font-family:"FontAwesome"; font-size:2.6rem; position:absolute; padding:0 1em; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); } .post-navigation .nav-previous a:after{ content:"\f104"; left:0; } .post-navigation .nav-next a:after{ content:"\f105"; right:0; } #breadcrumbs{ font-size:1.2rem; } #breadcrumbs span i{ padding:0 .35em; } #breadcrumbs a{ text-decoration:none; color:#444; } #breadcrumbs a:hover{ color:#161f69; } #primary .search-form .search-field { border-radius: 0; background: #f0f0f0; padding: 10px; font-size: 1.6rem; margin-top: .5em; max-width: 400px; width: 50%; } #primary .search-form .search-field:focus, #primary .search-form .search-field:hover { background: white; } #primary .search-form .search-submit{ border-radius: 0; border: 1px solid #161f69; background: #161f69; line-height: 1.5; padding: 10px; font-size: 1.6rem; margin-top: .5em; color: white; box-shadow: none; max-width: 100px; width: 30%; font-family: FontAwesome; } #primary .entry-content input[type="submit"] { border: 1px solid #161f69; background: #161f69; line-height: 1.5; padding: 10px; font-size: 1.6rem; margin-top: .5em; color: white; box-shadow: none; text-shadow:none; } #primary .search-form .search-submit:hover, #primary .search-form .search-submit:focus, #primary .entry-content input[type="submit"]:hover, #primary .entry-content input[type="submit"]:focus { background: #CDB380; border: 1px solid #CDB380; } /*-------------------------------------------------------------- Transitions --------------------------------------------------------------*/ .main-navigation li a, .cta-btn, .home-excerpt p a, .slick-dots li button, .activities-list li a, .site-info a, .search-wrap .search-form input[type="submit"], .navigation li a, .wp-pagenavi a, .post-navigation a, #calendar_wrap .ui-datepicker-prev span:before, #calendar_wrap .ui-datepicker-next span:before, #calendar_wrap .wp-cal-datepicker-calendar tr td a, .mc4wp-form #mc4wp_email, .mc4wp-form .submit-wrap input, .menu-toggle, .search #primary .search-form .search-field, .search #primary .search-form .search-submit, #primary .entry-content input[type="submit"] { -webkit-transition:all .3s ease; -moz-transition:all .3s ease; transition:all .3s ease; } .news-row img, .post-card img, .multimedia-card .image-wrap img, .actnow-card img { -webkit-backface-visibility: hidden; -webkit-transition:opacity .3s ease; -moz-transition:opacity .3s ease; transition:opacity .3s ease; } /*-------------------------------------------------------------- Home Slider Plugin --------------------------------------------------------------*/ .cta-wrap { color:white; margin:24em 0 0 auto; background: rgba(0,0,0,.65); padding:4em 4em 8em; } .cta-wrap h3 { color:white; font-size:3.4rem!important; white-space: normal; } .cta-wrap p { font-size:1.6rem!important; line-height:1.4!important; letter-spacing:-.02em; white-space: normal; } .cta-wrap .overline { font-weight:700; color:white; border-bottom:1px solid white; padding-top:0; padding-bottom:.5em; margin-bottom:0; } .cta-btn { font-size:1.8rem!important; line-height:1.5!important; font-weight:700; text-transform:uppercase; text-decoration:none; cursor:pointer; color:white; } .cta-btn .fa{ font-size:1.6rem; } a.cta-btn { color:#161f69; display:inline-block; padding:.5em 1em; border-radius:.15em; background:white; border:none; box-shadow:0 1px 6px rgba(0,0,0,.5); } .cta-btn:hover { opacity:.8; } a.cta-btn:hover { background:#161f69; color:white; text-decoration:none; border:none; opacity:1; } .tparrows.preview3 { background:rgba(255,255,255,.6); width:50px; height:70px; } .tparrows.preview3:after { line-height: 70px; width:50px; height:70px; font-size:1.6rem; } .tparrows.preview3 .tp-arr-iwrapper { min-height:90px; background:rgba(0,0,0,.75); } .tparrows.preview3 .tp-arr-imgholder { min-width:90px; height:90px; } .tparrows.preview3 .tp-arr-titleholder { padding:1em; font-size:1.6rem; } .tp-leftarrow.preview3 .tp-arr-iwrapper { padding-left:50px; } .tp-rightarrow.preview3 .tp-arr-iwrapper { padding-right:50px; } .tp-bullets.preview3 .bullet { background:rgba(255,255,255,.6)!important; border:none!important; border-radius:50%; width:8px!important; height:8px!important; margin-right:4px!important; } .tp-bullets.preview3 .bullet:hover, .tp-bullets.preview3 .bullet.selected { border:none!important; width:8px!important; height:8px!important; } .tp-caption .container { padding:0; } /*-------------------------------------------------------------- Slick JS Overwrites --------------------------------------------------------------*/ .slick-dots { list-style:none; margin:0; padding:1em 0; text-align:center; } .slick-dots li { display:inline-block; padding:0 .25em; } .slick-dots li button { border-radius:50%; text-indent:-9999px; border:1px solid rgba(0,0,0,.2); background:white; height:15px; width:15px; box-shadow:none; padding:0; } .home .slick-dots li button { font-size: 12px; height: 20px; text-indent: 0; text-shadow: none; width: 20px; } .slick-dots li button:hover { border:1px solid #161f69; } .slick-dots li button:focus { outline:none; } .slick-dots .slick-active button { background:#161f69; color: #ffffff; } /*-------------------------------------------------------------- Visual Composer Overwrites --------------------------------------------------------------*/ .container-inner, .home-content .vc_row { margin-left:auto!important; margin-right:auto!important; } /*-------------------------------------------------------------- Calendar Widget Overwrite --------------------------------------------------------------*/ .widget_calendar{ width:290px; box-shadow: none; background: white!important; border: none!important; } #calendar_wrap .ui-datepicker-header{ font-size: 1.6rem; padding: 1em; line-height: 1.6; font-weight: 600; width: 100%; background:#161f69; } #calendar_wrap .ui-datepicker-prev span, #calendar_wrap .ui-datepicker-prev span:hover, #calendar_wrap .ui-datepicker-next span, #calendar_wrap .ui-datepicker-next span:hover { position:relative; background:none!important; text-indent:0; color:transparent!important; } #calendar_wrap .ui-datepicker-prev span:before{ font-family:"FontAwesome"; content:'\f137'; font-size:1.6rem; color:white; } #calendar_wrap .ui-datepicker-next span:before{ font-family:"FontAwesome"; content:'\f138'; font-size:1.6rem; color:white; } #calendar_wrap .ui-datepicker-prev:hover span:before, #calendar_wrap .ui-datepicker-next:hover span:before{ color:rgba(255,255,255,.5); } #calendar_wrap .calendar-pagi{ width: 100%; font-weight: 600; padding: 1em; background: white; border: 1px solid #ddd; border-top: 0; } .calendar-pagi ul{ padding: 0; margin: 0; list-style: none; } #calendar_wrap .calendar-pagi ul li a{ color: #161f69!important; font-size: 1.2rem; text-transform: none; } #calendar_wrap .calendar-pagi ul li a:hover{ color: black!important; font-size: 1.2rem; } #calendar_wrap table.wp-cal-datepicker-calendar{ border:1px solid #ddd; overflow-x:auto; display:block; } #calendar_wrap .wp-cal-datepicker-calendar tr td{ background: white; border: none; font-size:1.2rem; padding:3px 4px!important; } #calendar_wrap .wp-cal-datepicker-calendar tr td a{ font-size: 1.2rem; font-weight: 400; color: #666; border-radius: 50%; width: 32px; height: 32px; display: block; line-height: 32px; } #calendar_wrap .wp-cal-datepicker-calendar tr td a:hover{ font-size: 1.2rem; font-weight: 400; color: #161f69; text-decoration:none; background:#f0f0f0; } #calendar_wrap .wp-cal-datepicker-calendar tr td.WP-Cal-popup > a{ background:#161f69; color:white; font-weight:600; } #calendar_wrap .wp-cal-datepicker-calendar tr td.WP-Cal-popup{ background:none!important; } #calendar_wrap .wp-cal-datepicker-calendar tr th{ border-top:none; border-left: none; border-right: none; border-bottom: 1px solid #ddd; padding: 15px 4px!important; } .widget_calendar_small_size #calendar_wrap .wp-cal-datepicker-calendar tr td, .widget_calendar_small_size #calendar_wrap .wp-cal-datepicker-calendar tr th{ padding:0!important; } .widget_calendar_small_size #calendar_wrap .wp-cal-datepicker-calendar tr td a{ width:26px; height:26px; line-height:26px; } .widget_calendar_small_size #calendar_wrap .calendar-pagi{ max-width:184px; } /*-------------------------------------------------------------- Template: Homepage --------------------------------------------------------------*/ .subhead-inline { font-family:'Rosario', serif; font-size:3rem; color:#161f69; line-height:1.275; margin:0 .25em 0 0; padding:.5em 0; color:#161f69; font-weight:700; text-decoration:none; display:inline-block; } a.title-link{ font-size:1.6rem; font-family:"Open Sans", Helvetica, Arial, sans-serif; font-weight:700; color:#666; text-transform:uppercase; display:inline-block; text-decoration:none; } a.title-link:hover { color:#161f69; } .padded-div { padding-top:1em; padding-bottom:1em; } .home-excerpt { padding-top:2em; padding-bottom:2em; background:#161f69; } .home-excerpt .container { max-width:660px; width:92%; } .home-excerpt p { margin-top:1em; } .home-excerpt p a { color:white; font-weight:700; text-transform:uppercase; text-decoration:none; border:2px solid white; padding:.25em .75em; border-radius:.15em; } .home-excerpt p a:hover { color:#161f69; background:white; } .reversed { color:white; } .logo-reversed { max-width:200px; } .text-center { text-align:center; } .text-right { text-align:right; } .meta-group{ font-size:1.1rem; color:#666; margin:0; } .meta-link{ text-transform:uppercase; text-decoration:none; font-size:1.2rem; white-space: nowrap; } .meta-group .term-link{ text-decoration:none; color:inherit; } .meta-group .term-link:after{ content:','; color:#666; } .meta-group .term-link:hover{ color:#161f69; } .meta-group .term-link:last-child:after{ content:''; } .home-banner { background: #ffb102; border-bottom: 3px solid #161f69; border-top: 3px solid #161f69; } .home-banner img { width: 100%; } .news-row { margin-left:-.5em; margin-right:-.5em; } .news-row a:hover img, .post-card a:hover img, .actnow-card a:hover img { opacity:.75; } .news-loop-first, .news-loop { list-style:none; padding: 0; margin: 0; } .news-loop-first li { padding:0 .5em; } .news-loop li { width:50%; padding:0 .5em; display:block; vertical-align:top; float: left; } .posted-on { font-size:1.2rem; } .multimedia-card .image-wrap { display:block; position:relative; background:black; } .multimedia-card .image-wrap .fa-play { position:absolute; top:50%; width:33%; background:#161f69; border-radius:.25em; line-height:3; font-size:1.8rem; color:white; text-align:center; margin:0 auto; left:0; right:0; z-index:20; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%); } .multimedia-card .image-wrap img { opacity:.75; } .multimedia-card .image-wrap:hover img { opacity:1; } .home-two-col { border-top:2px solid #f4f4f4; padding-top:1em; padding-bottom:1em; position:relative; } .home-two-col div div .col-sm-6:last-child { background:#f4f4f4; } .activities-list { list-style:none; padding:0; margin:0; } .activities-list li { padding:0 0 2px; } .activities-list li a { display:block; padding:1.5% 5%; text-decoration:none; background:white; } .activities-list li h3 { align-items: center; display: flex; } .activities-list .fa-arrow-circle-right { flex-grow: 1; margin-left: .5em; text-align: right; } .activities-list li a:hover { background:#161f69; } .activities-list li a:hover h3 { color:white; } .lightgrey-bg h1 { padding-left:5%; padding-right:5%; } .home .col-md-4 .slick-track { height: 44rem; } .home-multimedia { background: #f4f4f4; padding: 2rem 0; } .home-multimedia .row { margin: 0 auto; text-align: left; width: 55%; } .home #primary { padding-bottom: 0; } .cd-top { display:block; position:fixed; z-index:4; bottom:2em; width:22px; height:22px; background:white; border:1px solid rgba(0,0,0,.15); font-size:1.4rem; line-height:22px; font-weight:700; text-align:center; text-decoration:none; right:2em; border-radius:.15em; opacity:0; visibility:hidden; -webkit-transition: opacity .3s 0s, visibility 0s .3s; -moz-transition: opacity .3s 0s, visibility 0s .3s; transition: opacity .3s 0s, visibility 0s .3s; } .cd-top:hover { background:#161f69; color:white; } .cd-top:focus { outline:none; } .cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover { -webkit-transition: opacity .3s 0s, visibility 0s 0s, background .3s ease; -moz-transition: opacity .3s 0s, visibility 0s 0s, background .3s ease; transition: opacity .3s 0s, visibility 0s 0s, background .3s ease; } .cd-top.cd-is-visible { visibility: visible; opacity: 1; } .cd-top.cd-fade-out { opacity: .5; } .vos-card { font-size:1.3rem; margin-bottom:3em; border-bottom:2px solid #f4f4f4; overflow:hidden; } .vos-card:last-child { border-bottom:none; } .vos-card h3 { padding-top:0; } .vos-image { float:right; margin-left:1.5em; margin-bottom:1.5em; max-width:90px; } .excerpt-wrap { overflow:hidden; } .home #primary .widget-area { padding:0; width:100%; } .home #primary .widget-area .widget-area-inner { background: none; border-top: none; padding: 0; } /*-------------------------------------------------------------- Footer --------------------------------------------------------------*/ .site-footer { z-index: 2; position: relative; background:#444; } .site-footer .widget-area .textwidget > p, .site-footer .widget-area .textwidget > a { width:33.333%; float:left; padding:1%; } .site-footer .widget-area{ padding-right:0; } .site-footer h6 { font-family: inherit; font-size: inherit; padding: 0; display: inline; } .site-footer h6 a { color:white; } .site-footer .col-md-8 p { display:inline; } #menu-footer-menu { list-style:none; padding:1em 0; margin:0; border-bottom:1px solid #888; } #menu-footer-menu li a { color:white; font-size:1.4rem; font-weight:700; padding:.25em 1em; text-decoration:none; } #menu-footer-menu li a:hover { text-decoration:underline; } .site-info { border-top:1px solid #888; } .site-info { font-size:1.5rem; color:white; } .site-info a { color:white; font-weight:700; text-decoration:none; } .site-info a:hover{ color:#aaa; } /*-------------------------------------------------------------- Other Pages --------------------------------------------------------------*/ .single #main .container, .page .has-post-thumbnail .container, .loop-wrap .container { padding-top:3em; } .single .entry-meta{ margin-top: -1em; margin-bottom: 2em; padding-bottom:1em; border-bottom:1px solid #eee; } .entry-content { margin-top:0; } .entry-content figure { margin: 0 0 1.5em; } .entry-content figure.aligncenter { margin-left: auto; margin-right: auto; } .entry-content figure.alignleft { margin-right: 1.5em; } .entry-content figure.alignright { margin-left: 1.5em; } .entry-content img.alignright, .entry-content img.alignleft{ margin-bottom:1.5em; } .entry-content h1, .loop-content h1 { border-bottom:1px solid #161f69; margin-bottom:1em; } .entry-content img { max-width:100%; } .entry-content .first-sentence { font-weight: bold; text-transform: uppercase; } ul.entry-source li { margin-bottom: 0.6em; } ul.entry-source h3 { padding: 0; } ul.entry-source h3 a { color: #161f69; display: inline-block; font-style: italic; vertical-align: top; } ul.entry-source h3 a.no-italic { font-style: normal; } ul.entry-source .source-url { color: #c6c6c6; display: block; font-size: 0.7em; font-weight: 400; line-height: 1; } ul.entry-source h3 a:hover , ul.entry-source h3 a:hover .source-url { color: #cdb380; } .page-header { margin-top:.5em; margin-left:auto; margin-right:auto; max-width:1920px; max-height:650px; overflow:hidden; position:relative; z-index:2; } .page-header img { width:100%; } .page-header.inner-section{ margin:0 15px 2em; } .vc_toggle{ padding-bottom:1em!important; border-bottom:2px solid #f7f7f7; } .vc_toggle_title h4 { font-size:2.4rem; color:black; } .vc_toggle_title h4:hover { color:#161f69; } .search-header{ margin:1em 0 2em; padding:4em 0 2em; background:#161f69; } .search-header .page-title{ color:white; } .search .entry-header h2 { border-bottom:1px solid black; margin-bottom:1em; } .entry-header img{ width:100%; } .entry-summary { margin:0; } .single-act-now .post-nav{ /*Hides Post Navigation on certain pages*/ display:none; } /*-------------------------------------------------------------- Loops --------------------------------------------------------------*/ .loop-wrap { padding-bottom:1.5em; } .post-loop { list-style:none; margin:0; padding:0; } .post-loop .post-card { padding-bottom:1em; margin-bottom:1em; border-bottom:2px solid #f7f7f7; } .post-loop .post-description { overflow:hidden; } .post-loop .post-description p{ margin:0; } .post-title { font-family:'Rosario', serif; color:black; font-size:2.4rem; line-height:1.275; font-weight:700; text-decoration:none; } .actnow-card{ margin-bottom:2em; } .actnow-card h3{ display:inline; overflow:hidden; } .actnow-thumb{ float:right; max-width:140px; margin-left:1em; } .actnow-excerpt p{ margin:0; font-size:1.4rem; } .actnow-excerpt a{ display:block; margin-top:1em; } .actnow-excerpt a, .stories-loop .meta-link{ font-weight:700; text-decoration:none; } .actnow-excerpt a:after, .stories-loop .meta-link:after{ font-family:"FontAwesome"; content:"\f0a9"; margin-left:.25em; } .column-list{ padding:0; list-style:none; } .column-list .col-sm-6{ float:none; display:inline-block; vertical-align:top; width:100%; } .stories-loop{ margin:0; padding:0; list-style:none; } .stories-card{ margin-bottom:2em; } .stories-excerpt{ padding:2em 0; } .stories-excerpt p{ margin:1em 0; } /*-------------------------------------------------------------- Sign Up Form --------------------------------------------------------------*/ .site-footer .form-title{padding-bottom:0;} .mc4wp-form .form-title, .site-footer .notice { color:white; font-family:'Rosario', serif; font-weight:700; line-height:1.275; margin:0; padding:0 0 .5em; font-size:1.8rem; } .mc4wp-form label{display:none;} .mc4wp-form .label-wrap{width:70%;display:inline-block;vertical-align:bottom;margin-bottom:1em;} .mc4wp-form .submit-wrap{width:30%;display:inline-block;vertical-align:bottom;margin-bottom:1em;} .mc4wp-form #mc4wp_email { border-radius:0; border:0; border-bottom:2px solid #ffffff; background:rgba(0,0,0,.25); width:100%; padding:10px; font-size:1.6rem; margin-top:.5em; color:#ffffff; } .mc4wp-form #mc4wp_email:focus { background:rgba(0,0,0,.5); outline:0; } .mc4wp-form .submit-wrap input, #primary .content_mc4wp_form_widget input[type="submit"] { background: #ffffff; border: 0; border-radius: 0; border-bottom: 2px solid #ffffff; box-shadow: none; color: #161f69; font-size: 1.6rem; line-height: 1.5; margin-top: .5em; padding: 10px; text-shadow: none; width: 100%; } .mc4wp-form .submit-wrap input:hover, #primary .content_mc4wp_form_widget input[type="submit"]:hover, .mc4wp-form .submit-wrap input:focus, #primary .content_mc4wp_form_widget input[type="submit"]:focus { background: #161f69; border: 0; border-bottom: 2px solid #fff; color: #fff; outline: 0; } .mc4wp-alert{color:white;background:black;padding:.25em;margin-top:-1em;} .widget_mc4wp_form_widget { margin-left: -2em!important; margin-right: -2em!important; } .widget_mc4wp_form_widget, .content_mc4wp_form_widget { background: #ffb102; border-bottom: 1px solid #161f69; padding: 1rem 1.5rem 1.5rem; } .widget.widget_mc4wp_form_widget, .content_mc4wp_form_widget { margin-bottom: 0.25em; } .content_mc4wp_form_widget { border-bottom-width: 3px; border-top: 3px solid #161f69; clear: both; margin-bottom: 0.25rem; padding-top: 0; } .home .content_mc4wp_form_widget { margin-bottom: 0; padding: 0 0 1.5rem; } .widget_mc4wp_form_widget .mc4wp-form .label-wrap, .content_mc4wp_form_widget .mc4wp-form .label-wrap, .widget_mc4wp_form_widget .mc4wp-form .submit-wrap, .content_mc4wp_form_widget .mc4wp-form .submit-wrap { box-shadow: 1px 1px 1px 1px #161f69; margin: 0; } .widget_mc4wp_form_widget .mc4wp-form #mc4wp_email, .content_mc4wp_form_widget .mc4wp-form #mc4wp_email, .widget_mc4wp_form_widget .mc4wp-form .submit-wrap input, .content_mc4wp_form_widget .mc4wp-form .submit-wrap input, #primary .content_mc4wp_form_widget input[type="submit"], #primary .widget_mc4wp_form_widget input[type="submit"] { font-weight: 700; margin-top: 0; padding: 5px; } .content_mc4wp_form_widget .mc4wp-form #mc4wp_email, .content_mc4wp_form_widget .mc4wp-form .submit-wrap input, #primary .content_mc4wp_form_widget input[type="submit"] { padding: 10px; } .widget_mc4wp_form_widget .mc4wp-form #mc4wp_email, .widget_mc4wp_form_widget .mc4wp-form .submit-wrap input, #primary .widget_mc4wp_form_widget input[type="submit"] { font-size: 1.2rem; } .widget-area .mc4wp-alert { font-size: 1.4rem; } .widget_mc4wp_form_widget .mc4wp-alert, .content_mc4wp_form_widget .mc4wp-alert { margin: 0; } .widget_mc4wp_form_widget .mc4wp-form .form-title, .content_mc4wp_form_widget h2 { color: #fff; font-size: 2.4rem; text-shadow: 2px 1px 0 #161f69; } .content_mc4wp_form_widget .mc4wp-form .form-title { display: none; } /* .content_mc4wp_form_widget .mc4wp-form .label-wrap , .content_mc4wp_form_widget .mc4wp-form .submit-wrap { border-bottom: 3px solid #161f69; } .content_mc4wp_form_widget .mc4wp-form input { border-bottom: none; margin: 0; } .content_mc4wp_form_widget .mc4wp-form #mc4wp_email { background: #fff; border: 1px solid #ccc; border-bottom: none; border-right: none; color: #666; } */ .widget_mc4wp_form_widget .mc4wp-form #mc4wp_email, .content_mc4wp_form_widget .mc4wp-form #mc4wp_email { background: #ffe4a7; background: rgba(255,255,255,.65); color: #161f69; } .widget_mc4wp_form_widget .mc4wp-form #mc4wp_email:focus, .content_mc4wp_form_widget .mc4wp-form #mc4wp_email:focus { background: #fff3d9; background: rgba(255,255,255,.85); } .content_mc4wp_form_widget p { margin: 0; } .content_mc4wp_form_widget a, .content_mc4wp_form_widget a:hover { border-bottom: 2px solid transparent; color: #161f69; display: inline-block; font-weight: bold; margin-top: 0.75em; text-decoration: none; } .content_mc4wp_form_widget a:hover { border-bottom: 2px solid #161f69; } /*-------------------------------------------------------------- Sidebar --------------------------------------------------------------*/ .widget-area { clear:both; } .widget-area i { font-size:2rem; margin-left:.25em; } .widget-area-inner { background:#f7f7f7; border-top:4px solid #161f69; padding:0 2em; } .widget{ margin:0; } .widget_text a{ text-decoration:none; } .widget-title { font-size:1.8rem; font-family:'Rosario', serif; color:#161f69; line-height:1.275; font-weight:700; } .widget-area .menu, .dpe-flexible-posts, .list-custom-taxonomy-widget ul { list-style:none; margin:0; padding:0 0 1em; } .widget-area .menu li, .dpe-flexible-posts li, .list-custom-taxonomy-widget ul li { border-top:1px solid #ddd; padding:.5em 0; margin:0; font-size:1.4rem; line-height:1.25; } .widget-area .menu li a, .dpe-flexible-posts li a, .list-custom-taxonomy-widget ul li a { text-decoration:none; color:#444; display:block; } .widget-area .menu li a:hover, .dpe-flexible-posts li a:hover, .list-custom-taxonomy-widget ul li a:hover { color:#161f69; } .widget-area .menu .current-menu-item a, .current-cat a { font-weight:700; color:black; } .video-widget{ padding:0; margin:0 -2em; } .video-widget .video-title{ display:block; font-size:1.4rem; font-family:'Rosario', serif; color:#161f69; line-height:1.275; font-weight:700; padding:.5em 0; } .video-widget li{ padding:1em 2em; border-top:none; border-bottom:1px solid #d2d2d2; } .video-widget .multimedia-card .image-wrap .fa-play{ line-height:2.5; margin: 0; top: auto; left: auto; bottom: 0; border-radius: 0; -webkit-transform: none; -moz-transform: none; transform: none; } .more-link{ font-family: 'Rosario', serif; color: #161f69; line-height: 1.275; font-size:1.2rem; font-weight:700; display:block; background:#f4f4f4; margin:0; padding:1em 2em; text-align:center; text-decoration:none; } .more-link:hover{ color:black; } .video-widget .multimedia-card .image-wrap { height: 0; padding-bottom: 65%; overflow:hidden; } /*-------------------------------------------------------------- Share JS --------------------------------------------------------------*/ .sharrre { display: inline-block; vertical-align:middle; font-family: Helvetica, Arial, sans-serif; font-weight: normal; padding:1px 0; margin-right: .1em; overflow: hidden; position: relative; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .share-before{ padding-top:.5em; } .share-before span{ font-size:1.2rem; display:block; } .sharrre .share, .sharrre .count { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border: none; display: inline-block; padding: 0; text-decoration: none !important; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .sharrre .share { color: #fff; float: left; text-decoration: none; } .sharrre:hover .share { border: none; color: #fff; text-decoration: none; } .sharrre .count { background-color: #fff; font-weight:700; position: relative; text-align: center; line-height:24px; } .share-small .share, .share-small .count { font-size: 1.2rem; font-weight:700; height: 24px; line-height: 26px; } .share-small .share { border-top-left-radius:0; border-bottom-left-radius:0; padding: 0 0 0 28px; width: 24px; } .share-small .sharrre:hover .share { width: 66px; } .share-small .facebook:hover .share { width: 56px; } .share-small .pinterest:hover .share { width: 51px; } .share-small .googlePlus:hover .share { width: 46px; } .share-small .count { border-top-right-radius:0; border-bottom-right-radius:0; float: right; width: 38px; } .share-small .no-count .share { border-top-right-radius:0; border-bottom-right-radius:0; width: 65px; } /* Icons */ .share-small .share:before { line-height:24px; display: block; font-family: 'FontAwesome'; font-size: 14px; height: 24px; top:0; left:0; -webkit-font-smoothing: antialiased; position: absolute; width:30px; text-align:center; } .twitter .share:before { content: '\f099'; } .facebook .share:before { content: '\f09a'; } .googlePlus .share:before { content: '\f0d5'; } .linkedin .share:before { content: '\f0e1'; } .share-filled .twitter .share { background: #09b0ed; } .share-filled .twitter .count, .share-filled .twitter .count:hover { color: #09b0ed; border: 1px solid #09b0ed; } .share-filled .facebook .share { background: #3d5a98; } .share-filled .facebook .count, .share-filled .facebook .count:hover { color: #3d5a98; border: 1px solid #3d5a98; } .share-filled .googlePlus .share { background: #dd4c39; } .share-filled .googlePlus .count, .share-filled .googlePlus .count:hover { color: #dd4c39; border: 1px solid #dd4c39; } .share-filled .linkedin .share { background: #035a87; } .share-filled .linkedin .count, .share-filled .linkedin .count:hover { color: #035a87; border: 1px solid #035a87; } .share-filled .twitter:hover .count { background: #09b0ed !important; } .share-filled .facebook:hover .count { background: #3d5a98 !important; } .share-filled .googlePlus:hover .count { background: #dd4c39 !important; } .share-filled .linkedin:hover .count { background: #035a87 !important; } .share-filled .sharrre:hover .count { color: #fff; } /* Hide Share and Date for Donation Success/Cancellation */ #post-8639 .entry-meta, #post-8641 .entry-meta { display: none; } /*-------------------------------------------------------------- New Pagination --------------------------------------------------------------*/ .page-numbers { padding:0; margin:0 0 2em; list-style:none; position:relative; text-align:center; } .wp-pagenavi{ position:relative; text-align:center; margin:0 0 2em; } .navigation li span, .navigation li a, .navigation li a:hover, .navigation li.active a, .navigation li.disabled, .wp-pagenavi a, .wp-pagenavi span { color:#161f69; font-weight:700; text-decoration:none; } .navigation li, .wp-pagenavi a, .wp-pagenavi span { display: inline-block; vertical-align:top; padding:.25em 0; } .navigation li a, .navigation li span { display:block; border-radius:.25em; padding:.25em 1rem; } .wp-pagenavi a, .wp-pagenavi span { border-radius:.25em; padding:.25em 1rem; margin:.15em; } .navigation li span, .navigation li a:hover, .navigation li.active a, .navigation li.disabled, .wp-pagenavi a:hover, .wp-pagenavi span { color:white; background-color:#161f69; } /*-------------------------------------------------------------- Landing Page --------------------------------------------------------------*/ #video-container-outline { -webkit-transition-delay: 0s; transition-delay: 0s; -webkit-transition-duration: 0.25s; transition-duration: 0.25s; -webkit-transition-property: all; transition-property: all; -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; position: relative; width: 100%; padding: 50px 0 100px 0; } #video-container-outline:before, #video-container-outline:after { content: " "; display: table; } #video-container-outline:after { clear: both; } .video-wrapper { margin: 0 auto; padding-left: 15px; padding-right: 15px; } .video-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; margin-bottom: 10px; } .video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .sy-promo-videos-item { position: relative; margin-bottom: 30px; min-height: 1px; width: 100%; } .sy-promo-videos-item:nth-child(4n) { margin-right: 0; } .sy-promo-videos-item a { display: block; text-align: center; text-decoration: none; } .sy-promo-videos-item img { display: block; width: 100%; height: auto; margin-bottom: 10px; } /*-------------------------------------------------------------- Miscellaneous --------------------------------------------------------------*/ /* Hide Google ReCaptcha Badge */ /* Note: Must show terms on forms with e.g. This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply. */ .grecaptcha-badge { visibility: hidden; } /*-------------------------------------------------------------- Media Queries --------------------------------------------------------------*/ @media only screen and (max-width:768px) { div.tp-caption { bottom: 0; top: auto!important; left: 0!important; right: 0!important; } .search-wrap .search-form input[type="search"] { width:70%; } .search-wrap .search-form input[type="submit"] { padding:1em; } .tp-bullets, .tparrows.preview3:hover .tp-arr-iwrapper { display:none; } .tparrows.preview3, .tparrows.preview3:after { width:32px; } .cta-wrap { max-height: 375px; min-width: 500px; overflow-y: auto; } .cta-wrap h3 { font-size:2.4rem!important; } .widget_calendar { width:300px; } #calendar_wrap .wp-cal-datepicker-calendar tr th, #calendar_wrap .wp-cal-datepicker-calendar tr td { padding-left: 5px!important; padding-right: 5px!important; } .home-multimedia .row { width: 85%; } } @media screen and (hover: none) { #site-social-icons { position: absolute; right: 1em; top: 1em; } } @media screen and (max-width: 767px) { #site-social-icons { position: absolute; right: 1em; top: 1em; } } @media only screen and (max-width:540px) { .cta-wrap { max-height: 375px; min-width: 284px; overflow-y: auto; } } @media only screen and (max-width:991px) { .list-custom-taxonomy-widget .widget-title h2 { position:relative; cursor:pointer; padding-bottom:1em; } .list-custom-taxonomy-widget .widget-title h2:hover { color:#CDB380; } .list-custom-taxonomy-widget .widget-title h2:after { position:absolute; right:0; content:'Expand \f0d7'; font-family:FontAwesome; font-size:1.6rem; padding:.5em 0; } .list-custom-taxonomy-widget .expanded h2:after { position:absolute; right:0; content:'Collapse \f0d8'; font-family:FontAwesome; } .list-custom-taxonomy-widget ul { display:none; } .list-custom-taxonomy-widget ul.expand { display:block; } .widget-area-inner { margin-bottom:2em; } .home-multimedia .row { width: 85%; } } @media only screen and (min-width:414px) { .share-before span{ display:inline-block; vertical-align:middle; } .entry-content img.alignright, .entry-content img.alignleft{ width:50%; } } /* @media (max-width: 48em) and (min-width: 30.0625em) { */ @media only screen and (max-width:768px) and (min-width:414px) { .sy-promo-videos-item { width: 48.5%; float: left; margin-right: 2.9%; } .sy-promo-videos-item:nth-child(2n) { margin-right: 0; } } @media only screen and (min-width: 769px) { /* .main-navigation { padding-top:2em; } */ .cta-wrap { max-width:420px; background:rgba(0,0,0,.75); padding:1.5em; margin:0 0 0 auto; border-radius:.25em; } .news-loop-first, .news-loop { width:50%; float:left; } .tp-caption .container { padding:0 15px; } .cd-top { right:1em; bottom:1em; width:44px; height:44px; line-height:44px; font-size:1.8rem; } .home-two-col div div .col-sm-6:first-child { padding-right:5%; } .home-two-col div div .col-sm-6:last-child { padding-left:5%; } .home-two-col:after { content:''; background:#f4f4f4; position:absolute; width:50%; top:0; right:0; bottom:0; z-index:-1; } #menu-footer-menu { text-align:center; } #menu-footer-menu li { display:inline-block; } .widget-area { padding-right:2em; } .post-loop .post-thumb { max-width:250px; margin-left:1em; float:right; } .news .post-thumb{ max-width:220px; } .page-numbers .prev, .previouspostslink { position:absolute; left:0; top:0; } .page-numbers .next, .nextpostslink { position:absolute; right:0; top:0; } .column-list .col-sm-6{ width:50%; } .stories-thumb{ width:50%; max-height:300px; overflow:hidden; } .stories-loop li:nth-child(odd) .stories-thumb{ float:left; margin-right:2em; } .stories-loop li:nth-child(even) .stories-thumb{ float:right; margin-left:2em; } .stories-loop h2{ display:inline; } /* @media (min-width: 48em) { */ #video-container-outline { max-width: 1010px; margin-left: auto; margin-right: auto; padding-left: 0; padding-right: 0; } #video-container-outline:after { content: " "; display: block; clear: both; } .sy-promo-videos-item { float: left; width: 23.9726%; margin-right: 1.36986%; } .sy-promo-videos-item { overflow: hidden; } /* } */ } @media (min-width:992px) { html { font-size:62.5%; } .stories-thumb{ width:540px; } #main .container .row > .col-md-9 { float:right; } .widget-area { clear:none; } .auto-3-col { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; -webkit-column-gap: 2rem; -moz-column-gap: 2rem; column-gap: 2rem; } .auto-3-col h2 , .auto-3-col h3 { margin-top: 1.45em; padding: 0; } .auto-3-col p , .auto-3-col blockquote { margin-bottom: 0; text-indent: 1.5rem; } .auto-3-col blockquote { font-style: italic; margin: 1.5em 0 1.5em 1.5rem; } .auto-3-col blockquote:before { content: ''; display: none; } } @media (min-width:1440px) { .post-navigation .nav-previous { width: auto; display: block; top: 0; bottom: 0; left: 0; margin: 0 auto; position: fixed; z-index: 4; } .post-navigation .nav-next { width: auto; display: block; top: 0; bottom: 0; right: 0; margin: 0 auto; position: fixed; z-index: 4; } .post-navigation a{ font-size:1.4rem; line-height:1.2; font-weight:700; text-decoration:none; display:block; width:200px; height:200px; opacity:.75; background:white; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); } .post-navigation a:after{ top:1em; -webkit-transform: none; -moz-transform: none; transform: none; } .post-navigation .nav-previous a{ position:absolute; left:-144px; padding:1em 4em 1em 1em; } .post-navigation .nav-next a{ position:absolute; right:-144px; padding:1em 1em 1em 4em; } .post-navigation .nav-previous a:after{ right:0; left:auto; } .post-navigation .nav-next a:after{ left:0; right:auto; } .post-navigation .nav-previous a:hover{ opacity:1; color:black; left:0; border-color:#ddd; } .post-navigation .nav-next a:hover{ opacity:1; color:black; right:0; border-color:#ddd; } .post-navigation a:before { position:absolute; width:127px; bottom:4em; font-size:1rem; padding:1em; } .post-navigation .nav-previous a:before{ content: 'Previous Article'; right:-50%; text-align:right; -webkit-transform:translateX(-50%) rotate(-90deg); -moz-transform:translateX(-50%) rotate(-90deg); transform:translateX(-50%) rotate(-90deg); } .post-navigation .nav-next a:before{ content: 'Next Article'; left:-50%; text-align:left; -webkit-transform:translateX(50%) rotate(90deg); -moz-transform:translateX(50%) rotate(90deg); transform:translateX(50%) rotate(90deg); } .widget_calendar{ width: 360px; } #calendar_wrap .wp-cal-datepicker-calendar tr th, #calendar_wrap .wp-cal-datepicker-calendar tr td { padding-left: 9px!important; padding-right: 9px!important; } }