/* Theme Name: National Civic League Theme URI: http://www.ncl.org Description: This custom theme was built for the National Civic League by Studio Simpatico. Author: Tamara Olson Author URI: http://www.studiosimpati.co Version: 1.0 */ /***************************************************************************************************************************************************************************************/ /*HTML5 BOILERPLATE MINIFIED*/ /***************************************************************************************************************************************************************************************/ *{box-sizing:border-box;}article{display:block}aside{display:block}details{display:block}figcaption{display:block}figure{display:block;margin:0}footer{display:block}header{display:block}hgroup{display:block}nav{display:block}section{display:block}audio{display:inline;zoom:1}canvas{display:inline;zoom:1}video{display:inline;zoom:1}audio:not([controls]){display:none}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;font-family:sans-serif;color:#222}button{font-family:sans-serif;color:#222;font-size:100%;vertical-align:middle;line-height:normal;cursor:pointer;-webkit-appearance:button;overflow:visible;margin:0}input{font-family:sans-serif;color:#222;font-size:100%;vertical-align:middle;line-height:normal;margin:0}select{font-family:sans-serif;color:#222;font-size:100%;vertical-align:middle;margin:0}textarea{font-family:sans-serif;color:#222;font-size:100%;overflow:auto;vertical-align:top;resize:vertical;margin:0}body{font-size:1em;line-height:1.4;margin:0}::-moz-selection{background:#333;color:#fff;text-shadow:none}::selection{background:#333;color:#fff;text-shadow:none}a{color:#00e}a:hover{color:#06e;outline:0}a:active{outline:0}abbr[title]{border-bottom:1px dotted}b{font-weight:700}strong{font-weight:700}blockquote{margin:1em 40px}dfn{font-style:italic}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}ins{background:#ff9;color:#000;text-decoration:none}mark{background:#ff0;color:#000;font-style:italic;font-weight:700}pre{font-family:monospace, serif;_font-family:'courier new', monospace;font-size:1em;white-space:pre-wrap;word-wrap:break-word}code{font-family:monospace, serif;_font-family:'courier new', monospace;font-size:1em}kbd{font-family:monospace, serif;_font-family:'courier new', monospace;font-size:1em}samp{font-family:monospace, serif;_font-family:'courier new', monospace;font-size:1em}q{quotes:none}q:before{content:none}q:after{content:none}small{font-size:85%}sub{font-size:75%;line-height:0;position:relative;vertical-align:baseline;bottom:-.25em}sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;top:-.5em}ul{margin:1em 0;padding:0 0 0 40px}ol{margin:1em 0;padding:0 0 0 40px}dd{margin:0 0 0 40px}nav ul{list-style:none;list-style-image:none;margin:0;padding:0}nav ol{list-style:none;list-style-image:none;margin:0;padding:0}img{border:0;-ms-interpolation-mode:bicubic;vertical-align:middle}svg:not(:root){overflow:hidden}form{margin:0}fieldset{border:0;margin:0;padding:0}label{cursor:pointer}legend{border:0;margin-left:-7px;white-space:normal;padding:0}input[type="button"]{cursor:pointer;-webkit-appearance:button;overflow:visible}input[type="reset"]{cursor:pointer;-webkit-appearance:button;overflow:visible}input[type="submit"]{cursor:pointer;-webkit-appearance:button;overflow:visible}button[disabled]{cursor:default}input[disabled]{cursor:default}input[type="checkbox"]{box-sizing:border-box;width:13px;height:13px;padding:0}input[type="radio"]{box-sizing:border-box;width:13px;height:13px;padding:0}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none}button::-moz-focus-inner{border:0;padding:0}input::-moz-focus-inner{border:0;padding:0}input:invalid{background-color:#f0dddd}textarea:invalid{background-color:#f0dddd}table{border-collapse:collapse;border-spacing:0}td{vertical-align:top}.chromeframe{background:#ccc;color:#000;margin:.2em 0;padding:.2em 0} /***************************************************************************************************************************************************************************************/ /*BODY STYLES*/ /***************************************************************************************************************************************************************************************/ html { font-size: 100%; } body { background: #F7F7F5; color: #4A4E69; font: 1rem 'Open Sans', Helvetica, sans-serif; -webkit-font-smoothing: antialiased; } h1, h1.heading1 { font-family: 'adobe-caslon-pro'; font-weight: 600; font-size: 42px; line-height: 50px; } h2, h1.heading2, h2.heading2, h3.heading2 { font-family: 'adobe-caslon-pro'; font-weight: 600; font-size: 34px; line-height: 40px; margin: 10px 0; } h3, h1.heading3, h2.heading3, h3.heading3 { font-family: 'adobe-caslon-pro'; font-weight: 600; font-size: 26px; line-height: 34px; } h3.heading4 { font-weight: 600; font-family: 'adobe-caslon-pro'; font-size: 22px; line-height: 30px; } h1.blue, h2.blue, h3.blue, h1.blue a, h2.blue a, h3.blue a { color: #0253BC; } .in-article-header { font-family: 'Open Sans', sans-serif; font-weight: normal; display: block; border-bottom: 1px solid #4A4E69; padding-bottom: 11px; font-size: 16px; color: #4A4E69; margin-bottom: 22px; } h1.heading2 a {text-decoration: underline;text-decoration-color: rgba(255,255,255,0.4);} h1.heading2 a:hover {text-decoration-color: #FFF} p, .body-copy ul li, .body-copy ol li, .right-copy ol, .right-copy ul, article ol { font-size: 18px; line-height: 29px; } img { height: auto; max-width: 100%; } iframe { max-width: 100%; } a { color: #4A4E69; text-decoration: none; transition: all .25s ease; } .body-copy a, article a { text-decoration: underline; color: #0253BC; font-weight: bold; } a:hover { color: #4A4E69; } ::-moz-selection { background-color: #0253BC; color: white; } ::selection { background-color: #0253BC; color: white; } .anchor { position: absolute; margin-top: -80px; width: 1px; height: 1px; display: block; } /* Gravity Form in Body Copy */ .body-copy .gform_wrapper { margin: 20px 0 40px 40px; float: right; min-width: 400px; background-color: white; } .body-copy .gform_wrapper form { padding: 20px; margin: 0; } .body-copy .gform_wrapper form input { width: 100%!important; } body .body-copy .gform_wrapper .gform_footer input.button { max-width: 100%; margin: 20px 0 0 0; width: 100%; } .gform_wrapper input.medium { width: 100%!important; } .gform_wrapper ul li::before { content: none; } /* Sections */ div.canvascontainer { background-color: #F7F7F5; } section { padding: 62px 0; } section.white { background-color: white; } section.nopaddingtop { padding-top: 0; } section.nopaddingbottom { padding-bottom: 0; } section.full-width-photo > img { width: 100%; } /* Article */ .single-post article { max-width: 832px; margin: 0 auto 44px; } article div.wp-caption.alignleft { margin-left: -85px; } .body-copy blockquote, article blockquote { font-family: 'adobe-caslon-pro'; font-weight: 600; color: #0253BC; max-width: 636px; margin-bottom: 44px; } .body-copy blockquote p, article blockquote p { font-size: 22px; line-height: 30px; } .body-copy blockquote::before, article blockquote::before { z-index: -1; margin-top: -20px; margin-left: -20px; background-size: 100% 100%; position: absolute; display: block; content: ' '; width: 63px; height: 63px; background-image:url('img/left-quote.svg'); } .body-copy blockquote p em::before, article blockquote p em::before { content: ' '; background-color: #0253BC; width: 62px; height: 2px; display: block; margin-top: 8px; margin-bottom: 8px; } .body-copy blockquote p em, article blockquote p em { display: block; color: #4A4E69; font-weight: normal; font-size: 14px; line-height: 21px; font-family: 'Open Sans'; } .body-copy h2, .body-copy h3 { margin-top: 44px; border-bottom: 1px solid #4a4e69; } .body-copy h2:first-of-type { margin-top: 0; } /* Photos and Captions */ .caption, .flex-caption, .wp-caption-text { font-size: 14px; line-height: 22px; font-style: italic; color: #4A4E69; margin-top: 12px; } .wp-caption { padding-top: 40px; } .wp-caption-text { margin-bottom: 40px; } /* Clear Fix Hack */ .container { clear: both; margin: 0 auto; width: 100%; max-width: 1042px; padding: 0 22px; position: relative; } .flex-container { display: flex!important; flex-wrap: wrap; } .flex-container.natural-height > * { align-self: center; } .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .clearfix { display: inline-block; } * html .clearfix { height: 1%; } .clearfix { display: block; } .vertically-center { display: block; position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } /* Header and State Icon */ .metadata-wrapper { overflow: hidden; position: relative; z-index: 2; border-bottom: 1px solid white; color: white; padding-bottom: 8px; } .metadata-wrapper.light { border-bottom: 1px solid #485268; } .metadata-wrapper.light .metadata-top { color: #485268; } .metadata-top { display: block; color: white; } .metadata-top.date { text-transform: uppercase; font-weight: bold; font-size: 12px; } .top-right-state-metadata { font-size: 12px; text-transform: uppercase; font-weight: bold; float: right; } .top-right-state-metadata img { margin-left: 10px; height: 30px; } .single-case-studies .top-right-state-metadata img { max-height: 90px; } /* Buttons */ .btn { cursor: pointer; text-align: center; display: inline-block; color: white; font-size: 14px; text-transform: uppercase; border: 1px solid white; background-color: rgba(247,245,245,.2); padding: 10px 32px; font-weight: 700; text-decoration: none!important; } .btn.dark { color: #485268; border-color: #485268; } .btn.orange { color: #F5A56C; border-color: #F5A56C; } .btn.blue { color: #0253BC; border-color: #0253BC; } #s2member-pro-authnet-cancellation-submit, .btn.btn-primary, .btn.blue-bg, .btn.blue-bg.gray { background-color: #0253BC; border-color: #0253BC; color: white; } .btn.white-outline { border: 2px solid white; } .btn.white-ghost { background: transparent; } .btn.white { background: white; color: #0253BC; } .btn.big { font-size: 30px; max-width: 490px; width: 90%; padding: 14px 32px; } .btn.blue:hover { background-color: #0253BC; color: white; } .btn.white:hover { background: transparent; color: #FFF; } .btn.full { width: 100%; } .btn:hover { color: #4A4E69; background-color: white; } .btn.dark:hover { background-color: #485268; color: white; } .btn.gray { background-color: #979797; color: white; } /* Lightbox */ button.mfp-close { background-image:url('img/close.svg')!important; width: 26px!important; height: 26px!important; background-size: 100%; } /* Tabs */ ul.tabs { margin: 0 0 44px; padding: 0; width: 100%; display: block; text-align: right; position: relative; } ul.tabs li { list-style: none; } ul.tabs li.title { float: left; } ul.tabs::before { bottom: 1px; z-index: -1; content: ' '; border-bottom: 1px solid #4A4E69; display: block; width: 100%; position: absolute; } ul.tabs li.tab { cursor: pointer; background-color: transparent; padding: 10px 15px; display: inline-block; border-left: 1px solid transparent; border-right: 1px solid transparent; border-top: 2px solid transparent; color: #979797; text-transform: uppercase; font-weight: bold; } ul.tabs li.tab:hover { color: #4A4E69; } ul.tabs li.tab.selected { background-color: #F7F7F5; color: #4A4E69; border-left: 1px solid #4A4E69; border-right: 1px solid #4A4E69; border-top: 2px solid #0253BC; } /* Header Wrapper */ .header-wrapper { border-bottom: 1px solid #485268; margin-bottom: 27px; padding-bottom: 22px; } .in-article-header a, .header-wrapper a { padding-top: 10px; float: right; text-transform: uppercase; font-size: 14px; font-weight: bold; } .in-article-header a:hover, .header-wrapper a:hover { text-decoration: underline; } .in-article-header a { padding-top: 0; text-decoration: underline; } .in-article-header.bold { font-weight: bold; text-transform: uppercase; } /* Taglines */ .page-framer { max-width: 832px; } .page-framer h1, .page-framer h2 { margin-bottom: 0; margin-top: 60px; } .page-framer h2 { margin-top: 0;} .page-framer h2 em { color: #E7554D; } .setup-tagline { margin-top: 0; font-family: 'adobe-caslon-pro'; font-weight: 600; font-size: 22px; line-height: 30px; color: #485268; padding-bottom: 22px; border-bottom: 1px solid #485268; } div.card .content-bottom { position: absolute; bottom: 22px; width: calc(100% - 44px); left: 22px; } /* Topic Cards */ .topic-card { padding: 62px 64px; color: white; position: relative; background-size: cover; background-position: center; margin-bottom: 62px; } .topic-card span.bg-color { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .topic-card span.text { display: block; font-size: 34px; line-height: 40px; color: white; font-weight: 600; font-family: 'adobe-caslon-pro';} .topic-card p { margin-top: 0; } .topic-card:last-of-type { margin-right: 0; } /* Icon Cards */ .icon-card { border: 2px solid transparent; transition: none; height: 234px; margin-bottom: 22px; background-color: white; padding: 22px; } div.icon-card { font-size: 22px; line-height: 30px; background-color: #4A4E69; color: white; font-weight: 600; font-family: 'adobe-caslon-pro'; } .icon-card:hover { border-color: #0253BC; } div.icon-card:hover { border-color: transparent; } .icon-card img { margin: 0 auto; display: block; width: 54px; } .icon-card span.text::before { content: ' '; width: 22px; height: 2px; background-color: #4A4E69; display: block; margin: 22px auto 12px; } .icon-card span.text { font-family: 'adobe-caslon-pro'; font-weight: 600; text-align: center; font-size: 22px; line-height: 30px; color: #485268; width: 100%; display: block; } .our-work-icon-cards .icon-card { width: 23.4%; margin-right: 2.13%; } /* Featured Case Studies */ .featured-case-studies div.blog-card { float: left; } .featured-case-studies div.blog-card::before { content: ' '; background-color: rgba(74,78,105,.8); width: 100%; height: 100%; } .finalist { display: inline-block; padding: 4px 8px; background-color: white; text-transform: uppercase; font-size: 14px; font-weight: bold; } /* Featured Presentations */ .featured-presentations { display: flex; flex-wrap: wrap; margin: 0; padding: 0; } .featured-presentations li { list-style: none; width: 32%; margin-right: 1%; margin-bottom: 41px; } .featured-presentations li .card { width: 100%; margin-bottom: 10px; } .featured-presentations li .btn { width: 100%; } .featured-presentations li h2 { margin: 0; } .featured-presentations li .duration { display: block; color: white; font-size: 12px; margin-bottom: 8px; font-weight: bold; } .featured-presentations li:last-of-type { margin-right: 0; } /* Featured Resources */ .featured-resources.cards h3 a { color: white; } .featured-resources .content { bottom: 0; position: absolute; } .blog-card .content { position: absolute; bottom: 22px; left: 22px; right: 22px; } /* Hero */ .hero { min-height: 365px; background-size: cover; background-position: bottom; position: relative; padding: 164px 0 88px 0; } .hero .container { height: 100%; position: relative; } .hero.no-photo h1, .hero.no-photo p { color: #4A4E69; } .hero h1, .hero h2 { margin-bottom: 0; color: white; max-width: 662px; } .hero p.tagline { margin-top: 0; max-width: 830px; } .hero p { max-width: 576px; } .hero h1 a { color: white; } .hero .btn { margin-top: 20px; } .hero.blue { background-color: #0253BC; color: white; } .hero.blue h2 { max-width: 830px; } .purplewash { position: relative; color: white; } .purplewash > * { position: relative; } .purplewash::before { content: ' '; background-color: rgba(40,40,41,.58); position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .page-template-page-aac-home .purplewash::before { background-color: rgba(74,78,105,.84); } .page-template-page-aac-home .hero { background-size: 700px 454px; background-repeat: no-repeat; background-position: 75% 100%; } .hero.purplewash p { color: white; } .hero.large { height: 618px; height: 60vh; } .hero.medium { height: 420px; } .hero.centered { text-align: center; } .hero.centered h1 { margin: 0 auto; max-width: 870px; } .hero.centered p { margin-left: auto; margin-right: auto; max-width: 900px; } .hero .data { text-transform: uppercase; font-weight: bold; margin-bottom: 30px; } .hero .data.secondary { color: #979797; } .hero .tags { color: white; text-transform: uppercase; font-weight: bold; font-size: 12px; } .hero .tags a { color: white; } /* Page Layouts */ .left-right-cols .left-col { width: 57.6%; float: left; margin-right: 10.4%; } .left-right-cols .right-col { width: 32%; float: left; } .left-right-cols.alternate .left-col { width: 32%; float: left; margin-right: 10.4%; } .left-right-cols.alternate .right-col { width: 57.6%; float: left; } .left-right-cols .right-col h3 { margin-top: 0; } .left-right-cols .right-col .card { width: 100%; } .three-equal-cols { margin: 0; padding: 0; } .three-equal-cols > * { float: left; width: 32%; margin-right: 2%; list-style: none; margin-bottom: 44px; } .three-equal-cols li:nth-of-type(3n) { margin-right: 0; } .three-equal-cols li:nth-of-type(3n+1) { clear: both; } .three-equal-cols .date { color: #4A4E69; font-size: 14px; } .three-equal-cols h3 { margin: 6px 0 10px; } .three-icons-wrapper { max-width: 110px; } .three-icons { max-height: 48px; } /* Forms */ form input { width: 100%; } input, button { font-family: 'Open Sans'; padding: 8px 12px; border-radius: 0; } input[type=email] { border: 1px solid #4A4E69; margin-bottom: 22px; } input[type=submit] { font-size: 14px; font-weight: bold; text-transform: uppercase; color: #0067B8; border: 1px solid #0067B8; background-color: transparent; } input[type=submit]:hover { background-color: #0067B8; color: white; } .select-wrapper select { width: 100%; font: 1rem 'Open Sans', Helvetica, sans-serif; border-radius: 0; color: #0253bc; border: 1px solid #0253bc; -webkit-appearance: none; font-size: 14px; padding: 8px 40px 8px 15px; } .select-wrapper select option { text-transform: none; } .select-wrapper { position: relative; display: block; min-width: 150px; } .select-wrapper::before { pointer-events: none; content: "\f107"; color: #0253bc; position: absolute; right: 12px; top: 10px; font-family: 'FontAwesome'; font-size: 20px; } form.search-form-frontend { width: 50%; max-width: 350px; float: left; overflow: hidden; } form.search-form-frontend input { float: left; width: 55%; margin-right: 5%; background-color: transparent; color: white; border: 0; border-bottom: 2px solid white; } form.search-form-frontend button { float: left; width: 40%; min-width: 0; } .right-aligned-selects { float: right; width: 50%; text-align: right; } .right-aligned-selects .select-wrapper { width: 50%; min-width: 0; } select.jump-to-object { width: 100%; background: white; border-radius: 4px; font-weight: bold; padding-bottom: 12px; border: 0; border-bottom: 2px solid white; color: #0253bc; } .jump-to-wrapper { max-width: 500px; margin: 10px auto 0; width: 100%; } .select-wrapper.jump-to-wrapper::after { color: white; } .gform_wrapper .top_label .gfield_label { font-size: 12px; text-transform: uppercase; font-weight: bold; } body .gform_wrapper .top_label input[type=text], body .gform_wrapper .top_label input[type=email], body .gform_wrapper .top_label textarea { border: 1px solid #4A4E69; font-size: 14px!important; line-height: 22px; padding: 8px 10px!important; } body .gform_wrapper select { height: 40px; font-size: 14px; } body .gform_wrapper select:focus { border: 1px solid #4A4E69; outline: none; } body .gform_wrapper .top_label input[type=text]:focus, body .gform_wrapper .top_label input[type=email]:focus, body .gform_wrapper .top_label textarea:focus { border-color: #0253BC; outline: none; } .gform_wrapper ul.gform_fields li.gfield.one-third-form { width: 32%; margin-right: 1%; float: left; clear: none; padding-top: 0; padding-bottom: 10px; margin-top: 0; } .gform_wrapper ul.gform_fields li.gfield.one-third-form:nth-of-type(3n+1) { clear: both; } body .gform_wrapper .gform_footer input.button { width: 100%; display: block; margin: 0 auto; font-size: 13px; min-width: 200px; max-width: 350px; background-color: #0253BC; color: white; text-transform: uppercase; font-weight: bold; } body .gform_wrapper .gform_footer input.button:hover { opacity: .7; } body .gform_wrapper ul.gform_fields { padding: 0; } body .gform_wrapper ul.gform_fields li.gfield { margin-bottom: 10px; list-style: none; padding-right: 0; padding-left: 0; } body .gform_wrapper .gform_footer { margin-top: 0; } ::-webkit-input-placeholder { font-style: italic; color: #979797; } ::placeholder { font-style: italic; color: #979797; } ::-moz-placeholder { font-style: italic; color: #979797; } :-ms-input-placeholder { font-style: italic; color: #979797; } /* National Civic Review */ .about-ncr h2 { max-width: 600px; } .about-ncr h2.in-article-header { max-width: 100%; } .ncr-issue { text-align: center; } .ncr-issue form { text-align: center; } .ncr-issue form .select-wrapper { display: inline-block; width: 50%; } .ncr-issue select { font-style: italic; } .ncr-issue form input[type=submit] { display: inline-block; width: 37%; margin-left: 2%; } .bottom-tags { border-top: 1px solid #4a4e69; padding-top: 10px; margin-top: 30px; } .bottom-tags a { color: #979797; font-weight: bold; text-transform: uppercase; font-size: 12px; } .ncr-post { width: 49%; margin-right: 2%; } .ncr-post:nth-of-type(2n) { margin-right: 0; } .ncr-sponsor { background: #FFF; padding: 50px 25px !important; } .ncr-sponsor .sponsored-by { margin: 0 auto; display: block; } .ncr-issue-main { background: #FFF; padding: 0 0 44px; } .ncr-issue-main .issue { cursor: pointer; } .issue-click-tracker { cursor: pointer; } .ad-wrapper { background-color: white; text-align: center; padding: 60px 20px; } .mobile-ad { display: none !important; } .desktop-ad { width: 100%; max-width: 900px; margin: 0 auto; } @media screen and (max-width: 768px) { .ad-wrapper { padding: 20px; } .desktop-ad { display: none !important; } .mobile-ad { display: block !important; margin: 0 auto; } } .ncr-issue-2 { padding-bottom: 62px; } .ncr-issue-3 { padding-top: 44px; } .ncr-issue-main.last { padding-bottom: 62px; } .ncr-issue-main.gray { background: #F7F7F5; } .ncr-issue-main .flex-container { align-items: stretch; justify-content: space-between; } .ncr-issue-main .span-2-col { width: calc(66.6666% - 11px); } .ncr-issue-main .span-1-col { width: calc(33.3333% - 22px); } .ncr-issue-main .image, .ncr-issue-main .video { background: no-repeat center center; background-size: cover; } .ncr-issue-main .big-image-with-issue .issue { min-height: 302px; background: #4A4E69; padding: 22px; } .ncr-issue-main .big-image-with-issue .issue .heading3 { color: #FFF; margin: 0 0 7px; } .ncr-issue-main .big-image-with-issue .issue .author { color: #F7F7F5; font-size: 18px; line-height: 29px; } .ncr-issue-main .issue-3-col .issue { width: calc(33% - 22px); margin-right: 22px; border-top: solid 2px #4A4E69; padding-top: 22px; } .ncr-issue-main .issue-3-col .issue:last-of-type { margin-right: 0; width: 33%; } .ncr-issue-main .issue-3-col .issue .heading3 { color: #0253BC; margin: 0 0 7px; } .ncr-issue-main .issue-3-col .issue .author { color: #4A4E69; font-size: 18px; line-height: 29px; font-weight: bold; } .ncr-issue-main .issue-3-col .issue .issue-preview { color: #282829; font-size: 18px; line-height: 29px; margin: 11px 0 0; } .ncr-issue-main .issue-2-col { margin: 0 -29px; border: solid 2px #4A4E69; background: #FFF; padding: 28px; } .ncr-issue-main .issue-2-col .issue { width: calc(50% - 22px/2); margin-right: 22px; border-top: solid 2px #4A4E69; padding-top: 22px; } .ncr-issue-main .issue-2-col .issue:last-of-type { margin-right: 0; } .ncr-issue-main .issue-2-col .issue .heading3 { color: #4A4E69; margin: 0 0 7px; } .ncr-issue-main .issue-2-col .issue .author { color: #979797; font-size: 18px; line-height: 29px; font-weight: bold; } .ncr-issue-main .issue-2-col .issue .issue-preview { color: #282829; font-size: 18px; line-height: 29px; margin: 21px 0 0; } .ncr-issue-main .big-issue-with-image .issue { border-top: solid 2px #4A4E69; padding-top: 22px; } .ncr-issue-main .big-issue-with-image .issue:last-of-type { margin-right: 0; } .ncr-issue-main .big-issue-with-image .issue .heading3 { color: #4A4E69; margin: 0 0 7px; } .ncr-issue-main .big-issue-with-image .issue .author { color: #979797; font-size: 18px; line-height: 29px; font-weight: bold; } .ncr-issue-main .big-issue-with-image .issue .issue-preview { color: #282829; font-size: 18px; line-height: 29px; margin: 21px 0 0; } .ncr-issue-main .big-issue-with-image .image { min-height: 328px; } .ncr-issue-main .big-issue-with-video .issue { border-top: solid 2px #4A4E69; padding-top: 22px; } .ncr-issue-main .big-issue-with-video .issue:last-of-type { margin-right: 0; } .ncr-issue-main .big-issue-with-video .issue .heading3 { color: #4A4E69; margin: 0 0 7px; } .ncr-issue-main .big-issue-with-video .issue .author { color: #979797; font-size: 18px; line-height: 29px; font-weight: bold; } .ncr-issue-main .big-issue-with-video .issue .issue-preview { color: #282829; font-size: 18px; line-height: 29px; margin: 21px 0 0; } .ncr-issue-main .big-issue-with-video .video { min-height: 328px; position: relative; display: flex; align-items: center; justify-content: center; } .ncr-issue-main .big-issue-noimage .issue { border-top: solid 2px #4A4E69; padding-top: 22px; } .ncr-issue-main .big-issue-noimage .issue:last-of-type { margin-right: 0; } .ncr-issue-main .big-issue-noimage .issue .heading3 { color: #4A4E69; margin: 0 0 7px; } .ncr-issue-main .big-issue-noimage .issue .author { color: #979797; font-size: 18px; line-height: 29px; font-weight: bold; } .ncr-issue-main .big-issue-noimage .issue .issue-preview { color: #282829; font-size: 18px; line-height: 29px; margin: 21px 0 0; } .legal-disclaimer { background: white; } .legal-disclaimer .title { text-transform: uppercase; display: block; border-bottom: solid 1px #4A4E69; padding-bottom: 11px; margin: 0 0 24px; font-family: "Open Sans"; font-weight: 600; font-size: 14px; line-height: 22px; } .legal-disclaimer .copy { text-transform: uppercase; font-size: 14px; line-height: 22px; color: #979797; margin: 0; } .ncr-issue-main ~ .callout-cta { padding: 62px 0; } .ncr-issue-main ~ .callout-cta h2 { margin-bottom: 21px; } .ncr-issue-main ~ .callout-cta .btn-wrapper { display: flex; align-items: center; justify-content: center; max-width: 100%; } .ncr-issue-main ~ .callout-cta .btn-wrapper .btn { min-width: 233px; max-width: 100%; margin-right: 23px; } .ncr-issue-main ~ .callout-cta .btn-wrapper .btn:last-of-type { margin-right: 0; } .access-popup.active { opacity: 1; visibility: visible; } .access-popup { position: fixed; top: 0; height: 100%; width: 100%; z-index: 10000; opacity: 0; visibility: hidden; transition: 0.5s; } .access-popup .overlay { background: rgba(40,40,41,0.67); position: absolute; top: 0; left: 0; height: 100%; width: 100%; } .access-popup .modal-main { position: absolute; top: 50%; left: 50%; width: 662px; max-width: 100%; box-sizing: border-box; padding: 44px; background: #F7F7F5; transform: translate(-50%, -50%) } .access-popup .modal-main h2 { margin: 0 0 11px; font-size: 30px; line-height: 38px; } .access-popup .modal-main span.accessed { margin: 0; line-height: 22px; } .access-popup .modal-main p { margin: 7px 0 19px; } .access-popup .modal-main p.small { font-size: 13px; margin-top: 20px; } .access-popup .modal-main p.small a { text-decoration: underline; } .access-popup .modal-main .btn-wrapper.active { display: flex; } .access-popup .modal-main .btn-wrapper { display: none; align-items: center; justify-content: space-between; flex-wrap: wrap; } .access-popup .modal-main .btn-wrapper .btn { width: calc(50% - 10px); } .access-popup .modal-main .btn-wrapper .btn:first-of-type { margin-right: 20px; } .access-popup .modal-main .btn-wrapper form { display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap; width: 100%; } .access-popup .modal-main .btn-wrapper form input { outline: none !important; } .access-popup .modal-main .btn-wrapper form input[type=text] { width: 322px; max-width: 100%; border: solid 1px #282829; font-size: 14px; padding: 11px 11px; margin: 0 20px 0 0; } .access-popup .modal-main .btn-wrapper form input[type=submit] { width: auto; padding: 11px 31px; } .access-popup .modal-main .btn-wrapper .btn.nobg { background: transparent; border: none; color: #0253BC; width: auto; margin: 0; padding: 0; } .hero.ncr-article { min-height: 320px; padding: 138px 0 62px; background: #0253BC !important; } .hero.ncr-article p { color: #FFF; } .single-ncr-article article .author { display: flex; align-items: flex-start; justify-content: space-between; color: #F7F7F5; font-size: 18px; font-weight: bold; line-height: 29px; } .single-ncr-article article .author .author-name { height: 272px; width: 319px; padding: 21px; background: #4A4E69; } .single-ncr-article article .author h3 { color: #4A4E69; max-width: 661px; margin: 0 0 0 22px; } .single-ncr-article article p { max-width: 831px; margin: 29px auto; } .single-ncr-article article h3 { margin: 44px 0 0; } .single-ncr-article article h3 ~ hr { border: none; border-top: solid 1px #4A4E69; margin-bottom: 45px; margin-top: 22px; } .single-ncr-article article .fluid-width-video-wrapper { margin: 15px 0; } .single-ncr-article article p strong { font-weight: 600; } .single-ncr-article article div.wp-caption.alignleft { margin-left: 0; } .single-ncr-article article p.wp-caption-text { max-width: 100%; margin: 12px 0 44px; } .single-ncr-article article .wp-caption { padding: 0; } .single-ncr-article article .image-group ~ p { clear: both; } /************************************************************************************************************************/ /* Homepage */ /************************************************************************************************************************/ .homepage-subhead { color: white; } .case-studies-title { width: 100%; border-bottom: 1px solid #485268; padding-bottom: 4px; margin-bottom: 20px; display: block; } /* History */ #hp-history { position: relative; color: white; background-size: cover; background-position: center; } #hp-history p { max-width: 560px; } #hp-history::before { content: ' '; background-color: rgba(2,83,188,.82); width: 100%; height: 100%; position: absolute; left: 0; top: 0; } /* History Photo Strip */ #hp-history-photo-strip { padding: 0; } .image-link { position: relative; width: 12.5%; display: inline-block; } .image-link:hover::before { content: ' '; height: 100%; width: 100%; position: absolute; background-color: rgba(243,55,70,.82); } .image-link:hover::after { font-size: 32px; font-family: 'FontAwesome'; color: white; position: absolute; left: 50%; top: 50%; margin-top: -16px; margin-left: -10px; content: "\f00e"; } /* Mailing List */ #hp-newsletter h2.heading3 { margin: 30px 0 0 0; } #hp-newsletter .left-col { float: left; width: 57.4%; margin-right: 10.7%; } #hp-newsletter .right-col { float: left; width: 31.9%; } #hp-newsletter label { display: none!important; } /* Innovation Database */ #hp-innovation-database { padding: 0; display: flex; flex-direction: row; } #hp-innovation-database .left-col { width: 50%; background-color: #F5A56C; padding: 48px 48px 48px calc((100% - 1000px) / 2); } #hp-innovation-database .right-col { width: 50%; height: auto; display: block; background-image:url('img/NCL-AAC-Map-HOME.jpg'); background-size: cover; } /* Speaker Cards */ .speaker-card { margin-bottom: 22px; background-color: white; width: 32%; margin-right: 2%; float: left; text-align: center; padding: 44px; } .speaker-card:nth-of-type(3n) { margin-right: 0; } .speaker-card:nth-of-type(3n+1) { clear: both; } .speaker-card img { border-radius: 100%; width: 100px; height: 100px; margin: 0 auto; } .speaker-card span.name::before { content: ' '; background-color: #4A4E69; width: 30px; height: 2px; display: block; margin: 20px auto; } .speaker-card span.name { font-weight: 600; font-size: 22px; line-height: 30px; font-family: 'adobe-caslon-pro'; display: block; } .speaker-card span.title { font-size: 22px; line-height: 30px; font-family: 'adobe-caslon-pro'; font-weight: 600; font-style: italic; display: block; } /************************************************************************************************************************/ /* HEADERS */ /************************************************************************************************************************/ /* Top Header */ #top-header-wrapper { height: 57px; } header#top-header { padding: 8px 0; color: white; background-color: #4A4E69; } header#top-header .flex-container { justify-content: space-between; } header#top-header a { color: white; text-decoration: underline; } header#top-header a.btn:hover { color: #4A4E69; } header#top-header .left-col { padding-top: 10px; } header#top-header.fixed { position: fixed; top: 0; left: 0; width: 100%; z-index: 999; } header#top-header.fixed a.btn { text-transform: none; border: 0; background: none; padding: 10px 0; } /* Regular Header */ header.main-header { position: absolute; top: 0; left: 0; width: 100%; padding-top: 12px; display: flex; flex-wrap: wrap; justify-content: space-between; text-align: left; } header.main-header nav { display: inline-block; vertical-align: middle; } header.main-header a { color: white; } header.main-header a.logo { width: 290px; background-size: 100% 100%; height: 34px; display: inline-block; vertical-align: middle; } header.main-header ul { text-align: left; padding: 8px 0 0 0; margin-top: 7px; } header.main-header ul li { margin: 0 0 0 28px; display: inline-block; } header.main-header ul li a { color: white; text-transform: uppercase; font-weight: 600; font-size: 15px; } /* Submenus */ header.main-header ul li.menu-item-has-children { position: relative; } header.main-header ul li.menu-item-has-children::after { content: "\f107"; margin-left: 2px; font-family: 'FontAwesome'; color: white; } header.main-header ul li.menu-item-has-children ul { left: -12px; z-index: 9999; position: absolute; background-color: white; display: none; visibility: hidden; width: 300px; margin: 0; padding: 0; } header.main-header ul li.menu-item-has-children:hover ul { padding: 17px 0 0; display: block; height: auto; visibility: visible; } header.main-header ul li.menu-item-has-children > a { cursor: default; } header.main-header ul li.menu-item-has-children ul li { display: block; margin: 0 0 0 0; } header.main-header ul li.menu-item-has-children ul li:last-of-type { margin-bottom: 0; } header.main-header ul li.menu-item-has-children ul li a { transition: none; display: block; display: block; padding: 12px; } header.main-header ul li.menu-item-has-children ul li:hover a { background-color: #4A4E69; color: white!important; } header.main-header#fixed-header { opacity: 1; width: 100%; z-index: 999; padding-top: 0; background-color: white; position: fixed; top: 54px; left: 0; padding-bottom: 10px; } header.main-header#fixed-header a.logo { margin-top: 16px; margin-right: 4px; } header.main-header#fixed-header nav > ul > li.current-menu-item a, header.main-header#fixed-header nav > ul > li.current_page_item a, header.main-header#fixed-header nav > ul > li > a:hover { color: #0253bc; } header.main-header#fixed-header nav > ul > li.menu-item-has-children > a:hover { color: #282829; } header.main-header#fixed-header ul li a { text-transform: uppercase; color: #282829; } header.main-header#fixed-header ul.sub-menu a:hover { color: white; } header.main-header#fixed-header ul li.menu-item-has-children::after { color: #282829; } .sign-in { margin-left: 44px; } .logged-in-blurb { display: block; padding-top: 8px; } /************************************************************************************************************************/ /* FOOTERS */ /************************************************************************************************************************/ /* Footer */ footer { color: white; background-color: #4A4E69; padding: 44px 0; } footer a { color: white; } footer a:hover { color: white; text-decoration: underline; } footer .container { padding-left: 84px; position: relative; padding-bottom: 66px; } a.footer-logo { position: absolute; left: 0; } span.statement-of-purpose { margin-bottom: 22px; color: #F5A56C; font-family: 'adobe-caslon-pro'; font-weight: 600; font-size: 22px; line-height: 30px; display: block; } footer ul { margin: 0; padding: 0; } footer ul li { list-style: none; margin-bottom: 15px; } footer h3 { font-family: 'Open Sans'; margin-top: 0; font-size: 14px; padding-bottom: 8px; border-bottom: 1px solid white; text-transform: uppercase; font-weight: bold; } footer .col-1 { float: left; width: 16.2%; margin-right: 11.5%; } footer .col-2 { float: left; width: 34.8%; margin-right: 9.17%; } footer .col-3 { float: left; width: 27.9%; } ul.social-links { display: block; } ul.social-links li { display: inline-block; font-size: 30px; margin-right: 20px; margin-top: 15px; } ul.social-links li a:hover { opacity: .7; } /* Twitter */ .widget_aptf_widget { list-style: none; } .aptf-tweet-username, .aptf-tweet-actions-wrapper { display: none; } .aptf-tweet-date p { margin-top: 3px; font-size: 14px; color: rgba(247,247,245,.5); } .aptf-tweet-content a { color: #D2EBE3!important; } /* Sponsors */ #sponsors h2 { margin: 0; } #sponsors .flex-container { justify-content: space-between; } #sponsors .flex-container > div { margin-right: 10px; margin-bottom: 20px; text-align: center; } #sponsors .flex-container > div:last-of-type { margin-right: 0; } #sponsors .flex-container > div img { max-width: 100%; } /************************************************************************************************************************/ /* CARDS */ /************************************************************************************************************************/ /* Cards */ .card { display: block; padding: 20px; width: 32%; margin-right: 2%; margin-bottom: 44px; min-height: 280px; background-size: cover; } .card a { color: white; } .card:nth-of-type(3n) { margin-right: 0; } .card h2, .card h3 { color: white; margin-top: 12px; } .card .tags, .card .tags a { color: white; text-transform: uppercase; font-size: 12px; font-weight: bold; } .card .tags a:hover { opacity: .7; } .card-icon { float: right; } a.card h3:hover { text-decoration: underline; } /* Blog Card */ .blog-card { position: relative; background-size: cover; background-position: center; } .blog-card::before { content: ' '; background-color:rgba(76,91,92,.88); position: absolute; width: 100%; height: 100%; left: 0; top: 0; } .blog-card.webinar-card::before { background-color:rgba(243,55,70,.88); } .blog-card > * { position: relative; } .blog-card h2 { font-size: 22px; line-height: 30px; margin-top: 20px; } .blog-card .date { display: block; border-bottom: 1px solid white; font-size: 12px; text-transform: uppercase; color: white; padding-bottom: 6px; } .blog-card:hover h2:hover a { text-decoration: underline; } .blog-card.primary { background-color: #f33746; color: white; } .blog-card.primary::before { content: none; } /* Case Studies Card */ .card.case-study-card { height: 400px; position: relative; width: 48%; margin-right: 4%; } .card.case-study-card:hover { opacity: .7; } .case-study-card::before { content: ' '; background-color: rgba(74,78,105,.6); position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .case-study-card .tagline { display: inline-block; background-color: white; color: #4a4e69; margin-left: -20px; padding: 6px 22px; text-transform: uppercase; font-weight: bold; font-size: 14px; } .card.case-study-card:last-of-type { margin-right: 0; } .card.case-study-card .content { position: relative; z-index: 2; } .case-study-card .info { position: absolute; left: 20px; bottom: 20px; right: 20px; } /* More Resources */ .webinar-card .btn, .resource-card .btn, .blog-post-card .btn { width: 100%; max-width: 300px; } .webinar-card .metadata::after { content: ' '; width: 30px; height: 30px; background-image:url('img/video.svg'); } .resource-card .metadata::after { content: ' '; width: 30px; height: 30px; background-image:url('img/resource.svg'); } .blog-post-card .metadata::after { content: ' '; width: 30px; height: 30px; background-image:url('img/blog-post.svg'); } /* No Title */ .blog-card.no-title h2 { display: none; } .blog-card.no-title::before { content: none; } .blog-card.no-title a.btn { background-color: white; color: #485268; text-decoration: underline; bottom: 10px; width: auto; position: absolute; right: 0; min-width: 0; } /*DEFAULT PAGE STYLES*/ .alignleft { float: left; margin-right: 15px; } .alignright { float: right; margin-left: 15px; } .aligncenter { display: block; margin: 0 auto 20px; } .alignnone { display: block; margin: 0 0 20px; } .wp-caption { max-width: 100%; } /* Share Icons */ .share-icons h2 { font-size: 14px; color: #0253BC; border-color: #0253BC; text-transform: uppercase; max-width: 320px; margin-top: 44px; } .share-icons ul { margin: 0; padding: 0; } .share-icons ul li { display: inline-block; margin-right: 44px; padding-left: 0; } .share-icons ul li::before { content: none; } .share-icons ul li a { color: #0253BC; font-size: 30px; } /* Category */ .post-category-list { float: left; padding-top: 20px; } .post-category-list a.hover { text-decoration: underline; } /************************************************************************************************************************/ /* CASE STUDIES */ /************************************************************************************************************************/ #key-performance-areas { background-color: #4A4E69; padding: 22px 0; } #key-performance-areas .left-title span.title { color: white; } #key-performance-areas a { color: white; display: inline-block; margin-right: 10px; margin-bottom: 10px; text-decoration: underline; } /* Title */ .left-title { width: 14.8%; margin-right: 10.6%; } .left-title span.title { font-size: 14px; font-weight: bold; text-transform: uppercase; } .left-title span.title::after { content: ' '; display: block; margin-top: 8px; width: 100%; border-top: 2px solid #4A4E69; } .right-copy { width: 74.6%; } .right-copy p:first-of-type { margin-top: 0; } /* Checkmarks */ .page-template-page-aac-how-to-apply .body-copy ul, .other-programs ul, ul.resource-list, article ul, ul.program-bullets, .right-copy ul { margin: 0; padding: 0; } .page-template-page-aac-how-to-apply .body-copy ul li, .other-programs ul li, ul.resource-list li, article ul li, ul.program-bullets li, .right-copy ul li { font-size: 18px; line-height: 29px; list-style: none; position: relative; padding-left: 28px; margin-bottom: 10px; } .page-template-page-aac-how-to-apply .body-copy ul li::before, .other-programs ul li::before, ul.resource-list li::before, article ul li::before, ul.program-bullets li::before, .right-copy ul li::before { position: absolute; left: 0; color: #0253BC; font-family: 'FontAwesome'; content: "\f00c"; } .page-template-page-aac-how-to-apply .body-copy ul li::before, ul.program-bullets li::before { content: "\f192"; } article ul li::before { content: "\f046"; color: #0253BC; } article ul, article ol { margin: 22px; } ul.resource-list li a { font-weight: bold; color: #0253BC; } ul.resource-list li::before { content: "\f019"; } .other-programs ul { margin-left: 30px; margin-bottom: 30px; } /* Large Quote */ blockquote { margin: 62px 0 0; } blockquote.large-quote { margin: 0; padding: 0; font-size: 34px; line-height: 40px; font-family: 'adobe-caslon-pro'; font-weight: 600; border-bottom: 1px solid #4A4E69; padding-bottom: 10px; } blockquote.left-quote { font-family: 'adobe-caslon-pro'; font-weight: 600; font-size: 22px; line-height: 30px; color: #0253BC; max-width: 636px; } blockquote.left-quote::before { z-index: -1; margin-top: -20px; margin-left: -20px; background-size: 100% 100%; position: absolute; display: block; content: ' '; width: 63px; height: 63px; background-image:url('img/left-quote.svg'); } blockquote.left-quote::after { content: ' '; background-color: #0253BC; width: 62px; height: 2px; display: block; margin-top: 15px; } section.callout-blockquote { background-size: cover; margin-top: 62px; } section.callout-blockquote blockquote { font-family:'adobe-caslon-pro'; color: white; max-width: 662px; margin: 0 auto; font-size: 22px; line-height: 30px; } section.callout-blockquote blockquote::before { margin-top: -20px; margin-left: -20px; background-size: 100% 100%; position: absolute; display: block; content: ' '; width: 63px; height: 63px; background-image:url('img/callout-quote.svg'); } section.callout-blockquote blockquote::after { margin-top: 10px; content: ' '; width: 64px; height: 2px; background-color: #F7F7F5; display: block; } /* Callout CTA */ .callout-cta { padding: 44px 0; text-align: center; background-color: #0253BC; color: white; } .callout-cta > * { max-width: 650px; } section.white + .callout-cta { margin-top: 0; } .callout-cta h2 { margin-top: 0;margin-left: auto; margin-right: auto; } .flexslider { position: relative; } .flex-caption { width: 100%; padding: 0 2%; left: 0; bottom: 0; } /* Blue Callout */ .callout-blue { position: relative; background-size: cover; } .callout-blue > * { color: white; position: relative; } .callout-blue p { max-width: 600px; } .callout-blue::before { content: ' '; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(2,83,188,.82); } .callout-blue .flex-container div { width: 48%; padding-right: 40px; } .callout-blue .flex-container div:last-of-type { border-left: 1px solid rgba(255,255,255,.2); } /* Blue Filters */ .blue-filters { background-color: #0253BC; color: white; padding: 0 0 22px; } .blue-filters.logo-heading { padding-top: 22px; text-align: center; } .blue-filters.logo-heading h3 { margin-bottom: 10px; margin-top: 10px; } .blue-filters select { font-weight: bold; font-style: normal; background-color: transparent; color: black; background-color: white; border-radius: 3px; } .blue-filters .select-wrapper.author { float: left; max-width: 405px; } .blue-filters .select-wrapper.year { float: right; max-width: 234px; } .blue-filters .select-wrapper::after { color: white; } .blue-filters p { text-align: center; margin: 0 auto; max-width: 700px; padding-top: 20px; } .blue-filters a { text-decoration: underline; text-decoration-color: rgba(255,255,255,0.7); color: #FFF; } .blue-filters a:hover { text-decoration-color: #FFF; } /* Event Card */ .event-card { color: white; position: relative; padding: 22px; margin-bottom: 22px; background-size: cover; background-position: center; } .event-card::before { top: 0; left: 0; content: ' '; position: absolute; width: 100%; height: 100%; background-color: rgba(243,55,70,.88); } .event-card > * { position: relative; } .event-card .in-article-header { color: white; border-color: white; } dl, dd, dt { margin: 0; padding: 0; } dt { font-weight: bold; } dl > div { margin-bottom: 8px; padding-left: 40px;position: relative; } dl > div:last-of-type { margin-bottom: 0; } dl > div::before { position: absolute; font-family: 'FontAwesome'; display: block; left: 0; color: white; top: 4px; } .icon-date::before { content: "\f133"; } .icon-location::before { content: "\f041"; } .icon-contact::before { content: "\f0e0"; } .icon-cost::before { content: "\f0d6"; } /* Single Card */ .hero .post-metadata { font-weight: bold; font-size: 14px; color: white; text-transform: uppercase; display: block; margin-bottom: 20px; } .hero .post-metadata a { font-weight: bold; display: inline-block; color: white; } /* Webinars */ .webinar .date { color: #979797; text-transform: uppercase; font-weight: bold; font-size: 14px; margin-bottom: 10px; } .webinar h3 { margin-top: 8px; color: #0253BC; } .resource-header { margin-top: 44px; } /* Our Work */ .page-template-page-our-work .topic-card { width: 32%; margin-right: 1%; text-align: center; } .our-work-icon-cards .icon-card:nth-of-type(4n-1) { margin-right: 0; } /* About Pages */ .our-vision { position: relative; } .our-vision::before { content: ' '; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: rgba(40,40,41,.7); } .our-vision * { color: white; } .our-vision .left-title span.title::after { border-color: white; } .our-vision h3 { margin: 0; } /* Mission */ .page-template-page-mission .icon-card { width: 32%; margin-right: 1%; } .page-template-page-mission .icon-card:last-of-type { margin-right: 0; } .page-template-page-support .topic-card, .page-template-page-mission .topic-card { width: 49%; margin-right: 2%; } .page-template-page-support .topic-card:nth-of-type(2n), .page-template-page-mission .topic-card:last-of-type { margin-right: 0; } /* History */ #timeline { background-color: #5f6377; } .timeliny { padding: 20rem; } .timeliny .timeliny-timeline .timeliny-timeblock.active .timeliny-dot { border-color: white; background-color: white; } .timeliny .timeliny-dot:before { font-weight: 600; font-family: 'adobe-caslon-pro'; color: white!important; font-size: 22px; line-height: 30px; } .timeliny .timeliny-dot:after { font-family: 'Open Sans'; color: white!important; font-size: 16px; line-height: 22px; } .timeliny .timeliny-timeline .timeliny-timeblock.active .timeliny-dot:before { color: white; font-size: 30px;} .timeliny .timeliny-timeline .timeliny-timeblock.active .timeliny-dot:after { color: white; opacity: 1!important; } .timeliny .timeliny-timeline .timeliny-timeblock .timeliny-dot:hover:after { opacity: 0; } /* Team Members */ .team-member article { max-width: 830px; margin: 0 auto; } .back-to-link { text-transform: uppercase; font-weight: bold; text-decoration: underline; font-size: 14px; } .team-stats { text-align: center; } .team-stats img { border-radius: 200%; max-width: 200px; } .team-stats h1::before { content: ' '; display: block; width: 30px; background-color: #F33746; height: 2px; margin: 20px auto; } .scorecard { margin: 22px auto 44px; display: block; width: auto; text-align: center; } .scorecard li { padding: 0; width: 150px; font-size: 14px; line-height: 22px; margin: 0 20px; font-weight: normal; display: inline-block; text-align: center; vertical-align: top; } .scorecard li::before { content: none; } .scorecard li strong { display: block; } .linkedin-wrapper { margin: 0 auto; font-size: 22px; padding-top: 12px; display: block; background-color: #4A4E69; color: white; border-radius: 200%; width: 50px; height: 50px; } .linkedin-wrapper:hover { color: white; } /************************************************************************************************************************/ /* ALL AMERICA CITIES MICROSITE */ /************************************************************************************************************************/ #aac-nav { background-color: #282829; text-align: center; padding: 15px 0; } #aac-nav ul li { display: inline; } #aac-nav ul li a { color: white; font-weight: bold; margin: 0 10px; } #aac-nav ul li a:hover, #aac-nav ul li.current_page_item a { color: #F5A56C; } .menu-aac-show { display: none; } /* AAC Home */ .at-a-glance-bullets h2 { border-bottom: 1px solid #4A4E69; margin-bottom: 44px; } .at-a-glance-bullets ul li { margin-bottom: 0; } /* AAC Event */ #snazzymap { height: 600px; } .aac-video { text-align: center; } /* AAC Map */ .aac-states-container { max-width: 600px; margin-left: auto; margin-right: auto; display: flex; margin-bottom: 44px; } .aac-states-container .left-title { width: 40%; margin-right: 10%; } .aac-states-container .aac-winners { width: 50%; } .aac-states-container .aac-winners ul { margin: 0; padding: 0; } .aac-states-container .aac-winners ul li { list-style: none; } .aac-states-container .aac-winners a { color: #0253BC; font-weight: bold; } .aac-map { text-align: center; } .aac-map h1 { margin-bottom: 20px; } .aac-map p { max-width: 600px; margin-left: auto; margin-right: auto; } .aac-map ul { text-align: left; margin: 44px 0 22px; padding: 0; font-weight: bold; text-transform: uppercase; } .aac-map ul li { display: inline-block; margin-right: 22px; } .one-win { color: #4A4E69; } .two-win { color: #0253BB; } .three-win { color: #EA9E67; } .four-win { color: #F33746; } .five-win { color: #8FC93A; } .aac-filters.blue-filters { padding-top: 22px; text-align: center; } .aac-filters.blue-filters div.select-wrapper { display: inline-block; width: 100%; max-width: 150px; margin: 0 10px; } .aac-filters.blue-filters div.select-wrapper select { border-bottom: 2px solid white; } /* Blog Roll */ .post { background-color: white; padding: 22px; margin-bottom: 22px; } .post h2 { margin-bottom: 10px; } .post p { margin-top: 0; } .post h2 a { color: #0253BC; } .post .category-date { border-bottom: 1px solid #4A4E69; padding-bottom: 14px; margin-bottom: 20px; } .post .category-date .date { font-size: 14px; font-weight: bold; text-transform: uppercase; } .post .share { border-top: 1px solid #4A4E69; margin: 0; padding: 0; text-align: right; } .post .share li { display: inline-block; } .post .share li a { color: #0253BC; font-size: 22px; margin-left: 22px; } .post .share li a:hover { opacity: .7; } .sidebar-widget { margin-bottom: 62px; } .cat-item { list-style: none; } .cat-item a { font-weight: 600; color: #979797; font-size: 22px; line-height: 30px; font-family: 'adobe-caslon-pro'; font-weight: 600; } .cat-item.current-cat a { color: #0253BC; } .video-post { border-bottom: 1px solid #979797; padding-bottom: 44px; margin-bottom: 44px; display: flex; align-items: flex-start; } .video-post:last-of-type { border-bottom: 0; padding-bottom: 0; } .video-post span { text-transform: uppercase; font-weight: bold; font-size: 12px; } .video-post h2 { margin-bottom: 10px; } .video-post p { margin-top: 10px; } .video-post img.video-thumbnail { max-width: 320px; margin-left: 50px; order: 2; } .video-post > a, .video-post.resource-post img.video-thumbnail { width: 100%; order: 1; margin-left: 0; margin-right: 50px; max-width: 230px; } .page-template-page-promising-practices .video-post > a, .page-template-page-promising-practices .video-post.resource-post img.video-thumbnail { width: 100%; order: 1; margin-right: 0; margin-left: 50px; max-width: 230px; } .video-post.resource-post div { order: 2; } /* Pagination */ .page-numbers { margin: 0; padding: 0; width: 100%; text-align: center; font-family: 'adobe-caslon-pro'; font-weight: 600; } .page-numbers li { list-style: none; display: inline-block; font-size: 22px; margin: 0 15px; color: #0253BC; font-weight: 600; } .page-numbers li a { color: #979797; } /* Sponsors */ .sponsor-alert { color: #f33746; float: right; text-transform: uppercase; font-size: 12px; font-weight: bold; float: right; } .sponsor-cards { display: flex; flex-wrap: wrap; margin: 0; padding: 0; ;} .sponsor-cards li { text-align: center; min-height: 150px; width: 15%; position: relative; list-style: none; background-color: white; padding: 10px; margin-right: 2%; margin-bottom: 15px; } .sponsor-cards li:nth-child(6n) { margin-right: 0; } .sponsor-cards li .fa-star { color: #F33746; position: absolute; top: 10px; left: 10px; } .sponsor-cards li div img { width: auto; margin: 0 auto; display: block; max-height: 80px; } /* Default Page */ .page-template-default article, .page-template-page-newsletters article { max-width: 700px; margin-left: auto; margin-right: auto; padding-top: 40px; } .page-template-default h1 { margin-bottom: 20px; } /* Promising Practices */ .promising-practices-intro { color: white; padding: 44px 22px; background-size: cover; background-position: right; } .promising-practices-intro h2 { margin-top: 0; } .promising-practices-intro p { margin-bottom: 0; margin-top: 10px; } /* Supporters */ .page-template-page-supporters #sponsors { display: none; } /* Resource Center */ .featured-resource-center-container { position: relative; } .featured-resource-center-container .container { position: static; } .featured-resource-center { float: left; width: 50%; padding: 44px 44px 44px 0; color: white; } .featured-resource-center:nth-of-type(2n) { padding-left: 44px; padding-right: 0; } .featured-resource-center span.left::before, .featured-resource-center span.right::before { display: block; content: ' '; width: 100%; height: 100%; z-index: -2; position: absolute; } .featured-resource-center span.left, .featured-resource-center span.right { width: 50%; height: 100%; position: absolute; top: 0; z-index: -1; } .featured-resource-center span.left, .featured-resource-center span.right { width: 50%; height: 100%; position: absolute; top: 0; z-index: -1; } .featured-resource-center span.left { left: 0; } .featured-resource-center span.right { right: 0; } .featured-resource-center span.left::after, .featured-resource-center span.right::after { content: ' '; position: absolute; z-index: 1; width: 100%; height: 100%; top: 0; } .featured-resource-center span.left::after { left: 0; background-color: rgba(2,83,188,.46); } .featured-resource-center span.right::after { right: 0; background-color: rgba(74,78,105,.86); } .featured-resource-center div { position: relative; } .resource-collection { margin: 0; padding: 0; flex-wrap: wrap; display: flex; } .resource-collection li { list-style: none; background-color: white; padding: 22px; margin-bottom: 22px; width: 49%; margin-right: 2%; } .resource-collection li:nth-of-type(2n) { margin-right: 0; } /* AAC */ .promising-practices-module { background-size: cover; background-position: center; } .promising-practices-module div.container div { max-width: 600px; } .page-tagline { background-size: cover; color: white; text-align: center; } .page-tagline h2 { margin: 0; } .aac-resource-list { margin: 0; padding: 0; position: relative; } .aac-resource-list li { list-style: none; padding-left: 30px; margin-bottom: 20px; } .aac-resource-list li::before { content: ' '; background-image:url('img/download.svg'); width: 19px; height: 24px; display: block; left: 0; position: absolute; } .resource-bottom-link { margin-top: 40px; } .page-template-page-aac-resources .body-copy blockquote { margin-top: 0; } /* Info Window */ .info-window { text-align: left; color: white; background-color: #4A4E69; width: 300px; padding: 22px; } .info-window label { font-weight: bold; text-transform: uppercase; color: #F7F7F5; margin-bottom: 4px; opacity: .6; } .info-window-state label { float: left; padding-top: 7px; } .state-container { float: right; text-align: right; text-transform: uppercase; font-weight: bold; } .state-container img { margin-left: 8px; display: inline-block; vertical-align: middle; height: 38px!important; } .info-window-state { border-bottom: 1px solid white; display: block; padding-bottom: 16px; margin-bottom: 16px; overflow: hidden; } .info-window-city-wins { display: block; overflow: hidden; } .info-window-city { width: 70%; float: left; } .info-window-wins { width: 20%; float: left; margin-left: 10%; } .info-window-city label, .info-window-wins label { display: block; } .info-title { font-size: 22px; font-family: 'adobe-caslon-pro'; font-weight: 600; display: block; } /* Memberships */ .membership-benefits, .perks { margin: 0; padding: 0; overflow: hidden; } .membership-benefits li { padding-left: 40px; list-style: none; float: left; width: 48%; margin-right: 4%; position: relative; } .membership-benefits li p { margin-top: 0; } .membership-benefits li:nth-of-type(2n) { margin-right: 0; } .membership-benefits li:nth-of-type(2n+1) { clear: both; } .membership-benefits li::before { top: 6px; position: absolute; left: 0; color: #0253BC; font-family: 'FontAwesome'; content: "\f046"; } .perks li { padding-left: 40px; list-style: none; float: left; width: 48%; margin-right: 4%; position: relative; margin-bottom: 10px; } .perks li::before { top: 6px; position: absolute; left: 0; color: #4a4e69; font-family: 'FontAwesome'; content: "\f00c"; } .perks li:nth-of-type(2n) { margin-right: 0; } .perks li:nth-of-type(2n+1) { clear: both; } .membership-wrapper .tab-section { display: none; } .membership-wrapper .tab-section.active { display: block; } .membership-types { display: flex; margin: 44px 0 0 0; padding: 0; } .membership-types li { border: 2px solid transparent; position: relative; cursor: pointer; list-style: none; width: 32%; margin-right: 1.5%; background-color: white; padding: 32px 24px; } .membership-types li:hover { border: 2px solid #4a4e69; } .membership-types li { margin-bottom: 10px; } .membership-types li.selected { color: white; background-color: #4a4e69; } .membership-types li.selected a { color: white; } .membership-types li:last-of-type { margin-right: 0; } .membership-types li h3 { margin-bottom: 0; margin-top: 0; } .membership-types li p { margin-top: 10px; margin-bottom: 40px; } .membership-detail { font-size: 14px; line-height: 21px; color: #979797; } .price span { font-size: 42px; line-height: 42px; font-weight: bold; font-family: 'adobe-caslon-pro'; display: block; } .membership-quotation { padding: 10px 20px 44px 20px; background-color: #0253bc; color: white; width: 48%; margin-right: 4%; float: left; position: relative; } .membership-quotation:nth-of-type(2n) { margin-right: 0; } .membership-quotation > * { position: relative; } .membership-quotation::before { background-repeat: no-repeat; content: ' '; position: absolute; top: 4px; left: 2px; width: 63px; height: 63px; background-image:url('img/blue-quote.png'); display: block; background-size: 100%; } .attribution::before { content: ' '; display: block; background-color: white; height: 2px; width: 40px; margin-bottom: 20px; } .attribution { font-size: 14px; } .sustaining-left { width: 320px; float: left; margin-right: 30px; } .center-buttons { text-align: center; margin-top: 44px; } /* S2Member Overrides */ div.s2member-pro-authnet-form-registration-section-title { background: none; } /* Mobile Menu */ .mobile-menu { display: none; } /* Search */ .hero .search-form { max-width: 600px; margin: 30px auto 0; } .hero .search-form.flex-container { flex-wrap: nowrap; } .hero .search-form input { width: calc(100% - 170px); padding: 10px 20px; } .hero .search-form button.btn { width: 170px; margin-top: 0; } #search-button { font-size: 20px; margin-left: 25px; cursor: pointer; } #header-search-form { z-index: 99999; width: 400px; top: 54px; background-color: #4a4e69; display: none; position: absolute; right: calc((100% - 1045px) / 2); padding: 10px 15px; box-shadow: 2px 4px 3px rgba(0,0,0,.5); } #header-search-form form { flex-wrap: nowrap; } #header-search-form form input[type=text] { width: calc(100% - 120px); } #header-search-form form input[type=text]:focus { outline: none; } #header-search-form form input[type=submit] { width: 120px; color: white; } #header-search-form .close { cursor: pointer; margin-left: 10px; float: right; color: white; padding-top: 5px; font-size: 22px; order: 3; } .searchform-mobile { padding: 20px; display: flex; flex-wrap: nowrap; } .searchform-mobile input { width: calc(100% - 40px); } .searchform-mobile input:focus { outline: none; } .searchform-mobile button { width: 40px; } /* Virtual AAC and Comments */ .wpcd-comment-listing-wrap .wpcd-comments-title { text-align: left!important; margin-top: 80px!important; } .single-aac-awards .promising-practices-intro { margin-bottom: 60px; } .single-aac-awards ul li { font-size: 18px; line-height: 29px; } .comment-respond { padding: 0!important;} /*Fix Tables for Virtual AAC*/ .page-template-page-aac-virtual-plain table { margin: 0 0 50px; width: 100%; height: 100%; } .page-template-page-aac-virtual-plain tr:first-of-type { height: 60px; } .page-template-page-aac-virtual-plain tr:first-of-type td { position: relative; } .page-template-page-aac-virtual-plain tr:first-of-type td:before { position: absolute; content: ""; top: 32px; height: 1px; width: 100%; background: #4A4E69; } .page-template-page-aac-virtual-plain tr:not(first-of-type) td:not([colspan="2"]) { padding-bottom: 10px; } .page-template-page-aac-virtual-plain tr:not(first-of-type) td[colspan="2"] { padding-bottom: 30px; } .page-template-page-aac-virtual-plain tr td[colspan="3"] { padding: 10px 0 40px !important; } .page-template-page-aac-virtual-plain table td h5, .page-template-page-aac-virtual-plain table td p { margin: 0; } .page-template-page-aac-virtual-plain table tr:not(:first-of-type) td:nth-of-type(1) { width: 175px; } .page-template-page-aac-virtual-plain table tr:not(:first-of-type) td:nth-of-type(2) { display: flex; align-items: center; width: 100%; } .page-template-page-aac-virtual-plain table tr:not(:first-of-type) td:nth-of-type(3) { width: 90px; } @media only screen and (max-width: 890px) { .page-template-page-aac-virtual-plain table { display: flex; margin: 30px 0 40px; max-width: 100%; height: 100% !important; } .page-template-page-aac-virtual-plain table tr { display: flex; flex-direction: column; } .page-template-page-aac-virtual-plain tr:first-of-type { display: none; } .page-template-page-aac-virtual-plain tr:not(:first-of-type) td { margin: 0 0 4px; } .page-template-page-aac-virtual-plain tr:not(first-of-type) td:not([colspan="2"]) { padding-bottom: 0; } .page-template-page-aac-virtual-plain tr td[colspan="2"] { padding: 10px 0 40px; } .page-template-page-aac-virtual-plain table tr:not(:first-of-type) td:nth-of-type(1) strong { font-weight: 400; } .page-template-page-aac-virtual-plain table tr:not(:first-of-type) td:nth-of-type(2) { align-items: flex-start; flex-direction: column; } .page-template-page-aac-virtual-plain table tr:not(:first-of-type) td:nth-of-type(2) .alignleft { margin-bottom: 4px; margin-top: 8px; } .page-template-page-aac-virtual-plain table tr:not(:first-of-type) td:nth-of-type(2) h5 + p { font-weight: 700; } .page-template-page-aac-virtual-plain table td { align-items: center; display: flex; width: 100%; } } @media only screen and (max-width: 1150px) { .ncr-issue-main .issue-2-col { margin: 0; } } @media only screen and (max-width: 1050px) { /* Mobile Menu */ #top-header-wrapper, .desktop-nav { display: none!important; } header.main-header#fixed-header { padding: 10px 0 20px; top: 0; } .mobile-menu { color: #4A4E69!important; display: block!important; position: absolute; right: 16px; z-index: 999; top: 4px; font-size: 22px; cursor: pointer; } .hero { margin-top: 80px; } .hero.ncr-article { padding-top: 90px; } /* Mobile Menu Wrapper */ .mobile-menu-wrapper { background-color: #4A4E69!important; } .mobile-menu-wrapper ul { margin: 0; padding: 0; } .mobile-menu-wrapper li { list-style: none; position: relative; } .mobile-menu-wrapper li.menu-item-has-children::before { position: absolute; top: 12px; content: "\f105"; font-family: 'FontAwesome'; left: 20px; } .mobile-menu-wrapper li.menu-item-has-children.active::before { content: "\f107"; } .mobile-menu-wrapper li.menu-item-has-children > a { padding-left: 40px; } .mobile-menu-wrapper li.menu-item-has-children ul { display: none; } .mobile-menu-wrapper li.menu-item-has-children ul li a { padding-left: 40px; } .mobile-menu-wrapper a { text-transform: uppercase; font-size: 14px; font-weight: bold; color: white; display: block; padding: 10px 20px; border-bottom: 1px solid rgba(255,255,255,.2); } /* Footer */ footer .container { padding-bottom: 0; } /* Standard Styling */ article div.wp-caption.alignleft { margin-left: 0; } /* Home */ #hp-innovation-database .left-col { padding-left: 22px; } /* AAC */ #aac-nav { text-align: left; padding: 0; } #aac-nav a { padding-left: 24px; } #aac-nav .container { padding: 0; } .menu-aac-show { display: block; color: white; padding: 12px 0; text-transform: uppercase; font-weight: bold; } .menu-aac-show:hover { color: white; } .menu-aac-show i { margin-right: 10px; } #menu-aac { display: none; } #aac-nav ul li a { display: block; padding: 12px 24px; border-top: 1px solid rgba(255,255,255,.4); margin: 0; } /* NCR */ .ncr-issue-main .span-2-col, .ncr-issue-main .span-1-col { width: calc(50% - 22px); } .ncr-issue-main .big-issue-noimage .span-2-col { width: 100%; max-width: 660px; } .ncr-issue-main .issue-3-col .issue { width: 100% !important; max-width: 660px; margin-right: 0; margin-bottom: 44px; } .ncr-issue-main .issue-3-col .issue:last-of-type { margin-bottom: 0; } } @media only screen and (max-width: 850px) { .ncr-issue-main .issue { max-width: 100% !important; } .ncr-issue-main .span-2-col, .ncr-issue-main .span-1-col { width: 100%; margin: 0; } .ncr-issue-main .issue-2-col .issue { width: 100%; margin: 0 0 44px; } .ncr-issue-main .issue-2-col .issue:last-of-type { margin-bottom: 0; } .ncr-issue-main .big-issue-with-image, .big-issue-with-video { flex-direction: column-reverse; } .ncr-issue-main .big-issue-with-image .image, .big-issue-with-video .video { margin-bottom: 21px; } .ncr-issue-main .big-image-with-issue .issue { min-height: 100%; } } @media only screen and (max-width: 768px) { header.main-header#fixed-header a.logo { width: 210px; margin-top: 0; } header.main-header#fixed-header { padding-bottom: 6px; } .mobile-menu { top: 0; } .hero { margin-top: 50px; } /* Typography */ h1, h1.heading1 { font-size: 30px; line-height: 40px; } h2, h1.heading2, h2.heading2, h3.heading2 { font-size: 24px; line-height: 30px; } p, .body-copy ul li, .body-copy ol li, article ol { font-size: 16px; line-height: 26px; } .page-template-page-aac-how-to-apply .body-copy ul li, .other-programs ul li, ul.resource-list li, article ul li, ul.program-bullets li, .right-copy ul li { font-size: 16px; line-height: 22px; } .body-copy blockquote p, article blockquote p { font-size: 18px; line-height: 24px; } /* Cards */ .featured-case-studies div.blog-card { margin-bottom: 22px; } .featured-case-studies div.blog-card:last-of-type { margin-bottom: 0; } /* Layout */ section { padding: 22px 0; } section#sponsors { padding: 44px 0; } .body-copy blockquote, article blockquote { margin-left: 20px; margin-right: 20px; } /* Universal */ .three-equal-cols > * { width: 100%; margin-bottom: 22px; } .three-equal-cols > *:last-of-type { margin-bottom: 0; } .image-link { width: 50%; } .header-wrapper { display: flex; flex-direction: column; } .in-article-header a, .header-wrapper a { display: none; float: none; order: 2; } /* Hero */ .hero.large { height: 300px; } .hero { min-height: 200px; padding: 88px 0; } /* Footer */ footer { padding: 44px 22px; } a.footer-logo { position: static; margin-bottom: 22px; } footer .container { padding-left: 0; } footer .col-1 { width: 100%; margin-right: 0; margin-bottom: 22px; } footer .col-2 { width: 100%; margin-right: 0; margin-bottom: 22px; } footer .col-3 { width: 100%; margin-right: 0; margin-bottom: 22px; } footer .col-4 { width: 100%; margin-right: 0; margin-bottom: 22px; } /* Home */ #hp-innovation-database .left-col, #hp-innovation-database .right-col, .card, .card.case-study-card, #hp-newsletter .left-col, #hp-newsletter .right-col { width: 100%; float: none; margin-right: 0; margin-bottom: 22px; } #hp-innovation-database { display: block; } #hp-innovation-database .left-col { padding-right: 22px; } #hp-innovation-database .right-col { display: none; } /* Our Work */ .page-template-page-our-work .topic-card { width: 100%; height: 200px; margin-right: 0; margin-bottom: 22px; } .our-work-icon-cards .icon-card { height: 200px; width: 100%; margin-right: 0; } /* Mission */ .page-template-page-mission .icon-card { width: 100%; margin-right: 0; } /* Sponsors */ .sponsor-cards li { width: 32%; margin-right: 1%; } .sponsor-cards li:nth-of-type(3n) { margin-right: 0; } /* Presentations */ .featured-presentations li { width: 100%; margin-right: 0; } .featured-presentations li .card { min-height: 250px; } .featured-presentations li h2 { margin-top: 20px; } /* AAC */ .callout-blue .flex-container div { width: 100%; } } @media only screen and (max-width: 600px) { section.full-width-photo { padding: 22px 0; } .body-copy .gform_wrapper { margin: 20px 0; float: none; width: 100%; min-width: 400px; } .post-category-list { float: none; } /* Typography */ .btn { min-width: 100%; } /* Forms */ .gform_wrapper ul.gform_fields li.gfield.one-third-form { width: 100%; margin-right: 0; } body .gform_wrapper .gform_footer input.button { max-width: 100%; } /* Columns */ .left-right-cols .left-col { float: none; width: 100%; margin-right: 0; margin-bottom: 22px; } .left-right-cols .right-col { float: none; width: 100%; } .left-right-cols.alternate .left-col { margin-right: 0; width: 100%; float: none; margin-bottom: 22px; } .left-right-cols.alternate .right-col { float: none; width: 100%; } /* Content */ .alignleft { float: none; margin-right: 0; margin-bottom: 22px; } /* Tabs */ ul.tabs { text-align: center; border-top: 1px solid #4a4e69; } ul.tabs::before { content: none; } ul.tabs li.title { display: none; } ul.tabs li a { padding: 0; } ul.tabs li.tab { width: 100%; border-bottom: 1px solid #4a4e69; } ul.tabs li.selected a { background-color: #0253bc; color: white; } ul.tabs li.tab.selected { border-top: 0; border-left: 0; border-right: 0; background-color: #0253bc; color: white; } /* Cards */ .card { min-height: 0; } div.card .content-bottom { position: relative; left: 0; bottom: 0; width: 100%; } .card.no-title { min-height: 200px; } .topic-card { padding: 44px; } .blog-card .content { position: relative; top: 0; left: 0; right: 0; } /* Who We Are */ .speaker-card { width: 100%; padding: 22px; margin-right: 0; } .speaker-card:nth-of-type(3n) { margin-right: 2%; } .speaker-card:nth-of-type(2n) { margin-right: 0%; } .speaker-card span.name, .speaker-card span.title { font-size: 18px; line-height: 24px; } /* AAC */ #snazzymap { height: 300px; } .access-popup .modal-main .btn-wrapper form input[type=text] { width: 100%; margin: 0 0 20px; } /* Resource Center */ .featured-resource-center div { padding: 20px; } .video-post { display: block; } .resource-collection { display: block; } .resource-collection li { width: 100%; margin-right: 0; } .video-post img.video-thumbnail { margin-left: 0; margin-bottom: 22px; } .featured-resource-center-container > .container { padding: 0; } .featured-resource-center { float: none; width: 100%; position: relative; padding: 22px!important; } .featured-resource-center span.left, .featured-resource-center span.right { width: 100%; } .featured-resource-center0 span.right { display: none; } .featured-resource-center1 span.left { display: none; } /* Support */ .page-template-page-support .topic-card, .page-template-page-mission .topic-card { width: 100%; margin-right: 0; margin-bottom: 22px; height: 300px; } .left-title { width: 100%; } .right-copy { width: 100%; margin-top: 22px; } /* Team Member */ .team-stats { padding-top: 22px; } .team-stats img { max-width: 150px; } .scorecard li { margin: 0 auto 22px; display: block; } .scorecard li:last-of-type { margin-bottom: 0; } /* Sponsors */ .sponsor-cards li { width: 49%; margin-right: 2%; } .sponsor-cards li:nth-of-type(3n) { margin-right: 2%; } .sponsor-cards li:nth-of-type(2n) { margin-right: 0; } /* NCR */ .ncr-post { width: 100%; margin-right: 0; margin-bottom: 22px; } .ncr-post:last-of-type { margin-bottom: 0; } .ncr-issue-main ~ .callout-cta .btn-wrapper { display: block; } .ncr-issue-main ~ .callout-cta .btn-wrapper .btn { margin-right: 0; width: 100%; } .ncr-issue-main ~ .callout-cta .btn-wrapper .btn:first-of-type { margin-bottom: 23px; } /* AAC Winners */ .aac-map ul li:first-of-type { display: block; margin-bottom: 6px; } .aac-states-container { display: block; padding: 0 20px; } .aac-states-container .left-title { width: 100%; margin-right: 0%; margin-bottom: 22px; } .aac-states-container .aac-winners { width: 100%; } .aac-filters.blue-filters div.select-wrapper { width: 100%!important; max-width: 100%; margin-bottom: 6px; margin-left: 0; margin-right: 0; } form.search-form-frontend { width: 100%; max-width: 100%; float: none; } .right-aligned-selects { float: none; width: 100%; } /* Promising Practices */ .page-template-page-promising-practices .video-post > a, .page-template-page-promising-practices .video-post.resource-post img.video-thumbnail { margin-left: 0; margin-bottom: 22px; } /* Memberships */ .membership-benefits li { width: 100%; margin-right: 0; } .perks li { width: 100%; margin-right: 0; } .membership-types { display: block; } .membership-types li { width: 100%; margin-right: 0; } .membership-quotation { width: 100%; margin-right: 0; margin-bottom: 22px; } } @media only screen and (max-width: 480px) { .hero.large { height: 100vh; max-height: 500px; background-position: 66% 50%; } .video-post img.video-thumbnail { max-width: 100%; } } /* New Innovation Database */ #pp-logo { margin: 0 auto 32px; } /* Intro Map Page */ .page-template-page-innovation-db .icon-card { height: auto; padding: 53px 22px; text-align: center; width: 32%; margin-right: 1%; } .page-template-page-innovation-db .icon-card:hover { border-color: transparent; } .page-template-page-innovation-db .icon-card:last-of-type { margin-right: 0; } .page-template-page-innovation-db .icon-card > span { display: block; } .page-template-page-innovation-db .icon-card img { width: 53px; } .page-template-page-innovation-db .icon-card p:before { content: ' '; background-color: #4A4E69; width: 22px; height: 2px; display: block; margin: 22px auto 16px auto; } .projectmap { position: relative; text-align: center; height: 614px; background-position: center; background-image: url('img/pp-map.png'); width: 100%; background-size: cover; } .projectmap::before { content: ' '; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(0,0,0,.5);} .projectmap a.btn { box-shadow: 0 0 40px rgba(0,0,0,.33); } .page-template-page-innovation-db div.blue-filters label { position: relative; padding-left: 40px; } .page-template-page-innovation-db div.blue-filters label input[type=checkbox] { display: none; } .page-template-page-innovation-db div.blue-filters input[type=checkbox] ~ span:before { position: absolute; top: 3px; left: 14px; font-size: 22px; vertical-align: middle; color: #0253bc; font-family: FontAwesome; display: inline-block; content: "\f096"; margin-right: 8px; } .page-template-page-innovation-db div.blue-filters input[type=checkbox]:checked ~ span:before { content: "\f046"; margin-right: 5px; } .listofprojects { overflow: auto; padding: 15px; right: 0; top: 232px; display: block; height: calc(100vh - 232px); width: 25%; background-color: white; position: absolute; z-index: 999; } .listofprojects h2 { font-size: 22px; line-height: 28px; } #projects-content { margin: 0; padding: 0; } #projects-content li { list-style: none; margin: 0; padding: 10px 0; border-bottom: 1px solid #485268; } #projects-content li span { color: #979797; font-size: 14px; line-height: 22px; font-weight: bold; text-transform: uppercase; margin-bottom: 6px; display: block; } #projects-content li a { font-weight: bold; font-size: 22px; line-height: 28px; display: block; font-family: 'adobe-caslon-pro'; color: #0253BC; } #projects-content li a:hover { text-decoration: underline; } /* Popup */ #InnovationDatabase { display: none; position: fixed; width: 100%; height: 100%; background-color: white; z-index: 9999999999; top: 0; left: 0; } #InnovationDatabase .close { cursor: pointer; font-size: 42px; position: absolute; top: 16px; right: 19px; color: #0253BC; } #InnovationDatabase .id-header { text-align: center; width: 100%; height: 146px; } #InnovationDatabase .blue-filters { text-align: center; width: 100%; padding: 22px 0; } #InnovationDatabase .clearall { cursor: pointer; padding: 10px 15px; margin-left: 12px; border: 1px solid white; background-color:rgba(255,255,255,.2); color: white; text-transform: uppercase; font-weight: bold; } #InnovationDatabase .themap { width: 75%; height: calc(100vh - 230px); } .id-dropdown { position: relative; display: inline-block; margin: 0 10px; } .id-dropdown .content { cursor: pointer; padding: 10px 15px; border-radius: 3px; background-color: white; color: black; font-weight: bold; } .id-dropdown .content:after { display: inline-block; content: "\f107"; font-family: 'FontAwesome'; color: #0253BC; margin-left: 10px; } .id-dropdown.open-menu .content:after { content: "\f106"; } .id-dropdown .open { display: none; border-top-right-radius: 3px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; box-shadow: 0 2px 4px rgba(0,0,0,.1); text-align: left; z-index: 99999999; position: absolute; left: 0; top: 40px; width: 100%; height: 350px; overflow: auto; background-color: white; color: #4A4E69; } #issues-area.id-dropdown .open { min-width: 315px; } .id-dropdown .open label { display: block; padding: 3px 12px; font-size: 14px; } .id-dropdown .open label input[type=checkbox] { margin-right: 4px; } #cookiecounter { width: 320px; position: fixed; bottom: 20px; left: 20px; z-index: 9999; padding: 24px 20px 14px 20px; background-color: white; box-shadow: 0 0 50px rgba(0,0,0,0.07); } #cookiecounter .close-cookie { position: absolute; top: 0; right: 9px; font-size: 22px; cursor: pointer; } #cookiecounter h3 { margin: 0; } #cookiecounter h3 a { color: #0253bc; } #cookiecounter div { border-top: 1px solid #4a4e69; margin-top: 20px; padding-top: 20px; } span.accessed { display: block; font-size: 12px; font-weight: bold; text-transform: uppercase; color: #979797; margin-bottom: 3px; } #dboverlay { display: none; background-color: rgba(0,0,0,.6); position: fixed; width: 100%; height: calc(100vh - 230px); z-index: 9999; } #maploading { text-align: center; color: white; display: none; background-color: rgba(0,0,0,.6); position: fixed; width: 100%; height: calc(100vh - 230px); z-index: 9999; } #dboverlay div { width: 660px; height: 316px; margin: -158px 0 0 -330px; position: absolute; top: 50%; left: 50%; background-color: white; padding: 55px 45px; } #dboverlay div h2 { margin-top: 0; } #dboverlay div a.btn { width: 100%; } /* Single Entry */ .single-promising-practices .top-right-state-metadata, .tax-locations .top-right-state-metadata { float: none; display: block; margin-top: 22px; } .single-promising-practices .hero.centered h1 { max-width: 832px; } .download-project { display: block!important; color: #0253BC; text-transform: none; font-size: 16px; } .download-project:before { margin-right: 22px; display: inline-block; vertical-align: bottom; content: ' '; width: 19px; height: 24px; background-image:url('img/download.svg'); } .database-scorecard { margin: 0; padding: 0; overflow: hidden; } .database-scorecard li { padding-right: 30px; list-style: none; width: 25%; float: left; font-weight: bold; color: #282829; font-size: 22px; font-family: 'adobe-caslon-pro';} .database-scorecard li span { font-family: 'Open Sans'; font-weight: normal; font-size: 14px; text-transform: uppercase; display: block; margin-bottom: 10px; } .pp-db-image { margin-top: 44px; } .pp-db-image p { font-size: 14px; } .single-promising-practices .callout-cta > * { max-width: 830px; } .id-bubble { border-radius: 3px; background-color: white; padding: 22px; } .id-bubble span { color: #979797; font-weight: bold; text-transform: uppercase; margin-bottom: 6px; display: block; } .id-bubble h2 { margin: 0; } .id-bubble h2 a { font-size: 22px; line-height: 26px; color: #0253BC; } .id-bubble h2:hover a { text-decoration: underline; } .community-data { text-transform: uppercase; } .info-window.info-window-2 { padding: 8px; } /* Locations */ .card.location-card { background-color: white; width: 48%; margin-right: 4%; } .card.location-card .metadata-wrapper { color: #4A4E69; border-color: #4A4E69; margin-bottom: 15px; } .card.location-card .metadata-wrapper span { float: right; font-weight: bold; font-size: 14px; } .card.location-card:nth-of-type(2n) { margin-right: 0; } .card.location-card h2, .card.location-card h2 a { color: #0253BC; } .footer-tags { color: #979797; font-size: 14px; line-height: 22px; font-weight: bold; text-transform: uppercase; display: block; border-top: 1px solid #4A4E69; padding-top: 10px; text-transform: uppercase; } @media only screen and (max-width: 800px) { .listofprojects { display: none; } #InnovationDatabase .themap { width: 100%; } } @media only screen and (max-width: 600px) { .page-template-page-innovation-db .icon-card { margin-right: 0; width: 100%; } .database-scorecard li { float: none; display: block; width: 100%; margin-bottom: 22px; } .database-scorecard li:last-of-type { margin-bottom: 0; } .btn.big { min-width: 90%; } .projectmap { height: 300px; } .id-dropdown { width: 90%; margin: 0 5% 8px; } .id-dropdown .content { text-align: left; } .id-dropdown .content:after { float: right; } #InnovationDatabase { overflow: auto; } #InnovationDatabase .themap { height: 400px; } .btn.big { font-size: 16px; } .id-bubble h2 a { font-size: 18px; line-height: 24px; } .id-bubble h2 { line-height: 24px; } #cookiecounter, #dboverlay { position: static; } #InnovationDatabase .clearall { display: block; width: 90%; margin: 0 5%; } .card.location-card { width: 100%; margin-right: 0; } .hero .search-form.flex-container { display: block!important; } .hero .search-form input { width: calc(100% - 40px); } .hero .search-form button.btn { width: calc(100% - 40px); } } .loader { font-size: 10px; margin: 50px auto; text-indent: -9999em; width: 11em; height: 11em; border-radius: 50%; background: #ffffff; background: -moz-linear-gradient(left, #ffffff 10%, rgba(255, 255, 255, 0) 42%); background: -webkit-linear-gradient(left, #ffffff 10%, rgba(255, 255, 255, 0) 42%); background: -o-linear-gradient(left, #ffffff 10%, rgba(255, 255, 255, 0) 42%); background: -ms-linear-gradient(left, #ffffff 10%, rgba(255, 255, 255, 0) 42%); background: linear-gradient(to right, #ffffff 10%, rgba(255, 255, 255, 0) 42%); position: relative; -webkit-animation: load3 1.4s infinite linear; animation: load3 1.4s infinite linear; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); } .loader:before { width: 50%; height: 50%; background: #ffffff; border-radius: 100% 0 0 0; position: absolute; top: 0; left: 0; content: ''; } .loader:after { background: #0253bc; width: 75%; height: 75%; border-radius: 50%; content: ''; margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; } @-webkit-keyframes load3 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes load3 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }