/* Theme Name: Legacy-Landscapes-Fund Description: LLF Wordpress Theme created by S. Edwards & M. Price Text Domain: LLF */ @import url('https://fonts.googleapis.com/css2?family=Archivo:wght@400;600;800&family=Source+Sans+Pro:wght@300;400;600;900&display=swap'); @import url('css/font-awesome.min.css'); @import url('css/grid1140.css'); /*---------------------------Global Start -----------------------------*/ body {counter-reset: item; font:17px/25px 'Source Sans Pro', helvetica, arial, san-serif; margin:0px; padding:0px; color:#000000; text-align:center; background:#016533; font-weight:400;} body.admin-bar #navigation { margin-top:0px; } html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cite,code,del,dfn,em,img,ins,q,small,strong,sub,sup,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;margin:0;padding:0} article,aside,figure,figure img,figcaption,hgroup,footer,header,nav,section,video,object{display:block} a img{border:0} figure{position:relative} figure img{width:100%} i, em{font-family:georgia, times, serif; } ::selection { background: #e0e7e9; color:#016533; text-shadow:none !important;} ::-moz-selection { background: #e0e7e9; color:#016533; text-shadow:none !important;} *:before, *:after{box-sizing:border-box;} a[name]{text-decoration: none; } a {color:#E5A100; text-decoration: none; transition: all 0.5s ease-in-out;} a:visited {color:#E5A100;text-decoration: none;} a:active {color:#94C11C;} a:hover {color:#94C11C;} a img{border:none;} a.more-link, .button, a.button, input.swpm-login-form-submit{ background: #E5A100; padding:10px 15px; color:#FFF !important; font-weight:400; border-radius:5px; line-height:50px; } a.more-link:hover, .button:hover, a:hover.button, input.swpm-login-form-submit:hover{  background: #94C11C !important; } a.more-link{font-size:15px;} a.more-link:before{font-family: 'FontAwesome'; content: '\f105'; display:inline-block; padding-right:5px;} .block-bkg{display:block; background:#d5e8e6; padding:10px; text-shadow:rgba(255,255,255,0.9) 0px 1px 1px; margin-bottom:20px; border-radius:5px;} h1, h2, h3, h4{line-height:1em; font-weight:600; margin:0px 0px 20px 0px; letter-spacing:-0.01em; font-family:'Source Sans Pro', helvetica, arial, san-serif; color:#016533; position:relative;} h1 {font-size: 45px; font-weight:900; letter-spacing:-0.01em; text-transform:uppercase; } h2 {font-size:30px; color:#0091AC; margin:20px 0px;} h3 {font-size:30px; color:#B2B80C; margin:20px 0px;} h4 {font-size:25px; color:#008351;} .bodyContent h1, .bodyContent h2, .bodyContent h3, .bodyContent h4{} .bodyContent h1:before, .bodyContent h2:before, .bodyContent h3:before, .bodyContent h4:before{} figcaption{font-size:10px;} .tribe-events-before-html h1{font-size:30px !important;} h1 .flag{display:block; float:left; margin-right:10px; top:0px;} b, strong{font-weight:600;} hr {border: none; height: 1px; margin: 20px auto; padding: 0px !important; color:#FFF; clear:both; border-top:#D2D2D2 dotted 5px; width:80%;} .divide{background: rgb(229,161,0); background: linear-gradient(90deg, rgba(229,161,0,1) 0%, rgba(229,161,0,1) 16.67%, rgba(1,101,51,1) 16.7%, rgba(1,101,51,1) 33.34%, rgba(0,131,81,1) 33.35%, rgba(0,131,81,1) 50.01%, rgba(178,184,12,1) 50.02%, rgba(178,184,12,1) 66.68%, rgba(148,193,28,1) 66.69%, rgba(148,193,28,1) 83.35%, rgba(0,145,172,1) 83.36%, rgba(0,145,172,1) 100%);} pre {display: inline; white-space: pre-wrap; word-wrap: break-word;} p{margin:0px 0px 20px 0px;} div{position:relative; min-width:0px} /* IE 6/7 ;; bug fix */ .alignleft{float:left;} .alignright{float:right;} /* General Table Formating */ table{margin:0; border-collapse:collapse; width:100%; margin-bottom:20px;} table td,table th{padding:5px; vertical-align:middle;} table tr.alt td, table tr.alt th{background:#ECECEC;} table thead td, table th{background:#1F3153; border-top:0px; letter-spacing:0.01em; color:#FFFFFF; padding-left:5px; font-weight:500;} table tbody td{border:0px; border-bottom:#ECECEC solid 1px; padding:5px 5px;} table tbody tr:nth-child(even) td{background:#ECECEC;} @media only screen and (max-width: 959px) { table.responsiveData caption { background-image: none; } table.responsiveData thead { display: none; } table.responsiveData tbody td { display: block; padding: .6rem; padding-left: 6rem; position: relative;} table.responsiveData tbody tr td:first-child { background: #1F3153; color: #fff; } table.responsiveData tbody td:before { content: attr(data-th); font-weight: bold; position:absolute; left:.6rem;top:.6rem;width: 6rem;} } /* General Form Formating */ input,button,select,textarea {display:block;} form {display:block;} form p {} form div{} button { cursor:pointer; } form label, .wpcf7-list-item-label {color:#000; padding:10px 0px; font-size:13px; font-weight:600;} form input,form select,form textarea{width:100%; padding:10px; border:none; background:#FFF; color:#333; font:17px/20px 'Raleway', helvetica, arial, san-serif; box-sizing:border-box;} form textarea {font-size:13px;} span.error {font-size:10px;float:right; width:auto; font-weight:bold;} input[type="checkbox"], input[type="radio"] { display: inline; width: auto; } .wpcf7-radio label{display:block; padding:0px;} .wpcf7-radio span.wpcf7-list-item {display:block;} .indented-tick-box, .indented-input, .indented{display:block; padding-left:50px;} form .submit input{background:#009BA6; cursor:pointer; color:#FFF; font-weight:bold; border-radius:0.25em;} form .submit input:hover{background:#0466A3;} .instruction{display:block; padding:5px; margin:10px 0px; font-size:11px; line-height:15px; } .end{margin-right:0px !important;} .thumbend{margin-right:0 !important;} .clear{clear:both; text-align:center; padding:0px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;} .screen-reader-text { display:none; } iframe{max-width:100%; min-height:120px; } .spacer{border-top:#0466A3 solid 3px;} /*--------------------------- Start Layout -----------------------------*/ .content_wrapper{ max-width:2500px; position:relative; overflow:hidden; margin:0px auto; height:100%; background:#FFF; } #container{padding:0px; margin:0px auto; border:none; position:relative; text-align:center;} .main-content-container main{padding-top:40px;} header{position:relative; top:0px; left:0px; width:100%; padding-top:0px; z-index:9900; } header .boundingbox{background:transparent;} section.background-hero-img{z-index:0; position:fixed; top:0px; left:0px; bottom:0px; right:0px; width:100%; display:block; background-size:cover; background-repeat: no-repeat; background-position: center center; background-image:url(images/pattern.jpg)} body.home section.background-hero-img{} @media only screen and (max-width: 1179px) { header{padding-top:0px;} section.background-hero-img{background:none !important;} } /* ______________________ Logo ______________________ */ header #Logo {margin:0px auto; padding: 0px; text-align:center; width:100%; } header #Logo span.logo-mark{display:block; text-align:center; overflow:hidden; padding:20px 0px 10px 0px; display:block; margin:0px auto; } header #Logo span.logo-mark img{max-height:120px;} /* ______________________ head area ______________________ */ .head-area .row{margin-bottom:0px;} .head-area{background:#FFF;} .head-area .logo{display:flex; width:100%; justify-content:left; align-items:left;} .head-area .logo img{max-width:100%;} .head-area .logo .logo-mark{margin:10px; text-align:center; height:150px; width:131px;} .head-area .tagline{padding-top:60px; text-align:left; } .head-area .tagline span{font-size:22px; font-weight:600; margin-bottom:10px; color:#94C11C;} .head-area .search{padding-top:50px;} header .blockcontainer{position:relative;} header .column12{margin-bottom:0px !important;} /* ______________________ Navigation ______________________ */ .navigation-band{background:#016533;} #navigation{position:relative; margin-top:0px;} #navigation .control{display:none;} nav{padding:0px; margin:0px;} nav#mobile{display:block;} nav ul {list-style:none; padding:0; margin:0px; border:0px; text-align:left; display:block;} /* Main Nav */ nav ul.main{display:flex;} nav ul.main li {float:left; margin:0px; text-align:center; margin:0px; min-height:30px; width:20%; position:relative;} nav ul.main li > a{ color:#FFF; display:block; font-weight:600; text-align:center; line-height:40px; text-decoration:none; font-size:15px; margin:0px; padding:0px 10px 0px 10px; position:relative;} nav ul.main li:hover a{background:#008351; color:#FFF;} nav ul.main li a.active {color:#009ED4;} nav ul.main li.current-menu-item > a, nav ul.main li.current-menu-ancestor > a{background:#E5A100;} nav ul.main li.current-menu-item > a:after, nav ul.main li.current-menu-ancestor > a:after{position:absolute; display:block; height:10px; width:10px; content: ''; bottom:0px; left:50%; margin-left:-10px; z-index:10; border-bottom:#FFF solid 10px; border-top:0px; border-left:10px solid transparent; border-right:10px solid transparent; display:none;} nav ul.main li.menu-item-has-children > a:before{font-family: 'FontAwesome'; content: '\f0d7'; position:absolute; top:0px; right:10px; font-size:10px;} .home nav ul.main li.current-menu-item > a:after{content:none;} nav ul.main li ul {display:none; position:absolute; left:0px; background:rgba(0,131,81,0.85); width:220px; padding:0px 0px 0px 0px; box-shadow: rgba(0,0,0,0.25) 0px 2px 3px; z-index:500;} nav ul.main li:hover ul{display:block;} nav ul.main li ul li{display:block; text-align:left; position:relative; width:100%; min-height:10px;} nav ul.main li ul li a{color:#FFF !important; display:block; font-size:15px; line-height:30px; text-align:left;line-height:normal; padding:10px; border:0px; border-bottom:rgba(255,255,255,0.5) solid 1px; background:transparent !important; position:relative;} nav ul.main li ul li:last-child a{border-bottom:0px;} nav ul.main li ul li a:hover{background:rgba(0,145,172,1) !important;} nav ul.main li.menu-item-has-children > ul li > a:before{content:none;} nav ul.main li.menu-item-has-children > ul li > a:hover:after, nav ul.main li.current-menu-ancestor > ul li > a:after{content:none;} nav ul.main li ul li ul{display:block ; margin:0px; padding:0px; position:relative !important; max-width:100%; border-radius:0px; box-shadow:none; background:transparent;} nav ul.main li ul li ul:before{content:none;} nav ul.main li ul li ul li{display:block; position:relative; width:100%; float:none; } nav ul.main li ul li ul li a{text-transform:capitalize; font-weight:400; font-size:13px; display:block; padding-left:25px; border-bottom:none; margin:0px;} nav ul.main li ul li ul li a:hover{text-decoration:underline;} nav ul.main li.menu-item-has-children > ul li > ul li > a:before{font-family: 'FontAwesome'; content: '\f054'; color:#FFF; position:absolute; font-size:10px; top:8px; left:10px; } @media only screen and (min-width: 960px) and (max-width: 1160px) { nav ul.main li > a{padding:0px 0px 0px 10px;} } @media only screen and (max-width: 959px) { .head-area{border-bottom:#ECECEC solid 3px;} .head-area .logo{text-align:center; display:block; padding:10px 0px 20px 0px;} .head-area .blockcontainer{position:relative;} .head-area span.logo-mark{height:150px;} .head-area img{height:150px;} .head-area .column2, .head-area .column7, .head-area .column3{margin-bottom:0px;} .head-area .tagline{text-align:left; padding-top:0px; font-size:13px; margin-bottom:10px; display:none;} .head-area .tagline span{font-size:13px; line-height:13px !important; display:block; margin-right:80px;} .head-area .search{padding-top:0px; display:none;} .head-area .search form{margin-bottom:0px; margin-right:50px;} .navigation-band .column12{margin-bottom:0px;} nav#mobile{display:none;} #navigation{min-height:10px; position:absolute; z-index:100; top:-10px; right:0px; width:100%; } #navigation .control{display:block; text-align:center; background:transparent; width:50px; height:50px; position:absolute; right:10px; top:-50px;} #navigation .control a{display:block; text-align:center; color:#FFF; background:#E5A100; font-size:30px; line-height:50px !important; border-radius:50%;} #navigation .control a span{line-height:50px !important;} #navigation .control a .fa-bars{display:block;} #navigation .control a .fa-times{display:none;} #navigation .control a.open .fa-bars{display:none;} #navigation .control a.open .fa-times{display:block;} #navigation .control a.open{background:#94C11C; border-radius:50% 50% 0% 0%;} nav#mobile.open{display:block;} nav ul, nav ul.main{display:block; position:relative; margin:0px 0px 0px 0px; padding:0px; float:none !important; width:100% !important; clear:both; text-align:left; background:#94C11C;} nav ul li, nav ul.main li{display:block; position:relative; margin:0px; padding:0px; float:none !important; width:100%; border:0px; border-bottom:rgba(255,255,255,0.25) solid 1px;} nav ul.main li a{text-align:left; display:block; font-weight:600; color:#FFF; display:block; font-weight:600; font-size:15px; padding:5px 0px 0px 30px; position:relative; border-radius:0px; height:45px; line-height:45px;} nav ul.main li a span.fa{display:none;} nav ul.main li a:before{font-family: 'FontAwesome'; content: '\f105'; font-weight:600; position:absolute; top:5px; left:15px; } nav ul.main li.menu-item-has-children a:before{font-family: 'FontAwesome'; content: '\f107'; position:absolute; top:5px; font-size:15px; } nav ul.main li ul{display:block; position:relative; top:0px; left:0px; border-radius:0px; } nav ul.main li ul li{width:100%; padding:0px;} nav ul.main li ul li a{font-weight:400; padding:0px 10px 0px 40px; line-height:45px; position:relative;} nav ul.main li ul li a:before{font-family: 'FontAwesome'; content: '\f105'; font-weight:600; position:absolute; top:5px; left:15px; display:block;} nav ul.main li ul{ border-left:0px; border-right:0px;} .breadcrumb{text-indent:-9999px !important; background:#FFF !important; } .breadcrumb .blockcontainer{display:none;} } .header-img{height:300px; background-repeat:no-repeat; background-size:cover; position:relative; } .header-img .caption-wrap{background:rgba(0,131,81,0.5); position:absolute; bottom:0px; right:0px; padding:0px 5px; font-size:11px; color:#FFF;} /* ______________________ Footer Navigation ______________________ */ footer, #footer{} footer .secondaryNav{ padding:40px 0px 10px 0px; border-bottom: rgba(255,255,255,0.25) solid 1px; text-align:left;} footer .secondaryNav .sow-cta-base {padding:0px; background:transparent;} footer .secondaryNav .sow-cta-text{float:left; width:50%; color:#FFF;} footer .secondaryNav .column3, footer .secondaryNav .column6, footer .secondaryNav .column12{text-align:left; color:#FFF; font-size:12px; padding-bottom:20px;} footer .secondaryNav .column3 h3, footer .secondaryNav .column6 h3{color:#FFF; font-size:19px; padding-bottom:10px; margin-bottom:10px; border-bottom:#FFF solid 1px;} footer .secondaryNav .column3 ul{margin:0px; padding:0px; list-style:none;} footer .secondaryNav .column3 ul li{ position:relative;} footer .secondaryNav .column3 ul li a{padding:5px 0px 5px 15px; display:block; color:#FFF;} footer .secondaryNav .column3 ul li a:hover{color:#009ED4;} footer .secondaryNav .column3 ul li a:before{font-family: 'FontAwesome'; content: '\f105'; font-weight:400; position:absolute; top:5px; left:0px;} footer .secondaryNav .fa {display:inline-block; width:32px; height:32px; line-height:32px; font-size:20px; text-align:center; margin-right:5px; border-radius:50%; color:#00659E; background:#FFF; } footer .secondaryNav a:hover{color:#FFF;} footer .secondaryNav .column3 ul li ul li a{} footer p.memory{color:#FFF;} footer .footer-contact{color:#FFF; font-size:15px; } /* ______________________ Footer ______________________ */ #footer {margin:0 auto; text-align:center; margin-bottom:0px; font-size:10px; line-height:15px; padding:20px 0px 20px 0px; color:#FFF;} #footer a{color:#FFF;} #footer a:hover{color:#FFF; text-decoration:underline;} #footer ul{list-style:none; margin:0px; padding:0px; display:inline-block;} #footer ul li{float:right; padding-left:20px; margin-left:0px;} #footer ul li:before{font-family: 'FontAwesome'; content: '\f105'; margin:0 5px 0 -15px; font-weight:600;} #footer .footer_legal{text-align:right;} @media only screen and (max-width: 959px) { } footer b{color:#FFF; font-weight:600;} /* ______________________ Start Layout ______________________ */ /*-- Background Hero --*/ .banner-area .boundingbox{background:#FFF; padding:20px 0px; } .banner-area .captions {} .banner-area .captions{position:relative;} .banner-area .title-overlay {position:absolute; top:40%; margin-top:-100px; z-index:300; font-weight:600; margin:0px; display:flex; align-items:center; justify-content:left; flex-wrap:wrap; padding:0px 40px; max-width:50%; height:100px; background:rgba(0,131,81,0.50); color:#FFF; text-align:left; font-size:2.5em; line-height:1em;} .banner-area .metaslider .caption-wrap{background:rgba(0,131,81,0.5); position:absolute; bottom:0px; right:0px; left:auto; padding:0px 5px; font-size:11px; width:auto !important; display:inline-block; opacity:1;} .banner-area .caption{ color:#FFF; display:inline-block;} .metaslider .flexslider{margin-bottom:10px !important;} .metaslider .flexslider:after{content:''; display:block; height:5px; position:absolute; bottom:-5px; left:0px; right:0px; background: rgb(229,161,0); background: linear-gradient(90deg, rgba(229,161,0,1) 0%, rgba(229,161,0,1) 16.67%, rgba(1,101,51,1) 16.7%, rgba(1,101,51,1) 33.34%, rgba(0,131,81,1) 33.35%, rgba(0,131,81,1) 50.01%, rgba(178,184,12,1) 50.02%, rgba(178,184,12,1) 66.68%, rgba(148,193,28,1) 66.69%, rgba(148,193,28,1) 83.35%, rgba(0,145,172,1) 83.36%, rgba(0,145,172,1) 100%); } .flex-control-nav{bottom:15px !important; } .flex-control-paging li a{background:rgba(229,161,0,0.0) !important; border:rgba(229,161,0,1) solid 3px ; } .flex-control-paging li a.flex-active{background:rgba(229,161,0,1) !important; border:rgba(229,161,0,1) solid 3px ;} .slider-override .flex-direction-nav{} .main-content-container{position:relative; width:100%; } main{z-index:1; padding-top:0px; position:relative;} body.home main{z-index:1; padding-top:0px;} @media only screen and (min-width: 960px) and (max-width: 1160px) { } @media only screen and (max-width: 959px) { .banner-area .title-overlay{height:65px; font-size:1.2em; top:0px; padding:0px 20px; display:none;} .flex-control-paging li a{background:rgba(229,161,0,0.6) !important; border:0px; } .flex-control-paging li a.flex-active{background:rgba(29,161,0,1) !important; border:0px;} } /*-- Body Content Align Left --*/ .bodyContent{text-align:left;} .bodyContent .column12.fullwidthcontent ul, .bodyContent .column12.fullwidthcontent ol{margin:0px; margin-bottom:20px; padding-left:30px;} .bodyContent .column12 ul{list-style:none; padding-left:35px;} .bodyContent .column12 ul li{display:block; position:relative; margin-bottom:10px;} .bodyContent .column12 ul li:before{font-family: 'FontAwesome'; content: '\f0a9'; margin:0px; font-weight:400; position:absolute; top:1px; left:-25px; color:#008351;} .bodyContent .column12 ul li ul li:before{content: '\f105'; left:-15px; top:2px;} .bodyContent ul li{margin-bottom:10px;} .panel-grid{margin:0px;} .panel-grid p:last-child { margin:0px; } .panel-row-style { padding:50px 0px; } /* ______________________ Line Work ______________________ */ .line-work{width:40px; position:absolute; left:0px; top:40px;} .line-work span{display:block; height:5px; margin-bottom:10px; background:black;} .line-work span.orange{background:#E5A100;} .line-work span.blue{background:#0091AC;} .line-work span.ltgreen{background:#94C11C;} .line-work span.mustard{background:#B2B80C;} .line-work span.mdgreen{background:#008351;} .line-work span.dkgreen{background:#016533; margin-bottom:0px; margin-top:40px;} @media only screen and (max-width: 959px) { .line-work{width:20px;} } /* ______________________ Introduction ______________________ */ section{display:block;} section.home-intro {padding:0px 0px; position:relative;} section.home-intro h1{display:block;} section.home-intro b, section.home-intro strong{font-size:19px; font-weight:700; color:#FFF; line-height:30px;} section.home-intro em, section.home-intro i{font-size:22px; line-height:30px;} section.home-intro .entry-content{padding:20px 0px;} section.home-intro ul{list-style:none; padding-left:35px;} section.home-intro ul li{display:block; position:relative; margin-bottom:10px; font-size:15px;} section.home-intro ul li:before{font-family: 'FontAwesome'; content: '\f0a9'; margin:0px; font-weight:400; position:absolute; top:1px; left:-20px; color:#FFF;} section.home-intro ul li ul li:before{content: '\f105'; left:-15px; top:2px;} section.home-intro .title{text-align:center; margin-top:30px;} section.home-intro .singlePost{margin:0px 0px 0px 0px; padding:20px 0px; font-size:120%; text-align:justify; line-height:1.8rem;} section.home-intro .singlePost h3{color:#FFF; line-height:2.1rem; font-weight:600; text-align:inherit; font-size:22px;} section.home-intro .shark{margin-top:40px;} section.home-intro .logo .img{background:#FFF; width:40%; margin:0px; padding:20px; border-radius:0px 0px 10px 10px;} /* ______________________ Map ______________________ */ section#map{background:#FFF;} /* ______________________ Animation ______________________ */ section#animation{background:#016533; color:#FFF;} section#animation h2{color:#FFF; margin-bottom:40px;} section#animation p{font-size:25px; line-height:30px;} section#animation .wp-block-column{align-self:center;} /* ______________________ Tint ______________________ */ section#tint{padding:40px 20px; background:#A1B3BE;} section#tint h2{color:#FFF;} section#mako-champions-map{background:#F2F2F2; } section#mako-champions-map h2 span{background:#F2F2F2;} section#mako-champions-map {margin-bottom:60px; padding-bottom:20px;} /* ______________________ Voice ______________________ */ .voices-carousel .voice-img{width:180px; height:180px; background:#94C11C; border-radius:50%; overflow:hidden; margin:0px auto; } .voices-carousel.small .voice-img{width:95px; height:95px; float:left; margin-top:-30px;} .voices-carousel p.quote{font-size:25px; line-height:30px; display:inline-block; position:relative; padding:30px 0px; margin-bottom:20px; } .voices-carousel p.quote:before{font-family: 'FontAwesome'; content: '\f10d'; margin:0px; font-weight:400; position:absolute; top:-0px; left:0px; font-size:30px; color:#E5A100;} .voices-carousel p.quote:after{font-family: 'FontAwesome'; content: '\f10e'; margin:0px; font-weight:400; position:absolute; bottom:-0px; right:0px; font-size:30px; color:#E5A100;} .voices-carousel h4.name{margin-bottom:0px; text-align:right;} .voices-carousel p.role{text-align:right; font-size:13px;} .voices-carousel ul.flex-direction-nav{display:none !important;} @media only screen and (max-width: 959px) { section.home-intro .entry-content{padding:0px 0px;} section.home-intro .logo .img{width:200px;} section.download .button{font-size:15px;} section.download .button small{display:none;} section.home-intro .singlePost{margin-bottom:0px; padding-bottom:0px;} section.sharkleague h2{text-align:left; } section.sharkleague h2 span{display:block; padding:0px;} section.sharkleague h2:after{display:none;} } /* ______________________ Layer Sandwiches ______________________ */ .layer-sandwich{background:#FFF; margin-top:5px; position:relative; padding:0px 0px;} .layer-sandwich:before{content:''; display:block; height:5px; position:absolute; top:-5px; left:0px; right:0px; background: rgb(229,161,0); background: linear-gradient(90deg, rgba(229,161,0,1) 0%, rgba(229,161,0,1) 16.67%, rgba(1,101,51,1) 16.7%, rgba(1,101,51,1) 33.34%, rgba(0,131,81,1) 33.35%, rgba(0,131,81,1) 50.01%, rgba(178,184,12,1) 50.02%, rgba(178,184,12,1) 66.68%, rgba(148,193,28,1) 66.69%, rgba(148,193,28,1) 83.35%, rgba(0,145,172,1) 83.36%, rgba(0,145,172,1) 100%); } .layer-sandwich .featured-img{position:absolute; top:0px; bottom:0px; z-index:0; width:50%; background-position:center; background-repeat:no-repeat; background-size:cover; margin:0px 0px;} .layer-sandwich .featured-img .caption-wrap{position:absolute; bottom:5px; right:10px; font-size:11px; color:#FFF;} .layer-sandwich .sandwich-feature .featured-img{right:0px;} .layer-sandwich:nth-child(even) .sandwich-feature .featured-img{right:auto; left:0px;} .layer-sandwich:nth-child(even) .sandwich-feature .featured-img .caption-wrap{right:auto; left:10px;} .layer-sandwich:nth-child(even) .sandwich-feature .column6{float:right;} .layer-sandwich .blockcontainer{ padding-top:40px; padding-bottom:40px; z-index:5 ;} #featured-stories h2{color:#FFF; font-size:40px; font-weight:900; text-transform:uppercase; text-shadow:rgba(0,0,0,0.15) 0px 1px 1px;} @media only screen and (max-width: 959px) { .layer-sandwich .featured-img{position:relative; height:250px; width:100%;} } #featured-stories .caption-wrap{display:none;} /* ______________________ Tags ______________________ */ .entry-content .tags{ display:inline-block; clear:none;} .entry-content .tags .byline a, .entry-content .tags .cat-links a, .entry-content .tags .tags-links a{display:inline-block; margin:0px 5px 5px 0px; padding:2px 5px;} .entry-content .tags .byline a:before, .entry-content .tags .cat-links a:before, .entry-content .tags .tags-links a:before {font-family: 'FontAwesome'; margin-right:5px;} .entry-content .tags .byline a:before{content: "\f02b" ;} .entry-content .tags .cat-links a:before{content: "\f02b" ;} .entry-content .tags .tags-links a:before{content: "\f02b" ;} .entry-content .tags .byline a, .entry-content .tags .cat-links a, .entry-content .tags .tags-links a{background: #9C9FA3; border-radius: 0.25em; color: #ffffff !important; padding: 2px 5px; transition: all 0.5s ease-in-out; display:inline-block; font-weight:400;} .entry-content .tags .byline a:hover, .entry-content .tags .cat-links a:hover, .entry-content .tags .tags-links a:hover{ background: #00659E;} /* ______________________ Problems Solutions Goals ______________________ */ section#home-sections {padding:0px 0px 50px 0px; background-position:center top; background-repeat:no-repeat; background-size:cover; background-attachment:fixed; } section#home-sections .home-blocks .column4{position:relative; border-radius:5px; padding:5px; background:rgba(255,255,255,0.25); box-sizing:border-box;} section#home-sections .home-blocks .column4 a .title{z-index:10; background:#00659E; overflow:hidden; height:80px; border-radius:5px;} section#home-sections .home-blocks .column4 .title h3{display:table-cell; height:80px; width:1%; vertical-align:middle; font-size:20px; font-weight:600;} section#home-sections .home-blocks .column4 a .title h3{color:#FFF;} section#home-sections .home-blocks .column4 a:hover .title{background:#005E27;} section#home-sections .home-blocks .column12 {margin-top:20px; margin-bottom:20px;} /* ______________________ Partners ______________________ */ section#partners{background:#FFF;} section#partners h2{position:relative;} section#partners p{font-size:18px; font-weight:600;} .partners-carousel ul.slides{display:flex; flex-wrap:wrap; justify-content:space-around;} .partners-carousel ul.slides li.item{flex-basis: | auto; margin:5px;} .partners-carousel ul.slides li.item a{background:#FFF; border-radius:0px; border:#ECECEC solid 2px; display:block;} .partners-carousel ul.slides li.item a:hover{border-color:#94C11C;} .partners-carousel ul.slides li.item img{max-height:120px; width:auto;} @media only screen and (max-width: 959px) { } /* ______________________ Custom Twitter Feed ______________________ */ .ctf{background:#FFF; border-radius:5px; padding:10px;} .ctf-tweets{padding:10px; height:520px; overflow:auto;} .ctf-more a {display:block; color:#FFF;} /* ______________________ Contact ______________________ */ section#contact h2{position:relative; line-height:50px; z-index:9; margin-bottom:20px;} /* ______________________ Take Action ______________________ */ section#take-action h2{position:relative; line-height:50px; z-index:9; margin-bottom:0px;} section#take-action h2 span{background:#FFF; padding:0px 30px; position:relative; z-index:9;} section#take-action h2:after{content:''; width:100%; border-top:#005E27 dotted 3px; display:block; position:absolute; top:25px; z-index:1;} section#take-action article{clear:both; background:#FFF; padding:20px 0px;} section#take-action .bodyContent:nth-child(odd) article{background:#F2F2F2;} section#take-action article:after{content:''; display:block; clear:both; height:1px;} /*_______________________ Article Rows _______________________*/ .articleRow{margin-top:20px; border-top:#ECECEC solid 3px; padding-top:20px;} .articleRow h3{color:#48989c; border-left:#0c4a60 solid 5px; padding-left:10px;} /* ______________________ Search Form ______________________ */ form.search-form{background:#E5A100; padding:3px; border-radius:5px; margin-bottom:20px; position:relative;} form.search-form input{padding-right:35px;} form.search-form button{background:#E5A100 !important; position:absolute; z-index:2; top:2px; right:3px; border:0px; line-height:40px; width:32px; color:#FFF; border-radius:0px 3px 3px 0px; font-size:15px; background:#E5A100; } /* ______________________ Comment Form ______________________ */ .entry-content form {background:#F2F2F2; padding:10px; border-radius:0px; margin-bottom:20px; padding:20px; position:relative; border-radius:10px;} .entry-content form input[type="submit"]{background:#E5A100; color:#FFF; font-weight:600; min-width:50%; margin:10px auto; width:auto; border-radius:5px; cursor:pointer;} /* ______________________ text columns ______________________ */ figure{display:inline-block; margin:0px; padding:0px; } figure.wp-caption{line-height:15px;} figure.alignright{margin-left:20px; margin-bottom:20px;} figure.alignleft{margin-right:20px; margin-bottom:20px;} figure img{max-width:100%;} @media only screen and (max-width: 959px) { .normal-page-old .entry-content_od{ -webkit-column-count: 1; /* Chrome, Safari, Opera */ -moz-column-count: 1; /* Firefox */ column-count: 1; -webkit-column-gap: 0px; /* Chrome, Safari, Opera */ -moz-column-gap: 0px; /* Firefox */ column-gap: 0px; } .normal-page .entry-content {padding-right:0px;} .donatestrap div.column6 {padding-top:40px;} section.breadcrumb{display:none;} .normal-page{background-size:cover; background-position:left top;} figure{display:block; width:auto !important; max-width:100%; margin:0px; padding:0px;} figure img{max-width:100%;} figure.alignleft, figure.alignright{margin:0px;} } /*Two Column - with Sidebar*/ .bodyContent .column9 .entry-content ul, .bodyContent .column9 .entry-content ol{margin:0px; margin-bottom:20px; padding-left:30px;} .bodyContent .column9 .entry-content ol li{margin-bottom:20px; } .bodyContent .column9 .entry-content ol li ul, .bodyContent .column9 .entry-content ol li ol{margin-top:20px;} .bodyContent .column9 .entry-content ol {list-style: none;} .bodyContent .column9 .entry-content ol li{counter-increment: item; position:relative;} .bodyContent .column9 .entry-content ol > li:before { position:absolute; left:-30px; top:0px; content: counter(item); background: #0466A3; border-radius: 100%; color: white; width: 25px; height:25px; line-height:23px; font-size:11px; font-weight:600; text-align: center; display:block; } .bodyContent .column9 .entry-content ul{list-style:none; padding-left:35px;} .bodyContent .column9 .entry-content ul li{display:block; position:relative;} .bodyContent .column9 .entry-content ul li:before{font-family: 'FontAwesome'; content: '\f0a9'; margin:0px; font-weight:400; position:absolute; top:1px; left:-20px; color:#00659E;} body.page-id-56 .wp-block-columns{align-items:center;} /* ------ ASIDE ------ */ body.home .widget_categories{display:none;} body.home .postRow .post-thumbnail{display:none;} aside h2{font-size:20px; font-weight:900; color:#016533; border-bottom:#ECECEC dotted 3px; padding:20px 0px 10px 0px; margin-bottom:10px; position:relative; clear:left;} aside.column3 aside:nth-child(even) h2{color:#016533; border-bottom:#ECECEC solid 3px; } aside ul{margin:0px !important; padding:0px !important; list-style:none;} aside ul li{margin:0px !important; padding:0px !important;} aside ul ul > li{display:none;} aside ul li.current_page_item, aside ul li.current_page_parent, aside ul li.current_page_item ul li, aside ul li.current_page_parent ul li{display:block;} aside ul li:before{content:none !important;} aside ul li a{display:block; padding:5px 0px 5px 20px; position:relative; border-bottom:#ECECEC dotted 1px; position:relative; color:#E5A100 !important; } aside ul li a:before{font-family: 'FontAwesome'; content: '\f105'; margin:0px; font-weight:400; position:absolute; top:5px; left:5px; } aside ul li.current-cat > a, aside ul li.current_page_item > a, aside ul li.current_page_ancestor > a{color:#FFF !important; background:#94C11C; border-bottom:#FFF solid 1px;} aside ul li ul{display:none;} aside ul li ul li a{padding:3px 0px 3px 35px; font-size:13px; background:#F2F2F2; color:#005E27 !important; border-bottom:#FFF solid 1px;} aside ul li ul li.current_page_item a{background:#005E27; color:#FFF;} aside ul li ul li a:before{left:20px; top:3px;} aside ul li.current_page_item ul, aside ul li.current_page_ancestor ul{display:block;} aside.widget_recent_entries ul, aside.widget_recent_entries ul li{display:block;} aside .widget-area .sidebar-take-action{background:#00659E; box-sizing:border-box; padding:20px; border-radius:10px; margin-top:20px; box-shadow:rgba(0,0,0,0.25) 0px 2px 3px; position:relative;} aside .widget-area .sidebar-take-action:before{font-family: 'FontAwesome'; content: '\f067'; font-size:15px; line-height:30px; text-align:center; border-radius:50%; height:30px; width:30px; display:block; background:#FFF; color: #00659E; position:absolute; right:-5px; top:-5px; z-index:10px;} aside .widget-area .sidebar-take-action h3{font-weight:700; color:#FFF; padding-top:10px; font-size:20px;} aside .widget-area .sidebar-take-action p{font-size:13px; line-height:20px; color:#FFF;} aside .widget-area .sidebar-take-action a.button{display:block; font-size:18px; text-align:center; text-shadow:none;} img.alignleft{margin:10px 20px 10px 0px;} img.alignright{margin:10px 0px 10px 20px;} img.aligncenter{display:block; text-align:center; margin:0px auto;} /* ______________________ Pagination ______________________ */ nav.pagination{padding-top:20px; text-align:center; clear:both; margin-top:0px;} nav.pagination a, nav.pagination .page-numbers.current{display:inline-block; margin:0px 2px; background:#F2F2F2; min-height:30px; min-width:30px; line-height:30px; text-align:center; border-radius:15px; font-size:11px; font-weight:600;} nav.pagination .page-numbers.current{background:#00659E; color:#FFF;} nav.pagination a.prev, nav.pagination a.next{padding:0px 10px 0px 10px; font-size:13px;} nav.pagination a.next:after{font-family: 'FontAwesome'; content: "\f138"; padding-left:3px; font-size:13px; font-weight:400;} nav.pagination a.prev:before{font-family: 'FontAwesome'; content: "\f137"; padding-right:3px; font-weight:400;} /* ______________________ Posts ______________________ */ .widget_categories select{width:100%;} section#latest-news{background:#FFF url('images/ray.jpg') no-repeat center; background-size:cover; background-attachment:fixed;} section#latest-news h2{color:#FFF; position:relative; line-height:50px; z-index:9; margin-bottom:0px;} section#latest-news h2{color:#FFF; position:relative; line-height:50px; z-index:9; margin-bottom:0px;} section#latest-news h2 span{background:transparent url('images/ray.jpg') no-repeat center; background-size:cover; background-attachment:fixed; padding:0px 30px; position:relative; z-index:9; display:inline-block;} section#latest-news h2:after{content:''; width:100%; border-top:#FFF dotted 3px; display:block; position:absolute; top:25px; z-index:1;} .postRow, .searchRow{background:#FFF; border:#ECECEC solid 1px; clear:left; padding:25px 0px; margin-bottom:20px; position:relative; margin-left:10px; border-radius:5px; box-shadow:rgba(0,0,0,0.15) 0px 2px 3px;} .searchRow{padding:20px;} .postRow:after {visibility: hidden;display: block; font-size: 0; content: " "; clear: both; height: 0;} .postRow .title, .searchRow .title{margin-left:50px; min-height:30px; display:block; float:none; position:relative;} .searchRow .title:before{font-family: 'FontAwesome'; content: "\f002" ; text-align:center; line-height:40px; width:40px; height:40px; background:#0091AC; color:#FFF; border-radius:50%; display:block; position:absolute; left:-50px; top:-10px;} .postRow .date{height:51px; padding-top:9px; width:50px; text-align:center; line-height:14px; color:#FFF; font-weight:600; background:#0091AC; position:absolute; top:20px; left:-10px; border-radius:3px 0px 0px 3px; box-shadow:rgba(0,0,0,0.25) 0px 2px 3px; font-size:11px;} .postRow .date span.arrow{display:block; height:70px; width:5px; position:absolute; bottom:-5px; right:-2px; width:5px; background:rgba(0,0,0,0.25); border-radius:2px; display:none;} .postRow .post-thumbnail, .searchRow .post-thumbnail{float:right; margin:0px; margin-right:10px; margin-bottom:10px; display:block; padding-left:10px;} .postRow .post-thumbnail img, .searchRow .post-thumbnail img{ border-radius:50%;} .postRow .entry-content {margin-left:50px; padding-right:10px;} .postRow .comments-link{display:inline-block; padding:5px 10px; line-height:20px; border-radius:17px; font-size:11px; background:#2399EC;} .postRow .comments-link a{color:#FFF;} .postRow .comments-link a:before{font-family: 'FontAwesome'; content: "\f075" ; padding-right:5px; color:#FFF;} .postRow .sticky-post{text-shadow:#FFF 0px 1px 1px; margin:0px 10px; display:inline-block; color:#2399EC; font-size:12px; text-transform:uppercase;} .postRow .sticky-post:before{font-family: 'FontAwesome'; content: "\f005" ; margin-right:5px; font-weight:400; font-size:17px;} .singlePost {margin-bottom:20px;} .singlePost .date{font-weight:600; background:#F9f9f9; padding:5px 10px; font-size:12px; margin-bottom:10px; border-radius:5px;} .singlePost .date .arrow{font-weight:400;} .singlePost .tags .byline a, .singlePost .tags .cat-links a, .singlePost .tags .tags-links a{display:inline-block; margin:0px 5px 5px 0px; padding:2px 5px; font-size:13px;} .singlePost .tags .byline a:before, .singlePost .tags .cat-links a:before, .singlePost .tags .tags-links a:before {font-family: 'FontAwesome'; margin-right:5px;} .singlePost .tags .byline a:before{content: "\f02b" ;} .singlePost .tags .cat-links a:before{content: "\f02b" ;} .singlePost .tags .tags-links a:before{content: "\f02b" ;} .singlePost .tags .byline a, .singlePost .tags .cat-links a, .singlePost .tags .tags-links a{background:rgba(0,100,50,0.6); border-radius: 0.25em; color: #ffffff !important; padding: 2px 5px; transition: all 0.5s ease-in-out; display:inline-block; font-weight:400;} .singlePost .tags .byline a:hover, .singlePost .tags .cat-links a:hover, .singlePost .tags .tags-links a:hover{background:rgba(0,100,50,1);} /* ______________________ Comments ______________________ */ .tags, .postnavigation{clear:both;} #comments{border-top:#ECECEC solid 3px; padding-top:20px; clear:both;} #comments h2{font-size:17px; position:relative; padding-left:60px; padding-top:5px; min-height:40px; background:#e0e7e9; border:#e0e7e9 solid 5px; border-radius:5px;} #comments h2:before{font-family: 'FontAwesome'; content: "\f075"; position:absolute; left:0px; top:0px; width:43px; height:43px; line-height:43px; border-radius:50%; color:#FFF; background:#48989c; text-align:center; } #comments ol.comment-list{list-style:none; margin:0px; } #comments ol.comment-list ol{list-style:none;} #comments footer{background:#F9F9F9; border-radius:5px;} ol.comment-list { list-style:none; margin:0 0 1em; padding:0; text-indent:0; } ol.comment-list li { } ol.comment-list li.alt { } ol.comment-list li.bypostauthor {} ol.comment-list li.byuser {} ol.comment-list li.comment-author-admin {} ol.comment-list li.comment { border-bottom:1px dotted #48989c; padding:1em; } ol.comment-list li.comment div.comment-author {} ol.comment-list li.comment div.vcard { font:normal 16px; padding:5px;} ol.comment-list li.comment div.vcard cite.fn { font-style:normal; } ol.comment-list li.comment div.vcard cite.fn a.url {} ol.comment-list li.comment div.vcard img.avatar { border:5px solid #ccc; float:right; margin:0 0 1em 1em; } ol.comment-list li.comment div.vcard img.avatar-32 {} ol.comment-list li.comment div.vcard img.photo {} ol.comment-list li.comment div.vcard span.says {} ol.comment-list li.comment div.commentmetadata {} ol.comment-list li.comment div.comment-metadata { font-size:9px; padding:5px 5px 15px 5px;} ol.comment-list li.comment div.comment-metadata a { color:#48989c; } ol.comment-list li.comment div.comment-metadata .edit-link a{color:#48989c} ol.comment-list li.comment p { font-size:13px; margin:0 0 1em; } ol.comment-list li.comment ul { font-size:13px; list-style:square; margin:0 0 1em 2em; } ol.comment-list li.comment div.reply { font-size:13px; } ol.comment-list li.comment div.reply a { font-weight:bold; color:#FFF; background:#48989c; border-radius:0px; padding:5px 5px; text-transform:uppercase; border-radius:3px} ol.comment-list li.comment ul.children { list-style:none; margin:1em 0 0; text-indent:0; } ol.comment-list li.comment ul.children li {} ol.comment-ist li.comment ul.children li.alt {} ol.comment-list li.comment ul.children li.bypostauthor {} ol.comment-list li.comment ul.children li.byuser {} ol.comment-list li.comment ul.children li.comment {} ol.comment-list li.comment ul.children li.comment-author-admin {} ol.comment-list li.comment ul.children li.depth-2 { border-left:5px solid #555; margin:0 0 .25em .25em; } ol.comment-list li.comment ul.children li.depth-3 { border-left:5px solid #999; margin:0 0 .25em .25em; } ol.comment-list li.comment ul.children li.depth-4 { border-left:5px solid #bbb; margin:0 0 .25em .25em; } ol.comment-list li.comment ul.children li.depth-5 {} ol.comment-list li.comment ul.children li.odd {} ol.comment-list li.even { background:#fff; } ol.comment-list li.odd { background:#F9F9F9; } ol.comment-list li.parent { border-left:5px solid #48989c; } ol.comment-list li.thread-alt { } ol.comment-list li.thread-even {} ol.comment-list li.thread-odd {} #respond{padding-top:20px;} #respond p.logged-in-as{font-size:12px;} #respond .comment-form-comment label{font-weight:600;} #respond .form-submit .submit{color:#FFF; max-width:320px; background: #a3c6c4; background: -moz-linear-gradient(top, #a3c6c4 0%, #84b2b0 100%); background: -webkit-linear-gradient(top, #a3c6c4 0%,#84b2b0 100%); background: linear-gradient(to bottom, #a3c6c4 0%,#84b2b0 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a3c6c4', endColorstr='#84b2b0',GradientType=0 ); border-color: #7aadaa #74a9a6 #6aa3a0; border-image: none; border-radius: 0.25em; border-style: solid; border-width: 1px; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.067); box-sizing: border-box; color: #ffffff !important; padding: 10px 15px;      text-shadow: 0 1px 0 rgba(0, 0, 0, 0.05); -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; transition: all 0.5s ease-in-out; display:inline-block; font-weight:400; } nav.post-navigation{padding-top:20px; text-align:center;} nav.post-navigation a{display:inline-block; margin:0px 2px; color:#FFF; min-height:30px; min-width:30px; line-height:30px; text-align:center; font-size:11px; font-weight:400; background: #E5A100; border-radius: 0.25em; box-sizing: border-box; color: #ffffff !important; padding: 10px 15px;      text-shadow: 0 1px 0 rgba(0, 0, 0, 0.05); -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; transition: all 0.5s ease-in-out; display:block; } nav.post-navigation a:hover{background:#94C11C;} nav.post-navigation .nav-previous{float:left;} nav.post-navigation .nav-next{float:right;} nav.post-navigation .nav-previous a, nav.post-navigation .nav-next a{padding:0px 10px 0px 10px; font-size:13px;} nav.post-navigation .nav-next a:after{font-family: 'FontAwesome'; content: "\f138"; padding-left:3px; font-size:13px; font-weight:400;} nav.post-navigation .nav-previous a:before{font-family: 'FontAwesome'; content: "\f137"; padding-right:3px; font-weight:400;} nav.post-navigation .nav-previous .post-title, nav.post-navigation .nav-next .post-title{display:none;} /* ______________________ Tagcloud ______________________ */ .tagcloud {padding:10px; margin-bottom:20px; border:#E8E8E8 solid 1px; border-radius:0px 0px 5px 5px; margin-bottom:20px; font-size: 1em;} .tagcloud a{display:inline-block; text-decoration: none;padding: 3px 5px; background:#f2f2f2; border-radius:5px; margin:2px;} /* ______________________ Accordion ______________________ */ .accordion h3.accordion-title{background:#ECECEC; font-size:14px; padding:10px; border-radius:5px; position:relative; text-shadow:#FFF 0px 1px 1px;} .accordion h3.accordion-title:before{font-family: 'FontAwesome'; content: "\f138"; padding-left:3px; font-size:13px; font-weight:400; margin-right:10px;} .accordion h3.open:before{content:"\f13a";} /* ______________________ Modal ______________________ */ .modal-overlay { background:rgba(0,0,0,0.7); position:fixed; top:0; right:0; bottom:0; left:0; z-index:9999; } .modal-wrap { position:absolute; top:0; left:0; right:0; padding:10% 3%; box-sizing:border-box; z-index:9999; } .modal-wrap .loading { color:#FFF; font-size:4em; } .modal-wrap .blockcontainer { background:#FFF; padding:10px; } .modal-wrap a.modal-close{background:#FFF; color:#E5A100; width:35px; height:35px; line-height:35px; font-size:30px; display:block; position:absolute; top:-17px; right:10px; z-index:99999; border-radius:50%; box-shadow:rgba(0,0,0,0.25) 0px 2px 3px;} .modal-wrap a.modal-close:hover{color:#94C11C;} .modal-wrap .boundingbox{max-width:1180px; margin:0px auto; background:#FFF; border-radius:10px; padding-top:20px;} .modal-wrap .boundingbox ul{list-style:none; padding-left:35px;} .modal-wrap .boundingbox ul li{display:block; position:relative;} .modal-wrap .boundingbox ul li:before{font-family: 'FontAwesome'; content: '\f0a9'; margin:0px; font-weight:400; position:absolute; top:1px; left:-20px; color:#00659E;} /* ______________________ Twitter Overlay ______________________ */ div.timeline-Tweet--isRetweet { display: none !important; } /* ______________________ Resources ______________________ */ .resource-blocks .wp-block-column{background:#FFF; padding:20px; box-shadow:rgba(0,0,0,0.1) 0px 6px 8px -2px; box-sizing:border-box;} .resource-blocks .wp-block-column figure{display:block;} .resource-blocks .wp-block-column img{max-width:150px; margin:0px auto;} .resource-blocks .wp-block-column h4{font-size:20px;} .overview-blocks .wp-block-column img{max-width:150px; margin:0px auto;} @media only screen and (max-width: 959px) { } /* ______________________ Participants ______________________ */ .participants .item{text-align:center; display:block; height:130px; vertical-align:middle; width:100%; box-sizing:border-box; border:transparent solid 5px; padding:0px; margin-bottom:20px;} .participants .item img{ max-height: 120px; width: auto;} .participants .item a{background:#FFF; border:#ECECEC solid 2px; display:block;} .participants .item a:hover{border-color:#94C11C;} /* ______________________ Team Profiles ______________________ */ .team .item{padding-bottom:20px;} .team .item img{background-color:#FFF; padding:5px; display:block; border:#ECECEC solid 1px; margin-bottom:10px;} .team .item a:hover img{border-color:#94C11C;} .team .item a h4{color:#000; margin-bottom:0px;} .team .item a em{color:#008351;} .team .item a:hover h4, .team .item a:hover em{color:#94C11C;} /* ______________________ Project Map ______________________ */ #map_container svg {width:100%; height:auto;} #map_container svg .project, #map_container svg .project path {fill:#B2B80C !important;} .map_overlay{background:#FFF; padding:10px; border-radius:5px; box-shadow:rgba(0,0,0,0.15) 0px 3px 5px; min-width:170px;} .map_overlay b{margin-bottom:0px; color:#000000 !important; font-size:18px; font-weight:400;} .map_overlay b:after{content:''; display:block; clear:left; width:100%;} .map_overlay b img{display:block; float:left; width:30px; margin-right:10px; border:#ECECEC solid 1px;} .project-categories{padding-top:30px;} .project-category{border-bottom:#ECECEC solid 1px; margin-bottom:20px; padding-bottom:0px;} .project-category h2{display:block; cursor:pointer; line-height:40px;} .project-category h2 .posts{text-align:right; font-size:20px; line-height:40px;} .project-category h2 .posts span{display:inline-block; } .project-category h2 .posts .words{font-weight:400 !important; position:relative; padding-right:40px;} .project-category h2 .posts .words:after{display:block; content:'+'; font-size:40px; line-height:40px; font-weight:300 !important; position:absolute; top:0px; right:0px;} .projects .details{border-top:#ECECEC solid 1px;} .projects .details:first-child{margin-top:20px;} .projects .details a, .projects .details a h4{font-weight:400 !important; color:#000; } .projects .details a h4{margin-bottom:5px;} .projects .details a {display:block; padding:10px 0px;} .projects .details a:hover{padding-left:20px; border-left:#B2B80C solid 10px;} .projects .details span{display:block;} .projects .details span.strapline{color:#AAA;} .projects .details span.region{font-size:13px;} /* ______________________ Project Page ______________________ */ .project-page .country{display:none;} .project-page .strapline{display:block; color:#AAA; padding:10px; font-weight:400; margin-bottom:20px; padding-left:30px; border-left:#B2B80C solid 10px;s} .project-page .props{float:right;} .project-page .props .entry{background:rgba(0,131,81,0.3); border-bottom:#FFF solid 1px;} .project-page .props .entry .title{background:rgba(0,131,81,1); display:block; padding:3px 5px; color:#FFF; text-transform:uppercase; font-size:80%; font-weight:600;} .project-page .props .entry .result{padding:5px; display:block;} .project-page .action-back{text-align:center;} /* ______________________ MAP ______________________ */ /* WP overides */ .wp-block-button__link{background-color:#E5A100; border-radius:0.5em;} .is-style-outline .wp-block-button__link{background:#0091AC !important; border:none !important; color:#FFF !important; } .is-style-outline .wp-block-button__link:before{font-family: 'FontAwesome'; content: '\f019'; margin:0px; font-weight:400 !important; display:inline-block; margin-right:5px;} .wp-block-button__link:hover, .is-style-outline .wp-block-button__link:hover{background:#94C11C !important;} .addtoany_share_save_container{border-top:#ECECEC dotted 3px; padding-top:20px; margin-top:20px;} body.home .addtoany_share_save_container, body.blog .addtoany_share_save_container, body.page-template-team .addtoany_share_save_container, body.page-template-participants .addtoany_share_save_container{display:none;}