/* Primary Color: #053A7F Secondary Color: #041122 Third Color: #053A7F Fourth Color: #6D6D6D Copyright Color: #9BA8BA Button: #053A7F ButtonHover: #001E46 Button 2: #041122 ButtonHover 2: #102644 Button Font: proxima-nova Title Font: quinn-display Copy Font: proxima-nova /* Reset Defaults --------------------------------------------------------------------------------------- */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, del, dfn, font, img, ins, kbd, q, s, samp, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline;} :focus { outline: 0;} ul { list-style: none;} table { border-collapse: separate; border-spacing: 0;} caption, th, td { text-align: left; font-weight: normal;} blockquote:before, blockquote:after, q:before, q:after { content: "";} blockquote, q { quotes: "" "";} input::placeholder { color: #bbb; opacity: 1; } input::-ms-input-placeholder { color: #bbb; } input:-ms-input-placeholder { color: #bbb;} /* Basic Selectors --------------------------------------------------------------------------------------- */ html {height: 100%; background: #fff; } body { font: normal 62.5% 'proxima-nova', Helvetica, Arial, sans-serif; font-weight: 400; color: #000; height:100%; } h1, h2, h3, h4, h5, h6 { font-size:1.4em; color: #222; font-family: 'quinn-display', Georgia, serif; font-weight: 600; line-height: 1.1em;} p { font-size:2em; line-height:1.8em; margin:20px 0; font-weight: 400;} .p-first-0 p:first-child { margin-top: 0 !important; } .p-last-0 p:last-child { margin-bottom: 0 !important; } p.small-text { font-size: 1.4em; font-style: italic; color: #888; line-height: 1.3em; margin-top: 10px;} .left { float:left; display:inline;} .right { float: right; display: inline;} .flip .left { float:right !important; } .flip .right { float: left !important; } img { width: 100%; max-width: 100%; height: auto; display: block; } .bs { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;} .relative { position: relative;} .push { clear: both;} a { text-decoration: none; } a:link { color: #000;} a:visited { color: #000;} a:hover { color: #000; text-decoration: underline;} a:active { color: #000;} .footer a:link { color: #000;} .footer a:visited { color: #000;} .footer a:hover { color: #000; text-decoration: underline;} .footer a:active { color: #000;} .main-color a { color: #053A7F !important;} .sec-color a { color: #041122 !important;} .third-color a { color: #053A7F !important;} .white a:link { color: #fff;} .white a:visited { color: #fff;} .white a:hover { color: #fff; text-decoration: underline;} .white a:active { color: #fff;} .breadcrumb-container li a { color: #053A7F !important;} .breadcrumb-container li a:hover { color: #fff !important;} .button_row { width: 100%; overflow: hidden;} a.button { font-size: 1.6em; padding: 18px 30px; color: #fff; font-weight: 600; background: #053A7F; display:block; float: left; text-transform: uppercase; letter-spacing: 1px; font-family: 'proxima-nova', Helvetica, Arial, sans-serif; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px;} a.button:hover { text-decoration: none; background: #001E46; color: #fff;} a.button.center { max-width: 300px; margin: 0 auto; float: none !important; padding-left: 0; padding-right: 0; text-align: center;} a.button.white { color: #000 !important; background: #fff !important; } a.button.white:hover { text-decoration: none; background: #eee !important; color: #000 !important;} .buttons { width: 100%; max-width: 640px; margin-left: auto; margin-right: auto;} .buttons a.button { padding-left: 0; padding-right: 0; width: 48%; text-align: center; } .buttons a.button.last { float: right;} .buttons.buttons-left a.button { max-width: 170px; } .buttons.buttons-left a.button.last {margin-left: 20px; float: left !important;} .button-link-wrap { width: 100%; } .button-link-wrap a.button-link { float:left; display:inline; margin: 14px 0 0 30px; padding-right: 30px; font-size: 2em; background: transparent url(../images/arrow-black.png) no-repeat 100% 50%; background-size: 19px 14px; display: inline-block;} .button-link-wrap a.button-link.white { background-image: url(../images/arrow-white.png);} a.link-arrow { padding-right: 30px; font-size: 2em; background: transparent url(../images/arrow-black.png) no-repeat 100% 50%; background-size: 19px 14px; display: inline-block;} .white a.link-arrow { background-image: url(../images/arrow-white.png);} .ta-center { text-align: center !important;} .ta-right { text-align: right !important;} .ta-left { text-align: left !important;} .white { color: #fff !important;} .black { color: #000 !important;} .grey { color: #999 !important;} .main-color { color: #053A7F !important;} .sec-color { color: #041122 !important;} .third-color { color: #053A7F !important;} .fourth-color { color: #6D6D6D !important;} .bg-black { background: #000 !important;} .bg-white { background: #fff !important;} .bg-grey { background: #f5f5f5 !important;} .bg-main { background: #053A7F !important;} .bg-sec { background: #041122 !important;} .bg-third { background: #053A7F !important;} .bg-fourth { background: #6D6D6D !important;} .gradient-lr { background: rgb(0,0,0); background: -moz-linear-gradient(90deg, rgba(0,0,0,1) 3%, rgba(0,0,0,0) 72%); background: -webkit-linear-gradient(90deg, rgba(0,0,0,1) 3%, rgba(0,0,0,0) 72%); background: linear-gradient(90deg, rgba(0,0,0,1) 3%, rgba(0,0,0,0) 72%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1); } .gradient-bt { background: rgb(0,0,0); background: -moz-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); background: -webkit-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1); } .gradient-bt-50 { background: rgb(0,0,0); background: -moz-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 50%); background: -webkit-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 50%); background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 50%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1); } .fade { opacity: 0; } .fadeIn, .fadeOut { transition: 1.5s opacity ease; } .fadeIn { opacity: 100; } .fadeOut { opacity: 0; } .rotate { -moz-transform: rotate(270deg); -webkit-transform: rotate(270deg); -o-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); } .bg-image { background-color: transparent; background-position: center center; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.myBackground.jpg', sizingMethod='scale'); -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='myBackground.jpg', sizingMethod='scale')"; } .overlay { background-color: rgba(0,0,0,.6);} .overlay-80, .single .overlay.overlay-custom-image { background-color: rgba(0,0,0,.8);} .full-screen { height: 100vh !important;} .center-vh { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } .center-v { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .center-h { position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .all-caps { text-transform: uppercase !important;} .no-caps { text-transform: none !important;} .caps { text-transform: capitalize !important;} .circles { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;} .rc { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;} .hidden-div { display: none;} .z-1 { z-index: 1 !important;} .z-2 { z-index: 2 !important;} .z-3 { z-index: 3 !important;} .z-4 { z-index: 4 !important;} img.alignright, div.alignright { width: 40%; float:right; display:inline; margin-left: 40px; margin-bottom: 40px; margin-top: 10px;} img.alignleft, div.alignleft { width: %%; float:left; display:inline; margin-right: 40px; margin-bottom: 40px; margin-top: 10px;} img.aligncenter, div.aligncenter { width: 100%; float:none; display:block; margin-left: auto; margin-right: auto; max-width: 1000px; margin-bottom: 80px; margin-top: 10px;} p.wp-caption-text { text-align: center; font-size: 1.4em; color: #666 !important; line-height: 1.1em; margin: 10px 0 0 0 !important; font-style: italic;} .desktop { display: block !important;} .mobile { display: none !important;} .text-shadow { text-shadow: 0px 0px 15px rgba(0, 0, 0, 0.5);} .shadow { -webkit-box-shadow: 0px 0px 100px 0 rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 100px 0 rgba(0,0,0,0.2); box-shadow: 0px 0px 100px 0 rgba(0,0,0,0.2);} svg .white { fill: #fff !important;} svg .black { fill: #000 !important;} .line-head { position: relative; height: 24px} .line-head h2 { text-align: center; position: relative; z-index: 2; line-height: 32px !important;} .line-head h2 span { background: #fff; padding: 0 30px;} .line-head hr { border: 0; width: 100%; height: 1px; color: #ccc; background: #ccc; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 1;} /* Titles --------------------------------------------------------------------------------------- */ .titles { font-size: 6em !important; } .titles.headline { font-size: 5.4em !important; } .titles.small { font-size: 2.4em !important; } .titles.medium { font-size: 4em !important; } .titles.bigger { font-size: 8em !important; } .small-titles { font-size: 1.6em !important; letter-spacing: 4px; text-transform: uppercase;} .page-titles { font-size: 6em !important; } .ls4 { letter-spacing: 4px;} .ls2 { letter-spacing: 2px;} .reset-small-titles { letter-spacing: 0 !important; text-transform: none !important;} h3.click-scroll-text { font-size: 1.2em !important; margin-bottom: 24px; letter-spacing: 1px; text-transform: uppercase; color: #999; font-family: 'proxima-nova', Helvetica, Arial, sans-serif; font-weight: 600 !important; } .page-template-page-publications h3.click-scroll-text { margin-bottom: 0 !important;} .page-template-page-publications h3.click-scroll-text.marg-b-24 { margin-bottom: 24px !important;} /* Custom Fonts --------------------------------------------------------------------------------------- */ .proxima { font-family: "proxima-nova", Helvetica, Arial, sans-serif !important; font-weight: 400 !important; } .proxima.bold { font-weight: 700 !important; } .thin { font-weight: 400 !important;} .light { font-weight: 300 !important;} /* Mobile Menu --------------------------------------------------------------------------------------- */ .popup-menu { z-index: 99; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: #053A7F; display: none;} .popup-menu .left { width: 35%; height: 100vh; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;} .popup-menu .right { width: 65%; height: 100vh; padding: 60px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;} .popup-menu ul { margin-top: 40px;} .popup-menu ul li { text-align: left; font-size: 5vw; font-family: 'proxima-nova', Helvetica, Arial, sans-serif; font-weight: 300 !important; line-height: 1.2em;} .popup-menu ul li a { color: #fff; font-weight: 300; } .popup-menu h2 { margin-top: 5vh;} a.btn-close { width: 55px; height: 55px; position: absolute; top: 28px; right: 29px; z-index: 999;} .buttons-popup { background: #000; box-shadow: 0 0 60px rgba(0,0,0,.6); width: 100%; position: fixed; bottom: 0; height: 50px; left: 0; padding-right: 150px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; z-index: 9999;} .buttons-popup .popup-facebook { width: 50px; height: 50px; position: absolute; bottom: 0; right: 51px; z-index: 4;} .buttons-popup .popup-phone { width: 50px; height: 50px; position: absolute; bottom: 0; right: 103px; z-index: 4;} .buttons-popup .popup-menu-icon { width: 50px; height: 50px; position: absolute; bottom: 0; right: 0; z-index: 4; padding: 14px 12px 10px 12px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;} .buttons-popup a.popup-button { color: #fff; width: 100%; display: block; height: 50px; float:left; text-align: center; line-height: 50px; font-size: 1.8em !important; letter-spacing: 0 !important; text-transform: uppercase !important; font-family: 'proxima-nova', Helvetica, Arial, sans-serif; font-weight: 400 !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;} .buttons-popup a.popup-button:hover { background: #444; text-decoration: none;} .buttons-popup a:hover svg { opacity:.4; filter:alpha(opacity=40);} .popup-menu .sub-menu { margin: 16px 0 16px 0 !important; padding-left: 40px;} .popup-menu .sub-menu li { font-size: 24px; border-bottom: 1px solid #265797; padding-bottom: 10px; margin-bottom: 10px;} /* Splash --------------------------------------------------------------------------------------- */ .splash-hero { width: 88%; max-width: 1000px; padding: 0; text-align: center !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .logo-splash { max-width: 300px; margin: 0 auto;} .splash-hero h2 { font-size: 4vw; line-height: .9em; color: #fff; text-transform: uppercase; } .splash-hero p { width: 100%; font-size: 2em; line-height: 1.2em;} /* Padding & Margins --------------------------------------------------------------------------------------- */ .pad-0 { padding: 0 !important;} .pad-20 { padding: 20px !important;} .pad-30 { padding: 30px !important;} .pad-40 { padding: 40px !important;} .pad-60 { padding: 60px !important;} .pad-80 { padding: 80px !important;} .pad-100 { padding: 100px !important;} .pad-120 { padding: 120px !important;} .pad-160 { padding: 160px !important;} .pad-200 { padding: 200px !important;} .pad-t-0 { padding-top: 0 !important;} .pad-t-20 { padding-top: 20px !important;} .pad-t-24 { padding-top: 24px !important;} .pad-t-30 { padding-top: 30px !important;} .pad-t-40 { padding-top: 40px !important;} .pad-t-50 { padding-top: 50px !important;} .pad-t-60 { padding-top: 60px !important;} .pad-t-80 { padding-top: 80px !important;} .pad-t-100 { padding-top: 100px !important;} .pad-t-120 { padding-top: 120px !important;} .pad-t-160 { padding-top: 160px !important;} .pad-t-200 { padding-top: 200px !important;} .pad-t-220 { padding-top: 220px !important;} .pad-t-300 { padding-top: 300px !important;} .pad-b-0 { padding-bottom: 0 !important;} .pad-b-20 { padding-bottom: 20px !important;} .pad-b-24 { padding-bottom: 24px !important;} .pad-b-30 { padding-bottom: 30px !important;} .pad-b-40 { padding-bottom: 40px !important;} .pad-b-50 { padding-bottom: 50px !important;} .pad-b-60 { padding-bottom: 60px !important;} .pad-b-80 { padding-bottom: 80px !important;} .pad-b-100 { padding-bottom: 100px !important;} .pad-b-120 { padding-bottom: 120px !important;} .pad-b-160 { padding-bottom: 160px !important;} .pad-b-200 { padding-bottom: 200px !important;} .pad-b-220 { padding-bottom: 220px !important;} .pad-l-0 { padding-left: 0 !important;} .pad-l-20 { padding-left: 20px !important;} .pad-l-24 { padding-left: 24px !important;} .pad-l-30 { padding-left: 30px !important;} .pad-l-40 { padding-left: 40px !important;} .pad-l-50 { padding-left: 50px !important;} .pad-l-60 { padding-left: 60px !important;} .pad-l-80 { padding-left: 80px !important;} .pad-l-100 { padding-left: 100px !important;} .pad-l-120 { padding-left: 120px !important;} .pad-l-160 { padding-left: 160px !important;} .pad-l-200 { padding-left: 200px !important;} .pad-l-220 { padding-left: 220px !important;} .pad-r-0 { padding-right: 0 !important;} .pad-r-20 { padding-right: 20px !important;} .pad-r-24 { padding-right: 24px !important;} .pad-r-30 { padding-right: 30px !important;} .pad-r-40 { padding-right: 40px !important;} .pad-r-50 { padding-right: 50px !important;} .pad-r-60 { padding-right: 60px !important;} .pad-r-80 { padding-right: 80px !important;} .pad-r-100 { padding-right: 100px !important;} .pad-r-120 { padding-right: 120px !important;} .pad-r-160 { padding-right: 160px !important;} .pad-r-200 { padding-right: 200px !important;} .pad-r-220 { padding-right: 220px !important;} .pad-tb-0 { padding-top: 0 !important; padding-bottom: 0 !important;} .pad-tb-20 { padding-top: 20px !important; padding-bottom: 20px !important;} .pad-tb-24 { padding-top: 24px !important; padding-bottom: 24px !important;} .pad-tb-30 { padding-top: 30px !important; padding-bottom: 30px !important;} .pad-tb-40 { padding-top: 40px !important; padding-bottom: 40px !important;} .pad-tb-60 { padding-top: 60px !important; padding-bottom: 60px !important;} .pad-tb-80 { padding-top: 80px !important; padding-bottom: 80px !important;} .pad-tb-100 { padding-top: 100px !important; padding-bottom: 100px !important;} .pad-tb-120 { padding-top: 120px !important; padding-bottom: 120px !important;} .pad-tb-160 { padding-top: 160px !important; padding-bottom: 160px !important;} .pad-tb-200 { padding-top: 200px !important; padding-bottom: 200px !important;} .pad-tb-220 { padding-top: 220px !important; padding-bottom: 220px !important;} .pad-lr-0 { padding-left: 0px !important; padding-right: 0px !important;} .pad-lr-20 { padding-left: 20px !important; padding-right: 20px !important;} .pad-lr-24 { padding-left: 24px !important; padding-right: 24px !important;} .pad-lr-30 { padding-left: 30px !important; padding-right: 30px !important;} .pad-lr-40 { padding-left: 40px !important; padding-right: 40px !important;} .pad-lr-60 { padding-left: 60px !important; padding-right: 60px !important;} .pad-lr-80 { padding-left: 80px !important; padding-right: 80px !important;} .pad-lr-100 { padding-left: 100px !important; padding-right: 100px !important;} .pad-lr-120 { padding-left: 120px !important; padding-right: 120px !important;} .pad-lr-160 { padding-left: 160px !important; padding-right: 160px !important;} .pad-lr-200 { padding-left: 200px !important; padding-right: 200px !important;} .pad-lr-220 { padding-left: 220px !important; padding-right: 220px !important;} .marg-t-0 { margin-top: 0 !important;} .marg-t-10 { margin-top: 10px !important;} .marg-t-12 { margin-top: 12px !important;} .marg-t-16 { margin-top: 16px !important;} .marg-t-20 { margin-top: 20px !important;} .marg-t-24 { margin-top: 24px !important;} .marg-t-30 { margin-top: 30px !important;} .marg-t-40 { margin-top: 40px !important;} .marg-t-50 { margin-top: 50px !important;} .marg-t-60 { margin-top: 60px !important;} .marg-t-80 { margin-top: 80px !important;} .marg-t-100 { margin-top: 100px !important;} .marg-t-120 { margin-top: 120px !important;} .marg-t-160 { margin-top: 160px !important;} .marg-t-200 { margin-top: 200px !important;} .marg-t-220 { margin-top: 220px !important;} .marg-b-0 { margin-bottom: 0 !important;} .marg-b-10 { margin-bottom: 10px !important;} .marg-b-12 { margin-bottom: 12px !important;} .marg-b-16 { margin-bottom: 16px !important;} .marg-b-20 { margin-bottom: 20px !important;} .marg-b-24 { margin-bottom: 24px !important;} .marg-b-30 { margin-bottom: 30px !important;} .marg-b-40 { margin-bottom: 40px !important;} .marg-b-50 { margin-bottom: 50px !important;} .marg-b-60 { margin-bottom: 60px !important;} .marg-b-80 { margin-bottom: 80px !important;} .marg-b-100 { margin-bottom: 100px !important;} .marg-b-120 { margin-bottom: 120px !important;} .marg-b-160 { margin-bottom: 160px !important;} .marg-b-200 { margin-bottom: 200px !important;} .marg-b-220 { margin-bottom: 220px !important;} .marg-l-0 { margin-left: 0 !important;} .marg-l-20 { margin-left: 20px !important;} .marg-l-24 { margin-left: 24px !important;} .marg-l-30 { margin-left: 30px !important;} .marg-l-40 { margin-left: 40px !important;} .marg-l-50 { margin-left: 50px !important;} .marg-l-60 { margin-left: 60px !important;} .marg-l-80 { margin-left: 80px !important;} .marg-l-100 { margin-left: 100px !important;} .marg-l-120 { margin-left: 120px !important;} .marg-l-160 { margin-left: 160px !important;} .marg-l-200 { margin-left: 200px !important;} .marg-l-220 { margin-left: 220px !important;} .marg-r-0 { margin-right: 0 !important;} .marg-r-20 { margin-right: 20px !important;} .marg-r-24 { margin-right: 24px !important;} .marg-r-30 { margin-right: 30px !important;} .marg-r-40 { margin-right: 40px !important;} .marg-r-50 { margin-right: 50px !important;} .marg-r-60 { margin-right: 60px !important;} .marg-r-80 { margin-right: 80px !important;} .marg-r-100 { margin-right: 100px !important;} .marg-r-120 { margin-right: 120px !important;} .marg-r-160 { margin-right: 160px !important;} .marg-r-200 { margin-right: 200px !important;} .marg-r-220 { margin-right: 220px !important;} .marg-tb-0 { margin-top: 0 !important; margin-bottom: 0 !important;} .marg-tb-20 { margin-top: 20px !important; margin-bottom: 20px !important;} .marg-tb-24 { margin-top: 24px !important; margin-bottom: 24px !important;} .marg-tb-30 { margin-top: 30px !important; margin-bottom: 30px !important;} .marg-tb-40 { margin-top: 40px !important; margin-bottom: 40px !important;} .marg-tb-60 { margin-top: 60px !important; margin-bottom: 60px !important;} .marg-tb-80 { margin-top: 80px !important; margin-bottom: 80px !important;} .marg-tb-100 { margin-top: 100px !important; margin-bottom: 100px !important;} .marg-tb-120 { margin-top: 120px !important; margin-bottom: 120px !important;} .marg-tb-160 { margin-top: 160px !important; margin-bottom: 160px !important;} .marg-tb-200 { margin-top: 200px !important; margin-bottom: 200px !important;} .marg-tb-220 { margin-top: 220px !important; margin-bottom: 220px !important;} .pad-lr-15 { padding-left: 15px !important; padding-right: 15px !important;} /* Main Selectors --------------------------------------------------------------------------------------- */ .header-wrap {} .header { height: 126px; position: absolute; z-index: 99; top: 0; left: 0; width: 100%; padding: 40px 40px 0 40px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; background: rgb(0,0,0); background: -moz-linear-gradient(180deg, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0) 100%); background: -webkit-linear-gradient(180deg, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0) 100%); background: linear-gradient(180deg, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1); } .single-people .header, .single-fellows .header, .single-publications .header, .single-programs .header, .single-fofm .header, .page-template-page-simple .header, .search-global .header { background: #053A7F !important; position: relative !important; } .home .header { background: transparent;} .logo { float:left; display:inline; width: 100%; max-width: 260px;} .header a.button { float:right; padding-top: 0; padding-bottom: 0; height: 44px; line-height: 44px; font-size: 1.4em;} .home .header a.button { background: #fff; color: #000; padding-top: 0; padding-bottom: 0; height: 44px; line-height: 44px; } .home .header a.button:hover { background: #041122; color: #fff; } .single-people .header a.button, .single-fellows .header a.button, .single-publications .header a.button, .single-programs .header a.button, .single-fofm .header a.button, .page-template-page-simple .header a.button, .search-global .header a.button { background: #fff !important; color: #053A7F !important; } .single-people .header a.button:hover, .single-fellows .header a.button:hover, .single-publications .header a.button:hover, .single-programs .header a.button:hover, .single-fofm .header a.button:hover, .page-template-page-simple .header a.button:hover, .search-global .header a.button:hover { background: #000 !important; color: #fff !important; } .main-nav { float: right; display: inline; height: 44px; margin-left: 10px; margin-right: 14px; text-align: right; padding-right: 20px; border-right: 1px solid #fff; } .main-nav li { float: right; display: inline; font-size: 1.5em; margin: 0; padding: 0 10px; position: relative;} .main-nav li a, .tax-publication-types .main-nav li.menu-item-134 a, .single-publications .main-nav li.menu-item-134 a, .single-igeupdates .main-nav li.menu-item-134 a, .tax-ige-categories .main-nav li.menu-item-134 a, .single-programs .main-nav li.menu-item-134 a, .search-ige .main-nav li.menu-item-134 a { color: #fff; font-weight: 600; border: 0; text-decoration: none; text-shadow: 0 0 16px rgba(0, 0, 0, .4); display: inline-block; height: 44px; line-height: 44px; } .main-nav li a:hover, .main-nav li.current-menu-item a, .main-nav li.current_page_parent a, .main-nav li.current-page-ancestor a, .tax-publication-types .main-nav li.menu-item-1320 a, .single-publications .main-nav li.menu-item-1320 a, .single-igeupdates .main-nav li.menu-item-1321 a, .tax-ige-categories .main-nav li.menu-item-1321 a, .search-ige .main-nav li.menu-item-1321 a { color: #fff; text-decoration: none; border-bottom: 4px solid #053A7F; } .main-nav li#menu-item-2860:hover a, .main-nav li#menu-item-135:hover a { border-bottom: 0 !important; padding-bottom: 0 !important;} .single-publications .main-nav li.menu-item-1320 a, .single-igeupdates .main-nav li.menu-item-1321 a, .single-programs .main-nav li.menu-item-2525 a { border-bottom: 4px solid #fff;} .single-people .main-nav li a, .single-publications .main-nav li a, .single-programs .main-nav li a, .single-fofm .main-nav li a, .page-template-page-simple .main-nav li a, .search-global .main-nav li a, .home .main-nav li a { border-color: #fff;} .main-nav li.menu-dropdown a { padding-right: 24px; display: inline-block; background:transparent url(../images/arrow-select-grey.png) no-repeat 96% 50%; background-size:10px 10px;} .main-nav li#menu-item-2860:hover, .main-nav li#menu-item-135:hover { background-color: #fff; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px;} .main-nav li.menu-dropdown:hover a,.main-nav li#about:hover a.menu-dropdown { text-shadow: none !important; color: #111; background-image: url(../images/arrow-select-black.png); } .main-nav .sub-menu { position: absolute; top: 44px; left: 0; display: none; overflow: hidden; background: #fff; width: 240px !important; -webkit-border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomright: 3px; -moz-border-radius-bottomleft: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; -webkit-box-shadow: 0px 34px 31px 0px rgba(0,0,0,0.17); -moz-box-shadow: 0px 34px 31px 0px rgba(0,0,0,0.17); box-shadow: 0px 34px 31px 0px rgba(0,0,0,0.17);} .main-nav li:hover .sub-menu { display: block;} .main-nav li .sub-menu li { float: none !important; text-transform: none !important; letter-spacing: 0 !important; font-size: 16px !important; margin: 0 !important; border-top: 1px solid #ddd; display: block !important; padding: 0 !important; text-align: left; line-height: 1em;} .main-nav li .sub-menu li a { text-shadow: none !important; color: #111; letter-spacing: 0 !important; display: block; padding: 10px 10px !important; height: auto !important; line-height: inherit !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; background-image: none !important;} .main-nav li#menu-item-2860:hover .sub-menu li a, .main-nav li#menu-item-135:hover .sub-menu li a { padding-bottom: 10px !important;} .main-nav li .sub-menu li a:hover { background: #eee; text-decoration: none; border: 0 !important;} .main-nav .sub-menu .sub-menu { top: -1px; left: 240px; border-left: 1px solid #ddd; overflow: hidden; display: none; -webkit-border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 0; -moz-border-radius-bottomright: 3px; -moz-border-radius-bottomleft: 0; border-bottom-right-radius: 3px; border-bottom-left-radius: 0; -webkit-border-top-right-radius: 3px; -moz-border-radius-topright: 3px; border-top-right-radius: 3px; -webkit-box-shadow: 0px 34px 31px 0px rgba(0,0,0,0.17); -moz-box-shadow: 0px 34px 31px 0px rgba(0,0,0,0.17); box-shadow: 0px 34px 31px 0px rgba(0,0,0,0.17);} .main-nav li .sub-menu li .sub-menu { display: none;} .main-nav li .sub-menu li:hover .sub-menu { display: block;} a.btn-main-search { display: block; float:right; width: 44px; height: 44px; margin-right: 20px; position: relative;} a.btn-main-search img { width: 22px; height: auto !important; } .content-wrap {} .content { background: #fff;} .main-content { float:left; display:inline; width: 65%} .sidebar { float:right; display:inline; width: 30%} .footer-wrap {} .footer { background: #000;} .section { width: 82%; max-width: 1240px; padding: 120px 0; margin: 0 auto;} .section.section-1040 { max-width: 1040px; } .section.section-1060 { max-width: 1060px; } .section.section-960 { max-width: 960px; } .section.simple { max-width: 800px; } .section .section { width: 100%;} .section.full { width: 100% !important; max-width: 100% !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } /* Homepage --------------------------------------------------------------------------------------- */ .page-hero { z-index: 1; position: relative; height: 100vh; background: #053A7F url(../images/lines-1.svg) no-repeat top right; } .page-hero .overlay { height: 100vh; overflow: hidden; } .page-hero .hero-content { width: 45%; padding: 0 10%;} .hero-content h2 { font-size: 5em; line-height: 1.1em; color: #fff; } .hero-content p { width: 100%; margin: 20px 0 0 0; font-size: 2em; line-height: 1.2em;} .hero-image {width: 30%; height: 60vh; position: absolute; right: 10%;} .page-hero .white-box { height: 120px; width: 45%; position: absolute; left: 0; bottom: 0; background: #fff; z-index: 1;} .intro-image { bottom: -120px; height: 45%; width: 22%; margin-left: -11%;} hr.hero-bar { position: absolute; left: 13%; bottom: -45%; width: 1px; background: #ccc;color: #ccc; height: 70%; border: 0; z-index: 2;} .hp-image-content .right { width: 50%; -webkit-border-top-left-radius: 100px !important; -moz-border-radius-topleft: 100px !important;border-top-left-radius: 100px !important;} .hp-image { position: absolute; bottom: -150px; right: 0; width: 50%; height: 100%; z-index: 3; padding-bottom: 150px;} .hp-mission .left { width: 30%;} .hp-mission .right { width: 65%;} .hp-mission p { font-size: 4.8em; margin: 0 !important; line-height: 1.45em; font-weight: 300;} .pillars .panel img { height: 100px; width: auto; margin: 0 auto;} .pillars h2 { font-size: 3.2em; line-height: 1.2em;} .pillars a:hover { text-decoration: none;} .why-image { width: 30%; position: absolute; left: 0; height: 100%;} .hp-freedom .right { width: 63%; padding-right: 22%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } hr.why-hr { position: absolute; right: 20%; bottom: -45%; width: 1px; background: #ccc;color: #ccc; height: 115%; border: 0; z-index: 2;} .horizontal-scroll .panel { float:left; display:inline; width: 100%; max-width: 96%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;} .page-template-page-publications .horizontal-scroll .panel { max-width: 96%; } .slick-slide { padding: 0 !important;} .horizontal-item { width: 100%; height: 500px; display: block !important; } .horizontal-title { background: #053A7F; color: #fff; text-align: center; width: 80%; bottom: 40px; font-size: 3em; padding: 20px 10px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .horizontal-title.white { background: #fff; color: #053A7F !important;} .hp-video { padding-top: 200px; margin-top: -200px;} .hp-video .left { width: 65.5%;} .hp-video .right { width: 28%; position: absolute; bottom: 0; right: 0;} .hp-programs-wrap .white-box { height: 200px; width: 100%; position: absolute; left: 0; top: 0; background: #fff; z-index: 1;} .hp-programs { background: #053A7F url(../images/lines-2.svg) no-repeat bottom left; } .portico-title { font-size: 150px; position: absolute; left: 0; top: -125px; z-index: 2; color: #fff; line-height: 1em;} .portico-title span { font-size: 40px; text-transform: uppercase; font-family: "proxima-nova", Helvetica, Arial, sans-serif !important; font-weight: 700 !important; } .hp-image-content .hp-image { width: 40%; bottom: 0;padding-bottom: 0 !important; } .article-meta { font-size: 1.4em; color: #666; text-transform: uppercase;} .hp-articles .left, .hp-articles .right { width: 47%; } a.blog-article-item-thumb { width: 70%; position: relative; z-index: 1; display: block; height: 240px;} .bigger-images a.blog-article-item-thumb { height: 300px;} .blog-article-item-content { width: 65%; position: absolute; bottom: 0; right: 0; z-index: 2; padding: 40px 0 0 40px; background: #fff;} .single a.blog-article-item-thumb { width: 100%;} .single .blog-article-item-content { width: 78%; position: relative; bottom: auto !important; right: auto !important; left: 0 !important; z-index: 2; padding: 40px 20px 0 0; background: #fff; margin-top: -60px;} .hp-publications .left, .hp-publications .right { width: 50%; } .blurred-background img { height: 60%; width: auto !important;} .hp-publications .left { height: 100%; position: absolute; bottom: 0; right: 0; overflow: hidden; background: #000; } .hp-quote-donate .left { width: 35%;} .hp-quote-donate .right { width: 65%;} .quote-avatar { width: 70px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; overflow: hidden; position: absolute; left: 0; top: 0;} .quote-content p { font-family: 'quinn-display', Georgia, serif; font-weight: 400; margin-top: 0 !important; font-size: 1.6em;line-height: 1.5em;margin:20px 0;font-weight: 400;} .quote-name { font-size: 2em;} .quote-info { position: absolute; bottom: 0; left: 0; padding-left: 90px;} .quote-wrap .relative, .quote-wrap { height: 100%;} .cta-email .left { width: 40%;} .cta-email .right { width: 60%;} .cta-email .gform_wrapper ul.gform_fields li.gfield, .cta-email .gform_wrapper .gfield { padding: 0 !important; margin: 0;} .cta-email .gform_wrapper ul li.gfield, .cta-email .gform_wrapper .gfield { margin: 0 !important;} .cta-email .gform_wrapper input.medium, .cta-email .gform_wrapper input.large, .cta-email .gform_wrapper select, .cta-email .gform_wrapper textarea, .cta-email .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) { height: 70px !important; margin: 0 !important; line-height: 70px !important; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;} .cta-email .gform_wrapper { position: relative !important;} input#gform_submit_button_2 { position: absolute; top: 0; right: 0; height: 70px !important; font-size: 2em !important; padding: 0 !important; line-height: 70px !important; margin: 0 !important; background: #000 !important; color: #fff !important;} body .cta-email .gform_legacy_markup_wrapper .top_label div.ginput_container { margin-top: 0 !important;} .cta-email .left p { margin: 0 !important; } .cta-email .gform_confirmation_message { margin: 0 !important; height: 70px !important; line-height: 70px !important; padding: 0 !important;} .cta-email .gform_legacy_markup_wrapper { margin: 0 !important;} .cta-email .gform_legacy_markup_wrapper .gform_footer { padding: 0 !important;} /* Blurred --------------------------------------------------------------------------------------- */ .blurred-background { position: relative; opacity: 70%; overflow: hidden; width: 200%; height: 200%; filter: blur(40px); background-size: cover; background-position: center; background-repeat: no-repeat; z-index: 1;} /* Secondary Pages --------------------------------------------------------------------------------------- */ .staff-wrap .left { width: 28%;} .staff-wrap .right { width: 65%;} .people-quote { font-size: 1.6em !important; line-height: 1.3em !important; margin: 24px 0 0 0 !important; color: #666;} .endorsement-wrap { border-bottom: 1px solid #ddd;} .grid-two .endorsement-wrap.pad-b-60 { border-bottom: none !important; padding-bottom: 0 !important;} .endorsement-quote { border-left: 10px solid #053A7F; padding-left: 60px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; width: 100%;} .endorsement-quote p { font-size: 3em; line-height: 1.4em; font-family: 'quinn-display', Georgia, serif; font-weight: 400;} .endorsement-meta { max-width: 500px; margin-left: 66px; min-height: 90px; position: relative; padding-left: 114px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .endoresement-avatar { width: 90px; position: absolute; top: 0; left: 0; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; overflow: hidden;} .endorsement-name { font-size: 2.4em; color: #053A7F; font-family: "proxima-nova", Helvetica, Arial, sans-serif !important; font-weight: 700 !important;} .endorsement-title { font-size: 1.6em; color: #666; margin-top: 6px; font-family: "proxima-nova", Helvetica, Arial, sans-serif !important; font-weight: 400 !important; font-style: italic;} .page-id-9 #section-7 .panel { background: #053A7F; padding: 40px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;} .page-id-9 #section-7 .panel img { height: 100px; width: auto; margin: 0 auto 24px auto;} .page-id-9 #section-7 .panel h2.titles.medium.pad-b-40 { font-size: 2.4em !important; padding-bottom: 0 !important; } .page-template-page-custom-template .grid_two .titles.medium.marg-t-24, .page-template-page-custom-template .grid_three .titles.medium.marg-t-24, .page-template-page-custom-template .grid_four .titles.medium.marg-t-24 { font-family: "proxima-nova", Helvetica, Arial, sans-serif !important; } .single .overlay { background-color: rgba(0,0,0,.3);} .single-programs .overlay { background-color: rgba(0,0,0,.6);} .single-hero { height: 700px;} .single-right { margin-top: -120px;} .article-box-white { position: absolute; z-index: 3; bottom: 0; left: 0; width: 50%; background: #fff; height: 120px;} .fi-caption { position: absolute; z-index: 3; bottom: 0; left: 0; width: 50%; background: #fff; height: 120px;} .single-hero .section { position: absolute; background: red; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .article-caption { position: absolute; top: 50px; right: -360px; width: 300px; } .side-terms li { font-size: 2.4em; font-family: 'quinn-display', Georgia, serif; border-bottom: 1px solid #ddd; padding: 20px 0;} .side-terms li a { color: #053A7F; font-weight: 600;} .authors-bio { border-top: 1px solid #ddd;} .publications-wrap .left { width: 25%;} .publications-wrap .right { width: 70%;} .publication-image { height: 500px; } .publication-image img { height: 90%; width: auto; margin: 0 auto; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%);} .article-icons li { padding-left: 40px; font-size: 2em; color: #000; line-height: 1.2em; margin-top: 16px; background-size: 20px 20px; background-color: transparent; background-position: 0 2px; background-repeat: no-repeat;} .article-icons .icon-date { background-image: url(../images/icon-date.png);} .article-icons .icon-volume { background-image: url(../images/icon-volume.png);} .article-icons .icon-author { background-image: url(../images/icon-author.png);} .gallery-grid { overflow: hidden; width: 100%;} .c-grid__item { float:left; display:inline; width: 33%; padding: 5px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;} .gallery-grid p { margin: 0 !important; font-size: 14px !important; line-height: 1.2em;} .term-books .books-term-wrap .panel img, .term-policy-briefs .books-term-wrap .panel img { height: 400px !important; width: auto !important; max-width: auto !important; margin: 0 auto;} .donate-images { text-align: center;} .donate-images img { height: 100px; width: auto; display: inline-block; margin: 0 10px;} .square-thumbnail-container { width: 100%; /* Inherit the width of the parent responsive panel */ margin: 0 auto; /* Center the square container horizontally */ overflow: hidden; /* Hide any image overflow */ position: relative; /* Ensure container's height is relative to width */ padding-bottom: 100%; /* Set the padding to maintain a 1:1 aspect ratio (square) */ } .square-thumbnail-container img { max-width: 100%; /* Ensure the image does not exceed the container width */ height: auto; /* Allow the image to scale proportionally */ width: 100%; /* Fill the entire square container width */ position: absolute; /* Position the image absolutely within the container */ top: 0; left: 0; bottom: 0; right: 0; } /* Search Overlay --------------------------------------------------------------------------------------- */ .header_wrap.fixed-header { position: fixed !important;} .search-logo { height: 30px; line-height: 30px; font-weight: 300 !important; color: #fff; font-size: 1.6em;} .search-logo img { width: auto !important; height: 30px; float:left; display:inline; margin-right: 12px; padding-right: 30px; margin-right: 30px; border-right: 1px solid #fff;} .search-logo { font-size: 2.4em; line-height: 30px; text-transform: uppercase !important; letter-spacing: 4px;} .search-overlay-wrap { display: none; height: 100vh; width: 100%; position: fixed; z-index: 99999; background: rgba(0,19,44,.98); top: 0; left: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;} .search-overlay-wrap a.btn-exit { display: block; width: 60px; height: 60px; text-align: center; line-height: 40px; position: absolute; top: 20px; right: 20px; } .search-overlay-wrap a.btn-exit svg { width: 28px; height: 28px; position: absolute; z-index: 1; left: 50%; top: 50%; margin-left: -14px; margin-top: -14px; } .search-overlay-wrap a.btn-exit:hover svg path { fill: #46BB92;} .search-content { height: 240px; position: absolute; top: 50%; left: 0; margin-top: -100px; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;} .search-wrap-form { height: 180px; border-bottom: 1px solid #36465b; position: relative;} .search-wrap-form label { font-size: 10em; line-height: 180px; color: #fff; font-family: 'quinn-display', Georgia, serif; position: absolute; } input.input-site-search { height: 180px; width: 100%; background: none; border: 0; padding: 0; font-size: 10em; line-height: 180px; color: #fff;font-family: 'quinn-display', Georgia, serif; } .commoned-search { margin-top: 24px;} .commoned-search li { float:left; display:inline; margin-right: 8px; font-size: 1.4em; color: #46BB92;} .commoned-search li a { font-weight: 400;} .search-results-row { margin-bottom: 20px; border-bottom: 1px solid #ddd; padding-bottom: 20px;} .search-results-row h2 { margin-bottom: 2px;} .search-results-row h2 a { color: #373643;} .search-results-row p { margin: 0 !important;} .search-results-link a { font-weight: 400 !important;} .global-search { max-width: 680px; margin-left: auto; margin-right: auto;} .global-search .input-page-site-search { width: 100%; font-size: 3em; line-height: 1em; color: #000; border: 1px solid #ccc; background: #f5f5f5; font-family: "proxima-nova", Helvetica, Arial, sans-serif !important; padding: 10px 20px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; background: #f5f5f5 url(../images/icon-search.png) calc(100% - 20px) 50% no-repeat !important; -moz-background-size: 24px 24px !important; -o-background-size: 24px 24px !important; -webkit-background-size: 24px 24px !important; background-size: 24px 24px !important; } .search-results-title { font-size: 3em;} .global-search-results-row p { line-height: 1.4em; margin: 10px 0 0 0 !important;} .results-divider { height: 1px; width: 100%; background: #ddd; color: #ddd; border: 0 !important;} .search-results-numbers { font-size: 1.8em;} .search-results-blog-image { float:left; display:inline; width: 50%;} .search-results-blog-content { float:right; display:inline; width: 75%; margin-top: -40px;} .bg-main .global-search .input-page-site-search { border: 0; background-color: #fff;} /* Custom Template Overrides --------------------------------------------------------------------------------------- */ .title-white .titles, .title-white .titles a, .title-white .wysiwyg h1, .title-white .wysiwyg h2, .title-white .wysiwyg h3, .title-white .wysiwyg h4, .title-white .wysiwyg h5, .title-white .wysiwyg h6, .title-white .titles:not(.headline), .headline-white .titles.headline { color: #fff !important;} .title-black .titles, .title-black .titles a, .title-black .wysiwyg h1, .title-black .wysiwyg h2, .title-black .wysiwyg h3, .title-black .wysiwyg h4, .title-black .wysiwyg h5, .title-black .wysiwyg h6, .title-black .titles:not(.headline), .headline-black .titles.headline { color: #000 !important;} .title-grey .titles, .title-grey .titles a, .title-grey .wysiwyg h1, .title-grey .wysiwyg h2, .title-grey .wysiwyg h3, .title-grey .wysiwyg h4, .title-grey .wysiwyg h5, .title-grey .wysiwyg h6, .title-grey .titles:not(.headline), .headline-grey .titles.headline { color: #999 !important;} .title-main-color .titles, .title-main-color .titles a, .title-main-color .wysiwyg h1, .title-main-color .wysiwyg h2, .title-main-color .wysiwyg h3, .title-main-color .wysiwyg h4, .title-main-color .wysiwyg h5, .title-main-color .wysiwyg h6, .title-main-color .titles:not(.headline), .headline-main-color .titles.headline { color: #053A7F !important;} .title-sec-color .titles, .title-sec-color .titles a, .title-sec-color .wysiwyg h1, .title-sec-color .wysiwyg h2, .title-sec-color .wysiwyg h3, .title-sec-color .wysiwyg h4, .title-sec-color .wysiwyg h5, .title-sec-color .wysiwyg h6, .title-sec-color .titles:not(.headline), .headline-sec-color .titles.headline { color: #041122 !important;} .button-white a.button { background: #fff !important; color: #000 !important;} .button-black a.button { background: #000 !important; color: #fff !important;} .button-grey a.button { background: #999 !important; color: #fff !important;} .button_main_color a.button { background: #053A7F !important; color: #fff;} .button_main_color a.button:hover { background: #001E46 !important; color: #fff;} .button-sec-color a.button { color: #041122 !important; color: #fff;} .button-sec-color a.button:hover { color: #102644 !important; color: #fff;} .quicklink-panels { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;} .quicklink-panels .panel { position: relative; } .quicklink-panels a { display: block; position: absolute; top: 0; left: 0; z-index: 99; width: 100%; height: 100%; background-color: rgba(0,0,0,.4); -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;} .quicklink-panels a:hover { background-color: rgba(0,0,0,.65);} .quicklink-panels h2 { position: absolute; width: 100%; padding-left: 20px; padding-right: 20px; text-align: center; bottom: 0; left: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;} .buttons-center-active .buttons-center { text-align: center; } .buttons-center-active .buttons-center a.button { display: inline-block; float: none; text-align: center; margin-right: 10px !important; margin-left: 10px !important; } .buttons-center-active .panel a.button, .buttons-center-active a.button { float: none; margin-left: auto !important; margin-right: auto !important; display: inline-block;} .hero-right .buttons-center { text-align: right; } .hero-right .buttons-center a.button { display: inline-block; float: none; text-align: right; margin-right: 0 !important; margin-left: 20px !important; } .page-template-page-custom-template .gform_heading, .single-programs .gform_heading { display: none !important;} .page-template-page-custom-template .titles a:hover { text-decoration: none !important;} /* Hero Video Background --------------------------------------------------------------------------------------- */ .video-container { position: absolute; top: 0; bottom: 0; width: 100%; height: 100%; overflow: hidden; z-index: 1;} .video-container video { min-width: 100%; min-height: 110%; width: auto; height: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);} /* Circles Number --------------------------------------------------------------------------------------- */ .circle-number { width: 110px; height: 110px; margin: 0 auto; line-height: 94px; border: 8px solid #fff; color: #fff; font-size: 6em; font-weight: 600; text-align: center; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;} /* Contact --------------------------------------------------------------------------------------- */ .contact-wrap .left { width: 30%; } .contact-wrap .right { width: 60%; } .contact-team .left { width: 35%; } .contact-team .right { width: 60%; } .contact-team h3 { margin-top: 8px;} .contact-team p { line-height: 1.4em !important;} .contact-team .avatar-circle { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; overflow: hidden; } /* Titles Bar --------------------------------------------------------------------------------------- */ .titles-feature { height: 48px;} .titles-feature h2.titles { line-height: 48px !important; z-index: 4; position: relative;} .titles-feature h2.titles span { background: #fff; padding: 0 40px;} hr.titles-bar { background: #000; color: #000; position: absolute; top: 20px; left: 0; width: 100%; z-index: 1;} /* Icons --------------------------------------------------------------------------------------- */ .icon-content.icon-lr .panel { position: relative; padding-left: 100px; } .icon-content.icon-lr .icon { position: absolute; left: 0; top: 0; width: 100px; } .icon-content.icon-lr .icon-content { width: 100%;} .icon-content.icon-lr .icon img { margin: 0 auto;} /* Grids --------------------------------------------------------------------------------------- */ .grid-two .panel { width: 49%; margin-right: 2%; float:left; display:inline;} .grid-three .panel { width: 32%; margin-right: 2%; float:left; display:inline;} .grid-four .panel { width: 23.5%; margin-right: 2%; float:left; display:inline;} .grid-five .panel { width: 18.8%; margin-right: 1.5%; float:left; display:inline;} .panel.alt { clear: left;} .panel.last { margin-right: 0;} .panel.alt { clear: left;} .panel.last { margin-right: 0;} .full-width-columns .panel { width: 100% !important; margin-right: 0 !important; float:none !important; display:block !important;} .grid-two .small-titles, .grid-three .small-titles, .grid-four .small-titles, .grid-five .small-titles { font-size: 1.6em !important; letter-spacing: 0 !important; text-transform: none !important;} .blog .grid-two .panel { width: 47% !important; margin-right: 6%; } .blog .grid-two .panel.last { margin-right: 0 ;} /* Image Content Side by Side --------------------------------------------------------------------------------------- */ .image-content { position: relative;} .image-content .left, .image-content .left .center-v { width: 47%;} .image-content .right, .image-content .right .center-v { width: 47%;} .image-content.image-content-more .left { width: 30%; } .image-content.image-content-more .right { width: 62%; } .image-content.image-content-more .left .center-v { width: 100%; position: relative; top: 0; -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; } .image-content.image-content-more .right .center-v { width: 100%; position: relative; top: 0; -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; } .image-content.ic-vertical .center-v { right: 0 !important; width: 47% !important; top: 50%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;} .image-content.ic-vertical.flip .center-v { right: auto !important; left: 0 !important;} .image-content.ic-vertical .right { height: 100% !important; } /* Image Splits --------------------------------------------------------------------------------------- */ .image-split-wrap { position: relative;} .image-split-wrap.section { width: 100% !important; max-width: 100% !important; padding-top: 0 !important; padding-bottom: 0 !important; } .image-split { position: absolute; top: 0; left: 0; width: 50%; height: 100%;} .image-split-wrap .right { width: 50%;} .flip .image-split { left: auto !important; right: 0; } /* Two Images & Content --------------------------------------------------------------------------------------- */ .two-image-content .left { width: 52.5%;} .two-image-content .right { width: 38.5%;} .two-images { position: relative;} .two-images .image-bottom { z-index: 1; position: relative; width: 75%; float:left; display:inline;} .two-images .image-top { z-index: 2; position: relative; width: 56%; float:right; display:inline; margin-top: -40%;} .flip .two-images .image-bottom { float:right; } .flip .two-images .image-top { float:left; } /* Video Play Button --------------------------------------------------------------------------------------- */ a.video-wrap { background: #000; display: block; overflow: hidden; position: relative;} .btn-play { width: 80px; height: 80px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); z-index: 999;} a.video-wrap img { opacity:.8; filter:alpha(opacity=80);} a.video-wrap:hover img { opacity:.5; filter:alpha(opacity=50);} /* Articles --------------------------------------------------------------------------------------- */ .article-row { display: block;} .article-row:last-child { margin-bottom: 0 !important; } .article-row .left { width: 35%; } .article-row .right { width: 60%; vertical-align: middle; } .article-row h2 { font-size: 3em; font-weight: 700; line-height: 1em; margin-top: 0; } .article-row h2 a { color: #000;} .article-row h3 { font-size: 1.6em; letter-spacing: 3px; text-transform: uppercase; font-weight: 600; margin: 10px 0 0 0; font-family: 'quinn-display', Georgia, serif;} .article-row h3 a { color: #000; font-weight: 600; } .article-row p { margin: 20px 0 0 0;} .article-row hr.divider { margin-left: 0; margin-right: 0;} h2.blog-page-title { font-size: 3em;} .tags-wrap a { display: block; float:left; padding: 14px 24px; color: #053A7F; margin-right: 10px; margin-bottom: 10px; font-size: 1.6em; font-weight: 400; background: transparent; border: 1px solid #053A7F; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .tags-wrap a:hover { background: #053A7F; color: #fff; text-decoration: none;} .tags-wrap a:last-child { margin-right: 0 !important;} p.blog-author { margin-bottom: 0 !important; font-size: 2.4em;} .widget-wrap .tags li { float:left; border: 0 !important; font-size: 1.6em; text-transform: capitalize; padding-bottom: 0 !important; margin-right: 10px; } .widget-wrap .tags a { display: block; float:left; padding: 10px 18px; color: #053A7F; margin-right: 10px; font-weight: 400; background: transparent; border: 1px solid #053A7F; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .widget-wrap .tags a:hover { background: #053A7F; color: #fff !important; text-decoration: none; border-color: #053A7F;} .widget-wrap .tags a:last-child { margin-right: 0 !important;} /* Sidebar --------------------------------------------------------------------------------------- */ .widget-wrap h2 { font-size: 2.4em; margin-top: 40px;} .widget-wrap ul { margin-top: 20px;} .widget-wrap ul li { font-size: 2em; padding-bottom: 12px; margin-bottom: 12px; border-bottom: 1px solid #ddd;} .widget-wrap ul li a:hover, .widget-wrap ul li.current-cat a { color: #053A7F !important; text-decoration: none;} .searchform { width: 100%; position: relative; } .nothing-found-search { width: 100%; max-width: 300px;} .sidebar .nothing-found-search { max-width: 100% !important;} .searchform #s { width: 100%; height: 60px; border: 0; color: #000; padding: 0 20px; font-size: 2em; font-weight: 300; font-family: 'proxima-nova', Helvetica, Arial, sans-serif; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;} .searchform #s { background: #f5f5f5 url(../images/icon-search.png) 95% 50% no-repeat !important; -moz-background-size: 24px 24px !important; -o-background-size: 24px 24px !important; -webkit-background-size: 24px 24px !important; background-size: 24px 24px !important; } .searchform label { position: absolute; left: 20px; color: #999; top: 18px; z-index: 1; font-size: 2em; font-weight: 300; font-family: 'proxima-nova', Helvetica, Arial, sans-serif; } .searchform #searchsubmit { display: none;} .widget-wrap.marg-b-60 { margin-bottom: 0 !important;} .widget-wrap label { display: none !important;} /* WYSIWYG Styling --------------------------------------------------------------------------------------- */ .wysiwyg h1 { font-size: 3.4em; margin: 0 0 40px 0; line-height: 1em;} .wysiwyg h2 { font-size: 2.8em; margin: 40px 0; line-height: 1em;} .wysiwyg h3, .wysiwyg h4 { font-size: 2.4em; margin-bottom: 40px; font-weight: 400; color: #000;} .wysiwyg ul { margin: 40px 0; } .wysiwyg ul li { font-size:2em; margin-bottom: 6px; line-height: 1.8em; list-style: disc; margin-left: 48px; padding-left: 4px;} .wysiwyg ol { margin: 40px 0; } .wysiwyg ol li { font-size:2em; margin-bottom: 6px; line-height: 1.8em; list-style: decimal; margin-left: 48px; padding-left: 4px;} .wysiwyg ul li li, .wysiwyg ol li li, .wysiwyg ul li li li, .wysiwyg ol li li li { font-size: inherit; } .wysiwyg p:last-child { margin-bottom: 0 !important;} .wysiwyg p:first-child { margin-top: 0 !important;} .wysiwyg hr, hr.divider { max-width: 120px; height: 10px; border: 0; background-color: #053A7F; color: #053A7F; margin: 60px 0;} .wysiwyg blockquote p:last-child { margin-bottom: 40px;} .wysiwyg p small { font-style: italic; font-size: .8em; line-height: .8em;} .wysiwyg p b, .wysiwyg p strong { color: #000 !important;} .wysiwyg a { font-weight: 700; color: #053A7F;} .wysiwyg a:hover { text-decoration: underline; } /* Password Area --------------------------------------------------------------------------------------- */ .password-protected .footer-wrap, .password-protected .header { display: none; } .password-wrapper { background: #111; height: 100vh; width: 100%; position: relative; padding-top: 32vh; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;} .password-wrap { width: 88%; max-width: 500px; color: #999 !important;} .password-wrap h1 { width: 100%; max-width: 200px; margin: 0 auto;} .password-wrap p { text-align: center; font-size: 1.6em; line-height: 1.4em; font-family: 'proxima-nova', Georgia, serif; font-weight: 400; margin: 40px 0 !important;} .password-form-wrap { position: relative; width: 100%; max-width: 360px; margin: 0 auto; background: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; width: 100%; height: 50px;} .password-wrap label { font-family: 'proxima-nova', Helvetica, sans-serif; font-weight: 400; position: absolute; top: 0; left: 20px; font-size: 2em; } input.input-password { width: 100%; height: 50px;font-family: 'proxima-nova', Helvetica, sans-serif; font-weight: 400; line-height: 50px; color: #000; background: #fff; border: 0; font-size: 2em; padding: 0 20px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;} input.btn-password { width: 100px; height: 42px; text-align: center; background: #000; border: 0; font-family: 'proxima-nova', Helvetica, sans-serif; position: absolute; top: 4px; right: 4px; color: #fff; line-height: 42px; font-size: 16px; font-weight: bold; padding: 0 !important; } input.btn-password:hover { cursor: pointer; background: #333;} .small-password-text { font-size: 1.2em !important;} /* Gravity Forms --------------------------------------------------------------------------------------- */ .form-wrapper { } .gform_wrapper.gravity-theme .gform_fields { display: block !important;} .gform_wrapper { width:100%; margin:0 auto 0 auto !important; padding:0; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; } .gform_wrapper label, .gform_wrapper .top_label .gfield_label { font-size:14px !important; color:#000; font-family:'proxima-nova', Helvetica, Arial, sans-serif !important; font-weight:600; } .gform_wrapper input.medium, .gform_wrapper input.large, .gform_wrapper select, .gform_wrapper textarea, .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) { height: 48px; border: 1px solid #999; font-size: 1.8em !important; font-family: 'proxima-nova', Helvetica, Arial, sans-serif; color: #000; font-weight: 400 !important; margin-top: 0; line-height: 48px; padding: 0 20px !important; width: 100%; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; display:block !important; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; } .gform_wrapper textarea, .gform_wrapper textarea.large { height: 160px !important; width: 100% !important; clear: left !important; padding: 12px 20px !important;} .gfield_radio input, .gfield_checkbox input { border: 1px solid #ddd; background: #eee; margin-right: 10px !important; float: left; margin-top: 4px !important; } .gform_wrapper ul.gfield_checkbox li, .gform_wrapper ul.gfield_radio li { font-size: 1.6em; font-weight: 400 !important;} .gform_wrapper ul.gfield_checkbox li label, .gform_wrapper ul.gfield_radio li label { font-weight: 400 !important;} .gform_wrapper select { color:#999 !important; } .gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=image], .gform_wrapper .gform_footer input[type=submit] { display:block !important; float:none !important; text-align:center; margin:20px 0 0 15px !important; padding: 14px 30px; color: #fff; font-size: 1.6em !important; min-width: 180px; text-align: center; font-weight: 400; background: #053A7F; border: 1px solid #053A7F; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .gform_wrapper .gform_footer input.button:hover, .gform_wrapper .gform_footer input[type=image]:hover, .gform_wrapper .gform_footer input[type=submit]:hover { background:#7A6E7D !important; color:#fff !important; border-color: #7A6E7D; cursor: pointer !important;} .gform_wrapper .gfield_required { color:red !important; } .gform_wrapper .field_sublabel_above .ginput_complex.ginput_container label, .gform_wrapper .field_sublabel_above div[class*=gfield_date_].ginput_container label, .gform_wrapper .field_sublabel_above div[class*=gfield_time_].ginput_container label, .gform_wrapper .field_sublabel_below .ginput_complex.ginput_container label, .gform_wrapper .field_sublabel_below div[class*=gfield_date_].ginput_container label, .gform_wrapper .field_sublabel_below div[class*=gfield_time_].ginput_container label { font-size:14px !important; } .gform_wrapper ul li.gfield, .gform_wrapper .gfield { margin-top:30px !important; } .gform_wrapper ul.gform_fields li.gfield, .gform_wrapper .gfield { width:50%; float:left; display:inline; clear:none !important; padding-left:15px !important; padding-right:15px !important; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; } .gform_wrapper ul.gform_fields li.gfield.full, .gform_wrapper .gfield.full { width:100%; clear:left !important; } .gform_confirmation_message { background:#38af4f; margin-top: 40px; padding:30px; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; color:#fff; text-align:center; font-size:1.6em; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; } .email-bottom { padding:100px 0; background:#eee; } .home .email-bottom { background:#fff; } .gform_wrapper .gsection { border: 0 !important; margin: 40px 0 0 0 !important; padding: 0 !important;} .gsection_description { font-size: 1.6em !important; line-height: 1.8em !important; margin-top: 20px !important; padding-right: 0 !important;} input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill { background:none !important; } input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill { background:none !important; } .ginput_container_select { padding:0; margin:0; border:0; width:100%; border-radius:0; background-color:transparent; position:relative; background:transparent url(../images/arrow-select-black.png) no-repeat 96% 50%; padding-right:0 !important; background-size: 14px 10px; } .ginput_container_select:hover { background:transparent url(../images/arrow-select-black.png) no-repeat 96% 50%; background-size: 14px 10px; } .ginput_container_select select, .gform_wrapper .ginput_container_time.gfield_time_ampm select { font-size:1.6em !important; color: #000 !important; font-family:'proxima-nova', Helvetica, Arial, sans-serif; font-weight:400; color:transparent; width:100% !important; box-shadow:none; -moz-box-sizing:border-box !important; -webkit-box-sizing:border-box !important; -ms-box-sizing:border-box !important; box-sizing:border-box !important; -webkit-appearance:none; -moz-appearance:none; appearance:none; background:#fff url(../images/arrow-select-black.png) no-repeat 96% 50% !important; background-size: 14px 10px !important; } .ginput_container_select select:hover, .gform_wrapper .ginput_container_time.gfield_time_ampm select:hover { color: #000 !important; background:#fff url(../images/arrow-select-black.png) no-repeat 96% 50% !important; background-size: 14px 10px !important; } .ginput_container_select.active select { color:#000 !important; } .ginput_container_select select:focus { outline:none; } .gform_footer { width: 100%; clear: both; } .gform_wrapper ul.gform_fields li.gfield span.name_first { padding-right: 20px !important;} .gform_wrapper ul.gform_fields li.gfield span.name_last { padding-left: 8px !important; margin-right: -2px !important;} .gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield span.name_first, .gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield span.name_last, .gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield span.name_middle { padding-top: 0 !important;} .gform_wrapper .field_sublabel_below span label { font-size:1.4em; color:#999; font-family:'proxima-nova', Helvetica, Arial, sans-serif !important; font-weight:400; font-style: italic; margin-bottom: 0 !important; } .gform_ajax_spinner, textarea#g-recaptcha-response, textarea.g-recaptcha-response { display: none !important; } .split .gform_wrapper ul.gform_fields li.gfield, .split .gform_wrapper .gfield { padding: 0 !important; width:100%; max-width: 300px;} .split .gform_wrapper .gform_footer input.button, .split .gform_wrapper .gform_footer input[type=image], .split .gform_wrapper .gform_footer input[type=submit] { margin: 0 !important; max-width: 120px; font-size: 16px !important;} .split .gform_wrapper ul li.gfield, .split .gform_wrapper .gfield { margin: 0 !important;} body .split .gform_wrapper ul li.field_description_below div.ginput_container_checkbox, body .split .gform_wrapper ul li.field_description_below div.ginput_container_radio { margin: 0 0 24px 0 !important;} .split .gform_confirmation_message { margin-top: 0 !important;} .hour_minute_colon { height: 45px !important; line-height: 45px !important; font-size: 1.8em !important; font-family: 'proxima-nova', Helvetica, Arial, sans-serif; color: #000; font-weight: 400 !important; margin-top: 0 !important; padding: 0 !important; width: 20px !important; text-align: center; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; display:block !important;} .gform_wrapper .ginput_container_time { width: 64px !important; min-width: 64px !important;} .gform_wrapper .ginput_container_time.gfield_time_ampm { width: 100px !important; min-width: 100px !important;} .gform_wrapper .ginput_container_time.gfield_time_ampm select, .gform_wrapper .ginput_container_time.gfield_time_ampm select { background-position: 75% 50% !important; } .ginput_container_date input { background:transparent url(../images/icon-form-cal.png) no-repeat 96% 50%; padding-right:0 !important; background-size: 14px 14px; } .page-template-page-project-forms .gform_wrapper ul.gform_fields li.gfield, .page-template-page-project-forms .gform_wrapper .gfield { width:100%; float:none !important; display:block; padding-left:0 !important; padding-right:0 !important; } .page-template-page-project-forms .gform_wrapper .ginput_container_fileupload input { border: 0 !important; padding: 0 !important;} .page-template-page-project-forms .gform_heading { display: none !important;} .gform_legacy_markup_wrapper h2.gsection_title { font-size: 2.4em !important; margin: 40px 0 0 0 !important;} .gform_legacy_markup_wrapper li.gsection:first-child h2.gsection_title { margin-top: 0 !important;} .ginput_container_date { position: relative;} .ui-datepicker-trigger { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 3.5%;} .gform_wrapper .ginput_container_fileupload { margin-top: 0 !important;} .gform_wrapper .ginput_container_fileupload input { border: 0 !important; padding: 0 !important; margin-top: 0 !important;} /* Footer --------------------------------------------------------------------------------------- */ .footer-wrap { padding-left: 270px;} .logo-footer { position: absolute;top: 0; left: 0; z-index: 1; max-width: 190px;} .footer-left {float:left; display:inline; width: 55%;} .footer-right { float:right; display:inline; width: 40%;} .footer-left .foot-menu-wrap { width: 50%;} .footer-left .foot-contact { width: 46%;} .footer-left p { font-size: 1.6em; line-height: 1.4em;} .social-media-icons { float: right; margin-right: 40px; margin-top: 10px;} .social-media-icons li { display: inline; float: left; margin-right: 24px;} .social-media-icons li:last-child { margin-right: 0;} .social-media-icons li a { display: block; width: 26px; height: 26px; } .social-media-icons svg { width: 26px; height: 26px;} .social-media-icons a:hover svg path { fill: #053A7F !important; } .footer a.button { float: right; color: #fff;} .foot-contact p { font-size: 1.4em; line-height: 1.7em; margin: 0 !important;} .foot-contact p:first-child { margin-bottom: 10px !important; } .foot-contact p b { font-size: 1.8em; } .foot-nav li { font-size: 1.8em; } .foot-nav li a:hover { text-decoration: none; color: #053A7F;} .copyright { font-size: 1em; color: #9BA8BA; margin-bottom: 0 !important;} p.copyright a { font-family: 'proxima-nova', Helvetica, Arial, sans-serif; font-size: 1.4em; margin-left: 4px; color: #9BA8BA !important;} p.copyright a:hover { color: #fff !important; text-decoration: none;} /* Media Queries --------------------------------------------------------------------------------------- */ /* Desktops and laptops ----------- */ @media only screen and (max-height : 1440px) { } @media only screen and (max-height : 1100px) { .splash-hero h2 { font-size: 4vw; } } @media only screen and (max-height : 900px) { } @media only screen and (max-height : 800px) { } @media only screen and (max-height: 540px) { } @media only screen and (max-width : 2260px) { } @media only screen and (max-width : 2000px) { } @media only screen and (max-width : 1800px) { .page-template-page-custom-template .image-split-wrap .pad-200 { padding: 140px !important;} } @media only screen and (max-width : 1770px) { } @media only screen and (max-width : 1600px) { .image-split-wrap .right.pad-160, .page-template-page-custom-template .image-split-wrap .pad-200 { padding: 120px !important;} } @media only screen and (max-width : 1500px) { .quote-content p { line-height: 1.2em;} .footer-wrap { padding-left: 0;} .logo-footer { position: relative; margin-bottom: 40px;} .footer-left {width: 65%;} .footer-right { width: 35%;} } @media only screen and (max-width : 1350px) { .image-split-wrap .right.pad-160, .page-template-page-custom-template .image-split-wrap .pad-200 { padding: 100px !important;} .image-content .left .center-v, .image-content .right .center-v { position: relative; top: 0; -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; width: 100%; } a.blog-article-item-thumb { width: 100%; position: relative; z-index: 1; display: block; height: 240px;} .blog-article-item-content { width: 90%; position: relative; margin-top: -60px; margin-left: 10%; z-index: 2; padding: 40px 0 0 40px; background: #fff; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;} .portico-title {font-size: 100px;position: absolute;left: 0;top: -82px;z-index: 2;color: #fff;line-height: 1em;} .single .blog-article-item-content {width: 100%;position: relative;bottom: auto !important;right: auto !important;left: 0 !important;z-index: 2;padding: 20px 0 0 20px;background: #fff;margin-top: -60px;} .logo { float:left; display:inline; width: 100%; max-width: 160px; margin-top: 10px;} .main-nav li { float: right; display: inline; font-size: 1.4em; margin: 0; padding: 0 10px; position: relative;} } @media only screen and (max-width : 1300px) { .hp-mission p {font-size: 4em; } .hero-image {width: 35%;right: 5%;} .intro-image {bottom: -81px;height: 33%;} } @media only screen and (max-width : 1250px) { .header .main-nav { display: none !important;} .header .desktop a.btn-menu.mobile { display: block !important;} a.btn-menu { width: 30px; padding: 14px 30px 10px 20px; float:right; display:block; margin: 2px 20px 0 0; border-right: 1px solid #fff; } } @media only screen and (max-width : 1200px) { .pad-100 { padding: 80px !important;} .pad-120 { padding: 80px !important;} .pad-160 { padding: 80px !important;} .pad-t-100 { padding-top: 80px !important;} .pad-t-120 { padding-top: 80px !important;} .pad-t-160 { padding-top: 80px !important;} .pad-t-200 { padding-top: 80px !important;} .pad-t-220 { padding-top: 80px !important;} .pad-b-100 { padding-bottom: 80px !important;} .pad-b-120 { padding-bottom: 80px !important;} .pad-b-160 { padding-bottom: 80px !important;} .pad-b-200 { padding-bottom: 80px !important;} .pad-b-220 { padding-bottom: 80px !important;} .pad-l-100 { padding-left: 80px !important;} .pad-l-120 { padding-left: 80px !important;} .pad-l-160 { padding-left: 80px !important;} .pad-l-200 { padding-left: 80px !important;} .pad-l-220 { padding-left: 80px !important;} .pad-r-100 { padding-right: 80px !important;} .pad-r-120 { padding-right: 80px !important;} .pad-r-160 { padding-right: 80px !important;} .pad-r-200 { padding-right: 80px !important;} .pad-r-220 { padding-right: 80px !important;} .pad-tb-100 { padding-top: 80px !important; padding-bottom: 80px !important;} .pad-tb-120 { padding-top: 80px !important; padding-bottom: 80px !important;} .pad-tb-160 { padding-top: 80px !important; padding-bottom: 80px !important;} .pad-tb-200 { padding-top: 80px !important; padding-bottom: 80px !important;} .pad-tb-220 { padding-top: 80px !important; padding-bottom: 80px !important;} .pad-lr-100 { padding-left: 80px !important; padding-right: 80px !important;} .pad-lr-120 { padding-left: 80px !important; padding-right: 80px !important;} .pad-lr-160 { padding-left: 80px !important; padding-right: 80px !important;} .pad-lr-200 { padding-left: 80px !important; padding-right: 80px !important;} .pad-lr-220 { padding-left: 80px !important; padding-right: 80px !important;} .marg-t-100 { margin-top: 80px !important;} .marg-t-120 { margin-top: 80px !important;} .marg-t-160 { margin-top: 80px !important;} .marg-t-200 { margin-top: 80px !important;} .marg-t-220 { margin-top: 80px !important;} .marg-b-100 { margin-bottom: 80px !important;} .marg-b-120 { margin-bottom: 80px !important;} .marg-b-160 { margin-bottom: 80px !important;} .marg-b-200 { margin-bottom: 80px !important;} .marg-b-220 { margin-bottom: 80px !important;} .marg-l-100 { margin-left: 80px !important;} .marg-l-120 { margin-left: 80px !important;} .marg-l-160 { margin-left: 80px !important;} .marg-l-200 { margin-left: 80px !important;} .marg-l-220 { margin-left: 80px !important;} .marg-r-100 { margin-right: 80px !important;} .marg-r-120 { margin-right: 80px !important;} .marg-r-160 { margin-right: 80px !important;} .marg-r-200 { margin-right: 80px !important;} .marg-r-220 { margin-right: 80px !important;} .marg-tb-100 { margin-top: 80px !important; margin-bottom: 80px !important;} .marg-tb-120 { margin-top: 80px !important; margin-bottom: 80px !important;} .marg-tb-160 { margin-top: 80px !important; margin-bottom: 80px !important;} .marg-tb-200 { margin-top: 80px !important; margin-bottom: 80px !important;} .marg-tb-220 { margin-top: 80px !important; margin-bottom: 80px !important;} .section { padding: 80px 0; } .image-split-wrap .right.pad-160, .page-template-page-custom-template .image-split-wrap .pad-200 { padding: 80px !important;} .secondary-hero .pad-t-300 { padding-top: 200px !important;} .secondary-hero .pad-b-220 { padding-bottom: 120px !important;} .secondary-hero .pad-t-200 { padding-top: 120px !important;} .secondary-hero .pad-b-120 { padding-bottom: 80px !important;} .search-wrap-form { height: 120px; } .search-wrap-form label { font-size: 6em; line-height: 120px; } input.input-site-search { height: 120px; font-size: 6em; line-height: 120px;} .hp-quote-donate .left { width: 100%; height: auto !important;} .hp-quote-donate .right { width: 100%; } .quote-content.marg-t-40 { float:right; display:inline; width: 80%; margin: 0 !important;} .quote-content.marg-t-40 p { margin: 0 !important;} .quote-info { position: relative; width: 100%;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; float:right; display:inline; margin-top: 40px;} .horizontal-item { height: 400px; } .publication-image {height: 360px;} .horizontal-title {font-size: 2.2em;padding: 16px 10px;} .titles.bigger {font-size: 6em !important;} .pillars h2 { font-size: 2.4em;} } @media only screen and (max-width : 1150px) { } @media only screen and (max-width : 1100px) { .pillars .panel img {height: 80px;} .page-id-9 #section-7 .panel img { height: 80px; wi} } @media only screen and (max-width : 1000px) { .image-split-wrap .right.pad-160, .page-template-page-custom-template .image-split-wrap .pad-200 { padding: 60px !important;} .foot-nav li { font-size: 2.4em !important; } .horizontal-item { height: 340px; } .horizontal-title {font-size: 2.2em;padding: 16px 10px;} .page-id-9 #section-7 .panel h2.titles.medium.pad-b-40 { font-size: 1.8em !important; } .single-hero {height: 450px;} } @media only screen and (max-width : 880px) { .gform_wrapper label { font-size: 1.2em; } .gform_wrapper input.large, .gform_wrapper select.large, .gform_wrapper input.large, .gform_wrapper select.large, .gform_wrapper input.medium, .gform_wrapper select.medium, .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) { font-size: 1.5em !important; color: #000; } .gform_wrapper textarea.large, .gform_wrapper textarea.medium, .gform_wrapper textarea { font-size: 1.5em !important; color: #000; } p { font-size:1.6em; } .wysiwyg h1 { font-size: 3em; } .wysiwyg h2 { font-size: 2.4em; } .wysiwyg h3, .wysiwyg h4 { font-size: 2em; } .wysiwyg ul li { font-size:1.6em; } .wysiwyg ol li { font-size:1.6em; } .footer-wrap { padding-left: 0;} .logo-footer { max-width: 180px; position: relative; margin-bottom: 40px;} .desktop { display: none !important;} .mobile { display: block !important;} a.btn-menu { width: 30px; padding: 10px; position: absolute; top: 40px; right: 30px; z-index: 99; border: 0; margin-right: 0 !important;} .splash-hero h2 { font-size: 5vw; } .image-split {width: 35%;} .image-split-wrap .right {width: 65%;} .portico-title {font-size: 70px;position: absolute;left: 0;top: -57px;z-index: 2;color: #fff;line-height: 1em;} hr.why-hr {right: 10%;} hr.hero-bar {bottom: -15%;height: 40%;} .hp-mission p {font-size: 3em;} .titles, .titles.headline, .page-titles { font-size: 4em !important; } h3.click-scroll-text { display: none !important;} .page-template-page-publications .horizontal-scroll { margin-top: 40px !important;} } /* iPads (portrait and landscape) ----------- */ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) { input { -webkit-appearance: none; border-radius: 0; } } @media screen and (min-width:320px) and (max-width:780px) and (orientation:landscape) { .hero-content p.marg-t-40 { margin-top: 16px !important; } .marg-t-30.buttons-center { margin-top: 6px !important; } .hero-content h2 {font-size: 3.4vw;line-height: 1.3em;color: #fff;} .footer-left {width: 70%;} .footer-right {width: 30%;} .social-media-icons {margin-top: 0;} .footer-left .foot-menu-wrap { width: 50%;} } @media only screen and (max-width : 501px) and (orientation:portrait) { .pad-60 { padding: 40px !important;} .pad-80 { padding: 40px !important;} .pad-100 { padding: 40px !important;} .pad-120 { padding: 40px !important;} .pad-160 { padding: 40px !important;} .pad-t-50 { padding-top: 40px !important;} .pad-t-60 { padding-top: 40px !important;} .pad-t-80 { padding-top: 40px !important;} .pad-t-100 { padding-top: 40px !important;} .pad-t-120 { padding-top: 40px !important;} .pad-t-160 { padding-top: 40px !important;} .pad-t-200 { padding-top: 40px !important;} .pad-t-220 { padding-top: 40px !important;} .pad-b-50 { padding-bottom: 40px !important;} .pad-b-60 { padding-bottom: 40px !important;} .pad-b-80 { padding-bottom: 40px !important;} .pad-b-100 { padding-bottom: 40px !important;} .pad-b-120 { padding-bottom: 40px !important;} .pad-b-160 { padding-bottom: 40px !important;} .pad-b-200 { padding-bottom: 40px !important;} .pad-b-220 { padding-bottom: 40px !important;} .pad-l-50 { padding-left: 40px !important;} .pad-l-60 { padding-left: 40px !important;} .pad-l-80 { padding-left: 40px !important;} .pad-l-100 { padding-left: 40px !important;} .pad-l-120 { padding-left: 40px !important;} .pad-l-160 { padding-left: 40px !important;} .pad-l-200 { padding-left: 40px !important;} .pad-l-220 { padding-left: 40px !important;} .pad-r-50 { padding-right: 40px !important;} .pad-r-60 { padding-right: 40px !important;} .pad-r-80 { padding-right: 40px !important;} .pad-r-100 { padding-right: 40px !important;} .pad-r-120 { padding-right: 40px !important;} .pad-r-160 { padding-right: 40px !important;} .pad-r-200 { padding-right: 40px !important;} .pad-r-220 { padding-right: 40px !important;} .pad-tb-60 { padding-top: 40px !important; padding-bottom: 40px !important;} .pad-tb-80 { padding-top: 40px !important; padding-bottom: 40px !important;} .pad-tb-100 { padding-top: 40px !important; padding-bottom: 40px !important;} .pad-tb-120 { padding-top: 40px !important; padding-bottom: 40px !important;} .pad-tb-160 { padding-top: 40px !important; padding-bottom: 40px !important;} .pad-tb-200 { padding-top: 40px !important; padding-bottom: 40px !important;} .pad-tb-220 { padding-top: 40px !important; padding-bottom: 40px !important;} .pad-lr-60 { padding-left: 40px !important; padding-right: 40px !important;} .pad-lr-80 { padding-left: 40px !important; padding-right: 40px !important;} .pad-lr-100 { padding-left: 80px !important; padding-right: 80px !important;} .pad-lr-120 { padding-left: 80px !important; padding-right: 80px !important;} .pad-lr-160 { padding-left: 80px !important; padding-right: 80px !important;} .pad-lr-200 { padding-left: 80px !important; padding-right: 80px !important;} .pad-lr-220 { padding-left: 80px !important; padding-right: 80px !important;} .marg-t-50 { margin-top: 40px !important;} .marg-t-60 { margin-top: 40px !important;} .marg-t-80 { margin-top: 40px !important;} .marg-t-100 { margin-top: 40px !important;} .marg-t-120 { margin-top: 40px !important;} .marg-t-160 { margin-top: 40px !important;} .marg-t-200 { margin-top: 40px !important;} .marg-t-220 { margin-top: 40px !important;} .marg-b-50 { margin-bottom: 40px !important;} .marg-b-60 { margin-bottom: 40px !important;} .marg-b-80 { margin-bottom: 40px !important;} .marg-b-100 { margin-bottom: 40px !important;} .marg-b-120 { margin-bottom: 40px !important;} .marg-b-160 { margin-bottom: 40px !important;} .marg-b-200 { margin-bottom: 40px !important;} .marg-b-220 { margin-bottom: 40px !important;} .marg-l-50 { margin-left: 40px !important;} .marg-l-60 { margin-left: 40px !important;} .marg-l-80 { margin-left: 40px !important;} .marg-l-100 { margin-left: 40px !important;} .marg-l-120 { margin-left: 40px !important;} .marg-l-160 { margin-left: 40px !important;} .marg-l-200 { margin-left: 40px !important;} .marg-l-220 { margin-left: 40px !important;} .marg-r-50 { margin-right: 40px !important;} .marg-r-60 { margin-right: 40px !important;} .marg-r-80 { margin-right: 40px !important;} .marg-r-100 { margin-right: 40px !important;} .marg-r-120 { margin-right: 40px !important;} .marg-r-160 { margin-right: 40px !important;} .marg-r-200 { margin-right: 40px !important;} .marg-r-220 { margin-right: 40px !important;} .marg-tb-60 { margin-top: 40px !important; margin-bottom: 40px !important;} .marg-tb-80 { margin-top: 40px !important; margin-bottom: 40px !important;} .marg-tb-100 { margin-top: 40px !important; margin-bottom: 40px !important;} .marg-tb-120 { margin-top: 40px !important; margin-bottom: 40px !important;} .marg-tb-160 { margin-top: 40px !important; margin-bottom: 40px !important;} .marg-tb-200 { margin-top: 40px !important; margin-bottom: 40px !important;} .marg-tb-220 { margin-top: 40px !important; margin-bottom: 40px !important;} .secondary-hero .pad-t-300 { padding-top: 160px !important;} .secondary-hero .pad-b-220 { padding-bottom: 80px !important;} .secondary-hero .pad-t-200 { padding-top: 80px !important;} .secondary-hero .pad-b-120 { padding-bottom: 40px !important;} .section { padding: 40px 0; width: 80%; } .popup-menu .left { width: 25%; } .popup-menu .right { width: 75%; padding: 40px; } .popup-menu ul { margin-top: 40px;} .popup-menu ul li { font-size: 5.25vw;} .popup-menu ul li a { display: block; padding: 10px 0; } .popup-menu h2 { margin-top: 16vh;} a.btn-close { top: 16px; right: 18px; z-index: 999;} .main-content { float:none; display:block; width: 100%} .sidebar { float:none; display:block; width: 100%; margin-top: 40px;} a.button { width: 100%; padding: 20px 0; float: none; text-align: center !important; } a.button.center { max-width: 100%;} .buttons a.button { width: 100%; } .buttons a.button.last { margin-top: 16px;} p { font-size:1.6em; line-height: 1.2em;} p.blog-author { margin-bottom: 0 !important; font-size: 1.8em;} .wysiwyg h1 { font-size: 2.6em; } .wysiwyg h2 { font-size: 2em; } .wysiwyg h3, .wysiwyg h4 { font-size: 1.8em; } .wysiwyg ul li { font-size:1.6em; } .wysiwyg ol li { font-size:1.6em; } .wysiwyg hr, hr.divider { margin-top: 10px; margin-bottom: 40px !important; } .wp-paginate { margin-top: 40px;} .gform_wrapper ul li.gfield, .gform_wrapper .gfield { margin-top: 14px !important; } .gform_wrapper ul.gform_fields li.gfield, .gform_wrapper .gfield { width:100%; clear:left !important; padding-left:0 !important; padding-right:0 !important; } .gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=image], .gform_wrapper .gform_footer input[type=submit] { margin:14px auto 0 auto !important; padding: 16px 0; max-width: 100% !important; } .gform_wrapper ul.gform_fields li.gfield span.name_first { padding: 0 !important;} .gform_wrapper ul.gform_fields li.gfield span.name_last { padding-left: 0 !important; margin-right: -2px !important;} .split .gform_wrapper ul.gform_fields li.gfield, .split .gform_wrapper .gfield { max-width: 100% !important;} .grid-two .panel { width: 100%; margin-right: 0; float:left; display:inline;} .grid-three .panel { width: 100%; margin-right: 0; } .grid-three .panel.last { margin-right: 0;} .grid-four .panel { width: 100%; margin-right: 0; } .grid-five .panel { width: 100%; margin-right: 0; } .grid-two.mobile-full .panel, .grid-three.mobile-full .panel,.grid-four.mobile-full .panel { width: 100% !important; margin-right:0 !important; } .panel.alt-second { clear: left;} .panel.alt.second { clear: none !important;} .panel.second,.panel.second.last { margin-right: 0 !important;} .full-width-columns .panel { width: 100% !important; margin-right: 0 !important; float:none !important; display:block !important;} .image-split { position: relative; width: 100%; height: 280px;} .image-split-wrap .right.pad-160, .page-template-page-custom-template .image-split-wrap .pad-200 { width: 100%; padding-left: 8% !important; padding-right: 8% !important;} .footer-left {float:left; display:inline; width: 100%;} .footer-right { float:right; display:inline; width: 100%; margin-top: 40px;} .footer-left .foot-menu-wrap { width: 100%; } .footer-left .foot-contact { width: 100%; margin-top: 40px;} .foot-nav { margin-top: 16px; border-top: 1px solid #fff; margin-bottom: 40px; } .foot-nav li { font-size: 2em; border-bottom: 1px solid #fff; margin: 0 !important; padding: 14px 0; } .footer { padding-bottom: 50px;} .footer a.button { float: none; display: block; padding-left: 0 !important; padding-right: 0 !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;} .social-media-icons { float: none; display: block; width: 120px; margin-right: auto; margin-left: 0; margin-top: 40px;} .social-media-icons svg, .social-media-icons li a { width: 24px !important; height: 24px !important;} .copyright { font-size: 1.4em; } p.copyright a { font-size: 1.2em; } .icon-content.icon-lr .panel { padding-left: 0 !important; width: 100% !important; margin-right: 0 !important; } .icon-content.icon-lr .icon { position: relative; width: 100%; max-width: 100px; margin-left: auto !important; margin-right: auto !important; margin-bottom: 24px; } .icon-content.icon-lr .icon-content { width: 100%; padding-left: 0 !important; text-align: center;} a.btn-menu { top: 18px; right: 20px; z-index: 99;} .logo { max-width: 160px; margin-left: 0; margin-top: 6px;} .logo-footer { max-width: 200px; position: relative; margin-bottom: 40px; } .header { padding-left: 30px; padding-right: 30px; padding-top: 15px !important;} .secondary-hero .overlay.pad-t-220 { padding-top: 100px !important;} .article-row .left { width: 100%; } .article-row .right { width: 100%; margin-top: 24px; } .article-row h2 { font-size: 2.2em; } .article-row h3 { font-size: 1.4em !important; letter-spacing: 2px; } .contact-wrap .left { width: 100%; } .contact-wrap .right { width: 100%; margin-top: 20px; } .titles { font-size: 2.4em !important; } .titles.headline { font-size: 2.4em !important; } .titles.small { font-size: 1.8em !important; } .titles.medium { font-size: 2.2em !important; } .titles.bigger { font-size: 2.4em !important; } .small-titles { font-size: 1.4em !important; letter-spacing: 3px; } .page-titles { font-size: 3em !important; } .hero-content.center-vh { margin-top: 10px !important; } .hero-content.pad-lr-200 { padding-left: 10% !important; padding-right: 10% !important; } .hero-width { width: 100%; text-align: center;} .hero-content p {font-size: 1.6em;} .image-content .left { width: 100%;} .image-content .right { width: 100%; margin-top: 40px;} .two-image-content .left { width: 100%;} .two-image-content .right { width: 100%; margin-top: 40px;} .image-content.image-content-more .left { width: 100%; } .image-content.image-content-more .right { width: 100%; } .popup-menu h2 { margin-top: 8vh;} .splash-hero h2 { font-size: 10vw; } .logo-splash { max-width: 240px;} .image-content .left,.image-content .right { width: 100%;} .image-content .right { margin-top: 40px;} .staff-wrap .left { width: 100%;} .staff-wrap .right { width: 100%; margin-top: 40px !important;} .header { height: 70px;} .tags-wrap a { padding: 10px 16px; font-size: 1.5em; } .widget-wrap .tags li { font-size: 1.5em; } .widget-wrap .tags a { padding: 10px 16px; } .search-wrap-form { height: 80px; } .search-wrap-form label { font-size: 4em; line-height: 80px; } input.input-site-search { height: 80px; font-size: 4em; line-height: 80px;} .hero-image.marg-t-40 {width: 70%;right: 0; margin: 0 !important; z-index: 1; top: 31%; height: 40vh;} .home .hero-content { background: #053A7F; z-index: 10 !important; width: 78% !important; padding: 30px 8% 0 8% !important;} .home .hero-content h2 {font-size: 2.6em;} .intro-image {width: 52%;margin-left: 6%; bottom: -63px;} .hp-mission p {font-size: 1.6em;} .hp-mission .right {width: 60%;} .hp-image-content .hp-image { width: 100% !important; bottom: 0;padding-bottom: 0 !important; position: relative !important; height: 200px; padding: 0 !important; margin-top: 40px;} .portico-title {font-size: 70px;position: absolute;left: 0;top: -97px;z-index: 2;color: #fff;line-height: 1em;} .portico-title span {font-size: 20px;text-transform: uppercase;font-family: "proxima-nova", Helvetica, Arial, sans-serif !important;font-weight: 700 !important;} .hp-image-content .right { width: 100%;} .hp-articles .left, .hp-articles .right { width: 100%; } .hp-articles .right { margin-top: 40px; } .section.hp-articles { padding-bottom: 80px; } .cta-email .left { width: 100%;} .cta-email .right { width: 100%;} .cta-email .gform_wrapper { position: relative !important;} input#gform_submit_button_2 { position: relative; margin: 14px 0 0 0 !important; height: 70px !important; font-size: 2em !important; padding: 0 !important; line-height: 70px !important; background: #000 !important; color: #fff !important;} body .cta-email .gform_legacy_markup_wrapper .top_label div.ginput_container { margin-top: 0 !important;} .cta-email .left {margin-bottom: 20px;} .cta-email .left p { margin: 0 !important; } .cta-email .gform_confirmation_message { margin: 0 !important; height: 70px !important; line-height: 70px !important; padding: 0 !important;} .cta-email .gform_legacy_markup_wrapper { margin: 0 !important;} .cta-email .gform_legacy_markup_wrapper .gform_footer { padding: 0 !important;} .hp-publications .left, .hp-publications .right { width: 100%; } .hp-publications .left { height: 100%; position: relative; height: 200px; } .hp-publications img { width: 70% !important; margin: 0 auto;} .hp-image-content .marg-tb-40 { margin-top: 16px !important; margin-bottom: 16px !important; } .hp-image-content .article-meta.marg-b-40 { margin-bottom: 16px !important;} .popup-menu .sub-menu { margin: 10px 0 16px 0 !important; padding-left: 20px;} .popup-menu .sub-menu li {font-size: 16px;border-bottom: 1px solid #265797;padding-bottom: 10px;margin-bottom: 10px;} .popup-menu .left { width: 20%; } .popup-menu .right { width: 80%; } .article-box-white { display: none;} .single-hero {height: 200px;} .single .image-content .right { margin-top: 0;} .single .image-content .left img { margin-bottom: 40px;} .single-right .pad-t-120.pad-r-60 { padding-right: 0 !important;} .wysiwyg hr, hr.divider { max-width: 80px; height: 6px; margin: 40px 0 !important;} .side-terms li { font-size: 1.8em; padding: 14px 0;} .single .blog-article-item-content {width: 92%;position: relative;bottom: auto !important;right: auto !important;left: 0 !important;z-index: 2;padding: 20px 0 0 20px;background: #fff;margin-top: -60px;} .global-search .input-page-site-search {font-size: 1.8em;} .blog .grid-two .panel { width: 100% !important; margin-right: 0; } .blog .grid-two .panel.last { margin-right: 0 ;} .bigger-images a.blog-article-item-thumb {height: 200px;} .blog-article-item-content { padding: 20px 0 0 20px; } } /* Smartphones (portrait and landscape) ----------- */ @media only screen and (min-device-width : 320px) and (max-device-width : 480px) { input { -webkit-appearance: none; border-radius: 0; } }