/*
Theme Name: Power The Future
Theme URI: https://powerthefuture.com
Author: Power The Future
Author URI: https://powerthefuture.com
Description: Custom Wordpress Theme
Version: 4.0.4
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl.html
Tags: 
Text Domain: Power The Future
*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-size:100%;font:inherit;padding:0;border:0;margin:0;vertical-align:baseline}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}.clear{clear:both}
.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}.screen-reader-text{clip:rect(1px, 1px, 1px, 1px);position:absolute !important}


/* Custom Styles Below */

/* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, form input, form textarea, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

body { line-height: 1; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

table { border-collapse: collapse; border-spacing: 0; }

/* Define Custom Variables Here */
/* Default Variables */
/* main font family */
/* rgba color with opacity */
/* main width of wrapper */
/* sets text color for input fields */
/* Default Styles */

html { height: 100%; }

body { height: 100%; font-family: canada-type-gibson, sans-serif; background: #F7F7F7; }

.bodyWrap { min-height: 100%; position: relative; }

::-moz-selection { background: rgba(41, 100, 129, 0.6); }

::selection { background: rgba(41, 100, 129, 0.6); }

.wrap { width: 980px; margin: auto; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 10px; }
.wrap.wide { width: 100%; max-width: 1220px; min-width: 980px; }
.wrap.no-padding { padding: 0; }

.clear { clear: both; }

.fullWidth, .background, section, footer { width: 100%; min-width: 980px; }

/* Convert px to rem */
/* Text Align */
.textLeft { text-align: left; }

.textCenter { text-align: center; }

.textRight { text-align: right; }

.textJust { text-align: justify; }

/* Position */
.fixed { position: fixed; }

.relative { position: relative; }

.absolute { position: absolute; }

/* Display */
.hide, .mobile { display: none !important; }

.block, .desktop { display: block !important; }

.inline { display: inline; }

.inlineBlock { display: inline-block; }

/* Font Weight */
.bold, strong { font-weight: 600; }

.regular { font-weight: normal; }

.italic, em { font-style: italic; }

/* Responsive Element -- Good for making perfect squares or circles */
.element { position: relative; }

.element:after { content: ''; display: block; padding-top: 100%; }

/* Responsive Iframe, Object, Embed */
.videoContainer { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }
.videoContainer iframe, .videoContainer object, .videoContainer embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* Full Width Image (requires width and height) */
.fullImg { position: relative; overflow: hidden; }
.fullImg img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); margin: auto; min-width: 100%; min-height: 100%; }

/* Typography */
a { text-decoration: none; }

form a {color:#fff;}
#ptf-address{font-size: 14px; color: #4A7B93; line-height: 20px;}
#ptf-address strong{font-weight: 600px;}
#get-involved #donate .btn {margin-bottom: 20px;}
.content, .page-content, .article-content { color: #0F2E39; }
.content h1, .page-content h1, .article-content h1 { font-size: 42px; font-size: 2.625rem; line-height: 49px; line-height: 3.0625rem; font-weight: 600; color: #296481; margin-bottom:35px; }
.content h2, .page-content h2, .article-content h2 { font-size: 30px; font-size: 1.875rem; line-height: 35px; line-height: 2.1875rem; }
.content h3, .page-content h3, .article-content h3 { font-size: 20px; font-size: 1.25rem; line-height: 25px; line-height: 1.5625rem; }
.content h3 strong, .page-content h3 strong, .article-content h3 strong {font-weight:700;}
.content h4, .page-content h4, .article-content h4 { font-size: 18px; font-size: 1.125rem; line-height: 23px; line-height: 1.4375rem; }
.content p, .page-content p, .article-content p { font-size: 20px; font-size: 1.25rem; line-height: 28px; line-height: 1.75rem; margin-bottom: 25px; font-weight:400;}
.content ul, .page-content ul, .article-content ul { padding: 0; padding-left: 25px; list-style: disc; margin-bottom:25px;}
.content ul li, .page-content ul li, .article-content ul li { font-size: 20px; font-size: 1.25rem; line-height: 28px; line-height: 1.75rem; }
.content ol, .page-content ol, .article-content ol { padding: 0; padding-left: 25px; list-style: decimal; margin-bottom:25px; }
.content ol li, .page-content ol li, .article-content ol li { font-size: 20px; font-size: 1.25rem; line-height: 28px; line-height: 1.75rem; }

.page-content header { padding-bottom: 55px; }
.page-content header h2 { font-size: 67px; font-size: 4.1875rem; line-height: 60px; line-height: 3.75rem; color: #296481; font-weight: bold; margin-bottom: 20px; }
.page-content header p { font-size: 20px; font-size: 1.25rem; line-height: 28px; line-height: 1.75rem; color: #0F2E39; }
.page-content h3 { font-size: 32px; font-size: 2rem; line-height: 35px; line-height: 2.1875rem; font-weight: 600; margin-bottom: 20px; text-transform: uppercase; }
.page-content p { color: #6C9CAF; font-weight:400;}
.page-content p:last-child { margin-bottom: 0; }

.question {margin-bottom:55px;}

.article-content { color: #0F2E39; }
.article-content h1 { font-size: 42px; font-size: 2.625rem; line-height: 49px; line-height: 3.0625rem; font-weight: 600; color: #296481; margin-bottom: 35px; }
.article-content p { font-size: 23px; font-size: 1.4375rem; line-height: 28px; line-height: 1.75rem; }
.article-content p.details { color: #296481; font-size: 19px; font-size: 1.1875rem; line-height: 43px; line-height: 2.6875rem; text-transform: uppercase; font-weight: 400; }

.content a, .page-content a, .article-content a {color:#6C9CAF;}

/* Input Styles */
form, form input, form textarea { -webkit-box-sizing: border-box; box-sizing: border-box; color: #000; }
form input::-webkit-input-placeholder { color: #296481; }
form input:-moz-placeholder { color: #296481; opacity: 1; }
form input::-moz-placeholder { color: #296481; opacity: 1; }
form input:-ms-input-placeholder { color: #296481; }
form input:placeholder-shown { color: #296481; }
form label { font-size: 20px; font-size: 1.25rem; color: #fff; line-height: 28px; line-height: 1.75rem; display: inline-block; margin-bottom: 5px; font-weight: 300; }
form input[type="text"], form input[type="email"] { width: 100%; height: 40px; margin-bottom: 10px; background: #E1EAEE; border-radius: 2px; color: #296481; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 10px; }
form textarea { color: #296481; width: 100%; margin-bottom: 20px; background: #E1EAEE; border-radius: 2px; color: #000; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 10px; }
form .btn { border: 0; background: #296481; }
form .btn span, form input.btn { padding: 8px 14px; }
form input.btn { color: #fff; font-weight: 600; font-size: 17px; font-size: 1.0625rem; line-height: 19px; line-height: 1.1875rem; }

form .grid-2 {grid-gap:20px;}

.flex, header#header .wrap, header#header nav, header#header nav ul#header-nav, header#header nav ul#header-states, header#header nav ul#header-states li .state-selector, .slide-container, .video-wrap, .video-wrap .social, .video-wrap .social ul li, .card, .card .post-type, .card .image-container, .card .image-container a, .article-content article .main-image, .article-content article .social ul, .article-content article .tags, footer .right #search, footer .right #social ul { display: -webkit-box; display: -ms-flexbox; display: flex; }

.flex-wrap, .card { -ms-flex-wrap: wrap; flex-wrap: wrap; }

.flex-noWrap, header#header .wrap, header#header nav, .video-wrap, footer .right #search { -ms-flex-wrap: nowrap; flex-wrap: nowrap; }

.grid, .grid-2, .grid-3, .grid-4 { display: grid; }

.grid-2 { grid-template-columns: repeat(2, [col] 1fr); }

.grid-3 { grid-template-columns: repeat(3, [col] 1fr); }

.grid-4 { grid-template-columns: repeat(4, [col] 1fr); }

.without-wrap { grid-gap: 65px; }
.without-wrap .btn { width: 100%; background: #0F2E39; }
.without-wrap .btn .far, .without-wrap .btn .fal, .without-wrap .btn .fas, .without-wrap .btn .fab { color: #6C9CAF; padding-right: 5px; font-size: 19px; }

.btn { padding: 0; cursor: pointer; -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; text-transform: uppercase; font-weight: 400; -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); }
.btn a, .btn span { color: #fff; padding: 15px 18px; display: inline-block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; font-size: 17px; font-size: 1.0625rem; line-height: 19px; line-height: 1.1875rem; }
.btn.back { background: #0F2E39; }

.background { background-image: url("../images/background-image.png"); background-size: cover; background-position: center; background-repeat: no-repeat; position: relative; }
.background .overlay { background: rgba(15, 46, 57, 0.85); position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

header#header { position: relative; padding: 35px 0; z-index: 999; }
header#header .logo { margin-right: auto; position:relative; }

header#header .logo span {position:absolute; bottom:-15px; right:0; color:#6c9caf; font-style:italic; font-size:20px; font-weight:500; }


header#header nav { -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
header#header nav ul#header-nav, header#header nav ul#header-states { padding-right: 7px; }
header#header nav ul#header-nav li, header#header nav ul#header-states li { text-transform: uppercase; font-size: 15px; line-height: 34px; line-height: 2.125rem; }
header#header nav ul#header-nav li a, header#header nav ul#header-states li a { color: #E1EAEE; font-weight: 400; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 8px; }
header#header nav ul#header-nav li:first-child, header#header nav ul#header-states li:first-child { margin-left: 0; }
header#header nav ul#header-nav li:hover, header#header nav ul#header-states li:hover, header#header nav ul#header-nav li.current_page_item { background: #296481; }
header#header nav ul#header-nav li.current_page_item a {color:#fff;}
header#header nav ul#header-states { padding-right: 0px; border-right: 0px; width: 115px; }
header#header nav ul#header-states li { position: relative; color: #E1EAEE; font-weight: 400; width: 100%; text-align: center; }
header#header nav ul#header-states li .state-selector { -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; }
header#header nav ul#header-states li .state-selector.active { -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); }
header#header nav ul#header-states li .state-selector.active .nav-title { border-left: 0; background: #0F2E39; font-weight: 600; color: #fff; }
header#header nav ul#header-states li .state-selector.active .nav-title span { color: #fff; }
header#header nav ul#header-states li span { padding: 0 10px; }
header#header nav ul#header-states li span .fal, header#header nav ul#header-states li span .far, header#header nav ul#header-states li span .fab, header#header nav ul#header-states li span .fas { margin-right: 10px; }
header#header nav ul#header-states li .nav-title { width: 100%; border-left: 2px solid #6C9CAF; }
header#header nav ul#header-states li span.arrow { margin-left: auto; background: rgba(108, 156, 175, 0.3); border-left: 2px solid #6C9CAF; height: 34px; }
header#header nav ul#header-states li span.arrow .fal, header#header nav ul#header-states li span.arrow .far, header#header nav ul#header-states li span.arrow .fab, header#header nav ul#header-states li span.arrow .fas { margin-right: 0px; position: relative; top: -2px; }
header#header nav ul#header-states li span:after { display: block; content: attr(title); font-weight: 400; height: 0; overflow: hidden; visibility: hidden; color: #6C9CAF; }
header#header nav ul#header-states li span:after:hover span { color: #fff; }
header#header nav ul#header-states li ul { display: none; position: absolute; left: 0; top: 34px; text-align: center; background: rgba(255, 255, 255, 0.8); width: calc(100% - 8px); margin: 0 4px; box-shadow: 0px 3px 6px rgba(0,0,0,.16); }
header#header nav ul#header-states li ul li { margin: 0; padding: 0; font-size: 12px; font-size: 0.75rem; text-transform: none; }
header#header nav ul#header-states li ul li a { color: #0F2E39; font-weight: 400; display: block; padding: 0; width: 100%; }
header#header nav ul#header-states li ul li:hover { background: rgba(255, 255, 255, 0.6); }
header#header nav ul#header-states li ul li:hover a { font-weight: 600; }
header#header nav ul#header-states li:hover { font-weight: 400; }
header#header nav ul#header-states li:hover ul { display: block; }
header#header nav ul#header-states li:hover .nav-title { background: #0F2E39; }

header#header.sub-header ul#header-nav { border-color: #0F2E39; }
header#header.sub-header ul#header-nav a { color: #6C9CAF; }
header#header.sub-header ul#header-nav li:hover a { color: #fff; }
header#header.sub-header ul#header-states { width: 115px; }
header#header.sub-header ul#header-states li { width: 100%; text-align: center; }
header#header.sub-header ul#header-states li span { color: #6C9CAF; }
header#header.sub-header ul#header-states li:hover span { color: #fff; }

.site-description { margin-top: 90px; padding-bottom: 20px; max-width: 325px; }
.site-description h1 { font-size: 67px; font-size: 4.1875rem; line-height: 60px; line-height: 3.75rem; font-weight: bold; color: #6C9CAF; text-transform: uppercase; margin-bottom: 25px; }
.site-description p { font-size: 20px; font-size: 1.25rem; line-height: 28px; line-height: 1.75rem; color: #fff; font-weight: 300; margin-bottom: 25px; }
.site-description .btn { background: #6C9CAF; }

.slider { position: relative; top: 70px; width: 100%; }
.slider .grid-3 { grid-gap: 65px; height: 100%; }
.slider .card { margin-bottom: 10px; }
.slider .slick-list { padding: 0 !important; }

.slide-container { -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.slide-container .prev, .slide-container .next { position: absolute; z-index: 999; margin-top: 70px; cursor: pointer; }
.slide-container .prev { left: -50px; }
.slide-container .next { right: -50px; }

section.big-gap, section.small-gap { padding-top: 70px; }
section.big-gap {margin-bottom:70px;}
section.big-gap .grid-3, section.small-gap .grid-3 { grid-gap: 65px; }
section.big-gap .grid-3 .btn, section.small-gap .grid-3 .btn { background: #0F2E39; margin-top: 30px; width: 100%; }
section.big-gap .grid-3 .btn .far, section.small-gap .grid-3 .btn .far, section.big-gap .grid-3 .btn .fal, section.small-gap .grid-3 .btn .fal, section.big-gap .grid-3 .btn .fas, section.small-gap .grid-3 .btn .fas { color: #6C9CAF; padding-right: 5px; font-size: 19px; }
section.small-gap { padding-top: 70px; margin-bottom: 70px; }
section.sec { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 70px 0; }
section.no-top { padding-top: 0; }
section.no-bottom { padding-bottom: 0; }
section.big-heading { color: #296481; }
section.big-heading h2 { font-size: 67px; font-size: 4.1875rem; line-height: 60px; line-height: 3.75rem; font-weight: bold; margin-bottom: 30px; text-transform: uppercase; }
section.big-heading p { font-size: 20px; font-size: 1.25rem; line-height: 28px; line-height: 1.75rem; font-weight: 400; color: #0F2E39; margin-bottom: 35px; }
section.white { background: #fff; }
section.white h2 { color: #296481; }
section.white p { color: #0F2E39; }
section.light-blue { background: #6C9CAF; }
section.light-blue h2 { color: #0F2E39; }
section.light-blue p { color: #fff; }
section.light-blue .buttons .btn { background: #E1EAEE; width: 190px; margin-right: 70px; }
section.light-blue .buttons .btn a { padding: 10px 15px; color: #0F2E39; font-weight: 600; }
section.light-blue .buttons .btn:last-child { margin-right: 0; }
section.dark-blue { background: #0F2E39; }
section.background-image { background-image: url("../images/in-the-news.png"); background-size: cover; background-repeat: no-repeat; background-position: center; position: relative; }
section.background-image .overlay { background: rgba(15, 46, 57, 0.5); position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
section.background-image .slider { top: 0; margin-bottom: -140px; }
section.more-info { background-image: url("../images/more-info.png"); background-size: cover; background-repeat: no-repeat; background-position: center; position: relative; }
section.more-info .overlay { background: rgba(217, 221, 219, 0.85); position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
section.more-info .grid-3 { grid-gap: 65px; }
section.more-info h2 { color: #296481; }
section.more-info .btn { background: #296481; width: 160px; text-align: center; }
section.gray { background: #F7F7F7; }

#get-involved { margin-top: 25px; }
#get-involved .wrap { display: -webkit-box; display: -ms-flexbox; display: flex; }
#get-involved #donate { margin-right: 40px; }
#get-involved #donate .btn { background: #6C9CAF; }
#get-involved #donate .btn a { padding: 8px 14px; font-weight:600;}
#get-involved #sign-up { background: #296481; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 30px; min-width: 500px; max-width: 500px; }
#get-involved #sign-up input.btn { background: #6C9CAF; margin-top: 10px; }
#get-involved #sign-up p { margin-bottom: 0; }
#get-involved #sign-up h3 {font-size:29px; line-height:31px; font-weight:600; color:#fff; text-transform:uppercase; margin-bottom:20px;}

#about-us { background-image: url("../images/about-us.png"); background-size: cover; background-repeat: no-repeat; background-position: center; position: relative; }
#about-us .overlay { background: rgba(15, 46, 57, 0.4); position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#about-us h2 { color: #6C9CAF; }
#about-us p { color: #fff; margin-bottom: 50px; }
#about-us .max { max-width: 420px; }
#about-us .over-overlay { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 50px 0; background: rgba(108, 156, 175, 0.8); }
#about-us .over-overlay .beliefs { max-width: 775px; }
#about-us .over-overlay h3 { font-size: 32px; font-size: 2rem; line-height: 28px; line-height: 1.75rem; margin-bottom: 20px; font-weight: bold; text-transform: uppercase; color: #0F2E39; }
#about-us .over-overlay p { font-size: 20px; font-size: 1.25rem; line-height: 28px; line-height: 1.75rem; font-weight: 300; margin-bottom: 20px; }

.meet-directors { grid-gap: 65px; margin-top: 60px; }
.meet-directors .card { margin-bottom: 20px; }
.meet-directors .card h2 { margin-bottom: 5px; }
.meet-directors .card p { margin-bottom: 0; }
.meet-directors .card .image-container { height: 230px; }
.meet-directors .btn { background: #0F2E39; width: 100%; text-align: center; }
.meet-directors .btn a .fal, .meet-directors .btn a .far, .meet-directors .btn a .fas { color: #6C9CAF; padding-right: 5px; }

.featured-products { grid-gap: 65px; }
.featured-products .product .icon { font-size: 93px; height: 105px; margin-bottom: 15px; }
.featured-products .product .icon .far, .featured-products .product .icon .fal, .featured-products .product .icon .fas { color: #6C9CAF; }
.featured-products .product .icon img { max-width: 138px; }
.featured-products .product h3 { font-size: 29px; font-size: 1.8125rem; line-height: 31px; line-height: 1.9375rem; text-transform: uppercase; font-weight: 600; color: #0F2E39; margin-bottom: 25px; }
.featured-products .product .btn { background: #0F2E39; }
.featured-products .product .btn a { padding: 8px 10px; }
.featured-products .product .btn a .fal, .featured-products .product .btn a .far, .featured-products .product .btn a .fas { color: #6C9CAF; padding-right: 5px; }

.video-wrap .social { min-width: 60px; max-width: 60px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.video-wrap .social ul li { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 15px; }
.video-wrap .social ul li a { color: #fff; font-size: 24px; }
.video-wrap .social ul li:last-child { margin-bottom: 0; }
.video-wrap .video-container {width:100%;}
.video-wrap .video-container h2 { font-size: 42px; font-size: 2.625rem; line-height: 49px; line-height: 3.0625rem; color: #fff; font-weight: 600; margin-bottom: 25px; }
.video-wrap .video-container h2 a { color: #fff; }
.video-wrap .video-container .big-heading h2 { font-size: 67px; font-size: 4.1875rem; line-height: 60px; line-height: 3.75rem; font-weight: bold; margin-bottom: 30px; text-transform: uppercase; }

.video-wrap .video-container #video { width: 100%; min-height: 470px; margin-bottom: 20px; }
.video-wrap .video-container span { color: #fff; text-transform: uppercase; font-weight: 300; }
.video-wrap .video-container span.source {padding-right:5px;}
.video-wrap .video-container span.days-ago {padding-left:5px;}

.white .video-wrap .video-container h2 {color:#0F2E39;}
.white .video-wrap .video-container h2 a {color:#0F2E39;}
.white .video-wrap .video-container span {color:#0F2E39;}
.white .video-wrap .social ul li a {color:#0F2E39;}

#all-cards { margin-bottom: 30px; }
#all-cards .card.video .image-container a:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(15, 46, 57, 0.5); transition:.3s ease; }
#all-cards .card.video:hover .image-container a:after {background: rgba(15, 46, 57, 0);}

.cards, .cards-container { grid-column-gap: 65px; grid-row-gap: 50px; margin-bottom: 50px; }
.cards:last-child, .cards-container:last-child { margin-bottom: 0; }

.cards-container { margin-bottom: 30px; }

.card { background: #fff; -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); }
.card .card-content-container { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 30px; margin-bottom: auto; }
.card .post-type { margin-bottom: 20px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.card .post-type .fas, .card .post-type .far, .card .post-type .fal { font-size: 40px; color: #296481; position: relative; z-index: 99; }
.card .post-type span { font-size: 14px; font-size: 0.875rem; line-height: 28px; line-height: 1.75rem; color: #296481; text-transform: uppercase; padding: 0px 10px 0 20px; background: #E1EAEE; position: relative; left: -13px; }
.card .post-type span a { color: #296481; }
.card span.source { font-size: 12px; font-size: 0.75rem; line-height: 28px; line-height: 1.75rem; font-weight: 400; font-style: italic; color: #6C9CAF; text-transform: uppercase; }
.card h2 { font-size: 18px; font-size: 1.125rem; line-height: 21px; line-height: 1.3125rem; color: #0F2E39; font-weight: 600; margin-bottom: 10px; }
.card h2 a { color: #0F2E39; }
.card h2 a:hover { color: #6C9CAF; }
.card h3 { font-size: 18px; font-size: 1.125rem; line-height: 21px; line-height: 1.3125rem; color: #0F2E39; font-weight: 400; margin-bottom: 15px; }
.card p { font-size: 14px; font-size: 0.875rem; line-height: 17px; line-height: 1.0625rem; color: #296481; font-weight: 400; margin-bottom: 15px; }
.card span.time-ago { font-size: 14px; font-size: 0.875rem; line-height: 28px; line-height: 1.75rem; color: #0F2E39; font-weight: 600; margin-bottom: auto; }
.card .image-container { width: 100%; height: 145px; background: #fff; margin-top: auto; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; overflow: hidden; }
.card .image-container a { position: absolute; width: 100%; height:100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.card .image-container img { position: absolute; min-width:100%; min-height:100%;}
.card .image-container .fal, .card .image-container .far, .card .image-container .fab, .card .image-container .fas { font-size: 31px; color: #E1EAEE; position: relative; z-index: 99; }
.card.big { -ms-flex-wrap: nowrap; flex-wrap: nowrap; margin-bottom: 50px; min-height: 340px; }
.card.big .image-container { min-width: 650px; max-width: 650px; height: auto; margin-top: 0; }
.card.big .image-container .fal, .card.big .image-container .far, .card.big .image-container .fab, .card.big .image-container .fas { font-size: 41px; }
.card.in-the-news .image-container img {min-width:auto; min-height:auto; max-width:100%;}
.card.video .image-container img {min-width:100% !important; min-height:100% !important; max-width:none !important;}

.article-content .wrap { padding-left: 60px; }
.article-content article .main-image { width: 100%; height: 470px; position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 35px; }
.article-content article .main-image .social { margin-left: -50px; margin-bottom: 0; }
.article-content article .main-image .social ul { display: block; }
.article-content article .main-image .social ul li { margin-bottom: 15px; margin-right: 0; }
.article-content article .main-image .image-container { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; overflow:hidden; }
.article-content article .main-image .image-container img {min-width:100%; min-height:100%;}
.article-content article .social { margin-bottom: 35px; }
.article-content article .social ul { padding: 0; list-style: none; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.article-content article .social ul li { margin-right: 20px; font-size: 24px; }
.article-content article .social ul li a { color: #3B5998; }
.article-content article .social ul li:first-child a { color: #08A0E9; }
.article-content article .social ul li:last-child a { color: #0F2E39; }
.article-content article .tags { margin-bottom: 35px; }
.article-content article .tags .tag { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 10px; background: #E1EAEE; color: #296481; margin-right: 10px; margin-bottom: 10px; }

footer { background: #0F2E39; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 70px 0; }
footer .overlay { width: 50%; height: 100%; position: absolute; top: 0; right: 0; }
footer .overlay .inner { width: calc(100% - 170px); position: absolute; height: 100%; top: 0; right: 0; background: #296481; }
footer .left { min-width: 650px; max-width: 650px; -webkit-box-sizing: border-box; box-sizing: border-box; padding-right: 65px; }
footer .left h3 { font-size: 29px; font-size: 1.8125rem; line-height: 31px; line-height: 1.9375rem; color: #E1EAEE; text-transform: uppercase; font-weight: 600; margin-bottom: 20px; }
footer .left #twitter-feed { width: 100%; border-bottom: 1px solid #fff; margin-bottom: 30px; }
footer .left #twitter-feed h3 { text-transform: none; }
footer .left #twitter-feed h3 .far, footer .left #twitter-feed h3 .fal, footer .left #twitter-feed h3 .fas, footer .left #twitter-feed h3 .fab { padding-right: 5px; color: #1DA1F1; display: inline-block; }
footer .left #twitter-feed h3 span { font-weight: 300; }
footer .left #twitter-feed #tweet { margin-bottom: 30px; }
footer .left #twitter-feed #tweet p { font-size: 20px; font-size: 1.25rem; line-height: 28px; line-height: 1.75rem; color: #fff; margin-bottom: 25px; }
footer .left #twitter-feed #tweet a { color: #1DA1F1; }
footer .left #twitter-feed #tweet span.time-ago { font-size: 12px; font-size: 0.75rem; line-height: 28px; line-height: 1.75rem; color: #E1EAEE; text-transform: uppercase; font-weight: 600; }
footer .left #twitter-feed #tweet span.time-ago a { color: #fff; }

footer .left #twitter-feed #tweet .tweet_list li {display:none;}
footer .left #twitter-feed #tweet .tweet_list li:first-child {display:block;}

footer .right { -webkit-box-sizing: border-box; box-sizing: border-box; padding-left: 30px; width: 100%; }
footer .right #search { margin-bottom: 40px; position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
footer .right #search input { width: 100%; height: 40px; background: #E1EAEE; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 10px; padding-left: 35px; font-style: italic; border-radius: 2px; margin-bottom: 0; }
footer .right #search .far, footer .right #search .fal, footer .right #search .fas, footer .right #search .fab { position: absolute; top: 0; bottom: 0; margin: auto; left: 10px; height: 18px; color: #296481; }
footer .right #navigation li { font-size: 29px; font-size: 1.8125rem; line-height: 31px; line-height: 1.9375rem; text-transform: uppercase; margin-bottom: 15px; }
footer .right #navigation li a { color: #E1EAEE; }
footer .right #navigation li:hover a { color: #fff; }
footer .right #navigation #footer-nav { margin-bottom: 50px; }
footer .right #navigation #footer-nav li { font-weight: 600; }
footer .right #navigation #footer-states { margin-bottom: 45px; }
footer .right #navigation #footer-states li { font-weight: 400; }
footer .right #social { margin-bottom: 120px; }
footer .right #social li { font-size: 27px; margin-right: 15px; }
footer .right #social li a { color: #fff; }
footer .right #copyright span { color: #fff; text-transform: uppercase; font-weight: 300; font-size: 17px; font-size: 1.0625rem; line-height: 20px; line-height: 1.25rem; }

#mobile-nav {display:none; position:fixed; bottom:0px; z-index:99999; background: #296481; width:100%; height:100%; overflow:scroll; box-sizing:border-box; padding:50px;}
#mobile-nav .nav-header {display:flex; align-items:center; position:absolute; top:35px; left:20px; width:calc(100% - 40px); }
#mobile-nav .nav-logo {width:150px; margin-right:auto;}
#mobile-nav .nav-logo img {width:100%;}
 
.nav-hamburger {color:#fff; margin-left:5px; position:relative; z-index:99; }
.nav-hamburger .over {z-index:99; width:100%; height:100%; top:0; left:0;}
.nav-hamburger .material-icons {font-size:30px;}

.nav-location {color:#fff; padding-right:10px; border-right:2px solid #6C9CAF;}
.nav-state {font-size:16px; line-height:30px; text-transform:uppercase; margin-right:5px;}
.nav-location .fas {font-size:16px; margin-right:5px;}


.mobile-main-nav .nav-location, .mobile-main-nav .nav-hamburger {color:#296481;}

#mobile-nav .nav-search {margin-top:60px; display:flex; flex-wrap:wrap; margin-bottom: 40px; position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
#mobile-nav .nav-search form {width:100%;}
#mobile-nav .nav-search input { width: 100%; height: 40px; background: #E1EAEE; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 10px; padding-left: 35px; font-style: italic; border-radius: 2px; margin-bottom: 0; }
#mobile-nav .nav-search .far, #mobile-nav .nav-search .fal, #mobile-nav .nav-search .fas, #mobile-nav .nav-search .fab { position: absolute; top: 0; bottom: 0; margin: auto; left: 10px; height: 18px; color: #296481; }
#mobile-nav .nav-navigation li {text-align:center; font-size: 29px; font-size: 1.8125rem; line-height: 31px; line-height: 1.9375rem; text-transform: uppercase; margin-bottom: 15px; }
#mobile-nav .nav-navigation li a { color: #E1EAEE; }
#mobile-nav .nav-navigation li.current_page_item a {color:#6C9CAF;}
#mobile-nav .nav-navigation li:hover a { color: #fff; }
#mobile-nav .nav-navigation .nav-footer-nav { margin-bottom: 50px; }
#mobile-nav .nav-navigation .nav-footer-nav li { font-weight: 600; text-align:center; }
#mobile-nav .nav-navigation .nav-footer-states { margin-bottom: 45px; }
#mobile-nav .nav-navigation .nav-footer-states li { font-weight: 400; }
#mobile-nav .nav-social { margin-bottom: 80px; }
#mobile-nav .nav-social ul {display:flex; align-items:center; justify-content:center;}
#mobile-nav .nav-social li { font-size: 27px; margin-right: 15px; }
#mobile-nav .nav-social li a { color: #fff; }
#mobile-nav .nav-copyright span {text-align:center; display:inline-block; width:100%; color: #fff; text-transform: uppercase; font-weight: 300; font-size: 17px; font-size: 1.0625rem; line-height: 20px; line-height: 1.25rem; }


span.wpcf7-not-valid-tip {color:#fff !important; font-size:14px !important;}
div.wpcf7-response-output {margin:0 !important; margin-top:20px !important;}
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing, div.wpcf7-response-output { color:#fff !important; border-color:#fff !important; box-sizing:border-box !important; padding:8px !important;}


#hidden-overlay {width:100%; height:100%; position:fixed; top:0; left:0; z-index:999; background:rgba(0,0,0,.2); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
#hidden-overlay .overlay {position:absolute; top:0; left:0; width:100%; height:100%; }
#hidden-overlay #overlay-content {max-width:800px; width:100%; max-height:90%; overflow:scroll; }
#hidden-overlay #overlay-content iframe {width:100%; height:100%;}

.group {margin-bottom:50px;}
.group:last-child {margin-bottom:0;}

.article-flex-container .article-container {min-width:660px; max-width:660px;}
.article-flex-container .article-container .main-image {height:auto; display:flex;}
.article-flex-container .article-container .main-image .image-container {position:relative; top:0; left:0; margin-left:30px;}
.article-flex-container aside {width:100%; box-sizing:border-box; padding:0 20px; }
.article-flex-container aside table {width:100%;}
.article-flex-container aside table tr {border-bottom:1px solid #0F2E3B;}
.article-flex-container aside table tr td {padding:10px 0; font-size:14px; padding-right:5px;}
.article-flex-container aside table tr td:last-child {word-break: break-word; padding-right:0;}


/* Mobile Styles */
@media screen and (max-width: 980px) { 
	.desktop { display: none !important; }
	.mobile { display: block !important; }
	/* Turns "Stacked" Text Into One Line */
	.linebreak br { content: ' '; }
	.linebreak br:after { content: ' '; } 
	
	.wrap, footer .left {width:100%;}
	.wrap {padding:0 50px;}
	.fullWidth, .background, section, footer, .wrap.wide, footer .left {min-width:auto;}

	section.sec {padding:35px 0;}
	.btn a, .btn span, form input.btn {font-size:12px;}
	
	header#header .wrap {padding:0 20px; align-items:center;}
	header#header nav, footer .flex, .flex-noWrap, header#header .wrap, header#header nav, .video-wrap, footer .right #search {flex-wrap:wrap;}
	header#header {background:#fff;}
	header#header .logo {max-width:150px;}
	header#header .logo img {width:100%;}

	.site-description h1 {font-size:41px; line-height:37px;}
	.site-description p {font-size:15px; line-height:21px;}
	.site-description .btn, .featured-products .product .btn {width:100%; text-align:center;}
	.featured-products .product .btn a {padding:16px;}

	.video-wrap .video-container h2 {font-size:18px; line-height:21px;}

	.featured-products.grid-3, .more-info .grid-3 {grid-template-columns: repeat(1, [col] 1fr);}

	#header-slider .card, #body-slider .card {width:100%; min-height:460px; margin:0 50px; margin-bottom:10px; display:flex !important;}

	.slide-container .prev {left:0;}
	.slide-container .next {right:0;}

	.more-info .grid-3 {text-align:center;}
	.featured-products .product .icon img {margin:auto;}

	.card.big, #get-involved .wrap {flex-wrap:wrap;}
	.card.big .image-container {min-height:145px; order:2;}
	.card.big .card-content-container {order:1;}
	.card.big .image-container, #get-involved #sign-up {min-width:100%; max-width:100%;}
	#load-posts-here .group .grid-3, .meet-directors {grid-template-columns: repeat(1, [col] 1fr);}

	section.light-blue .buttons {display:flex; flex-wrap:wrap;}
	section.light-blue .buttons .btn {margin-right:0; width:50%;}
	section.light-blue .buttons .btn a {padding:15px;}
	section.light-blue .buttons .btn:first-child {background:#0F2E39;}
	section.light-blue .buttons .btn:first-child a {color:#fff;}
	section.big-heading h2 {font-size:31px; line-height:37px; margin-bottom:15px;}
	section.big-heading p {font-size:16px; line-height:21px; font-weight:300;}
	section.big-gap .grid-3, section.small-gap .grid-3 {grid-gap:0; grid-template-columns: repeat(1, [col] 1fr);}
	section.big-gap, section.small-gap {padding-bottom:30px; margin-bottom:0;}
	section.small-gap {padding-top:110px;}
	section.more-info .btn {width:100%;}

	footer .right {padding-left:0; padding-top:30px; background:#296481; text-align:center; position:relative;}
	footer .right:after {content:''; top:0; left:-50px; width:calc(100% + 100px); height:100%; background:#296481; position:absolute;}
	footer .right #social {margin-bottom:50px;}
	footer .right #navigation #footer-nav li, footer .right #navigation li {font-size:17px; line-height:19px;}
	footer .right #copyright span {font-size:12px; line-height:14px;}

	footer .left {padding-right:0;}
	footer .left h3 {font-size:17px; line-height:18px;}
	footer .left #twitter-feed #tweet p {font-size:14px; line-height:17px;}
	form label {font-size:14px; line-height:28px;}
	footer .overlay, header#header nav, .slide-container .next, .slide-container .prev {display:none;}
	

	div#search, div#navigation, footer .right #social, div#copyright {position:relative; z-index:99;}
	#search form {width:100%;}
	form input.btn { width:100%; padding:15px; }
	form .grid-2 {grid-template-columns: repeat(1, [col] 1fr); grid-gap:0;}
	
	div#copyright {margin-bottom:50px;}
	#contact form {margin-bottom:20px;}
	#social ul {justify-content:center;}

	.grid-3 {grid-template-columns: repeat(1, [col] 1fr);}

	.video-wrap .video-container #video {min-height:auto;}

	.slick-dots {display:flex !important; justify-content:center; position:absolute; width:calc(100% - 100px); bottom:-22px; left:50px;}
	.slick-dots li button {border:0; padding:0; overflow:hidden; width:8px; height:8px; border-radius:8px; color:#6C9CAF; margin:0 2px; background:#6C9CAF;}
	.slick-dots li.slick-active button {background:#0F2E39; color:#0F2E39;}

	#header-slider .slick-dots {bottom:-18px;}
	section.big-heading.more-info p {margin-bottom:40px;}
	.more-info .slick-dots {bottom:60px;}

	.article-content .wrap {padding-left:50px;}
	.article-content article .main-image {height:auto; display:flex; flex-wrap:wrap; margin-bottom:10px;}
	.article-content article .main-image .image-container {position:relative; order:1; margin-bottom:0px;}
	.article-content article .main-image .image-container img {max-width:100%;}
	.article-content article .main-image .social {margin-left:0; order:2; display:none;}
	.article-content article .main-image .social ul {display:flex; align-items:center; margin-bottom:0;}
	.article-content article .main-image .social ul li {margin-right:20px;}

	.article-content h1 {font-size:22px; line-height:26px; margin-bottom:15px;}
	.article-content p {font-size:14px; line-height:17px; margin-bottom:20px;}
	.article-content p.details {font-size:12px; line-height:28px; margin-bottom:10px;}
	.article-content article .tags .tag {font-size:12px;}

	#get-involved {padding-bottom:0; margin-top:0;}
	#get-involved #sign-up {padding:0; position:relative; padding:30px 0 20px 0;}
	#get-involved #sign-up:after {content:''; position:absolute; width:calc(100% + 100px); left:-50px; height:100%; background:#296481; top:0; z-index: -1;}
	#get-involved #sign-up h3 {font-size:17px; line-height:31px;}
	#get-involved #donate {margin-right:0; margin-bottom:30px;}
	#get-involved #donate .btn {width:100%; text-align:center;}

	.page-content {text-align:center;}
	.page-content header {padding-bottom:20px;}
	.page-content h3 {font-size:26px; line-height:37px;}
	.page-content p, #about-us .over-overlay p, .content p {font-size:15px; line-height:21px; }
	
	#about-us {padding-bottom:0;}
	#about-us .over-overlay p {margin-bottom:20px;}
	#about-us .over-overlay p:last-child {margin-bottom:0;}

	.featured-products .product h3 {margin-bottom:40px;}

	.video-wrap {position:relative;}
	.video-wrap .social {min-width: auto; max-width:none; position:absolute; bottom:0; right:0;}
	.video-wrap .social ul {display:flex; align-items:center;}
	.video-wrap .social ul li {margin-bottom:0; margin-left:15px;}

	#back-to-top {position:absolute; bottom:-70px; left:-50px; font-size:17px; width:calc(100% + 100px); height:70px; display:flex !important; color:#fff; text-transform:uppercase; align-items: center; justify-content:center; flex-wrap:wrap; flex-direction:column; }
	#back-to-top .fas {color:#6C9CAF;}


	.article-flex-container .article-container {min-width:100%; max-width:100%;}
	.article-flex-container .article-container .main-image .image-container {margin-left:0;}
	.flex.article-flex-container {flex-wrap:wrap;}
	.article-flex-container aside {order:1; padding:0; margin-bottom:30px;}
	.article-flex-container .article-container {order:2;}
}

/*# sourceMappingURL=style.css.map */