/* Theme Name: Race to Lead Theme URI: https://racetolead.org Description: A custom WordPress theme for Race to Lead. Version: 0.1 Author: Kompleks Creative Author URI: https://komplekscreative.com Tags: License: License URI: */ /**2022 survey banner**/ .hthb-notification-content.ht-notification-text { text-align:center; } .hthb-notification-content.ht-notification-text p { font-size: 18px !important; line-height: 24px !important; font-weight: 500 !important; font-family: 'Fira Sans', sans-serif !important; } .hthb-notification-content.ht-notification-text a { font-family: 'Fira Sans', sans-serif; margin: 0; font-weight: 500; font-size: 15px; line-height: 21px; border-radius: 30px; padding: 10px 20px; text-transform: uppercase; background: transparent; border: solid 3px #b4d232; color: white; display: inline-block; margin-left: 20px; } .hthb-notification-content.ht-notification-text a:hover { color: #292929; background:#b4d232 !important; } #survey-banner { background-color: #871f5e; display: flex; flex-direction: column; display: -webkit-box; display: -ms-flexbox; display: flex; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 10px; box-sizing: border-box; width: 100%; text-align: center; } #survey-banner .title-row { display: block; } body #ubermenu-main-33 ul li.ubermenu-item-level-0.mobile-subscribe { display:none; } body#home-page #recent-news-container .news-block, body#reports-page .news-block { display: block; border-top: solid 2px rgba(0,0,0,0.1); padding-top: 20px; } body#home-page .news-text p, body#reports-page .news-block .news-text p { margin-top: 6px; font-weight: normal !important; } body#home-page #recent-news-container h5.source { font-size: 16px; line-height: 22px; text-transform: uppercase; color:#871f5e; } body#home-page #recent-news-container .news-text, body#reports-page .news-block .news-text { padding-left: 0px; padding-top: 0px; border-top:none; } body .pum-container .pum-content form.mc4wp-form { background: transparent !important; padding: 20px; box-sizing: border-box; } body .pum-container .pum-content form.mc4wp-form h5 { text-transform:uppercase; margin-bottom:20px; } body div.uabb-tabs > nav { position:relative; } body .pum-container .pum-content form.mc4wp-form label{ font-family: 'Fira Sans', sans-serif; margin: 0; font-weight: 400; color: black; font-size: 16px; line-height: 22px; padding-bottom:5px; } body .footer-col button.form-button { cursor: pointer; font-family: 'Fira Sans', sans-serif; margin: 0; font-weight: 500; color: white; font-size: 15px; line-height: 21px; background-color: transparent; border-radius: 30px; padding: 15px 25px; text-transform: uppercase; outline: none; border: none; width: 100%; border: 2px solid #b4d232; margin-top: 10px; transition: all .3s ease-in-out; } body .footer-col button.form-button:hover { background-color: #b4d232; color: black; } body .pum-container .pum-content form.mc4wp-form p.required, body .pum-container .pum-content form.mc4wp-form .mc4wp-response p { color:black !important; } body .pum-container .pum-content form.mc4wp-form .submit.fields { text-align:center; width:100%; } body .pum-container .pum-content form.mc4wp-form .submit.fields input { background: transparent; border: solid 3px #e82092; color: black; padding: 10px 30px; font-weight: 600; letter-spacing: 1px; font-family: 'Fira Sans', sans-serif; text-transform: uppercase; border-radius: 30px; display: block; margin-top: 30px; text-align: center; margin: 30px auto 0px auto; transition: all .3s ease-in-out; } body .pum-container .pum-content form.mc4wp-form .submit.fields input:hover { background-color: #e82092 !important; cursor: pointer; color: white; } body .pum-container .pum-content form.mc4wp-form .fields { margin-bottom:20px; display:flex; } body .pum-container .pum-content form.mc4wp-form .fields.email, body .pum-container .pum-content form.mc4wp-form .fields.two .field { flex-direction:column; } body .pum-container .pum-content form.mc4wp-form .fields.two .field { width:50%; } body .pum-container .pum-content form.mc4wp-form .fields:not(.submit) input { flex: 1; border: none; /* height: 70px; */ border-bottom: 2px solid #195974; padding: 5px 0px; display: block; } body .pum-container .pum-content form.mc4wp-form .submit.fields { margin-bottom:0px; } body .pum-container .pum-content form.mc4wp-form .fields.two, body .pum-container .pum-content form.mc4wp-form .fields.two .field { display: flex; } body .pum-container .pum-content form.mc4wp-form .fields.two .field.first { padding-right:25px; } #survey-banner h5 { margin-right: 25px; color: white; } /* #generic-hero-container { margin-top: 178px !important; } */ /* #shiftnav-toggle-main { top: 71px !important; } */ /* #news-hero { margin-top: 71px !important; } */ @media (max-width: 1100px) { /* #generic-hero-container { margin-top: 136px !important; } */ } @media (max-width: 550px) { #survey-banner h5 { font-size: 16px; line-height: 22px; } #survey-banner .btn { padding: 10px 20px; } /* #news-hero { margin-top: 61px !important; } */ /* #shiftnav-toggle-main { top: 61px !important; } */ /* #generic-hero-container { margin-top: 126px !important; } */ } @media (max-width: 450px) { #survey-banner { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } #survey-banner h5 { margin: 0 0 10px 0; } /* #generic-hero-container { margin-top: 158px !important; } */ /* #shiftnav-toggle-main { top: 93px !important; } */ } @media (max-height: 800px) { #hero-content { padding-top: 150px !important; } } /* ---------------------------- New Search ---------------------------- */ #searchform > div { margin-left: 0px; background-color: #222222; padding: 0px; height: 42px; border: none; -webkit-transform: skew(-15deg); -moz-transform: skew(-15deg); -o-transform: skew(-15deg); display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } #searchform label { display: none; } #searchform input#s { color: #909090; -webkit-transform: skew(15deg); -moz-transform: skew(15deg); -o-transform: skew(15deg); background-color: transparent; border: none; box-sizing: border-box; padding-left: 20px; height: 100%; font-size: 14px; line-height: 20px; font-family: 'Fira Sans', sans-serif; margin: 0; font-weight: 400; } #searchform input#searchsubmit { background-image: url(images/search.png); background-size: 23px; background-repeat: no-repeat; height: 100%; background-position: center; -webkit-transform: skew(15deg); -moz-transform: skew(15deg); -o-transform: skew(15deg); width: 50px; border: none; background-color: transparent; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; color: transparent; } #searchform .new { margin-left: 0px; background-color: #adcc30; height: 42px; padding: 0px; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } #searchform .new:hover input#searchsubmit { background-image: url(images/search-white.png); cursor: pointer; } #searchform .new:hover { background-color: #e7188e; cursor: pointer; } #search-results-page .search-result-form { display: inline-block; } .search-results .search-result-form #searchform > div, #new-search-modal #searchform > div { background-color: transparent; transform: none; } .search-results .search-result-form #searchform input#s, #new-search-modal #searchform input#s { font-size: 16px; line-height: 22px; padding-left: 0px; width: auto; border-bottom: solid 2px black; transform: none; } .search-results .search-result-form #searchform input#searchsubmit, #new-search-modal #searchform input#searchsubmit { color: transparent; transform: none; } #new-search-modal #searchform .new { background-color: transparent; } #new-search-modal #searchform input#s { width: 65%; } #new-search-modal #searchform .new:hover input#searchsubmit, .search-results .search-result-form #searchform input#searchsubmit:hover { background-image: url(images/search-green.png); cursor: pointer; } .search-results .search-result-form #searchform .new { background-color: transparent; } #remove { display: none; } /* ------------------------------------------------------------------- */ .subscribe-modal .subscribe-content.sc-modal-container { display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display: flex; } .subscribe-modal .subscribe-content.sc-modal-container, .subscribe-modal .subscribe-content.sc-modal-container .form-section-container form { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .subscribe-modal .subscribe-content.sc-modal-container #modal-top, .subscribe-modal .subscribe-content.sc-modal-container .form-section-container, .subscribe-modal .subscribe-content.sc-modal-container .form-section-container form, .subscribe-modal .subscribe-content.sc-modal-container .form-section-container form .modal-text { width: 100%; } .subscribe-modal .subscribe-content.sc-modal-container #modal-top h5 { text-align: left; padding: 0px; } #news-page .subscribe-content.sc-modal-container h5 { color: #b4d232; font-size: 20px; line-height: 26px; } body { margin: 0; height: 100%; width: 100%; } body .md-content button { font-size:16px; } #home-page h1, h1 { font-family: 'Fira Sans', sans-serif; margin: 0; font-weight: 500; color: white; font-size: 48px; line-height: 54px; text-transform: uppercase; } .fl-rich-text p, .fl-rich-text h2, .fl-rich-text h3, .fl-rich-text h4, .fl-rich-text h5, .fl-rich-text h6, body #survey-tabs .uabb-content h3, body #survey-tabs .uabb-content p { margin-bottom: 10px; } .serif .post-message p, .serif .top-thread-post p, .serif .top-user p { font-family: 'Fira Sans', sans-serif !important; } .publisher-anchor-color a { color: white !important; } #home-page h1 { font-size: 60px; line-height: 66px; } h2 { font-family: 'Fira Sans', sans-serif; margin: 0; color: #871f5e; font-size: 35px; line-height: 41px; text-transform: uppercase; font-weight: 500; } #home-page h3, h3, body #survey-tabs .uabb-content h3 { font-family: 'Fira Sans', sans-serif; margin: 0; font-weight: 500; color: #195974; font-size: 30px; line-height: 30px; text-transform: uppercase; } body #survey-tabs .uabb-content h3 { margin-bottom:10px; } #home-page h3 { font-weight: 600; color: #b4d232; } h4 { font-family: 'Fira Sans', sans-serif; margin: 0; color: #4f86ac; font-size: 30px; line-height: 36px; font-weight: 500; } h5, #four-cols.logo-cols .fl-rich-text h5, #four-cols.logo-cols .fl-rich-text h5 a { font-family: 'Fira Sans', sans-serif; margin: 0; font-weight: 500; /*color: #72891e;*/ color: #b4d232; font-size: 20px; line-height: 26px; } #four-cols.logo-cols .fl-rich-text a:after { display: none; } h6 { font-family: 'Fira Sans', sans-serif; margin: 0; font-weight: 500; color: #7f5a8e; font-size: 16px; line-height: 22px; text-transform: uppercase; } #home-page h6 { color: #1d5971; } #home-page p { color: white; } p, a, .fl-rich-text ul li, .subscribe-content form input, .fl-rich-text ol li, #ubermenu-main-5 ul li.ubermenu-item-level-0, #ubermenu-main-33 ul li.ubermenu-item-level-0, body #survey-tabs .uabb-content p{ font-family: 'Fira Sans', sans-serif; margin: 0; font-weight: 400; color: black; font-size: 16px; line-height: 22px; } body #survey-tabs .uabb-content .alignnone, body #survey-tabs .uabb-content .aligncenter { max-width: 100%; height: auto; text-align: center; margin: 20px auto; } body #survey-tabs .uabb-content p { margin-bottom:15px; } .fl-rich-text ol { counter-reset: item; } .fl-rich-text ol li { display: block; } .fl-rich-text ol li:before { content: counter(item) ". "; counter-increment: item; color: #ad3b79; font-weight: 600; } .alignleft { float: left; margin-right: 25px; } .alignright { float: right; margin-left: 25px; } .fl-rich-text ul { padding-left: 40px; margin: 5px 0px 0px; } a { text-decoration: none; } .subscribe-modal .subscribe-content { transform: unset !important; background-color: white !important; } #ubermenu-main-5 ul li.ubermenu-item-level-0 > span, #report-header, #report-header a h6, .a2a_default_style a .a2a_svg, .searchandfilter .sf-field-submit input, .searchandfilter .sf-field-submit, #reports-page .news-block .news-text h5, #reports-page .soliloquy-container .soliloquy-prev, #reports-page .soliloquy-container .soliloquy-next, #news-page .hero-article, #news-page .hero-article .hero-article-container, .subscribe-content form button, #widget-collapsarch-2-top li div ul li.collapsing.archives span a, #widget-collapsarch-2-top li div ul li div ul li a, #four-cols .fl-col .fl-rich-text h5, #four-cols .fl-col #photo-border3, .data-container .data-text, .data-container, .news-block .news-text h6, .news-block .img-border, #banner .fl-rich-text a, .text-block a, .shiftnav nav ul li a, #shiftnav-toggle-main-button .fa, svg.md-close, .ms-info h3 a, #ubermenu-main-5 ul li a, #hero-content a, .mobile-overlay ul li a, .mobile-close, .mobile-search, .hamburger, .transparent, .top-nav ul li a, .bottom-nav ul li a, .btn, .transparent, .social-icon, #subscribe-btn, .data-container .data-text, .data-container .gradient, .data-container .overlay, #ubermenu-main-33 ul li.ubermenu-item-level-0 > span, #ubermenu-main-33 ul li a{ -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } #four-cols .fl-rich-text a:hover, .fl-rich-text a:hover { text-decoration: underline; } .fl-rich-text a { color: #195974; font-weight: bold; } .btn:hover, #hero-content a:hover, .text-block a:hover, #banner .fl-rich-text a.banner-link:hover { background-color: #e7188e; color: white; text-decoration: none; } #banner .fl-rich-text a.banner-link:hover { background-color: #e7188e !important; } #report-header .wrapper, .shiftnav .shiftnav-panel-close, .report-single .a2a_default_style .a2a_svg, #generic-page .a2a_default_style .a2a_svg, #generic-page .a2a_kit, #error-page, #error-section, .search-results, .report-twitter a, .report-facebook a, #news-hero, #reports-page .soliloquy-container .soliloquy-slider .soliloquy-item, .hero-articles, #news-page .subscribe-content form, #news-page .subscribe-content, .archive-dates, .sidebar-icons, .left, #image-call-out-container .fl-row-content-wrap, #four-cols .fl-col-group, #modal-top, .subscribe-content-container, .icon-container, #subFormFooter, #shiftnav-toggle-main-button, #search-close, #search-results-page .navigation, .searchandfilter ul, #ubermenu-main-5 ul li a, .mobile-container, .bottom-footer, .recent-report, .top-nav a, .bottom-nav ul li, .bottom-nav ul li a, .bottom-nav .wrapper, nav ul, #recent-news-container, .news-img, .news-block, .title-link, .title-row, .data-text, .category-container, footer .wrapper, .email-container, .data-all, .data-container, #ubermenu-main-33 ul li a{ display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } #report-header .wrapper, .shiftnav .shiftnav-panel-close, .report-single .a2a_default_style .a2a_svg, #generic-page .a2a_default_style .a2a_svg, .left, .subscribe-content-container, .news-img, .data-container, .search-modal form ul { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } #report-header .wrapper, .shiftnav .shiftnav-panel-close, .report-single .a2a_default_style .a2a_svg, #generic-page .a2a_default_style .a2a_svg, #error-section, #news-page .subscribe-content form, #news-page .subscribe-content, .sidebar-icons, .left, .subscribe-content-container, #shiftnav-toggle-main-button, .top-nav a, .top-nav ul, .bottom-nav ul li, .bottom-nav ul li a, .bottom-nav .wrapper, .news-img, .category-container, .email-container, .data-container, .title-link { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } #news-hero, .category-container, .data-text, nav ul, #search-close, #image-call-out-container .fl-row-content-wrap { -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } #news-page .subscribe-content form, .archive-dates, #four-cols .fl-col-group, #modal-top, #search-results-page .navigation, .bottom-footer, .bottom-nav .wrapper, .title-row, footer .wrapper, .data-all, #recent-news-container { -webkit-box-pack:justify; -webkit-justify-content:space-between; -ms-flex-pack:justify; justify-content: space-between; } #generic-page .a2a_kit, #error-page, .search-results,.sidebar-icons, .data-text, .recent-report { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } #recent-news-container, .email-container { -ms-flex-flow: row wrap; flex-flow: row wrap; } .recent-report { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } #image-call-out-container .fl-row-content-wrap { -webkit-box-align:end; -webkit-align-items:flex-end; -ms-flex-align:end; align-items:flex-end; } .hero-articles { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } #reports-page .soliloquy-container .soliloquy-slider .soliloquy-item { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; /* display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important;*/ } #reports-page .soliloquy-container .soliloquy-slider .soliloquy-active-slide { display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; } #error-content, .search-results #search-results-page, .bottom-footer, #news-page .subscribe-content form { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .icon-container { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } #error-section { -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap: wrap; } .search-results, #error-page { min-height: 100vh; } #banner .fl-rich-text a.banner-link, .btn, #hero-content a, .subscribe-modal button, .text-block a, .subscribe-content form button { font-family: 'Fira Sans', sans-serif; margin: 0; font-weight: 500; color: #292929; font-size: 15px; line-height: 21px; background-color: #b4d232; border-radius: 30px; padding: 15px 25px; text-transform: uppercase; } #banner .fl-rich-text a { color: #b4d232; } #banner .fl-rich-text a:hover { text-decoration: underline; background-color: transparent !important; color: #b4d232; } #generic-page .a2a_default_style .a2a_svg { background-color: #b4d232 !important; border-radius: 50% !important; } #generic-page .a2a_default_style .a2a_svg, .report-single .a2a_default_style .a2a_svg { width: 35px; height: 35px; } #generic-page .a2a_default_style .a2a_svg path { fill: #0a3c50 !important; } #generic-page .a2a_svg svg, .report-single .a2a_svg svg { width: 25px; height: 25px; } #generic-page .a2a_button_facebook { margin-bottom: 10px; } .a2a_default_style a:hover .a2a_svg { opacity: 1 !important; } #generic-page .a2a_default_style a:hover .a2a_svg { background-color: #e7188e !important; } .report-single .a2a_default_style a:hover .a2a_svg { background-color: #e82092 !important; } .report-single .a2a_default_style .a2a_svg { background-color: transparent !important; border: solid #e82092 3px !important; border-radius: 50% !important; } .report-single .a2a_button_twitter { margin-right: 10px; } #four-cols .fl-col:hover #photo-border3 { padding: 0px; } .search-item h4, #category-title h4, #no-results { color: #b4d232; } #four-cols .fl-col:hover .fl-rich-text h5, #four-cols.logo-cols .fl-col:hover .fl-rich-text h5, #four-cols.logo-cols .fl-col:hover .fl-rich-text h5 a { color: #b4d232; } .subscribe-content form input { color: rgba(0,0,0,0.35); background: transparent; border: none; border-bottom: solid 2px #195974; font-weight: 500; width: 37%; margin-right: 10px; } #news-page .category-container p { color: #b4d232; } #error-section p { margin-right: 20px; margin-bottom: 40px; } #news-page .hero-article { text-align: right; position:relative; /*background: black; padding: 30px; box-sizing: border-box;*/ } #news-page .hero-article a.link { position: absolute; width: 100%; height: 100%; left: 0; top: 0; } #reports-page #hero-content h3, #reports-page .news-block:hover .news-text h5 { color: #b4d232; } #reports-page #comments h3 { margin-bottom: 10px; } /*#disqus_thread .dark .icon-cog, #disqus_thread .dark .icon-export, #disqus_thread .dark .label { color: #2594bc !important; }*/ #disqus_thread { color: red !important; border-style: 0px solid; border-color: #cccccc; padding: 5px; } #news-page .hero-article:after { content:''; position:absolute; bottom:0px; background-color:rgba(0,0,0,0.7); height:2px; width:80%; left:0; right:0; margin:0 auto; } #news-page .hero-article:last-child:after { display: none; } #news-page .hero-article:hover { background-color: black; } /*#news-page .hero-article:hover .hero-article-container { border-bottom: solid 2px transparent; }*/ #news-page .hero-article-container { margin: 0px 60px; box-sizing: border-box; padding: 30px; } #news-page .hero-article h5 { color: white; } #image-call-out-container .fl-row-content-wrap { /* outline: solid #b4d232 3px; outline-offset: -15px;*/ height: 500px; } #image-call-out-container .fl-row-content { max-width: 40%; margin: unset; bottom: 15px; right: 15px; } #image-call-out-container .fl-rich-text p, .fl-photo-caption, body #survey-tabs .uabb-content p.wp-caption-text { padding: 15px; box-sizing: border-box; font-size: 13px; line-height: 18px; font-style: italic; font-weight: 500; } .fl-photo-caption, body #survey-tabs .uabb-content p.wp-caption-text { font-family: 'Fira Sans', sans-serif; color: black; } body #survey-tabs .uabb-content hr { height: 3px; background: #b4d232; border: none; width: 100%; margin-top: 40px; } .fl-row-bg-overlay .fl-row-content-wrap:after { z-index: -1; } body #survey-tabs .uabb-tabs > nav ul li a { font-size: 26px; line-height: 32px; } body #survey-tabs .uabb-tabs > nav ul li:not(.uabb-tab-current) { background: #ececec; } body #survey-tabs .uabb-tabs > nav ul li:not(.uabb-tab-current) a { color: #871f5e; } body #survey-tabs .uabb-tabs > nav ul li.uabb-tab-current a { color: #b4d232; } body #survey-tabs .uabb-tabs.uabb-tabs-style-linebox > nav li.uabb-tab-current a::after, body #survey-tabs .uabb-tabs > nav ul li:not(.uabb-tab-current) a::after { background: #0a3c50; } body #survey-tabs .uabb-content img { max-width:100%; height:auto; } body #survey-tabs .uabb-tab-link:focus { border:none; } #image-call-out-container .fl-rich-text { background-color: #b4d232; } .subscribe-modal button { border: none; } #sub-submit { margin-bottom: 0px; text-align: center; } .subscribe-content form button { background: transparent; border: solid 3px #e82092; color: black; padding: 10px 30px; font-weight: 600; letter-spacing: 1px; } .subscribe-content form button:hover { background-color: #e82092 !important; cursor: pointer; color: white; } .transparent { background-color: transparent !important; border: solid 3px #b4d232; color: white !important; } .transparent:hover, .ms-info h3 a:hover { background-color: #b4d232 !important; cursor: pointer; color: #292929 !important; } #reports-page #hero-container .button-container .btn:first-child { border: solid 3px #b4d232; } #reports-page #hero-container .button-container .btn:first-child:hover { border: solid 3px #e7188e; } #reports-page #hero-content p { color: white; } .subscribe-modal { position: absolute; z-index: 999999; height: 100%; width: 100%; display: none; background-color: rgba(41,41,41,0.5); } #hero-container, .news-img, #four-cols .fl-rich-text a:after { background-size: cover; background-position: center; background-repeat: no-repeat; } .subscribe-content-container, .ms-container, .ms-inner-controls-cont { height: 100%; } .subscribe-content.sc-modal-container { background-color: white; padding: 50px !important; box-sizing: border-box; width: 35% !important; } #hero-container { background-image: url(assets/Masthead.jpg); width: 100%; position: relative; background-position: top; overflow: hidden; } .searchandfilter ul li.sf-field-search { margin-left: 0px; background-color: #222222; padding: 0px; height: 42px; -webkit-transform: skew(-15deg); -moz-transform: skew(-15deg); -o-transform: skew(-15deg); } svg.md-close:hover, .searchandfilter .sf-field-submit input:hover, #four-cols .fl-rich-text a:hover { cursor: pointer; } .subscribe-modal #fieldName, .subscribe-modal #fieldEmail { width: 100%; } .searchandfilter .sf-field-submit:hover { background-color: #e7188e; } .searchandfilter .sf-field-submit:hover input { background-image: url(images/search-white.png); } .subscribe-modal h5 { text-transform: uppercase; } .subscribe-modal form .modal-text { color: black !important; } .subscribe-modal .modal-title, .subscribe-modal form .modal-text { margin-bottom: 20px; } .searchandfilter ul li.sf-field-search input { background-color: transparent; border: none; } .searchandfilter label, .searchandfilter ul li.sf-field-search input { height: 100%; } .searchandfilter label { -webkit-transform: skew(15deg); -moz-transform: skew(15deg); -o-transform: skew(15deg); } .searchandfilter ul li.sf-field-search input { box-sizing: border-box; padding-left: 20px; width: 150px; } .searchandfilter ul li.sf-field-search input::placeholder, .searchandfilter ul li.sf-field-search input { color: #909090; font-size: 14px; line-height: 20px; font-family: 'Fira Sans', sans-serif; margin: 0; font-weight: 400; } .searchandfilter .sf-field-submit { -webkit-transform: skew(-15deg); -moz-transform: skew(-15deg); -o-transform: skew(-15deg); margin-left: 0px; background-color: #adcc30; padding: 0px; height: 42px; } .searchandfilter .sf-field-submit input { -webkit-transform: skew(15deg); -moz-transform: skew(15deg); -o-transform: skew(15deg); background-color: transparent; border: none; background-image: url(images/search.png); background-size: 23px; background-repeat: no-repeat; height: 100%; background-position: center; width: 50px; padding: 0px; } .small-row, #banner .fl-row-content, #block-quote-container { max-width: 50%; } .small-row, #block-quote-container { padding: 50px 0px; } #block-quote:before, #block-quote:after { content: ''; position: absolute; width: 150px; height: 3px; background-color: #b4d232; margin: 0 auto; left: 0; right: 0; } #ctf a, #ctf p.ctf-tweet-text { color: white !important; font-size: 14px; line-height: 20px; } #ctf p.ctf-tweet-text br { display:none; } #ctf .ctf-tweet-actions a.ctf-reply, #ctf .ctf-tweet-actions a.ctf-retweet, #ctf .ctf-tweet-actions a.ctf-like { color: #b4d232 !important; } #ctf .ctf-item { border-top: 3px solid rgba(0,0,0,0.3); padding: 15px 0px !important; } #ctf .ctf-item:last-child { padding-bottom: 0px !important; } #ctf .ctf-item:first-child { padding-top: 0px; } #ctf { width: 100%; padding: 0px 50px 30px 50px; box-sizing: border-box; } .tweets { padding: 30px 50px 0px 50px; color: #b4d232; } #block-quote { position: relative; } #block-quote .fl-rich-text { padding: 30px 0px; } #block-quote .fl-rich-text p { color: #195974 !important; font-style: italic; font-size: 20px !important; line-height: 26px !important; text-align: center !important; } #banner .fl-row-content { padding: 80px 0px 60px; } body#home-page #hero-container { background-image:url(images/lgbtq-hero.jpg); } #shape-1 { width: 60%; min-height: 60vh; /*-webkit-clip-path: polygon(0 0, 100% 0, 82% 100%, 0% 100%); clip-path: polygon(0 0, 100% 0, 82% 100%, 0% 100%);*/ background: #0a3c50; position: absolute; z-index: 2; -webkit-transform: skew(-13deg); -moz-transform: skew(-13deg); -o-transform: skew(-13deg); left: -100px; } #shape-2 { width: 65%; min-height: 60vh; /* -webkit-clip-path: polygon(0 0, 100% 0, 82% 100%, 0% 100%); clip-path: polygon(0 0, 100% 0, 82% 100%, 0% 100%);*/ background: rgba(25,89,116,0.9); position: absolute; z-index: 1; -webkit-transform: skew(-13deg); -moz-transform: skew(-13deg); -o-transform: skew(-13deg); left: -100px; } #shape-3 { width: 40vw; /*min-height: 60vh;*/ /*-webkit-clip-path: polygon(0 0, 100% 0, 82% 100%, 0% 100%); clip-path: polygon(20% 0, 100% 0, 82% 100%, 0% 100%);*/ background: #ececec; position: absolute; height: 50vh; left: 6%; -webkit-transform: skew(-13deg); -moz-transform: skew(-13deg); -o-transform: skew(-13deg); } #shape-4 { width: 30vw; /*min-height: 60vh;*/ /* -webkit-clip-path: polygon(0 0, 100% 0, 82% 100%, 0% 100%); clip-path: polygon(20% 0, 100% 0, 82% 100%, 0% 100%);*/ background: #ececec; position: absolute; height: 50vh; right: 2%; -webkit-transform: skew(-13deg); -moz-transform: skew(-13deg); -o-transform: skew(-13deg); } .hero-line { min-height: 100vh; background: rgba(10,60,80,0.3); position: absolute; width: 4px; left: 48%; /*-moz-transform: skew(-13deg); -webkit-transform: skew(-13deg);*/ z-index: 10; /* width: 3px; min-height: 60vh; -webkit-clip-path: polygon(0 0, 100% 0, 82% 100%, 0% 100%); clip-path: polygon(0 0, 100% 0, 82% 100%, 0% 100%); background: rgba(10,60,80,0.3); position: absolute; z-index: 2; left: 51.5%; height: 100%; -moz-transform: skew(-13deg); -webkit-transform: skew(-13deg);*/ /* -webkit-transform-origin: 0% 0%; transform-origin: 0% 0%;*/ -ms-transform: rotate(13deg); /* IE 9 */ -ms-transform-origin: bottom left; /* IE 9 */ -webkit-transform: rotate(13deg); /* Chrome, Safari, Opera */ -webkit-transform-origin: bottom left; /* Chrome, Safari, Opera */ transform: rotate(13deg); transform-origin: bottom left; } .overlay { width: 100%; height: 100%; } /*.data-text p:nth-child(1), .data-text p:nth-child(3) { display: none; }*/ #hero-content { box-sizing: border-box; padding: 20vh 0px 9vh 0px; position: relative; overflow: hidden; z-index: 5; } .hero-wrapper { max-width: 85%; margin: 0 auto; } #page-header .fl-rich-text h1 { padding: 0px 20px; } #hero-content p { width: 37%; margin-bottom: 40px; } .line { width: 220px; height: 3px; background-color: #195974; margin: 15px 0px; } .gradient { height: 100%; width: 100%; background-image: radial-gradient( circle at bottom right, #000000, transparent 55% ); position: absolute; } .ms-bullets.ms-dir-h { left: 0; position: absolute; bottom: 15px !important; right: 50%; width: 100px; opacity: 1 !important; z-index: 1000; display: block !important; } #subFormFooter #fieldEmail, #subFormFooter #subscribe-btn-mailing { background: transparent; border: none; } .ms-skin-default .ms-bullet { background-color: rgba(255,255,255,0.3); background-image: none !important; border-radius: 50% } .ms-skin-default .ms-bullet-selected { background-color: white; } .ms-slide .ms-slide-bgcont:after { content:''; height: 100%; width: 100%; right:0; bottom:0; background-image: radial-gradient( circle at bottom right, #000000, transparent 75% ); position: absolute; } .data-container .gradient { background-image: radial-gradient( circle at bottom, #000000, transparent 90% ); top: 0; left: 0; } footer { background-color: black; } footer .wrapper, #recent-data-section .wrapper, #copyright { margin: 0 auto; max-width: 70%; padding: 50px; } #copyright { padding: 0px 50px; } #copyright p { text-align: center; color: #ffffff; background-color: #242424; padding: 10px; font-size: 11px; line-height: 17px; } #recent-data-section .wrapper { padding: 25px 0px 0px 0px; } #recent-data-section { position: relative; overflow: hidden; } .main-wrapper { margin: 0 auto; max-width: 60%; } .circle { height: 10px; width: 10px; background-color: #b4d232; border-radius: 50%; margin-right: 5px; } .recent-report { position: absolute; right: 0; bottom: 21%; text-align: right; width: 20%; margin-right: 15vh; z-index: 10; } .recent-text h3 { color: white; margin-bottom: 40px; } .category-container { margin-bottom: 5px; } .footer-col img { height: auto; } .footer-col ul { padding: 0px; margin: 0px; } .footer-col ul li a { color: white; font-size: 14px; line-height: 20px; font-family: 'Fira Sans', sans-serif; margin: 0; font-weight: 400; } .footer-col ul li:first-child, .footer-col ul li:nth-child(3), .footer-col h5 { margin-bottom: 10px; } .footer-col { -webkit-flex-basis: 30%; -ms-flex-preferred-size: 30%; flex-basis: 30%; margin-right: 20px; } #last-col { margin-right: 0px; } #logo-footer { -webkit-flex-basis: 35%; -ms-flex-preferred-size: 35%; flex-basis: 35%; margin-right: 80px; } .email-container p { font-size: 14px; line-height: 20px; color: #949494; margin-right: 40px; } #subFormFooter #email-form input::placeholder, #subFormFooter #email-form input { font-size: 14px !important; line-height: 20px !important; } #subFormFooter #email-form input::placeholder{ color: #949494 !important; } #subFormFooter #email-form input { color: white !important; } #subscribe-btn { background-color: #e7198f; border-radius: 50%; padding: 5px; } #subscribe-btn:hover { fill:black; background-color: #b4d232; } .data-container { border: solid 5px #1d5971; background-size: cover; background-position: center; background-repeat: no-repeat; position: relative; } .data-container:nth-child(1) { background-image: url(images/data1.jpg); } .data-container:nth-child(2) { background-image: url(images/data2.jpg); } .data-container:nth-child(3) { background-image: url(images/data3.jpg); } .data-container { -webkit-flex-basis: 32%; -ms-flex-preferred-size: 32%; flex-basis: 32%; /* padding: 12px;*/ height: 500px; box-sizing: border-box; } .data-container:hover { padding: 12px; } .data-container:hover .data-text { padding: 12px 12px 18px 12px; } .data-container a { font-weight: 600; z-index: 15; color: white; } .data-container a:hover { text-decoration: underline; } .data-text { height: 100%; width: 100%; border: solid 3px transparent; /*padding: 12px 12px 18px 12px;*/ padding: 24px 24px 30px 24px; box-sizing: border-box; position: relative; } .data-text p { margin: 15px 0px; } .data-container:hover .data-text { border: solid 3px #1d5971; } .data-container .overlay { position: absolute; top: 0; left: 0; } .data-container:hover .overlay { background-color: rgba(0,41,57,0.8); } .full-link { height: 100%; width: 100%; position: absolute; z-index: 10; cursor: pointer; top: 0; left: 0; } .title-link a { color: #e7188e !important; font-weight: 500; position: relative; right: 15px; } .title-link a:after, .custom-pagination .next:after { content: ''; position: absolute; background: url(images/cta-arrow.png) center/contain no-repeat; width: 13px; height: 13px; top: 4px; right: -16px; transition: all .3s ease-in-out; } .title-link a:hover:after, .custom-pagination .next:hover:after { right: -23px; } .title-row h3 { color: #195974 !important; } .title-row { margin-bottom: 25px; position: relative; } .title-arrow { margin-left: 10px; } .title-link:hover p { text-decoration: underline; } /*.title-link:hover .title-arrow { margin-left: 15px; }*/ .data-all { padding-bottom: 80px; } /*.news-img:nth-child(1) { background-image: url(images/news1.jpg); }*/ #ubermenu-main-5, #ubermenu-main-5 ul, #ubermenu-main-5 ul li, #ubermenu-main-5 ul li a, #ubermenu-main-33, #ubermenu-main-33 ul, #ubermenu-main-33 ul li, #ubermenu-main-33 ul li a{ height: 100%; } .news-img img { height: 100%; width: 200px; object-fit: cover; } .news-text h5 { font-weight: 700; text-transform: none; color: #1d5971; } .news-text p { color: black !important; font-weight: 500 !important; } .news-img { position: relative; height: 180px; width: 200px; overflow: hidden; } .news-img:before, #four-cols .fl-col .col-image:before { position:absolute; left:-1px; top:-1px; content:''; border-top: 70px solid transparent; border-right: 70px solid transparent; } .news-img:after, #four-cols .fl-col .col-image:after { position:absolute; left:-2px; top:-2px; content:''; border-top: 60px solid white; border-right: 60px solid transparent; } #four-cols .fl-col .col-image, #four-cols .fl-col .col-image .fl-module-content .fl-photo { position: relative; } /*#four-cols .fl-col #col-image .fl-module-content .fl-photo:after { content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; outline: 3px solid #b4d232; outline-offset: -15px; z-index: 10; }*/ #four-cols { padding: 30px 0px 80px; } .news-block:hover .img-border { height: 96.5%; width: 97%; z-index: 1; top: 0; left: 0; } .img-border { border: solid #b4d232 3px; /* height: 130px; width: 180px;*/ height: 83%; width: 85%; position: absolute; z-index: 1; top: 10px; left: 10px; } .news-text { border-top: solid 2px rgba(0,0,0,0.1); padding: 20px 0px 20px 20px; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .news-block { -webkit-flex-basis: 48%; -ms-flex-preferred-size: 48%; flex-basis: 48%; position: relative; } .news-link { height: 100%; width: 100%; position: absolute; z-index: 100; } .news-link:hover { cursor: pointer; } .news-block:nth-child(1), .news-block:nth-child(2) { margin-bottom: 40px; } #recent-news-container { margin-bottom: 100px; } .top-nav { background-color: black; } nav ul { margin: 0px; padding: 0px; } nav ul li { list-style-type: none; /*padding: 10px 0px 10px 0px;*/ /*margin-left: 70px;*/ } .top-nav ul li { margin-left: 45px; } nav .wrapper { margin: 0 auto; max-width: 85%; } nav ul li a { font-size: 14px; line-height: 20px; color: #d5d5d5; } .bottom-nav { background-color: rgba(41,41,41,0.9); } nav { position: absolute; top: 0; z-index: 100; width: 100%; } /*.ubermenu-skin-black-white-2 .ubermenu-item-level-0:hover > .ubermenu-target, .ubermenu-skin-black-white-2 .ubermenu-item-level-0.ubermenu-active > .ubermenu-target { background: transparent!important; }*/ .bottom-nav ul li a /*#ubermenu-main-5 ul li a*/ { text-transform: uppercase; color: #fefefe; font-size: 15px; line-height: 21px; font-weight: 500; height: 100%; padding: 20px 35px; box-sizing: border-box; } #ubermenu-main-5 ul li.ubermenu-item-level-0, #ubermenu-main-33 ul li.ubermenu-item-level-0{ text-transform: uppercase; color: #fefefe; font-size: 15px; line-height: 21px; font-weight: 500; height: 100%; box-sizing: border-box; } #ubermenu-main-5 ul li.ubermenu-item-level-0 a, #ubermenu-main-5 ul li.ubermenu-item-level-0 > span, #ubermenu-main-33 ul li.ubermenu-item-level-0 a, #ubermenu-main-33 ul li.ubermenu-item-level-0 > span{ padding: 15px 35px; } #ubermenu-main-5 ul li.ubermenu-item-level-0 > span, #ubermenu-main-33 ul li.ubermenu-item-level-0 > span{ height: 100%; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .subscribe-content input:focus, .subscribe-content button:focus, #subFormFooter #fieldEmail, #subFormFooter #subscribe-btn-mailing, #ubermenu-main-5 ul li a:focus, #ubermenu-main-5 ul li a:focus, .searchandfilter label:focus, .searchandfilter input:focus, #ubermenu-main-33 ul li a:focus{ outline: none !important; } .ubermenu-sub-indicators .ubermenu-has-submenu-drop>.ubermenu-target:after { display: none; } .ubermenu-skin-black-white-2 .ubermenu-submenu.ubermenu-submenu-drop { background: transparent; border: none; } .ubermenu-skin-black-white-2 .ubermenu-submenu, .ubermenu-skin-black-white-2 .ubermenu-submenu .ubermenu-target { color: #77c0f2 !important; text-transform: none !important; } #ubermenu-main-5 ul.ubermenu-submenu li a, #ubermenu-main-33 ul.ubermenu-submenu li a, #ubermenu-main-5 ul.ubermenu-submenu > li > span, #ubermenu-main-33 ul.ubermenu-submenu > li > span{ padding: 15px 40px !important; } #ubermenu-main-5 ul.ubermenu-submenu li, #ubermenu-main-33 ul.ubermenu-submenu li{ position: relative; } #ubermenu-main-5 ul.ubermenu-submenu li:last-child:after, #ubermenu-main-33 ul.ubermenu-submenu li:last-child:after{ content: ''; position: absolute; /* height: 50px; */ width: 93%; /* background-color: #175670; */ /* border-top: 45px solid #175670;*/ border-top: 45px solid #4f86ac; border-right: 12px solid transparent; } #ubermenu-main-33 ul.ubermenu-submenu li:last-child:after { content: ''; position: absolute; /* height: 50px; */ width: 92%; /* background-color: #175670; */ border-top: 45px solid #4f86ac; border-right: 12px solid transparent; } #ubermenu-main-5 ul.ubermenu-submenu li a span, #ubermenu-main-33 ul.ubermenu-submenu li a span{ font-weight: 400 !important; } #ubermenu-main-5 ul.ubermenu-submenu > li > span:hover, #ubermenu-main-33 ul.ubermenu-submenu > li > span { transition: all .3s ease-in-out; } #ubermenu-main-5 ul.ubermenu-submenu li a:hover, #ubermenu-main-33 ul.ubermenu-submenu li a:hover, #ubermenu-main-5 ul.ubermenu-submenu > li > span:hover, #ubermenu-main-33 ul.ubermenu-submenu > li > span:hover{ background-color: #0a3c50 !important; color: white !important; } #ubermenu-main-5 ul.ubermenu-submenu li, #ubermenu-main-33 ul.ubermenu-submenu li { height: auto !important; } #ubermenu-main-5 ul.ubermenu-submenu li.ubermenu-current_page_item, #ubermenu-main-33 ul.ubermenu-submenu li.ubermenu-current_page_item{ background-color: #0a3c50; } .ubermenu-skin-black-white-2 .ubermenu-submenu .ubermenu-target { background-color: rgba(10,60,80,.86); } #ubermenu-main-33 ul.ubermenu-submenu { height:auto; } #ubermenu-main-33.ubermenu-skin-black-white-2 .ubermenu-submenu .ubermenu-target { color:white !important; } #ubermenu-main-5 ul li a:hover, .ubermenu-skin-black-white-2 .ubermenu-item-level-0:hover > .ubermenu-target, .ubermenu-skin-black-white-2 .ubermenu-item-level-0.ubermenu-active > .ubermenu-target, #ubermenu-main-33 ul li a:hover{ background-color: #4f86ac; } .bottom-nav, .bottom-nav .wrapper { height: 65px; } .bottom-nav ul, .top-nav ul, .top-nav .wrapper, .top-nav li, .top-nav a { height: 100%; } .master-slider-parent { position: absolute !important; } .master-slider, .master-slider-parent { height: 100%; } .master-slider { position: relative; } .ms-info h3 { color: white; } .ms-info h3 a { font-family: 'Fira Sans', sans-serif; margin: 0; font-weight: 500; font-size: 15px; line-height: 21px; border-radius: 30px; padding: 15px 25px; text-transform: uppercase; background: transparent; border: solid 3px #b4d232; color: white; display: inline-block; margin-top: 20px; } .ms-slide-info.ms-dir-v { top: auto; right: 60px !important; } /*.top-nav .wrapper { padding: 10px 0px; }*/ .bottom-nav .wrapper img { /*height: auto;*/ /*width: 23%;*/ /*width: 325px;*/ /*width: 350px;*/ } #nav-logo-container { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } #bmp-link, #nav-logo-container, #rtl-link { display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } #rtl-logo { width: 100px; height: auto; } #logo-line { width: 2px; background-color: #565657; height: 40px; margin: 0 10px 0 15px; } #search-field, .search-icon{ box-sizing: border-box; -webkit-transform: skew(15deg); -moz-transform: skew(15deg); -o-transform: skew(15deg); } #search-field { padding: 10px 65px 10px 25px; } .search-background, .search-container { -webkit-transform: skew(-15deg); -moz-transform: skew(-15deg); -o-transform: skew(-15deg); } .search-background { background-color: #222222; } .top-nav ul li.search-background a { color: #909090; } .search-container { background-color: #adcc30; padding: 10px 13px; margin-left: 0px !important; } .search-container { margin-right: 27px; } .top-nav ul li:hover a { color: #adcc30; } .mobile-container, #hero-overlay { display: none; } #shiftnav-toggle-main-button .fa:hover, .hamburger:hover, .mobile-search:hover, .mobile-close:hover { fill: #b4d232; cursor: pointer; } #shiftnav-toggle-main-button .fa:hover { color: #b4d232; } .mobile-overlay { position: fixed; z-index: 800; width: 100%; height: 100%; left: 0; top: 0; display: none; background-color: rgba(41,41,41,0.9); box-sizing: border-box; } .fixed { position: fixed; } .mobile-overlay ul { height: 100%; width: 100%; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 0; margin: 0; position: absolute; top: 0; list-style-type: none; } .mobile-overlay ul li a { text-transform: uppercase; color: #fefefe; font-size: 35px; line-height: 40px; font-weight: 500; } .mobile-overlay ul li { margin-bottom: 10px; } .mobile-overlay ul li a:hover { color: #b4d232; } .footer-col ul li a:hover { text-decoration: underline; } /*.news-block:hover .news-img .img-border { background-color: rgba(180,210,50,0.8); }*/ .news-block:hover .news-text h6 { color: #b4d232 !important; } #search-results-page .wrapper { max-width: 85%; margin: 0 auto; padding: 18vh 0px 5vh 0px; } #search-results-page form ul { padding: 0px; } .search-modal .searchandfilter .sf-field-submit, .search-modal .searchandfilter ul li.sf-field-search, #search-results-page .searchandfilter ul li.sf-field-search, #search-results-page .searchandfilter .sf-field-submit { background-color: transparent !important; transform: none !important; } .search-modal .searchandfilter .sf-field-submit input, .search-modal .searchandfilter label, #search-results-page .searchandfilter label, #search-results-page .searchandfilter .sf-field-submit input { transform: none !important; } #search-results-page .search-item p { color: black; } #search-results-page .search-item { margin-bottom: 15px; } #search-results-page .s-results, #search-results-page .search-result-form { margin-bottom: 20px; } #search-results-page .searchandfilter ul li.sf-field-search input, .search-modal .searchandfilter ul li.sf-field-search input { font-size: 16px; line-height: 22px; padding-left: 0px; width: auto; border-bottom: solid 2px black; } #search-results-page .search-item h5 { color: #1d5971; } #search-results-page .navigation .alignleft a, #search-results-page .navigation .alignright a { color: #e7188e !important; } #search-results-page #clear { display: none; } .search-modal .md-content { padding: 30px 30px 80px 30px !important; } .search-modal h4 { text-align: center; padding: 20px 0px; } .search-modal form ul { padding: 0px; width: 65%; margin: 0 auto; } .search-modal .searchandfilter ul li.sf-field-search, .search-modal .searchandfilter label, .search-modal .searchandfilter ul li.sf-field-search input { width: 100%; } .search-modal .searchandfilter .sf-field-submit input:hover { cursor: pointer; } #shiftnav-toggle-main { display: none; margin-right: 5% !important; background: transparent !important; position: absolute; } #shiftnav-toggle-main, #shiftnav-toggle-main-button { height: 65px !important; } .mobile-search { margin-right: 60px; } #shiftnav-toggle-main-button .fa { font-size: 35px !important; } .shiftnav { width: 100%; background-color:#0a3c50; } .shiftnav .shiftnav-panel-close { background: #b4d232; } .shiftnav-inner { position: relative; } .shiftnav-inner:before { content: ''; position: absolute; background-color: rgba(41,41,41,1); height: 65px; width: 100%; } .shiftnav .shiftnav-panel-close { height: 65px; width: 65px; } .shiftnav .shiftnav-panel-close .fa { font-size: 20px !important; } /*.shiftnav nav ul li a { text-transform: uppercase; color: #fefefe; font-size: 25px; line-height: 20px !important; font-weight: 500; }*/ .shiftnav ul.shiftnav-menu li.shiftnav-depth-0 > a{ text-transform: uppercase; color: #fefefe; font-size: 40px; line-height: 45px !important; font-weight: 500; } .shiftnav nav ul.sub-menu li a { text-transform: none!important; font-weight: 400 !important; font-size: 20px !important; line-height: 35px !important; padding-top: 0px !important; padding-bottom: 0px !important; } .shiftnav ul.shiftnav-menu li.menu-item a { padding: 5px !important; } .shiftnav ul.sub-menu li.menu-item>.shiftnav-target { padding: 0px !important; } .shiftnav nav ul li a:hover { color: #b4d232 !important; } .shiftnav ul.shiftnav-menu ul.sub-menu { padding-left: 25px; } .shiftnav ul.shiftnav-menu li.last-main { position: relative; padding-bottom: 20px; } .shiftnav ul.shiftnav-menu li.last-main:after { content: ''; position: absolute; height: 3px; background-color: rgba(29,89,113,0.5); width: 25vw; } .shiftnav ul.shiftnav-menu li.last-main a { padding-bottom: 15px !important; } .shiftnav ul.shiftnav-menu li.mobile-subnav a { text-transform: capitalize !important; font-size: 25px !important; line-height: 30px !important; color: #b4d232 !important; } .shiftnav ul.shiftnav-menu li.mobile-subnav:hover a { color: white !important; } .shiftnav-nav { display: inline-block !important; width: auto; padding: 95px 30px 30px !important; } .text-block h2 { margin-bottom: 5px; } #generic-hero .fl-rich-text > p{ margin-bottom: 40px; } #generic-hero-container img { border: solid 7px #195974; height: 250px; width: 100%; object-fit: cover; } #generic-hero-container .fl-col-group:nth-child(2) { margin: 50px auto !important; max-width: 1100px !important; } #generic-hero-container .text-block { margin-left: 30px; } #generic-hero-container .fl-row-content > .fl-col-group { max-width: 85%; margin: 0 auto; position: relative; } #generic-hero-container .fl-row-content-wrap { position: relative; } #generic-hero-container .fl-row-content-wrap:before { display:none; content: ''; position: absolute; background-color: #0a3c50; height: 70px; width: 100%; } #generic-hero-container { margin-top: 107px; } .fl-rich-text ul { list-style-type: none; } .fl-rich-text ul li:before { /*content: ''; color: #ad3b79; padding-right: 0.5em; height: 3px; width: 3px; background-color: #ad3b79; border-radius: 50%;*/ color: #ad3b79; float: left; margin: 0 0 0 -1em; width: 1em; content: '\2022'; font-size: 20px; } #banner .fl-rich-text h2 { color: #b4d232; margin-bottom: 20px; } #banner .fl-rich-text p { color: white; margin-bottom: 40px; } #banner > .fl-row-content-wrap:after { width: 87%; -webkit-transform: skew(-13deg); -moz-transform: skew(-13deg); -o-transform: skew(-13deg); left: -100px; z-index: 0; } #banner > .fl-row-content-wrap:before { width: 23%; -webkit-transform: skew(-13deg); -moz-transform: skew(-13deg); -o-transform: skew(-13deg); left: -100px; background-color: #195974; content: ''; display: block; position: absolute; top: 0; right: 0; bottom: 0; z-index: 1; } /*#banner .fl-row-content-wrap { z-index: 10; outline: 3px solid #195974; outline-offset: -15px; }*/ #four-cols .fl-rich-text h5, #four-cols.logo-cols .fl-rich-text h5, #four-cols.logo-cols .fl-rich-text h5 a { color: #1d5971; margin: 15px 0px; } #four-cols .fl-rich-text a { color: #e7188e; font-weight: 500; position: relative; } #four-cols .fl-rich-text a:after { content: ''; position: absolute; background-image: url(images/pink-arrow.png); height: 100%; width: 13px; background-size: contain; margin-left: 3px; } #four-cols .fl-photo-content { width: 100%; height: 100%; /*height: 200px;*/ display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } #four-cols.logo-cols .fl-photo-content { height: 200px !important; } #four-cols.logo-cols .fl-photo-content img { width: 70% !important; height: auto !important; } #four-cols .fl-photo-content img { width: 100%; height: 200px; object-fit: cover; position: relative; } #four-cols .fl-col-small { margin: 0px 15px; margin-bottom: 30px; } #photo-border, #photo-border2, #photo-border3 { height: 100%; width: 100%; position: absolute; top: 0; left: 0; right: 0; margin: 0 auto; padding: 15px; } #photo-border2 { padding: 15px 0px; } #image-call-out-container, #banner, #four-cols .fl-col .col-image { position: relative; } #inside-border, #inside-border2, #inside-border3 { position: relative; height: 100%; width: 100%; } #inside-border, #inside-border3 { border: solid #b4d232 3px; } #inside-border2 { border-top: solid 3px #195974; border-bottom: solid 3px #195974; } #inside-border3 { z-index: 10; } .left { height: 125px; width: 64px; border-radius: 90px 0 0 90px; background: #0a3c50; position: fixed; z-index: 999; position: fixed; right: 0; top: 0; margin-top: 48vh; } .sidebar-icons { margin-right: -13px; } .sidebar-icon:nth-child(1) { margin-bottom: 5px; } /* News */ #news-hero { background-image: url(images/news-hero.jpg); background-size: cover; background-position: center; background-repeat: no-repeat; position: relative; overflow: hidden; } .news-overlay { height: 800px; width: 100%; max-width:800px; left: -100px; position: absolute; /* background-image: radial-gradient( circle at bottom left, rgba(0,0,0, 1), transparent 50% ); */ background-color: rgba(0,0,0,0.41); border-radius: 50%; bottom: -300px; filter: blur(30px); } #news-hero .wrapper { max-width: 85%; margin: 0 auto; position: relative; } #news-hero .news-container{ max-width:65%; width:100%; } @media(max-width:1400px){ #news-hero .news-container{ max-width:75%; width:100%; } } @media(max-width:1200px){ #news-hero .news-container{ max-width:85%; width:100%; } } .news-hero-content { padding: 125px 0px 80px; width: 50%; box-sizing: border-box; position: relative; left:0; /* bottom: 100px; */ } .news-container{ justify-content:space-between; margin: 0 auto; } .news-hero-content h1 { margin-bottom: 5px; } .news-hero-content h3 { margin-bottom: 40px; color: #b4d232; } .hero-articles {background-color: rgba(0,0,0,0.5);position: relative;height: auto;/* width: 38%; */top: 0;right: 0;padding: 105px 0 0px;box-sizing: border-box;} #mobile-twitter { display: none; } #news-feed-container .wrapper { margin: 0 auto; max-width: 65%; padding: 0px 0px 80px 0px; } #news-page .subscribe-container { background-color: #ececec; width: 100%; transform: skew(-10deg); -webkit-transform: skew(-10deg); -moz-transform: skew(-10deg); } @media(max-width:480px){ #news-page .subscribe-container{ transform: skew(-5deg); -webkit-transform: skew(-5deg); -moz-transform: skew(-5deg); } #news-page .subscribe-content{ transform: skew(7deg) !important; -webkit-transform: skew(7deg) !important; -moz-transform: skew(7deg)!important; } } #news-page .subscribe-content { transform: skew(10deg); -webkit-transform: skew(10deg); -moz-transform: skew(10deg); width: 95%; margin: 0 auto; padding: 0px; background-color: transparent; padding: 15px 0px; } #news-page .subscribe-content h5 { color: #195974; text-transform: uppercase; font-size: 20px; line-height: 25px; font-weight: 600; margin-right: 20px; } .popular-posts h5, .archive-container h5 { text-transform: uppercase; font-size: 20px; line-height: 25px; font-weight: 600; margin-bottom: 10px; } .archive-container h5 { margin-bottom: 0px; } .popular-posts p { margin-bottom: 10px; } .popular-posts p:hover { text-decoration: underline; cursor: pointer; } .article-image { width: 200px; height: 150px; background-color: black; } .popular-posts { width: 100%; background-color: #0a3c50; margin-bottom: 40px; /*padding: 30px;*/ box-sizing: border-box; } .categories { padding: 30px 30px 0px; } .archive-container { width: 100%; background-color: #0a3c50; } .news-feed { -webkit-flex-basis: 70%; -ms-flex-preferred-size: 70%; flex-basis: 70%; margin-right: 40px; } .news-container { padding-top: 40px; } .article-image { margin-right: 20px; } .article-container:not(:last-child) { margin-bottom: 50px; } #reports-page .report-cta-social p { color: white; } #reports-page #report-cta h3 { color: #b4d232; } #reports-page .title-link a { right: 0px; } #news-page .line { background-color: #e82092; height: 3px; margin: 0 auto; width: 100%; } #news-page .popular-posts .line { margin: 0px 30px; width: unset; } .report-facebook, .report-twitter, .report-social-container, #report-cta .wrapper, .recent-all-container, #media-shape, .subscribe-container, #news-page .news-img, .news-container, .article-container { display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display: flex; } .report-facebook, .report-twitter, #media-shape, .subscribe-container, #news-page .news-img { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .report-facebook, .report-twitter, #media-shape, #news-page .news-img { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } #report-cta .wrapper { -webkit-box-pack:justify; -webkit-justify-content:space-between; -ms-flex-pack:justify; justify-content: space-between; } .report-social-container { -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .news-border, #news-page .img-border, .report-facebook, .report-twitter { -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .report-cta-social { -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; } .news-sidebar, .article-text, #news-page .popular-posts .line { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .article-text { padding-left: 20px; padding-top: 20px; border-top: solid 3px rgba(0,0,0,0.1); } .article-text p { color: black; } #news-page .news-img { position: relative; height: 225px; width: 275px; overflow: hidden; background-size: cover; background-position: center; background-repeat: no-repeat; } #news-page .news-img:before { position: absolute; left: -1px; top: -1px; content: ''; border-top: 70px solid transparent; border-right: 70px solid transparent; } #news-page .news-img:after { position: absolute; left: -2px; top: -2px; content: ''; border-top: 60px solid white; border-right: 60px solid transparent; } #news-page .article-container:hover .img-border { height: 97%; width: 97.7%; z-index: 1; top: 0; left: 0; } #news-page .article-container:hover .article-text h5 { color: #b4d232; } #news-page .news-img img { height: 100%; width: 275px; object-fit: cover; } #news-page .img-border { border: solid #b4d232 3px; height: 88%; width: 90%; position: absolute; z-index: 1; top: 10px; left: 10px; } .news-category { color: #e82092 !important; font-size: 14px; line-height: 19px; font-weight: 600; } .article-text h5 { color: #1d5971; font-size: 20px; line-height: 25px; font-weight: 600; text-transform: none; } .article-text p:nth-child(3) { margin: 20px 0px 40px; } .article-container { position: relative; } .article-container .btn { position: relative; z-index: 20; } #news-page .category-row, body#home-page #recent-news-container .category-row, body#reports-page .news-block .category-row { display:flex; } #news-page h6.source, body#home-page #recent-news-container h6.source { color: #871f5e; } body#generic-page.news-post #generic-hero-container .fl-col-group:nth-child(2) { max-width:50% !important; } body#generic-page.news-post #generic-hero-container .hero-text-col .fl-rich-text > p { margin-bottom:10px; } body#generic-page.news-post #generic-hero-container .fl-col-group:nth-child(2) .fl-col:not(.hero-text-col):not(.hero-button-col) { width:100% !important; } body#generic-page.news-post #generic-hero-container .fl-col.hero-button-col { padding-left:20px; box-sizing:border-box; } body#generic-page.news-post #generic-hero-container .fl-col-group:nth-child(2) .fl-col-small:not(.hero-text-col):not(.hero-button-col) { display:none; } body#generic-page.news-post #generic-hero-container .hero-button-col h6 a, body#generic-page.news-post #generic-hero-container .hero-button-col p a { display:inline-block; } body#generic-page.news-post #generic-hero-container .text-block { margin-left: 0px; } #news-page .category-row p.news-category:not(:last-child):after, body#home-page #recent-news-container .category-row p.news-category:not(:last-child):after, body#reports-page .news-block .category-row p.news-category:not(:last-child):after { content: ''; position: absolute; background: #e82092; width: 4px; height: 4px; border-radius: 50%; right: 2px; top: 7px; } #news-page .category-row p.news-category:not(:last-child),body#home-page #recent-news-container .category-row p.news-category:not(:last-child), body#reports-page .news-block .category-row p.news-category:not(:last-child) { margin-right: 3px; padding-right: 12px; } #news-page .article-text { padding-left:0px; } #home-page #recent-news-container .news-text h6 { text-transform:none; font-weight:600; } #news-page .article-text h5, #home-page #recent-news-container .news-text h6, body#reports-page .news-block .news-text h5 { font-size:23px; line-height:28px; transition: all .3s ease-in-out; } #home-page .news-text h6 { } #news-page .category-row p.news-category, body#home-page #recent-news-container .category-row p.news-category, body#reports-page .news-block .category-row p.news-category { position:relative; margin-bottom:2px; margin-top:0px; } #news-page .article-text .btn { display:inline-block; margin-top:20px; } #news-page .article-text p:not(.news-category) { margin: 10px 0px 0px 0px; } .popular-posts .line { background-color: rgba(25,89,116,0.5) !important; } .news-border { height: 100%; width: 100%; position: absolute; top: 0; left: 0; right: 0; margin: 0 auto; padding: 15px; box-sizing: border-box; z-index: 1; } .news-inside-border { z-index: 10; position: relative; height: 100%; width: 100%; border: solid #b4d232 3px; box-sizing: border-box; } .article-container:hover .news-border{ padding: 0px; } /* Reports */ #reports-page #hero-container { background-image: url(images/reports-hero.jpg); border-bottom: solid 3px white; } #reports-page #hero-container #shape-1 { width: 59%; background: rgba(10,60,80,0.85); } #reports-page #hero-container #shape-2 { background: #195974; width: 33%; z-index: 5; } #reports-page #hero-content h3 { margin: 10px 0px; width: 39%; } #reports-page #key-findings h3 { color: #b4d232; line-height: 30px; } #reports-page #key-findings p { color: white; font-family: 'Fira Sans', sans-serif; margin: 0; font-weight: 400; /* font-size: 16px; line-height: 22px;*/ font-size: 20px; line-height: 25px; } #reports-page .soliloquy-container .soliloquy-caption .soliloquy-caption-inside { background: transparent; padding: 0px 200px 0px 0px; text-align: left; } #reports-page .button-container a:first-child { margin-right: 25px; } #key-findings { position: relative; overflow: hidden; background-color: #e5e5e5; } #key-findings .wrapper { position: relative; z-index: 50; max-width: 85%; margin: 0 auto; padding: 15vh 0; } #key-findings #shape { width: 50%; min-height: 60vh; position: absolute; z-index: 2; -webkit-transform: skew(-13deg); -moz-transform: skew(-13deg); -o-transform: skew(-13deg); left: -100px; overflow: hidden; top: 0; } #reports-page .soliloquy-outer-container { position: relative; z-index: 10; max-width: 85%; margin: 0 auto; } #findings-image { height: 100%; width: 108%; -webkit-transform: skew(13deg); -moz-transform: skew(13deg); -o-transform: skew(13deg); object-fit: cover; } .findings-overlay { height: 100%; width: 100%; position: absolute; background-color: rgba(137,31,95,0.85); top: 0; left: 0; } .findings-border { -webkit-transform: skew(-0.5deg); -moz-transform: skew(-0.5deg); -o-transform: skew(-0.5deg); border: solid 3px #b4d232; top: 20px; left: -30px; height: 100%; width: 100%; position: absolute; } #media-shape { width: 53%; min-height: 60vh; position: absolute; z-index: 2; -webkit-transform: skew(-13deg); -moz-transform: skew(-13deg); -o-transform: skew(-13deg); background-color: #f4f4f4; top: 0; right: 49px; } #media-shape img { -webkit-transform: skew(13deg); -moz-transform: skew(13deg); -o-transform: skew(13deg); width: 550px; } .reports-line { height: 100%; width: 3px; background-color: black; } .reports-recent-data { border-right: solid 2px rgba(0,0,0,0.05); -webkit-flex-basis: 35%; -ms-flex-preferred-size: 35%; flex-basis: 35%; padding-right: 40px; box-sizing: border-box; } .reports-recent-news { -webkit-flex-basis: 65%; -ms-flex-preferred-size: 65%; flex-basis: 65%; box-sizing: border-box; padding-left: 40px; } #recent-data-section .reports-recent-data .data-container { -webkit-flex-basis: auto; -ms-flex-preferred-size: auto; flex-basis: auto; height: 583px; } #recent-data-section .reports-recent-news #recent-news-container { display: block; margin-bottom: 0px; } #recent-data-section .data-all, #recent-data-section .reports-recent-news #recent-news-container { padding-bottom: 25px; } #recent-data-section #recent-news-container .news-block:nth-child(1), #recent-data-section #recent-news-container .news-block:nth-child(2) { margin-bottom: 20px; } #reports-page #recent-data-section .wrapper { padding: 80px 0px; } #report-cta { background-image: url(images/download-cta.jpg); background-size: cover; background-position: center; background-repeat: no-repeat; position: relative; overflow: hidden; } #download-shape { width: 52%; min-height: 60vh; position: absolute; z-index: 2; -webkit-transform: skew(-13deg); -moz-transform: skew(-13deg); -o-transform: skew(-13deg); left: -100px; background-color: rgba(10,60,80,0.85); } #report-cta .wrapper { position: relative; z-index: 20; margin: 0 auto; max-width: 85%; padding: 10vh 0; } #report-cta h3 { margin: 10px 0px 40px 0px; } .report-cta-border { height: 100%; width: 55%; position: absolute; top: 0; left: -100px; -webkit-transform: skew(-13deg); -moz-transform: skew(-13deg); -o-transform: skew(-13deg); box-sizing: border-box; padding: 15px; z-index: 20; } .report-cta-border-inside { border: solid 3px #b4d232; height: 100%; width: 100%; box-sizing: border-box; } .report-cta-social { text-align: right; width: 18%; bottom: -40px; position: relative; } .report-cta-social h3 { margin-bottom: 10px !important; } .report-cta-social p { margin-bottom: 10px; } .report-cta-social strong { color: #b4d232; font-weight: normal; } /*.finding-container { max-width: 85%; margin: 0 auto; }*/ .findings-text { position: absolute; z-index: 20; padding-left: 7.3%; padding-top: 100px; width: 30%; } #reports-page .soliloquy-container .soliloquy-image, #reports-page .soliloquy-container .soliloquy-caption { width: 50%; } #reports-page .soliloquy-container .soliloquy-image { width: 550px; height: 550px; object-fit: contain; } #reports-page .soliloquy-container { max-height: none !important; max-width: 100% !important; margin-bottom: 0px !important; } #reports-page .soliloquy-viewport { height: auto !important; } #reports-page .soliloquy-container .soliloquy-caption { position: relative !important; /*padding-top: 225px;*/ padding-top: 190px; } #reports-page .soliloquy-container .soliloquy-pager{ bottom: 15%; width: 15%; left: 0px; text-align: left; } #reports-page .data-container h3, #reports-page #comments h3 { color: #b4d232; } .data-text p { color: white; } .report-facebook { margin-left: 10px; } #reports-page .soliloquy-container .soliloquy-prev, #reports-page .soliloquy-container .soliloquy-next { top: 76%; border: solid #b4d232 2px; border-radius: 50%; background-size: 50% !important; width: 38px; height: 38px; } #reports-page .soliloquy-container .soliloquy-pager-link.active, #reports-page .soliloquy-container .soliloquy-pager-link:hover { background-color: white; } #reports-page .soliloquy-container .soliloquy-next:hover, #reports-page .soliloquy-container .soliloquy-prev:hover { background-color: #b4d232; } .soliloquy-container .soliloquy-pager-item a { border-radius: 50%; width: 10px; height: 10px; background-image: none; background-color: rgba(255,255,255,0.2); } #reports-page .soliloquy-container .soliloquy-prev { left: 0; background: transparent url(images/white-left.png) no-repeat scroll 50% 50%; } #reports-page .soliloquy-container .soliloquy-next { right: 0; left: 60px; background: transparent url(images/white-right.png) no-repeat scroll 50% 50%; } .report-facebook, .report-twitter { margin-left: 10px; border: solid #e82092 3px; padding: 2px; border-radius: 50%; height: 25px; width: 25px; } .report-cta-overlay { height: 800px; width: 800px; right: -250px; position: absolute; background-color: rgba(0,0,0,0.53); border-radius: 50%; bottom: -300px; filter: blur(30px) } #comments .wrapper, #citations .wrapper { margin: 0 auto; max-width: 50%; padding: 80px 0px; } #comments { background-color: #216077; } #comments h1 { text-transform: none; } #citations h3 { color: #1d5971; text-transform: none; margin-bottom: 10px; } #citations p { color: black; margin-bottom: 10px; } .report-facebook:hover, .report-twitter:hover { background-color: #e82092; cursor: pointer; } /* ------------------ */ .custom-pagination { margin: 0 auto; max-width: 65%; padding: 20px 0; } .custom-pagination .page-numbers { font-weight: 500; margin-right: 20px; font-weight: 700; } .custom-pagination .page-numbers:hover { text-decoration: underline; } .custom-pagination span.current { font-family: 'Fira Sans', sans-serif; color: white; font-size: 16px; line-height: 22px; position: relative; } .custom-pagination span.current:after { content: ''; position: absolute; height: 30px; width: 30px; background-color: #e7198f; border-radius: 50%; top: -5px; left: -10px; z-index: -1; } .custom-pagination .next, .custom-pagination .prev { text-transform: uppercase; color: #e7198f; position: relative; } .custom-pagination .next:hover, .custom-pagination .prev:hover { text-decoration: none; } .custom-pagination .next:after { content: ''; position: absolute; background: url(images/cta-arrow.png) center/contain no-repeat; width: 11px; height: 11px; top: 4px; right: -13px; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .custom-pagination .next:hover:after { right: -18px; } .custom-pagination .prev:after { content: ''; position: absolute; background: url(images/cta-arrow-left.png) center/contain no-repeat; width: 11px; height: 11px; top: 4px; left: -13px; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .custom-pagination .prev:hover:after { left: -18px; } .categories ul { padding: 0; list-style-type: none; } .categories ul li a { color: white; } .categories ul li a:hover { color: #b4d232; } .categories ul li { margin-bottom: 5px; } .popular-posts h5, .archive-container h5 { color: #b4d232; } .archive-dates .ui-widget { font-family: 'Fira Sans', sans-serif;; width: 100%; } .archive-dates .ui-accordion .ui-accordion-icons { padding: 30px; position: relative; } .archive-dates .ui-state-default { border: none !important; background: none !important; padding: 0px; } .archive-dates .ui-state-default:focus { outline: none; } .archive-dates .widgettitle a { color: #b4d232; text-transform: uppercase; font-size: 20px; line-height: 25px; font-weight: 600; font-family: 'Fira Sans', sans-serif;; width: 100%; } .ui-accordion .ui-accordion-header .ui-accordion-header-icon { position: absolute; right: 30px; top: 43px; background-image: url(images/down-green.png); background-position: center; background-repeat: no-repeat; background-size: contain; display: block; width: 25px; height: 25px; left: auto; } .archive-dates .ui-accordion .ui-accordion-content { background: #1b5972; border: none; height: auto !important; padding: 0px; } .archive-dates .ui-widget-content ul.collapsing { padding: 15px 0px 5px; margin: 0px; list-style-type: none; } .archive-dates .ui-widget-content a { color: white; font-weight: 500; font-size: 20px; line-height: 25px; } .archive-dates .ui-widget-content ul.collapsing li { position: relative; margin-bottom: 20px; } #widget-collapsarch-2-top li.collapsing.archives span { padding-left: 30px; } #widget-collapsarch-2-top li div ul { background-color: #0a3c50; padding: 15px 0px; margin-top: 15px; } #widget-collapsarch-2-top li div ul li { margin-bottom: 0px; padding: 0px; } #widget-collapsarch-2-top li.collapsing.archives span.sym { position: absolute; right: 15px; background-image: url(images/down-green.png); background-position: center; background-repeat: no-repeat; background-size: contain; display: block; width: 25px; height: 25px; left: auto; } #widget-collapsarch-2-top li div ul li.collapsing.archives span.sym { display: none; } #widget-collapsarch-2-top li div ul li.collapsing.archives span a, #widget-collapsarch-2-top li div ul li div ul li a { font-weight: 400; font-size: 16px; line-height: 22px; } #widget-collapsarch-2-top span.monthCount { padding-left: 0px !important; } #widget-collapsarch-2-top li div ul li div ul li { padding: 5px 30px; } #widget-collapsarch-2-top li div ul li div ul { padding: 0px; margin-top: 0px; } #widget-collapsarch-2-top li div ul li.collapsing.archives span a:hover, #widget-collapsarch-2-top li div ul li div ul li a:hover { color: #b4d232; } .ui-state-active span, .collapsing.archives.collapse span.sym { -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .widgettitle span, .collapsing.archives span.sym { -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } #widget-collapsarch-2-top li.collapsing.archives span.sym:hover { cursor: pointer; } #report-header { background-color: rgba(55,55,55,0.95); padding: 10px 0px; opacity: 0; position: fixed; width: 100%; } #report-header h2 { font-size: 18px; line-height: 24px; color: #b4d232; margin-right: 15px; text-align: center; } #report-header h2 span { color: white; } #report-header a h6 { color: #292929; background-color: #b4d232; border-radius: 30px; padding: 15px 25px; text-align: center; } #report-header a:hover h6 { background-color: #e7188e; cursor: pointer; color: white; } /* ___________________ New Slider ____________________*/ .rslides { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; } .rslides li { -webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0; } .rslides li:first-child { position: relative; display: block; float: left; } .rslides img { display: block; height: auto; float: left; width: 100%; border: 0; } .centered-btns_nav { z-index: 3; position: absolute; -webkit-tap-highlight-color: rgba(0,0,0,0); top: 50%; left: 0; opacity: 0.7; text-indent: -9999px; overflow: hidden; text-decoration: none; height: 61px; width: 38px; background: transparent url("themes.gif") no-repeat left top; margin-top: -45px; } .centered-btns_nav:active { opacity: 1.0; } .centered-btns_nav.next { left: auto; background-position: right top; right: 0; } .transparent-btns_nav { z-index: 3; position: absolute; -webkit-tap-highlight-color: rgba(0,0,0,0); top: 0; left: 0; display: block; background: #fff; /* Fix for IE6-9 */ opacity: 0; filter: alpha(opacity=1); width: 48%; text-indent: -9999px; overflow: hidden; height: 91%; } .transparent-btns_nav.next { left: auto; right: 0; } .large-btns_nav { z-index: 3; position: absolute; -webkit-tap-highlight-color: rgba(0,0,0,0); opacity: 0.6; text-indent: -9999px; overflow: hidden; top: 0; bottom: 0; left: 0; background: #000 url("themes.gif") no-repeat left 50%; width: 38px; } .large-btns_nav:active { opacity: 1.0; } .large-btns_nav.next { left: auto; background-position: right 50%; right: 0; } .centered-btns_nav:focus, .transparent-btns_nav:focus, .large-btns_nav:focus { outline: none; } .centered-btns_tabs, .transparent-btns_tabs, .large-btns_tabs { margin-top: 10px; text-align: center; } .centered-btns_tabs li, .transparent-btns_tabs li, .large-btns_tabs li { display: inline; float: none; _float: left; *float: left; margin-right: 5px; } .centered-btns_tabs a, .transparent-btns_tabs a, .large-btns_tabs a { text-indent: -9999px; overflow: hidden; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; background: #ccc; background: rgba(0,0,0, .2); display: inline-block; _display: block; *display: block; -webkit-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3); -moz-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3); box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3); width: 9px; height: 9px; } .centered-btns_here a, .transparent-btns_here a, .large-btns_here a { background: #222; background: rgba(0,0,0, .8); } .rslides_tabs { position: absolute; bottom: 0px; z-index: 20; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display: flex; left: 7.3%; list-style: none; padding: 0; font-size: 18px; list-style: none; margin: 0 auto 50px; max-width: 540px; padding: 10px 0; text-align: center; width: 100%; } .rslides_tabs li { display: inline; float: none; margin-right: 1px; border-radius: 50%; margin-right: 5px; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display: flex; } .rslides_tabs a { display: inline; float: none; margin-right: 1px; background-color: rgba(255,255,255,0.5); height: 15px; width: 15px; border-radius: 50%; color: transparent !important; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .rslides_tabs a:hover { background-color: white; } .rslides_tabs li:first-child { margin-left: 0; } .rslides_tabs .rslides_here a { background: white; } .new-slider-container { position: relative; z-index: 10; width: 53%; float: right; right: 50px; } .new-slider-inner { display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 50px; box-sizing: border-box; } .new-slider-inner canvas { width: 100% !important; height: auto !important; } .rslides1_nav.next, .rslides1_nav.prev { background-position: center; background-repeat: no-repeat; display: block; position: absolute; bottom: 100px; z-index: 99; border: solid #b4d232 2px; border-radius: 50%; background-size: 50% !important; width: 35px; height: 35px; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .rslides1_nav.prev { background-image: url(http://testing.komplekscreative.com/building-movement-wordpress/wordpress/wp-content/themes/building-movement/images/white-left.png); left: 7.3%; } .rslides1_nav.next { background-image: url(http://testing.komplekscreative.com/building-movement-wordpress/wordpress/wp-content/themes/building-movement/images/white-right.png); left: 11%; } .rslides1_nav.prev:hover, .rslides1_nav.next:hover { background-color: #b4d232; } #key-findings, .rslides, .rslides li, .new-slider-container, .new-slider-inner { min-height: 50vh; } #reports-page #key-findings .slider-text p:first-child { color: #891f5fd9; margin-bottom: 15px; } #reports-page #key-findings .slider-text p:last-child { color: #aeadad; } #reports-page #key-findings .slider-text { width: 65%; text-align: center; margin: 0 auto; } /*---------------------------------*/ .master-slider-parent { width: 50% !important; right: 0 !important; } .ms-view .ms-slide-container, .ms-wk .ms-slide, .ms-view, .master-slider { width: 100% !important; } .ms-wk .ms-slide { height: 750px !important; } .ms-slide .ms-slide-bgcont img { height: 100% !important; min-width: 100% !important; width: auto !important; } .ms-info { position: absolute !important; right: 65%; text-align: right; width: 305px; z-index: 100; /*top: auto; bottom: 165px;*/ top: 45%; bottom: auto; } .ms-inner-controls-cont { width: 100%; } .ms-slide-info.ms-dir-v { height: 100%; top: 0; } .master-slider { float: right; } /* Media Queries */ @media(max-width: 1550px) { .hero-wrapper, nav .wrapper { max-width: 90%; } .recent-report { margin-right: 10vh; } #shape-1 { width: 61%; } #shape-2 { width: 66%; } #hero-content p { width: 47%; } /*.hero-line { left: 51%; }*/ footer .wrapper, #copyright { max-width: 75%; } .ms-info { right: 20%; } /*--------------------*/ #key-findings .wrapper { max-width: 90%; } #key-findings #shape { left: -95px; width: 58%; } #media-shape, .new-slider-container { width: 45%; } .rslides1_nav.prev, .rslides_tabs { left: 5%; } .rslides1_nav.next { left: 9%; } #media-shape img { width: 450px; } #comments .wrapper, #citations .wrapper { max-width: 60%; } #download-shape { width: 57%; } .report-cta-border { width: 60%; } #reports-page #hero-container #shape-1 { width: 67%; } #reports-page #hero-container #shape-2 { width: 38%; } #reports-page .soliloquy-container .soliloquy-caption .soliloquy-caption-inside { padding: 0px 100px 0px 0px; } #reports-page .soliloquy-outer-container { max-width: 90%; } .findings-text { padding-left: 5%; } #reports-page .soliloquy-container .soliloquy-image { width: 45%; } #reports-page .soliloquy-container .soliloquy-caption { width: 55%; } #reports-page .soliloquy-container .soliloquy-image { height: 500px; width: 500px; } #reports-page .soliloquy-container .soliloquy-pager { bottom: 14%; } #reports-page .soliloquy-container .soliloquy-prev, #reports-page .soliloquy-container .soliloquy-next { top: 76%; } .findings-text { width: 44%; } } @media(max-width: 1400px) { #news-feed-container .wrapper { max-width: 75%; } #download-shape { width: 62%; } .report-cta-border { width: 65%; } .hero-articles { width: 43%; } } @media(max-width: 1350px) { #shape-1 { width: 66%; } #shape-2 { width: 71%; } #recent-data-section .wrapper { max-width: 75%; } footer .wrapper, #copyright { max-width: 80%; } .hero-line{ left: 51%; } .ms-info { right: 10%; } /*#reports-page .soliloquy-container .soliloquy-caption .soliloquy-caption-inside { padding: 0px 150px 0px 0px; }*/ } @media(max-width: 1300px) { #download-shape { width: 67%; } .report-cta-border { width: 70%; } } @media(max-width: 1250px) { #shape-1 { width: 70%; } #shape-2 { width: 74%; } #hero-content p { width: 57%; } #recent-data-section .wrapper { max-width: 80%; } footer .wrapper, #copyright { max-width: 85%; } .hero-line{ left: 53%; } /*-----------------*/ #reports-page #hero-container #shape-1 { width: 73%; } #reports-page #hero-container #shape-2 { width: 40%; } #key-findings #shape { width: 62%; } #media-shape { width: 42%; } #media-shape img { width: 350px; } #comments .wrapper, #citations .wrapper { max-width: 70%; } #reports-page .soliloquy-container .soliloquy-image { height: 450px; width: 450px; margin-left: 50px; } .findings-text { width: 47%; padding-top: 60px; } #reports-page .soliloquy-container .soliloquy-caption { /*padding-top: 180px;*/ padding-top: 150px; } #reports-page .soliloquy-container .soliloquy-pager { bottom: 8%; left: 0px; } #reports-page .soliloquy-container .soliloquy-prev, #reports-page .soliloquy-container .soliloquy-next { top: 82%; } } @media (max-width: 1200px) { #generic-hero-container .fl-col-group:nth-child(2), #image-call-out-container, #four-cols, body#generic-page.news-post #generic-hero-container .fl-col-group:nth-child(2) { max-width: 85% !important; } .small-row, #banner .fl-row-content, #block-quote-container { max-width: 65%; } #banner > .fl-row-content-wrap:after { width: 100%; } #banner > .fl-row-content-wrap:before { width: 18%; } #four-cols .fl-col-small { width: 45%; } #four-cols .fl-col-group { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } #four-cols .fl-col-small:nth-child(1), #four-cols .fl-col-small:nth-child(2) { margin-bottom: 30px; } #four-cols .fl-col-group { -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap: wrap; } /*-------------------*/ #news-feed-container .wrapper { max-width: 85%; } #download-shape { width: 72%; } .report-cta-border { width: 75%; } } @media(max-width: 1100px) { .master-slider-parent { width: 100% !important; right: 0 !important; } #news-page .article-text h5, #home-page #recent-news-container .news-text h6, body#reports-page .news-block .news-text h5 { font-size:21px; line-height:26px; } #home-page .ms-info h3 { font-size: 25px; line-height: 25px; } body #ubermenu-main-33 ul li.ubermenu-item-level-0.mobile-subscribe { display:flex; } .subscribe-content.sc-modal-container { width: 60% !important; } #reports-page .soliloquy-container .soliloquy-caption { padding-top: 20px; } #reports-page .soliloquy-container .soliloquy-prev, #reports-page .soliloquy-container .soliloquy-next { background-color: #b4d232; } #reports-page .soliloquy-container .soliloquy-prev:hover, #reports-page .soliloquy-container .soliloquy-next:hover { background-color: #e82092; border-color: #e82092; } #reports-page .soliloquy-container .soliloquy-pager { display: none; } /*#hero-overlay { background: rgba(10,60,80,0.9); display: block; position: absolute; }*/ #generic-hero-container { margin-top: 65px; } .ms-slide .ms-slide-bgcont:after { background: rgba(10,60,80,0.9); } #reports-page #hero-container #shape-1 { width: 100%; display: block !important; transform: none; left: 0; } #shiftnav-toggle-main { display: block; } #reports-page #hero-content h3 { width: 100%; } .ms-bullets.ms-dir-h, #shape-1, #shape-2, #hero-container .gradient, .bottom-nav ul, .top-nav, .hero-line { display: none !important; } .recent-report { z-index: 10; bottom: 0; width: 100%; margin-right: 0px; background-color: black; } .recent-text { text-align: left; } .hero-wrapper, .recent-report .wrapper, nav .wrapper { max-width: 85%; } .recent-report .wrapper { margin: 0 auto; width: 100%; padding: 20px 0px 40px 0px; } .category-container { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } #hero-content { padding: 20vh 0px 45vh 0px; } #hero-content p, #news-page .subscribe-content form { width: 100%; } footer .wrapper, #recent-data-section .wrapper { max-width: 85%; } #recent-news-container, footer .wrapper, #news-page .subscribe-content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .news-block:nth-child(3) { margin-bottom: 40px; } .news-block, #logo-footer { -webkit-flex-basis: auto; -ms-flex-preferred-size: auto; flex-basis: auto; } #logo-footer { margin-right: 0px; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 30px; } #logo-footer, .close-container, .mobile-container { display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display: flex; } .mobile-container { height: 65px; } .hamburger { margin-left: 15px; } .mobile-container, .close-container { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .close-container { height: 65px; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; max-width: 85%; margin: 0 auto; position: relative; z-index: 999; } .ms-info { right: 0; background-color: black; width: 100%; padding: 30px 8%; box-sizing: border-box; text-align: left; bottom: 0px; top: unset; } .ms-slide-info.ms-dir-v { right: 0px !important; width: 100% !important; bottom: 0px; } /*-----------------*/ .news-container, .recent-all-container, #report-cta .wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } #reports-page #hero-content { padding: 20vh 0px 100px 0px; } #download-shape { width: 100%; left: 0; -webkit-transform: none; -moz-transform: none; -o-transform: none; } .report-cta-social { text-align: left; width: 100%; bottom: 0; } .report-cta-border { -webkit-transform: none; -moz-transform: none; -o-transform: none; width: 100%; left: 0; } .report-cta-border { padding: 10px; } .report-cta-content h1 br, .report-cta-content h3 br { display: none; } .report-twitter { margin-left: 0px; } .report-social-container { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .report-cta-content { margin-bottom: 40px; } .report-cta-overlay { display: none; } .reports-recent-data, .news-feed, .reports-recent-news { -webkit-flex-basis: auto; -ms-flex-preferred-size: auto; flex-basis: auto; } .reports-recent-news { padding-left: 0px; } #comments .wrapper, #citations .wrapper { max-width: 75%; } #recent-data-section .reports-recent-data .data-container { height: 300px; width: 100%; } .reports-recent-data { padding-right: 0px; border-right: 0px; margin-bottom: 25px; } .news-feed { margin-right: 0px; margin-bottom: 50px; } #mobile-twitter { display: block; background-color: #0a3c50; } #mobile-twitter .wrapper { max-width: 85%; margin: 0 auto; } #ctf { padding: 0px 0px 30px 0px; } .tweets { padding: 30px 0px 0px 0px; } .twitter-feed, .hero-articles { display: none; } .news-hero-content {width: 100%;position: relative;max-width: 85%;left: 0;padding: 50px 0;} #media-shape { position: relative; width: 100%; right: 0; } #media-shape, #media-shape img, #key-findings #shape { -webkit-transform: none; -moz-transform: none; -o-transform: none; } #media-shape img { width: 550px; } #key-findings #shape { width: 100%; left: 0; } .finding-mobile { background-image: url(images/findings.jpg); background-size: cover; background-position: center; background-repeat: no-repeat; position: relative; } #findings-image, .findings-border { transform: none; } .finding-border-inside { border: solid 3px #b4d232; height: 100%; width: 100%; box-sizing: border-box; } #reports-page #key-findings p { width: 100%; } .finding-mobile-border { height: 100%; width: 100%; z-index: 30; position: absolute; top: 0; left: 0; padding: 15px; box-sizing: border-box; } #reports-page #key-findings h3 br { display: none; } #media-shape img { padding: 60px 0px; } #key-findings .wrapper { max-width: 85%; padding: 10vh 0px; } #media-shape { min-height: auto; } #recent-data-section #recent-news-container .news-block:nth-child(3) { margin-bottom: 0px; } #reports-page .soliloquy-outer-container { max-width: 85%; } #reports-page .soliloquy-container .soliloquy-slider .soliloquy-active-slide { -webkit-box-orient:vertical; -webkit-box-direction:reverse; -webkit-flex-direction:column-reverse; -ms-flex-direction:column-reverse; flex-direction:column-reverse; } .findings-text { padding-left: 7.3%; padding-right: 7.3%; width: 100%; box-sizing: border-box; position: relative; } .new-slider-container { width: 100%; right: 0; float: none; } .new-slider-inner { padding: 50px 7.3%; } .findings-overlay { background-color:#f4f4f4; } #key-findings h1, #reports-page #key-findings p { color: #b4d232; } .rslides1_nav.next, .rslides1_nav.prev { bottom: 45%; background-color: #b4d232; } .rslides1_nav.next { right: 30px; left: unset; } .rslides1_nav.prev { left: 30px; } .new-slider-inner { padding: 50px 100px; } .rslides1_nav.next:hover, .rslides1_nav.prev:hover { background-color: #e82092 !important; border-color: #e82092; } /*.rslides_tabs { width: 100%; max-width: unset; left: 0; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; bottom: -20px; } .rslides_tabs .rslides_here a { background: #b4d232; } .rslides_tabs a { background: rgba(180, 210, 50, 0.6); } .rslides_tabs a:hover { background: #e82092; }*/ .rslides_tabs { display: none; } #reports-page .soliloquy-container .soliloquy-caption { width: 100% } #reports-page .soliloquy-container .soliloquy-caption .soliloquy-caption-inside { padding: 0px; } #reports-page .soliloquy-container .soliloquy-image { margin-left: 0px; margin: 0 auto; left: 0; right: 0; } #reports-page .soliloquy-container .soliloquy-pager { width: 100%; bottom: 4%; } #reports-page .soliloquy-container .soliloquy-prev, #reports-page .soliloquy-container .soliloquy-next { top: 65%; } #reports-page .soliloquy-container .soliloquy-next { right: 0; left: unset; } .findings-border { top: 0; left: 0; border: none; box-sizing: border-box; padding: 10px; } .findings-border-inside { border: solid 3px #b4d232; height: 100%; box-sizing: border-box; } } @media (max-width: 900px) { .search-modal form ul { width: 85%; } body .pum-container .pum-content form.mc4wp-form .fields.two .field.first { padding-right: 0px; margin-bottom: 20px; } body .pum-container .pum-content form.mc4wp-form .fields.two, body .pum-container .pum-content form.mc4wp-form .fields.two .field { display: flex; flex-direction: column; } body .pum-container .pum-content form.mc4wp-form .fields.two .field { width: 100%; } } @media (max-width: 800px) { .data-all, .bottom-footer { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .data-container:nth-child(1), .data-container:nth-child(2) { margin-bottom: 30px; } .data-container { -webkit-flex-basis: auto; -ms-flex-preferred-size: auto; flex-basis: auto; height: 300px; } #shape-3, #shape-4 { display: none; } .bottom-footer { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .bottom-footer .footer-col:nth-child(1), .bottom-footer .footer-col:nth-child(2) { margin-right: 0px; margin-bottom: 30px; text-align: center; } .bottom-footer .footer-col { margin-right: 0px; text-align: center; } .icon-container { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } } @media (max-width: 768px) { body#generic-page.news-post #generic-hero-container .fl-col.hero-button-col { padding-left:0px; } body#generic-page.news-post #generic-hero-container .fl-col.hero-button-col .fl-rich-text p { margin-bottom:10px; } h1 { font-size: 38px; line-height: 44px; } #page-header .fl-module-content { margin: 40px 0px; } #generic-hero-container .fl-col-small, #four-cols .fl-col-small { max-width: 100%; } #generic-hero-container .text-block { margin-left: 0px; margin-top: 20px; } .small-row, #banner .fl-row-content, #block-quote-container { max-width: 85%; } #image-call-out-container .fl-row-content-wrap { height: 300px; } #image-call-out-container .fl-row-content { max-width: 80%; } #banner > .fl-row-content-wrap:after { width: 100%; -webkit-transform: skew(0deg); -moz-transform: skew(0deg); -o-transform: skew(0deg); left: 0px; } #banner > .fl-row-content-wrap:before, .left { display: none; } #four-cols .fl-col-small:nth-child(3) { margin-bottom: 30px; } #four-cols .fl-col-small { margin: 0px; margin-bottom: 30px; } } @media (max-width:768px) { body #survey-tabs .uabb-content-current > .uabb-tab-acc-title { background: #0a3c50; } body #survey-tabs .uabb-content-current > .uabb-tab-acc-title .uabb-tab-title { color:#b4d232; } body #survey-tabs .uabb-tabs > nav ul li a { font-size: 24px; line-height: 30px; } } @media(max-width: 700px) { .subscribe-content.sc-modal-container form input { margin: 0px; } .subscribe-content.sc-modal-container { width: 90% !important; } .article-container, #news-page .subscribe-content form { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } #news-page .news-img, #news-page .news-img img { width: 100%; } /* #news-page .img-border { width: 95.5%; } #news-page .article-container:hover .img-border { width: 99%; height: 97.1%; }*/ .article-text { border-top: none; padding-left: 0px; } #media-shape img { width: 450px; } .subscribe-content form input { width: 90%; margin: 0px 50px; margin-bottom: 20px; } #news-page .subscribe-content h5 { margin-right: 0px; margin-bottom: 20px; padding: 0px 30px; } } @media (max-width: 650px) { .new-slider-inner { padding: 20px 20px 50px 20px; } .rslides1_nav.next, .rslides1_nav.prev { bottom: 4%; } .rslides1_nav.next { right:40%; } .rslides1_nav.prev { left: 40%; } } @media(max-width: 600px) { #reports-page .soliloquy-container .soliloquy-pager { display: block; text-align: center; } .soliloquy-container .soliloquy-pager-item a { background-color: #b4d23278; } #reports-page .soliloquy-container .soliloquy-pager-link.active { background-image: none; background-color: #b4d232; } #reports-page .soliloquy-container .soliloquy-image { height: 350px; width: auto; } #home-page h1 { font-size: 55px; line-height: 61px; } h1 { font-size: 33px; line-height: 39px; } .title-link a { right: 0px; } #page-header .fl-module-content { margin: 20px 0px; } #generic-hero-container .fl-row-content-wrap:before { height: 50px; } h3, body #survey-tabs .uabb-content h3 { font-size: 25px; line-height: 28px; } .title-row { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .title-row h3 { margin-bottom: 5px; } #rtl-logo { width: 75px; } #bmp-logo { width: 150px; height: auto; } /*--------------*/ #reports-page .button-container { display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display: flex; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap: wrap; } #reports-page .button-container a { margin-bottom: 20px; } #reports-page #hero-content { padding: 20vh 0px 80px 0px; } #reports-page .soliloquy-container .soliloquy-next { right: 0; left: 60px; } #reports-page .soliloquy-container .soliloquy-image { margin-top: 30px; } #reports-page .soliloquy-container .soliloquy-prev, #reports-page .soliloquy-container .soliloquy-next { display: none; } #reports-page .soliloquy-container .soliloquy-prev { margin: 0 auto; left: 0; right: 50px; } #reports-page .soliloquy-container .soliloquy-next { margin: 0 auto; left: 50px; right: 0px; } } @media(max-width: 500px) { #media-shape img { width: 350px; } .finding-mobile-border { padding: 10px; } } @media(max-width: 450px) { .rslides1_nav.next { right:35%; } .rslides1_nav.prev { left: 35%; } #hero-content h1 { font-size: 45px; line-height: 51px; } .news-block { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex-basis: auto; -ms-flex-preferred-size: auto; flex-basis: auto; } .news-block:hover .img-border { height: 97%; width: 98.5%; } .news-img img { width: 100%; } .img-border { height: 87%; width: 90%; } .news-text { padding: 20px 0px; border-top: none; } .news-block:nth-child(1), .news-block:nth-child(2), .news-block:nth-child(3) { margin-bottom: 10px; } .footer-col img { height: 100%; width: 300px; } .bottom-nav .wrapper img { width: 200px; } .news-img { width: 100%; height: 200px; } } /* @media(max-width: 415px) { #reports-page .soliloquy-container .soliloquy-caption { padding-top: 120px; } */ @media(max-width: 400px) { /*#hero-content { padding: 20vh 0px 39vh 0px; }*/ #hero-content h1 { font-size: 40px; line-height: 46px; } footer .wrapper { padding: 50px 0px; } /*-------------*/ #media-shape img { width: 250px; } #recent-data-section .reports-recent-data .data-container { height: 350px; } } @media (max-width: 350px) { .footer-col img { width: 200px; } .bottom-nav .wrapper img { width: 150px; } } @media(max-width: 325px) { #hero-content h1 { font-size: 35px; line-height: 41px; } .data-container { height: 350px; } } @media(max-width: 300px) { .bottom-nav .wrapper img { width: 125px; } } @media (max-width: 415px) { #rtl-logo { width: 50px; } #bmp-logo { width: 100px; } } @media (max-width: 1550px) { #hero-content .fl-row-fixed-width{ max-width: 89%; } } @media (max-width: 1350px) { #hero-content .fl-row-fixed-width{ max-width: 92%; } } @media (max-width: 1250px) { #hero-content .fl-row-fixed-width{ max-width: 95%; } } @media (max-width: 1100px) { #hero-content .fl-row-fixed-width{ max-width: 100%; } }