@charset "UTF-8"; @import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&family=Roboto+Slab:wght@400;700&family=Lato&display=swap"); .flex-video { position: relative; padding-top: emCalc(25px); padding-bottom: 67.5%; height: 0; margin-bottom: emCalc(16px); overflow: hidden; } .flex-video.widescreen { padding-bottom: 57.25%; } .flex-video.vimeo { padding-top: 0; } .flex-video iframe, .flex-video object, .flex-video embed, .flex-video video { position: absolute; top: 0; left: 0; width: 100%; } .flex-video iframe:not(.twitter-tweet) { height: 100%; } html { box-sizing: border-box; } html.wf-loading, html.wf-active { background: white; } *, *:before, *:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */ box-sizing: inherit; } body { transition: opacity 0.5s; background: white; } .wf-loading body { opacity: 0; } .wf-active body { background: white; opacity: 1; } body.no-scroll { overflow: hidden; } body.menu_is_active { overflow: hidden; } .slick-slide { outline: none; } .slick-slider { margin: 0; } .wp-block-embed-youtube .wp-block-embed__wrapper { position: relative; padding-bottom: 56.5%; } .wp-block-embed-youtube .wp-block-embed__wrapper iframe { position: absolute; top: 0; bottom: 0; width: 100%; height: 100%; left: 0; right: 0; } .is-style-fluorish { position: relative; } .is-style-fluorish:before { content: ""; width: 100vw; height: 2px; background: #FFC530; display: block; margin: 0; position: absolute; right: calc(100% + 15px); top: calc(50% - 12.5px); transform: translateY(-50%); } .is-style-fluorish:after { content: ""; display: block; height: 10px; width: 10px; background: #FFC530; border-radius: 50%; position: absolute; right: calc(100% + 15px); top: calc(50% - 12.5px); transform: translateY(-50%); } @media (max-width: 949px ) { .is-style-fluorish:before, .is-style-fluorish:after { right: 100%; } } /* Text meant only for screen readers. */ .screen-reader-text:focus { box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); } .wp-block-image { box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); } .is-anchor::before { content: ""; display: block; height: 45px; max-width: calc(100% - 40px); margin-top: -45px; visibility: hidden; } @media (min-width: 400px ) { .is-anchor::before { height: 81px; margin-top: -81px; } } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .row { display: flex; flex-wrap: wrap; margin: 0 auto; max-width: 1270px; width: 100%; } .row.cent-horz { justify-content: center; } .row.cent-vert { align-items: center; } .row .row { display: flex; flex-wrap: wrap; margin-right: -20px; margin-left: -20px; width: auto; } [class*=columns-] { padding-right: 20px; padding-left: 20px; } [class*=columns-].column-center { margin-right: auto; margin-left: auto; } [class*=columns-].text-center { text-align: center; } [class*=columns-].no-padding { padding-right: 0; padding-left: 0; } .order-flip { order: 1; } @media screen and (max-width: 767px) { .order-flip { order: 0; } } .columns-1 { width: 8.3333333333%; } .columns-2 { width: 16.6666666667%; } .columns-3 { width: 25%; } .columns-4 { width: 33.3333333333%; } .columns-5 { width: 41.6666666667%; } .columns-6 { width: 50%; } .columns-7 { width: 58.3333333333%; } .columns-8 { width: 66.6666666667%; } .columns-9 { width: 75%; } .columns-10 { width: 83.3333333333%; } .columns-11 { width: 91.6666666667%; } .columns-12 { width: 100%; } [class^=right-], [class^=left-] { position: relative; } .left-1 { position: relative; right: 8.3333333333%; } .left-2 { position: relative; right: 16.6666666667%; } .left-3 { position: relative; right: 25%; } .left-4 { position: relative; right: 33.3333333333%; } .left-5 { position: relative; right: 41.6666666667%; } .left-6 { position: relative; right: 50%; } .left-7 { position: relative; right: 58.3333333333%; } .left-8 { position: relative; right: 66.6666666667%; } .left-9 { position: relative; right: 75%; } .left-10 { position: relative; right: 83.3333333333%; } .left-11 { position: relative; right: 91.6666666667%; } .left-12 { position: relative; right: 100%; } .right-1 { position: relative; left: 8.3333333333%; } .right-2 { position: relative; left: 16.6666666667%; } .right-3 { position: relative; left: 25%; } .right-4 { position: relative; left: 33.3333333333%; } .right-5 { position: relative; left: 41.6666666667%; } .right-6 { position: relative; left: 50%; } .right-7 { position: relative; left: 58.3333333333%; } .right-8 { position: relative; left: 66.6666666667%; } .right-9 { position: relative; left: 75%; } .right-10 { position: relative; left: 83.3333333333%; } .right-11 { position: relative; left: 91.6666666667%; } .right-12 { position: relative; left: 100%; } [class^=block-grid-] { display: flex; flex-wrap: wrap; list-style: none; margin-top: 0; margin-right: -20px; margin-bottom: 20px; margin-left: -20px; padding: 0; } [class^=block-grid-] > li { padding-right: 20px; padding-left: 20px; } .block-grid-2 > li { width: 50%; } .block-grid-3 > li { width: 33.3333333333%; } .block-grid-4 > li { width: 25%; } .block-grid-5 > li { width: 20%; } .block-grid-6 > li { width: 16.6666666667%; } .s-button, .s-button.secondary { background-color: #FFC530; border: none; border-radius: 0; color: #050A13; display: inline-block; font-size: 14px; font-size: 0.875rem; line-height: 1.78em; position: relative; font-family: "Open Sans", sans-serif; font-style: normal; font-weight: 600; padding: 14px 18px 14px 17px; text-align: center; text-decoration: none; text-transform: uppercase; transition: 0.3s ease; transition: 0.1s ease; } .s-button:active, .s-button:focus, .s-button:hover, .o-content-list--link:hover .s-button.o-content-list--button, .s-button.secondary:active, .s-button.secondary:focus, .s-button.secondary:hover { font-family: "Open Sans", sans-serif; font-style: normal; font-weight: 600; outline: none; text-decoration: none; } .s-button:active, .s-button:focus, .s-button:hover, .o-content-list--link:hover .s-button.o-content-list--button, .s-button.secondary:active, .s-button.secondary:focus, .s-button.secondary:hover { font-weight: 700; } .s-button--alt, .o-content-list--link:hover .o-content-list--button { background-color: #FFC530; border: none; border-radius: 0; color: #050A13; display: inline-block; font-size: 14px; font-size: 0.875rem; line-height: 1.78em; position: relative; font-family: "Open Sans", sans-serif; font-style: normal; font-weight: 600; padding: 14px 18px 14px 17px; text-align: center; text-decoration: none; text-transform: uppercase; transition: 0.3s ease; background: none; position: relative; padding-right: 74px; } .s-button--alt:active, .s-button--alt:focus, .s-button--alt:hover, .o-content-list--link:hover .o-content-list--button { font-family: "Open Sans", sans-serif; font-style: normal; font-weight: 600; outline: none; text-decoration: none; } .s-button--alt:before, .o-content-list--link:hover .o-content-list--button:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; background: #FFC530; width: 52px; transition: all 0.4s ease; z-index: 0; } .s-button--alt:after, .o-content-list--link:hover .o-content-list--button:after { content: ""; background: url(../../images/arrow-next.svg) center center no-repeat; transform: rotate(180deg); width: 50px; position: absolute; display: block; z-index: 2; right: 0; top: 0; bottom: 0; } .s-button--alt span, .o-content-list--link:hover .o-content-list--button span { position: relative; z-index: 2; } .s-button--alt:hover:before, .o-content-list--link:hover .o-content-list--button:before { width: 100%; } .s-cat--button, .gta-page-resources .gta-filter--filter:first-of-type .select2-selection__choice { background-color: transparent; border: 1px solid #2D4348; border-radius: 0; color: #2D4348; cursor: pointer; display: inline-block; font-family: "Open Sans", sans-serif; font-style: normal; font-weight: 600; font-size: 14px; font-size: 0.875rem; line-height: 1.78em; padding: 6px 14px 7px; text-decoration: none; transition: 0.3s ease; } .s-cat--button:hover, .gta-page-resources .gta-filter--filter:first-of-type .select2-selection__choice:hover, .o-content-list--link:hover .s-cat--button.o-content-list--button, .o-content-list--link:hover .gta-page-resources .gta-filter--filter:first-of-type .o-content-list--button.select2-selection__choice, .gta-page-resources .gta-filter--filter:first-of-type .o-content-list--link:hover .o-content-list--button.select2-selection__choice { background-color: #2D4348; color: white; text-decoration: none; } .s-tag--button, .gta-page-resources .gta-filter--filter:last-of-type .select2-selection__choice { background-color: transparent; border: 1px solid #0080A6; border-radius: 0; color: black; cursor: pointer; display: inline-block; font-family: "Open Sans", sans-serif; font-style: normal; font-weight: 400; font-size: 12px; font-size: 0.75rem; line-height: 2.08em; padding: 2px 7px 0 30px; position: relative; text-decoration: none; text-transform: uppercase; transition: 0.3s ease; } .s-tag--button:before, .gta-page-resources .gta-filter--filter:last-of-type .select2-selection__choice:before { background-color: transparent; border: none; border-radius: 0; content: ""; display: block; height: 100%; outline: 1px solid #0080A6; position: absolute; top: 0; bottom: 0; left: 0; transition: 0.3s ease; width: 21px; } .s-tag--button:hover, .gta-page-resources .gta-filter--filter:last-of-type .select2-selection__choice:hover, .o-content-list--link:hover .s-tag--button.o-content-list--button, .o-content-list--link:hover .gta-page-resources .gta-filter--filter:last-of-type .o-content-list--button.select2-selection__choice, .gta-page-resources .gta-filter--filter:last-of-type .o-content-list--link:hover .o-content-list--button.select2-selection__choice { background-color: transparent; text-decoration: none; } .s-tag--button:hover:before, .gta-page-resources .gta-filter--filter:last-of-type .select2-selection__choice:hover:before, .o-content-list--link:hover .s-tag--button.o-content-list--button:before, .o-content-list--link:hover .gta-page-resources .gta-filter--filter:last-of-type .o-content-list--button.select2-selection__choice:before, .gta-page-resources .gta-filter--filter:last-of-type .o-content-list--link:hover .o-content-list--button.select2-selection__choice:before { background-color: #0080A6; } .s-pill { background: #2D4348; font-family: "Open Sans", sans-serif; font-style: normal; font-weight: 400; } .s-pill.large { font-size: 14px; padding: 12px 15px; } .wp-block-button__link { background-color: #FFC530; border: none; border-radius: 0; color: #050A13; display: inline-block; font-size: 14px; font-size: 0.875rem; line-height: 1.78em; position: relative; font-family: "Open Sans", sans-serif; font-style: normal; font-weight: 600; padding: 14px 18px 14px 17px; text-align: center; text-decoration: none; text-transform: uppercase; transition: 0.3s ease; background: none; position: relative; background: #FFC530; } .wp-block-button__link:active, .wp-block-button__link:focus, .wp-block-button__link:hover, .o-content-list--link:hover .wp-block-button__link.o-content-list--button { font-family: "Open Sans", sans-serif; font-style: normal; font-weight: 600; outline: none; text-decoration: none; } .wp-block-button__link strong { font-weight: 600; transition: 0.1s ease; } .wp-block-button__link:hover, .o-content-list--link:hover .wp-block-button__link.o-content-list--button { background-color: #FFC530; color: #050A13; font-weight: 700; } .wp-block-button__link:hover strong, .o-content-list--link:hover .wp-block-button__link.o-content-list--button strong { font-weight: 700; } .is-style-arrow .wp-block-button__link { padding-right: 74px; background: transparent; } .is-style-arrow .wp-block-button__link:after { content: ""; background: url(../../images/arrow-next.svg) center center no-repeat; transform: rotate(180deg); width: 50px; position: absolute; display: block; z-index: 2; right: 0; top: 0; bottom: 0; } .is-style-arrow .wp-block-button__link:hover, .is-style-arrow .o-content-list--link:hover .wp-block-button__link.o-content-list--button, .o-content-list--link:hover .is-style-arrow .wp-block-button__link.o-content-list--button { color: #050a13; font-weight: bold; } html { scroll-behavior: smooth; } body { font-family: "Open Sans", sans-serif; font-style: normal; font-weight: 400; } h1, h2, h3, h4, h5, h6 { font-weight: 400; padding-top: 0; padding-bottom: 0; font-family: "Roboto Slab", serif; font-weight: 400; } h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong { font-weight: 700; } .site-content h1, .site-content h2, .site-content h3, .site-content h4, .site-content h5, .site-content h6 { padding-bottom: 25px; } h1 a:hover, h1 .o-content-list--link:hover a.o-content-list--button, .o-content-list--link:hover h1 a.o-content-list--button, h2 a:hover, h2 .o-content-list--link:hover a.o-content-list--button, .o-content-list--link:hover h2 a.o-content-list--button, h3 a:hover, h3 .o-content-list--link:hover a.o-content-list--button, .o-content-list--link:hover h3 a.o-content-list--button, h4 a:hover, h4 .o-content-list--link:hover a.o-content-list--button, .o-content-list--link:hover h4 a.o-content-list--button, h5 a:hover, h5 .o-content-list--link:hover a.o-content-list--button, .o-content-list--link:hover h5 a.o-content-list--button, h6 a:hover, h6 .o-content-list--link:hover a.o-content-list--button, .o-content-list--link:hover h6 a.o-content-list--button { text-decoration: none; } .s-h1, .o-connect-list--block__horizontal-container .o-connect-list--stat, h1 { line-height: 1.03em; font-size: 52px; font-size: 3.25rem; } @media (max-width: 949px ) { .s-h1, .o-connect-list--block__horizontal-container .o-connect-list--stat, h1 { font-size: 48px; font-size: 3rem; } } @media (max-width: 767px ) { .s-h1, .o-connect-list--block__horizontal-container .o-connect-list--stat, h1 { font-size: 42px; font-size: 2.625rem; } } .s-h2, h2 { line-height: 1.1em; font-size: 42px; font-size: 2.625rem; } @media (max-width: 949px ) { .s-h2, h2 { font-size: 36px; font-size: 2.25rem; } } @media (max-width: 767px ) { .s-h2, h2 { font-size: 32px; font-size: 2rem; } } .s-h3, .gta-expert-embed .gta-embed--container--title, h3 { font-size: 32px; font-size: 2rem; line-height: 1.1em; } @media (max-width: 949px ) { .s-h3, .gta-expert-embed .gta-embed--container--title, h3 { font-size: 30px; font-size: 1.875rem; } } @media (max-width: 767px ) { .s-h3, .gta-expert-embed .gta-embed--container--title, h3 { font-size: 26px; font-size: 1.625rem; } } .s-h4, h4 { line-height: 1.07em; font-size: 28px; font-size: 1.75rem; } @media (max-width: 949px ) { .s-h4, h4 { font-size: 26px; font-size: 1.625rem; } } @media (max-width: 767px ) { .s-h4, h4 { font-size: 22px; font-size: 1.375rem; } } .s-h5, h5 { line-height: 1.1em; font-size: 20px; font-size: 1.25rem; } @media (max-width: 949px ) { .s-h5, h5 { font-size: 18px; font-size: 1.125rem; } } @media (max-width: 767px ) { .s-h5, h5 { font-size: 18px; font-size: 1.125rem; } } a { color: #861F32; text-decoration: none; } a:hover, .o-content-list--link:hover a.o-content-list--button { text-decoration: underline; } .large-link { font-size: 28px; font-size: 1.75rem; font-family: "Roboto Slab", serif; font-weight: 700; text-decoration: underline; } .large-link:hover, .o-content-list--link:hover .large-link.o-content-list--button { text-decoration: none; } @media (max-width: 949px ) { .large-link { font-size: 26px; font-size: 1.625rem; } } @media (max-width: 767px ) { .large-link { font-size: 22px; font-size: 1.375rem; } } p { line-height: 1.56em; font-size: 16px; font-size: 1rem; } @media (max-width: 949px ) { p { font-size: 16px; font-size: 1rem; } } .wp-block-image { box-shadow: none; margin-top: 0; margin-bottom: 30px; text-align: left; } .wp-block-image img { margin-top: 0; } .wp-block-image figcaption { border-left: 4px solid #FFC530; color: #707272; font-size: 12px; line-height: 2.08em; margin-top: 10px; padding: 0 0 0 7px; } .wp-block-image.alignfull figcaption { margin-left: 20px; width: calc(100% - 30px); } * + .wp-block-image { margin-top: 30px; } ul, ol { margin: 0; padding: 0 0 15px; } ul > li, ol > li { font-size: 16px; font-size: 1rem; line-height: 1.56em; margin: 0; padding: 0; } @media (max-width: 949px ) { ul > li, ol > li { font-size: 16px; font-size: 1rem; } } .site-content ul, .site-content ol { margin-left: 20px; padding: 0 0 15px; } ul { list-style: disc; } .site-content ul { list-style: none; margin: 0; } .site-content ul li { position: relative; } .site-content ul > li { padding-left: 19px; } .site-content ul > li:before { background-color: #FFC530; border-radius: 50%; content: ""; height: 7px; position: absolute; top: 8px; left: 0; width: 7px; } .site-content ul > li + li { margin-top: 10px; } .site-content ul ul > li { padding-left: 19px; } .site-content ul ul > li:before { background-color: #FFC530; content: ""; height: 17px; position: absolute; top: 2px; left: 0; width: 2px; } .site-content ul ul > li + li { margin-top: 3px; } ol { list-style: decimal; } ol ol { list-style: lower-alpha; padding-bottom: 0; } .site-content ol { counter-reset: ol-counter 0; list-style: none; margin-left: 0; } .site-content ol > li { counter-increment: ol-counter 1; padding-left: 25px; } .site-content ol > li:before { color: #0080A6; content: counter(ol-counter); font-family: "Roboto Slab", serif; font-weight: 400; font-size: 11px; height: 14px; line-height: 14px; position: absolute; top: 6px; left: 0; text-align: center; width: 14px; } .site-content ol > li + li { margin-top: 10px; } .site-content ol ol { counter-reset: sub-ol-counter; list-style: none; padding-bottom: 0; } .site-content ol ol > li { counter-increment: sub-ol-counter; } .site-content ol ol > li:before { content: counter(sub-ol-counter, lower-alpha); } .site-content ol ol > li + li { margin-top: 3px; } .select2-selection__rendered > li:before { display: none; } .select2-selection__rendered li { margin-top: 7px !important; } .select2-selection__rendered .select2-search__field { margin-top: 0 !important; } .select2-selection__choice:before { content: ""; } .select2-container--default .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove { display: inline-block; height: 14px; width: 14px; } :-moz-placeholder { /* Firefox 18- */ color: #707272; } :-ms-input-placeholder { color: #707272; } ::-moz-placeholder { /* Firefox 19+ */ color: #707272; } ::-webkit-input-placeholder { color: #707272; } form .gform_title { color: #861F32; font-size: 12px; font-size: 0.75rem; font-family: "Open Sans", sans-serif; font-style: normal; font-weight: 700; letter-spacing: 0.05em; line-height: 1.25em; padding: 0 0 15px; text-transform: uppercase; } form .gform_description { color: #050A13; display: block; font-size: 28px; font-size: 1.75rem; line-height: 1.07em; } form input[type=text], form input[type=url], form input[type=email], form input[type=tel], form input[type=number], form input[type=password], form textarea { background: white; border: none !important; border-radius: 0; font-size: 16px; font-size: 1rem; line-height: 1.56em; padding: 10px 15px; } form input[type=text]:focus, form input[type=url]:focus, form input[type=email]:focus, form input[type=tel]:focus, form input[type=number]:focus, form input[type=password]:focus, form textarea:focus { outline: none; } form select { background: white; border: none !important; border-radius: 0; font-size: 16px; font-size: 1rem; line-height: 1.56em; padding: 10px 15px; } form input[type=submit], form input[type=button] { background-color: #FFC530; border: none; border-radius: 0; color: #050A13; display: inline-block; font-size: 14px; font-size: 0.875rem; line-height: 1.78em; position: relative; font-family: "Open Sans", sans-serif; font-style: normal; font-weight: 600; padding: 14px 18px 14px 17px; text-align: center; text-decoration: none; text-transform: uppercase; transition: 0.3s ease; max-width: none; padding: 14px 18px 14px 17px; transition: none; width: auto; } form input[type=submit]:active, form input[type=submit]:focus, form input[type=submit]:hover, form .o-content-list--link:hover input[type=submit].o-content-list--button, .o-content-list--link:hover form input[type=submit].o-content-list--button, form input[type=button]:active, form input[type=button]:focus, form input[type=button]:hover, form .o-content-list--link:hover input[type=button].o-content-list--button, .o-content-list--link:hover form input[type=button].o-content-list--button { font-family: "Open Sans", sans-serif; font-style: normal; font-weight: 600; outline: none; text-decoration: none; } form input[type=submit]:hover, form .o-content-list--link:hover input[type=submit].o-content-list--button, .o-content-list--link:hover form input[type=submit].o-content-list--button, form input[type=button]:hover, form .o-content-list--link:hover input[type=button].o-content-list--button, .o-content-list--link:hover form input[type=button].o-content-list--button { background-color: #FFC530; color: #050A13; font-weight: 700; } @media (max-width: 767px ) { form .gform_title { font-size: 12px; font-size: 0.75rem; } form .gform_description { font-size: 24px; font-size: 1.5rem; } } .gta-footer .gform_heading { padding-bottom: 35px; width: 100%; } .gta-footer .gform_body { padding-bottom: 0; } .gta-footer .gform_footer { padding-bottom: 0; } .gta-footer .gform_title { color: #861F32; padding: 0 0 15px; } .gta-footer .gform_description { color: #050A13; line-height: 1.07em; } .gta-footer form input[type=text] { border-bottom: none; color: #050A13; padding: 14px 15px; } .gta-footer form input[type=submit] { padding: 14px 18px 14px 17px; } .gta-footer .gform_confirmation_message { color: #050A13; } @media (max-width: 767px ) { .gta-footer .gform_heading { padding-bottom: 35px; } .gta-footer .gform_title { padding: 0 0 15px; } .gta-footer .gform_description { line-height: 1.07em; } } .gta-footer form input[type=text]:-moz-placeholder { color: #050A13; } .gta-footer form input[type=text]:-ms-input-placeholder { color: #050A13; } .gta-footer form input[type=text]::-moz-placeholder { color: #050A13; } .gta-footer form input[type=text]::-webkit-input-placeholder { color: #050A13; } .gform_hidden { display: none; } .site-content ul.gform_fields { margin: 0 -20px; } .site-content ul.gform_fields li:before { display: none; } .site-content ul.gfield_checkbox li, .site-content ul.gfield_radio li { padding-left: 0 !important; } ul.gfield_checkbox, ul.gfield_radio { list-style: none; padding: 5px 0 0; } ul.gfield_checkbox li + li, ul.gfield_radio li + li { margin-top: 15px !important; } ul.gfield_checkbox input, ul.gfield_radio input { display: none; } ul.gfield_checkbox input:checked + label:after, ul.gfield_radio input:checked + label:after { opacity: 1; } ul.gfield_checkbox input + label, ul.gfield_radio input + label { display: inline-block; font-size: 16px; font-size: 1rem; letter-spacing: 0; line-height: 1.56em; opacity: 1; padding-left: 50px; position: relative; text-transform: none; } ul.gfield_checkbox input + label:before, ul.gfield_checkbox input + label:after, ul.gfield_radio input + label:before, ul.gfield_radio input + label:after { content: ""; position: absolute; transition: 0.3s ease; } ul.gfield_checkbox input + label:before, ul.gfield_radio input + label:before { background-color: #F4F4F4; border: none; height: 30px; top: -3px; left: 0; width: 30px; } ul.gfield_checkbox input + label:after, ul.gfield_radio input + label:after { opacity: 0; } ul.gfield_checkbox input + label:after { background: url(../../images/checkbox.svg) no-repeat center; color: black; height: 12px; top: 6px; left: 9px; width: 12px; } ul.gfield_radio input + label:before { border-radius: 50%; } ul.gfield_radio input + label:after { background: #0080A6; border-radius: 50%; height: 16px; top: 4px; left: 7px; width: 16px; } .wp-block-media-text .wp-block-media-text__content { overflow: hidden; } .wp-block-media-text.is-style-blue-text .wp-block-media-text__content { background: #0080A6; } .wp-block-media-text.is-style-blue-text .wp-block-media-text__content * { color: #fff; } .wp-block-media-text.is-style-red-text .wp-block-media-text__content { background: #861F32; } .wp-block-media-text.is-style-red-text .wp-block-media-text__content * { color: #fff; } .wp-block-media-text.is-style-grey-text .wp-block-media-text__content { background: #707272; } .wp-block-media-text.is-style-grey-text .wp-block-media-text__content * { color: #fff; } .wp-block-media-text .wp-block-media-text__media { padding-right: 25px; } .wp-block-media-text .wp-block-media-text__content { padding: 40px min(5.9vw, 85px) 40px min(7.6vw, 110px); } .wp-block-media-text.has-media-on-the-right .wp-block-media-text__media { padding-right: 0px; padding-left: 25px; } .wp-block-media-text.is-image-fill .wp-block-media-text__media { width: calc(100% - 20px); } .wp-block-media-text.is-image-fill.has-media-on-the-right .wp-block-media-text__media { margin-left: 20px; } @media (max-width: 767px) { .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media { margin-left: 0 !important; width: 100% !important; } } .wp-block-column.red-column, .wp-block-column.is-style-red-column, .wp-block-column.blue-column, .wp-block-column.is-style-blue-column, .wp-block-column.grey-column, .wp-block-column.is-style-grey-column { padding: 45px 65px; overflow: hidden; } .wp-block-column.red-column, .wp-block-column.is-style-red-column { background: #861F32; } .wp-block-column.red-column *, .wp-block-column.is-style-red-column * { color: #fff; } .wp-block-column.blue-column, .wp-block-column.is-style-blue-column { background: #0080A6; } .wp-block-column.blue-column *, .wp-block-column.is-style-blue-column * { color: #fff; } .wp-block-column.grey-column, .wp-block-column.is-style-grey-column { background: #F4F4F4; } @media (max-width: 767px ) { .wp-block-column { margin-bottom: 30px; } } .wp-block-group.is-style-gold-border { border: 2px solid #FFC530; padding: 20px; margin: 0 -15px; } /*! * Hamburgers * @description Tasty CSS-animated hamburgers * @author Jonathan Suh @jonsuh * @site https://jonsuh.com/hamburgers * @link https://github.com/jonsuh/hamburgers */ .hamburger { padding: 15px 15px; display: inline-block; cursor: pointer; transition-property: opacity, filter; transition-duration: 0.15s; transition-timing-function: linear; font: inherit; color: inherit; text-transform: none; background-color: transparent; border: 0; margin: 0; overflow: visible; } .hamburger:hover, .o-content-list--link:hover .hamburger.o-content-list--button { opacity: 0.7; } .hamburger.is_active:hover, .o-content-list--link:hover .hamburger.is_active.o-content-list--button, .hamburger.is-active:hover, .o-content-list--link:hover .hamburger.is-active.o-content-list--button { opacity: 0.7; } .hamburger.is_active .hamburger-inner, .hamburger.is_active .hamburger-inner::before, .hamburger.is_active .hamburger-inner::after, .hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner::before, .hamburger.is-active .hamburger-inner::after { background-color: #861F32; } .hamburger-box { width: 30px; height: 17px; display: inline-block; position: relative; } .hamburger-inner { display: block; top: 50%; margin-top: -1.5px; } .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after { width: 30px; height: 3px; background-color: #861F32; border-radius: 0px; position: absolute; transition-property: transform; transition-duration: 0.15s; transition-timing-function: ease; } .hamburger-inner::before, .hamburger-inner::after { content: ""; display: block; } .hamburger-inner::before { top: -7px; } .hamburger-inner::after { bottom: -7px; } /* * Squeeze */ .hamburger--squeeze .hamburger-inner { transition-duration: 0.075s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--squeeze .hamburger-inner::before { transition: top 0.075s 0.12s ease, opacity 0.075s ease; } .hamburger--squeeze .hamburger-inner::after { transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--squeeze.is_active .hamburger-inner, .hamburger--squeeze.is-active .hamburger-inner { transform: rotate(45deg); transition-delay: 0.12s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--squeeze.is_active .hamburger-inner::before, .hamburger--squeeze.is-active .hamburger-inner::before { top: 0; opacity: 0; transition: top 0.075s ease, opacity 0.075s 0.12s ease; } .hamburger--squeeze.is_active .hamburger-inner::after, .hamburger--squeeze.is-active .hamburger-inner::after { bottom: 0; transform: rotate(-90deg); transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); } .gta-site-header { position: relative; z-index: 100; } .gta-site-nav { background: white; position: relative; z-index: 10; padding: 0; } @media (min-width: 768px ) { .gta-site-nav { padding: 0 0 25px; } } @media (min-width: 1250px ) { .gta-site-nav { padding-bottom: 0; } } .gta-site-nav--row { display: flex; flex-wrap: wrap; margin-right: auto; margin-left: auto; max-width: 1310px; align-items: stretch; } @media (max-width: 1249px ) { .gta-site-nav--row { display: block; } } .gta-site-nav--branding { padding-right: 80px; padding-left: 20px; padding-top: 26px; padding-bottom: 35px; position: relative; z-index: 20; } .gta-site-nav--branding img { max-width: 240px; width: 100%; display: block; } @media (min-width: 768px ) { .gta-site-nav--branding { padding-bottom: 0; position: static; padding-right: 35px; } } @media (max-width: 767px ) { .gta-site-nav--branding { padding: 15px 80px 25px 20px; } .menu_is_active .gta-site-nav--branding { background: white; } } @media (min-width: 1250px ) { .gta-site-nav--branding { padding-bottom: 38px; } } .gta-site-nav--tag { position: absolute; bottom: 0; transform: translateY(50%); } .gta-site-nav--tag::before { content: ""; width: 100vw; height: 4px; background: #FFC530; bottom: 15px; display: block; position: absolute; right: -120px; z-index: 1; } @media screen and (max-width: 325px) { .gta-site-nav--tag { display: none; } } @media (max-width: 767px ) { .gta-site-nav--tag::before { height: 3px; bottom: 12px; right: -50px; } } .gta-site-nav--tag-inner { background: #861F32; padding: 5px 12px; color: white; font-family: "Roboto Slab", serif; font-weight: 700; font-size: 18px; font-size: 1.125rem; position: relative; z-index: 2; } @media (max-width: 767px ) { .gta-site-nav--tag-inner { padding: 4px 10px; font-size: 14px; } } #primary-nav { display: flex; flex-grow: 1; justify-content: flex-end; list-style: none; padding: 0 20px; position: relative; --menu-left: 0; --menu-width: 0; } #primary-nav::before { content: ""; position: absolute; left: var(--menu-left); width: var(--menu-width); background: #FFC530; height: 4px; display: block; top: calc(100% - 33px); transition: all 0.4s ease; pointer-events: none; } .gta-site-nav__homepage #primary-nav::before { top: calc(100% - 2px); z-index: 10; } @media (max-width: 1249px ) { #primary-nav::before { bottom: 0; top: auto; } } #primary-nav > li { display: inline-flex; align-items: center; padding: 30px 15px; margin: 0; position: relative; } #primary-nav > li:hover > .sub-menu, .o-content-list--link:hover #primary-nav > li.o-content-list--button > .sub-menu { z-index: 20; opacity: 1; visibility: visible; } #primary-nav > li > a { font-size: 22px; font-size: 1.375rem; font-family: "Roboto Slab", serif; font-weight: 400; padding-bottom: 5px; font-weight: 700; } #primary-nav > li > a::after { content: ""; transition: opacity 0.3s ease; background: #FFC530; opacity: 0; height: 4px; margin-top: 2px; width: 100%; z-index: 10; display: block; visibility: hidden; position: relative; } @media (max-width: 767px ) { #primary-nav > li > a::after { visibility: visible; } } #primary-nav > li > a:hover, .o-content-list--link:hover #primary-nav > li > a.o-content-list--button { color: black; } #primary-nav > li > a:hover::after, .o-content-list--link:hover #primary-nav > li > a.o-content-list--button::after { opacity: 1; } @media (max-width: 949px ) { #primary-nav > li > a { font-size: 16px; font-size: 1rem; } } @media (max-width: 767px ) { #primary-nav > li > a { font-size: 20px; font-size: 1.25rem; } } #primary-nav > li.menu-item-has-children { position: relative; } #primary-nav > li.menu-item-has-children > a::after { width: calc(100% + 25px); } #primary-nav > li.menu-item-has-children::before, #primary-nav > li.menu-item-has-children::after { content: ""; display: block; height: 2px; width: 8px; background: black; transition: all 0.3s ease; position: relative; top: -3px; } #primary-nav > li.menu-item-has-children::before { transform: rotate(-45deg); order: 5; margin-left: -3px; } #primary-nav > li.menu-item-has-children::after { transform: rotate(45deg); margin-left: 10px; } #primary-nav > li.menu-item-has-children:hover::before, .o-content-list--link:hover #primary-nav > li.menu-item-has-children.o-content-list--button::before { transform: rotate(45deg); } #primary-nav > li.menu-item-has-children:hover::after, .o-content-list--link:hover #primary-nav > li.menu-item-has-children.o-content-list--button::after { transform: rotate(-45deg); } #primary-nav > li > .sub-menu { z-index: -1; position: absolute; background: white; margin: 0; opacity: 0; padding: 10px 30px; top: 100%; right: 0; left: 0; text-align: left; transition: all 0.3s ease; visibility: hidden; width: 285px; line-height: 1; box-shadow: 0 10px 7px 3px rgba(0, 0, 0, 0.3); } #primary-nav > li > .sub-menu li { padding: 0 !important; } #primary-nav > li > .sub-menu > li { margin: 0 0 10px; display: block; } #primary-nav > li > .sub-menu a { font-family: "Open Sans", sans-serif; font-style: normal; font-weight: 400; font-size: 18px; font-size: 1.125rem; line-height: 20px; } #primary-nav > li > .sub-menu a:hover, #primary-nav > li > .sub-menu .o-content-list--link:hover a.o-content-list--button, .o-content-list--link:hover #primary-nav > li > .sub-menu a.o-content-list--button { color: #FFC530; } #primary-nav > li > .sub-menu a::after { display: none; } #primary-nav > li > .sub-menu .sub-menu { margin: 2px 0 0; padding: 0 0 0 15px; position: relative; } #primary-nav > li > .sub-menu .sub-menu > li { margin: 0 0 10px; } #primary-nav > li > .sub-menu .sub-menu::before { background-color: #FFC530; content: ""; position: absolute; top: 7px; bottom: 5px; left: 0; width: 2px; } @media (max-width: 767px ) { #primary-nav > li > .sub-menu .sub-menu { display: block; width: 100%; } } #primary-nav a { color: #050A13; font-weight: 400; text-decoration: none; text-transform: none; } @media (max-width: 767px ) { #primary-nav { display: none; } } .gta-site-nav--mobile { display: none; } .gta-site-nav--mobile #primary-nav { display: block; margin-top: 15px; } .gta-site-nav--mobile #primary-nav li { display: flex; padding: 25px 0; flex-wrap: wrap; } .gta-site-nav--mobile #primary-nav > li > .sub-menu { display: block; opacity: 1; position: relative; visibility: visible; width: 100%; order: 10; } .gta-site-nav--mobile .gta-site-nav--branding .gta-site-nav--logo { margin: 0; } @media (max-width: 767px ) { .gta-site-nav--mobile { display: block; position: fixed; overflow: hidden; top: 0; bottom: 0; width: 100%; left: 100%; transition: all 0.3s ease; background: white; z-index: 100; } .menu_is_active .gta-site-nav--mobile { left: 0; display: block; overflow: auto; } } .gta-site-nav__homepage { background: #861F32; } .gta-site-nav__homepage #primary-nav { justify-content: center; } .gta-site-nav__homepage #primary-nav > li { padding: 0 15px 0; margin: 0 15px; } .gta-site-nav__homepage #primary-nav > li > a { color: white; padding: 15px 0 0; } .gta-site-nav__homepage #primary-nav > li > a::after { margin-top: 10px; } .gta-site-nav__homepage #primary-nav > li :hover > a, .gta-site-nav__homepage #primary-nav > li .o-content-list--link:hover .o-content-list--button > a, .o-content-list--link:hover .gta-site-nav__homepage #primary-nav > li .o-content-list--button > a, .gta-site-nav__homepage #primary-nav > li .o-content-list--link:hover .o-content-list--link.o-content-list--button .o-content-list--button > a { color: white; } .gta-site-nav__homepage #primary-nav > li > .sub-menu { background: white; } .gta-site-nav__homepage #primary-nav > li > .sub-menu a { color: #050A13; } .gta-site-nav__homepage #primary-nav > li > .sub-menu a:hover, .gta-site-nav__homepage #primary-nav > li > .sub-menu .o-content-list--link:hover a.o-content-list--button, .o-content-list--link:hover .gta-site-nav__homepage #primary-nav > li > .sub-menu a.o-content-list--button { color: #FFC530; } .gta-site-nav__homepage #primary-nav > li.menu-item-has-children > a { padding-right: 10px; } .gta-site-nav__homepage #primary-nav > li.menu-item-has-children > a::after { width: calc(100% + 32px); } .gta-site-nav__homepage #primary-nav > li.menu-item-has-children::before, .gta-site-nav__homepage #primary-nav > li.menu-item-has-children::after { background: white; top: 0; } .gta-site-nav__homepage #primary-nav > li.menu-item-has-children::after { margin: 0; } .gta-header--banner { position: relative; z-index: 10; } .gta-site-nav--logo { display: block; } @media (max-width: 767px ) { .gta-site-nav--logo { max-width: 200px; } } .gta-mobile-menu--buttons--icon { font-size: 20px; cursor: pointer; } .gta-mobile-menu--buttons--icon::before { color: black; transition: all 0.3s ease; } .gta-mobile-menu--buttons--icon:hover::before, .o-content-list--link:hover .gta-mobile-menu--buttons--icon.o-content-list--button::before { color: #FFC530; } .gta-site-header__overlay { position: absolute; top: 0; left: 0; right: 0; z-index: 15; } .gta-site-header__overlay .gta-site-nav { background: none; } .gta-site-header__overlay .gta-site-nav--branding { display: inline-flex; margin: 0 auto; } .gta-site-header__overlay .gta-site-nav--logo { margin: 15px; } .gta-site-header__overlay .hamburger-inner, .gta-site-header__overlay .hamburger-inner::after, .gta-site-header__overlay .hamburger-inner::before { background-color: white; } .gta-site-nav--toggle { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); cursor: pointer; z-index: 101; } @media (min-width: 768px ) { .gta-site-nav--toggle { display: none; } } #primary-nav .gta-mobile-search--suggestions-list li { display: block; padding-bottom: 5px; } .single-expert .gta-site-banner--event-column-right { width: calc(100% - 300px); } .single-expert .gta-site-banner--event-column-left { width: 300px; } .gta-site-banner--positions.gta-expert-site-banner--positions li { padding: 0 0 0 20px; color: #2D4348; } .gta-site-banner--positions.gta-expert-site-banner--positions li::before { top: 18px; } .gta-site-banner.gta-homepage-marquee-site-banner { background-color: #0080A6; min-height: 715px; padding: 0; display: flex; align-items: flex-end; } .gta-site-banner.gta-homepage-marquee-site-banner .gta-homepage-site-banner--column { text-align: center; padding: 40px 40px 20px; width: 100%; } @media (max-width: 767px ) { .gta-site-banner.gta-homepage-marquee-site-banner .gta-homepage-site-banner--column { padding: 40px 40px 10px; } } .gta-site-banner.gta-homepage-marquee-site-banner .gta-site-banner--column, .gta-site-banner.gta-homepage-marquee-site-banner .gta-homepage-site-banner--row { width: 100%; max-width: 100%; } .gta-site-banner.gta-homepage-marquee-site-banner .gta-site-banner--row { background: rgba(0, 128, 166, 0.75); } .gta-site-banner.gta-homepage-marquee-site-banner .gta-site-banner--row p { /* people more resilient by 2030 */ font-family: "Roboto Slab", serif; font-weight: 400; font-size: 52px; font-size: 3.25rem; list-style: 1.04; } @media (max-width: 949px ) { .gta-site-banner.gta-homepage-marquee-site-banner .gta-site-banner--row p { font-size: 32px; font-size: 2rem; } } @media (max-width: 767px ) { .gta-site-banner.gta-homepage-marquee-site-banner .gta-site-banner--row p { font-size: 22px; font-size: 1.375rem; } } .gta-site-banner.gta-homepage-marquee-site-banner .gta-homepage-site-banner--title { font-family: "Roboto Slab", serif; font-weight: 700; font-size: 125px; font-size: 7.8125rem; text-transform: uppercase; } @media (max-width: 1024px ) { .gta-site-banner.gta-homepage-marquee-site-banner .gta-homepage-site-banner--title { font-size: 100px; font-size: 6.25rem; } } @media (max-width: 949px ) { .gta-site-banner.gta-homepage-marquee-site-banner .gta-homepage-site-banner--title { font-size: 52px; font-size: 3.25rem; } } @media (max-width: 767px ) { .gta-site-banner.gta-homepage-marquee-site-banner .gta-homepage-site-banner--title { font-size: 32px; font-size: 2rem; } } .gta-site-banner .gta-site-banner--arrow { color: white; background: none; position: sticky; bottom: 15px; margin-bottom: 25px; left: 50%; transform: translateX(-50%); width: 50px; height: 50px; display: flex; justify-content: center; align-items: center; } .gta-site-banner .gta-site-banner--arrow svg { transform: rotate(90deg); transition: all 0.3s ease; width: 18px; height: auto; color: white; } .gta-site-banner .gta-site-banner--arrow:hover svg, .gta-site-banner .o-content-list--link:hover .gta-site-banner--arrow.o-content-list--button svg, .o-content-list--link:hover .gta-site-banner .gta-site-banner--arrow.o-content-list--button svg { transform: rotate(90deg) scale(1.1); } .gta-site-banner .gta-site-banner--arrow:hover .o-page-navigation--arrow--line, .gta-site-banner .o-content-list--link:hover .gta-site-banner--arrow.o-content-list--button .o-page-navigation--arrow--line, .o-content-list--link:hover .gta-site-banner .gta-site-banner--arrow.o-content-list--button .o-page-navigation--arrow--line { stroke-width: 4px; } .gta-site-banner .gta-site-banner--arrow:hover .o-page-navigation--arrow--dot__large, .gta-site-banner .o-content-list--link:hover .gta-site-banner--arrow.o-content-list--button .o-page-navigation--arrow--dot__large, .o-content-list--link:hover .gta-site-banner .gta-site-banner--arrow.o-content-list--button .o-page-navigation--arrow--dot__large { opacity: 1; } @media (max-width: 767px ) { .gta-site-banner .gta-site-banner--arrow { bottom: 5px; padding-bottom: 10px; } } .gta-site-banner.gta-site-banner__page, .gta-site-banner.gta-site-banner__project { background-color: #0080A6; background-size: cover; } .gta-site-banner.gta-site-banner__page:before, .gta-site-banner.gta-site-banner__project:before { content: ""; position: absolute; display: block; height: 100%; width: 100%; top: 0px; bottom: 0px; right: 0; left: 0; background: rgba(0, 0, 0, 0.55); } .gta-site-banner.gta-site-banner__page .gta-site-banner--heading, .gta-site-banner.gta-site-banner__project .gta-site-banner--heading { font-family: "Open Sans", sans-serif; font-style: normal; font-weight: 600; color: #FFC530; font-size: 16px; line-height: 1.56; letter-spacing: 0.05em; text-transform: uppercase; margin: 5px 0px; } .gta-site-banner.gta-site-banner__page .gta-site-banner--title h1, .gta-site-banner.gta-site-banner__page .gta-site-banner--text h1, .gta-site-banner.gta-site-banner__project .gta-site-banner--title h1, .gta-site-banner.gta-site-banner__project .gta-site-banner--text h1 { font-family: "Roboto Slab", serif; font-weight: 700; font-size: 43.2px; font-size: 2.7rem; line-height: 1; } .gta-site-banner.gta-site-banner__page .gta-site-banner--title h2, .gta-site-banner.gta-site-banner__page .gta-site-banner--text h2, .gta-site-banner.gta-site-banner__project .gta-site-banner--title h2, .gta-site-banner.gta-site-banner__project .gta-site-banner--text h2 { font-family: "Roboto Slab", serif; font-weight: 400; font-size: 18px; font-size: 1.125rem; line-height: 1.04; } .gta-site-banner.gta-site-banner__page .gta-site-banner--title *, .gta-site-banner.gta-site-banner__page .gta-site-banner--text *, .gta-site-banner.gta-site-banner__project .gta-site-banner--title *, .gta-site-banner.gta-site-banner__project .gta-site-banner--text * { color: white; } .gta-site-banner.gta-site-banner__page .gta-site-banner--title p, .gta-site-banner.gta-site-banner__page .gta-site-banner--text p, .gta-site-banner.gta-site-banner__project .gta-site-banner--title p, .gta-site-banner.gta-site-banner__project .gta-site-banner--text p { font-size: 18px; font-size: 1.125rem; } @media (min-width: 1025px ) { .gta-site-banner.gta-site-banner__page .gta-site-banner--title h1, .gta-site-banner.gta-site-banner__page .gta-site-banner--text h1, .gta-site-banner.gta-site-banner__project .gta-site-banner--title h1, .gta-site-banner.gta-site-banner__project .gta-site-banner--text h1 { font-family: "Roboto Slab", serif; font-weight: 700; font-size: 67.5px; font-size: 4.21875rem; } .gta-site-banner.gta-site-banner__page .gta-site-banner--title h2, .gta-site-banner.gta-site-banner__page .gta-site-banner--text h2, .gta-site-banner.gta-site-banner__project .gta-site-banner--title h2, .gta-site-banner.gta-site-banner__project .gta-site-banner--text h2 { font-family: "Roboto Slab", serif; font-weight: 400; font-size: 46.8px; font-size: 2.925rem; } .gta-site-banner.gta-site-banner__page .gta-site-banner--title p, .gta-site-banner.gta-site-banner__page .gta-site-banner--text p, .gta-site-banner.gta-site-banner__project .gta-site-banner--title p, .gta-site-banner.gta-site-banner__project .gta-site-banner--text p { font-size: 21.6px; font-size: 1.35rem; } } .gta-site-banner.gta-site-banner__page .gta-site-banner--content, .gta-site-banner.gta-site-banner__project .gta-site-banner--content { width: 50%; position: relative; padding-right: 80px; padding-left: 20px; } .gta-site-banner.gta-site-banner__page .gta-site-banner--line, .gta-site-banner.gta-site-banner__project .gta-site-banner--line { width: 100vw; height: 2px; background: #FFC530; display: block; margin: 30px 0; position: relative; transform: translateX(calc(-100% + 125px)); } .gta-site-banner.gta-site-banner__page .gta-site-banner--line:after, .gta-site-banner.gta-site-banner__project .gta-site-banner--line:after { content: ""; display: block; height: 6px; width: 6px; background: #FFC530; border-radius: 50%; position: absolute; right: -5px; top: -2px; } @media (max-width: 1024px ) { .gta-site-banner.gta-site-banner__page .gta-site-banner--row, .gta-site-banner.gta-site-banner__project .gta-site-banner--row { display: block; } .gta-site-banner.gta-site-banner__page .gta-site-banner--content, .gta-site-banner.gta-site-banner__page .gta-site-banner--callout, .gta-site-banner.gta-site-banner__project .gta-site-banner--content, .gta-site-banner.gta-site-banner__project .gta-site-banner--callout { width: 100%; } .gta-site-banner.gta-site-banner__page .gta-site-banner--callout, .gta-site-banner.gta-site-banner__project .gta-site-banner--callout { margin-top: 30px; } } .gta-site-banner.gta-site-banner__page { overflow: hidden; } .gta-site-banner.gta-site-banner__page:before { display: block; width: 50%; right: 50%; } @media (max-width: 1024px ) { .gta-site-banner.gta-site-banner__page:before { width: 75%; } .gta-site-banner.gta-site-banner__page .gta-site-banner--content { max-width: 75%; } .gta-site-banner.gta-site-banner__page .gta-site-banner--content { padding-right: 50px; } } @media (max-width: 767px ) { .gta-site-banner.gta-site-banner__page:before { width: 90%; } .gta-site-banner.gta-site-banner__page .gta-site-banner--content { max-width: 90%; } } @media (max-width: 599px ) { .gta-site-banner.gta-site-banner__page:before { width: 100%; } .gta-site-banner.gta-site-banner__page .gta-site-banner--content { max-width: 100%; } } .gta-site-banner.gta-site-banner__project .gta-site-banner--callout { display: flex; align-items: flex-end; justify-content: flex-start; padding-left: 35px; padding-right: 35px; } .gta-site-banner.gta-site-banner__project .gta-site-banner--callout--box { background: rgba(255, 197, 48, 0.15); border: solid 2px #FFC530; padding: 20px 15px; width: 100%; } .gta-site-banner.gta-site-banner__project .gta-site-banner--callout--box * { color: white; } .gta-site-banner.gta-site-banner__project .gta-site-banner--callout--title { font-family: "Open Sans", sans-serif; font-style: normal; font-weight: 700; font-size: 16px; line-height: 1.58; text-transform: uppercase; padding: 0 15px; margin-bottom: 15px; } .gta-site-banner.gta-site-banner__project .gta-sitebanner--callout--left { font-family: "Roboto Slab", serif; font-weight: 700; font-size: 28px; font-size: 1.75rem; line-height: 1.04; padding: 0 15px; word-break: keep-all; margin-bottom: 15px; } .gta-site-banner.gta-site-banner__project .gta-sitebanner--callout--right { font-family: "Open Sans", sans-serif; font-style: normal; font-weight: 500; font-size: 16px; font-size: 1rem; font-size: 20px; line-height: 1.25; padding: 0 15px; margin-bottom: 15px; } @media (min-width: 1025px ) { .gta-site-banner.gta-site-banner__project .gta-site-banner--callout--box { padding: 22px 22px 17px; } .gta-site-banner.gta-site-banner__project .gta-sitebanner--callout--left { font-size: 40px; font-size: 2.5rem; } .gta-site-banner.gta-site-banner__project .gta-sitebanner--callout--right { font-size: 20px; font-size: 1.25rem; } .gta-site-banner.gta-site-banner__project .gta-site-banner--callout { width: 50%; } .gta-site-banner.gta-site-banner__project .gta-sitesbanner--callout--body { display: flex; align-items: center; } } @media (min-width: 1250px ) { .gta-site-banner.gta-site-banner__project .gta-sitebanner--callout--left { font-size: 46px; font-size: 2.875rem; } .gta-site-banner.gta-site-banner__project .gta-sitebanner--callout--right { font-size: 20px; font-size: 1.25rem; } } .gta-footer { background: #f4f4f4; padding-top: 40px; padding-bottom: 45px; } @media (max-width: 1024px ) { .gta-footer .columns-3 { position: static; width: 50%; } .gta-footer .columns-5 { position: static; width: 100%; margin-top: 40px; } } @media (max-width: 767px ) { .gta-footer { padding-top: 40px; padding-right: 0px; padding-left: 0px; padding-bottom: 60px; } } @media (max-width: 599px ) { .gta-footer .columns-3 { position: static; width: 100%; } .gta-footer .columns-3 + .columns-3 { margin-top: 50px; } } .gta-footer--logo { display: block; padding-top: 0; } .gta-footer--second-logo { border-top: 1px solid #002E6D; margin-top: 25px; padding-top: 25px; } .gta-footer--message { font-size: 16px; font-size: 1rem; font-family: "Roboto Slab", serif; font-weight: 400; line-height: 1.56em; margin-top: 40px; padding: 0; } .gta-footer--donate-button { background-color: #861F32; color: white; display: inline-block; font-size: 22px; font-size: 1.375rem; font-family: "Open Sans", sans-serif; font-style: normal; font-weight: 700; line-height: 1.13em; margin-top: 40px; padding: 14px 24px 14px 21px; text-decoration: none; text-transform: uppercase; } .gta-footer--donate-button i { margin-left: 5px; } .gta-footer--donate-button:hover, .o-content-list--link:hover .gta-footer--donate-button.o-content-list--button { background-color: #FFC530; color: #050A13; text-decoration: none; } .gta-footer--menu { display: flex; align-content: space-between; flex-wrap: wrap; } .gta-footer--menu-title { color: #861F32; font-size: 12px; font-size: 0.75rem; font-family: "Open Sans", sans-serif; font-style: normal; font-weight: 700; letter-spacing: 0.05em; line-height: 1.25em; text-transform: uppercase; } #footer-upper, #footer-lower { list-style: none; margin: 0; padding: 0; } #footer-upper li, #footer-lower li { display: block; margin: 0; padding: 0; } #footer-upper a, #footer-lower a { color: #050A13; display: inline-block; text-transform: none; } #footer-upper a:hover, #footer-upper .o-content-list--link:hover a.o-content-list--button, .o-content-list--link:hover #footer-upper a.o-content-list--button, #footer-lower a:hover, #footer-lower .o-content-list--link:hover a.o-content-list--button, .o-content-list--link:hover #footer-lower a.o-content-list--button { color: #FFC530; } .gta-footer--menu--upper { width: 100%; } #footer-upper li + li { margin-top: 15px; } #footer-upper a { font-size: 20px; font-size: 1.25rem; font-family: "Roboto Slab", serif; font-weight: 400; line-height: 1.1em; } #footer-lower { margin-top: 15px; } #footer-lower li + li { margin-top: 5px; } #footer-lower a { font-size: 16px; font-size: 1rem; font-family: "Open Sans", sans-serif; font-style: normal; font-weight: 400; line-height: 1.56em; } #footer-legal { margin: 20px 0 22px; padding: 0; } #footer-legal li { line-height: 1em; margin: 0 5px 0 0; padding: 0 10px 0 0; position: relative; } #footer-legal li:after { background-color: #050A13; content: ""; position: absolute; top: 6px; right: 0; bottom: 3px; width: 1px; } #footer-legal li:last-of-type { margin: 0; padding: 0; } #footer-legal li:last-of-type:after { display: none; } #footer-legal a { color: #050A13; display: inline-block; font-size: 14px; font-size: 0.875rem; font-family: "Open Sans", sans-serif; font-style: normal; font-weight: 400; line-height: 1.4em; text-transform: none; } .gta-footer--contact { display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 40px; } .gta-footer--contact label { color: #861F32; display: inline-block; font-size: 12px; font-size: 0.75rem; font-weight: 700; letter-spacing: 0.5px; line-height: 1.25em; padding-bottom: 15px; text-transform: uppercase; } .gta-footer--contact p { padding-bottom: 0; } .gta-footer--contact a { color: #050A13; } .gta-footer--contact--left { width: 52%; } @media (max-width: 599px ) { .gta-footer--contact--left { width: 100%; } } .gta-footer--contact--right { width: 41%; } @media (max-width: 599px ) { .gta-footer--contact--right { margin-top: 30px; width: 100%; } } .gta-footer--social { display: flex; flex-wrap: wrap; margin-top: 50px; } .gta-footer--social a { background-color: #2D4348; border-radius: 50%; color: white; display: flex; align-items: center; justify-content: center; font-size: 20px; height: 40px; margin-right: 15px; margin-bottom: 15px; width: 40px; } .gta-footer--social a:hover, .gta-footer--social .o-content-list--link:hover a.o-content-list--button, .o-content-list--link:hover .gta-footer--social a.o-content-list--button { background-color: #861F32; text-decoration: none; } /* arsht jumpmenu */ .jumpmenu-nav { display: none; overflow: hidden; position: relative; height: auto; padding: 7px 20px; background: #0080A6; } .jumpmenu-nav-container { display: flex; flex-flow: row wrap; justify-content: flex-start; align-items: center; margin-bottom: unset; } .jumpmenu-nav-label { display: none; width: auto; white-space: nowrap; margin-right: 25px; } .jumpmenu-nav-label h3 { font-family: "Open Sans", sans-serif; font-style: normal; font-weight: 600; font-size: 0.875rem; line-height: 1.56; color: #FFFFFF; text-transform: uppercase; margin-top: unset; } .jumpmenu-nav-item { flex: 0 1 auto; border: none; margin-top: unset; } .jumpmenu-nav-item::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 1px; height: 50%; margin: auto; background-color: rgba(255, 255, 255, 0.75); } .jumpmenu-nav-item-wrapper { display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: center; } .jumpmenu-nav-item-wrapper a { font-family: "Open Sans", sans-serif; font-style: normal; font-weight: 400; font-size: 0.875rem; line-height: 1.56; color: #FFFFFF; padding: 5px 25px; width: auto; white-space: nowrap; text-transform: none; position: relative; } @media (max-width: 767px ) { .jumpmenu-nav-item-wrapper a { line-height: 1.1; padding: 5px 15px; } .jumpmenu-nav-item-wrapper a::after { left: 0; right: 0; } } .jumpmenu-nav-item-wrapper a::after { content: ""; display: block; height: 4px; background: #FFC530; bottom: -7px; position: absolute; left: 0; right: 0; transition-property: opacity; transition-duration: 200ms; transition-timing-function: linear; transition-delay: 0ms; opacity: 0; } .jumpmenu-nav-item-wrapper a:hover, .jumpmenu-nav-item-wrapper .o-content-list--link:hover a.o-content-list--button, .o-content-list--link:hover .jumpmenu-nav-item-wrapper a.o-content-list--button { text-decoration: none; } .jumpmenu-nav-item-wrapper a.has-intersect::after, .jumpmenu-nav-item-wrapper a:hover::after, .jumpmenu-nav-item-wrapper .o-content-list--link:hover a.o-content-list--button::after, .o-content-list--link:hover .jumpmenu-nav-item-wrapper a.o-content-list--button::after { opacity: 1; } @media (min-width: 600px ) { .jumpmenu-nav { display: block; z-index: 50; position: sticky; top: 0; box-shadow: 0 -5px 10px 1px rgba(29, 34, 35, 0.8); } .jumpmenu-nav-item-wrapper { justify-content: flex-start; } .jumpmenu-nav-label { display: block; } } .arsht-single-post--banner { background-position: center; background-repeat: no-repeat; background-size: cover; height: 675px; } .ac-single-post--header { margin-top: 50px; margin-bottom: 30px; max-width: 1310px; } .ac-single-post--header--inner { border-bottom: 2px solid #F4F4F4; } .arsht-single-post--parent-terms { margin-bottom: 20px; } .arsht-single-post--parent-terms a { color: #0080A6; font-weight: bold; text-transform: uppercase; } .arsht-single-post--parent-terms a:not(:last-child):after { content: ", "; } .arsht-single-post--heading--expert + .arsht-single-post--heading--date { border-left: 1px solid black; margin-left: 1px; padding-left: 5px; } .arsht-single-post--footer { margin-top: 75px; } .arsht-single-post--terms a { margin-right: 20px; margin-bottom: 10px; } .ac-single-post--tax { margin-top: 10px; padding-bottom: 0; } .ac-single-post--tax .ac-single-post--tax--expert:not(:last-child):after { content: ", "; } .gta-embed--tax--expert.gta-post-embed--tax--expert, .gta-post-site-banner--tax--expert { color: #861F32; } .single-expert .ac-single-expert { margin-top: 50px; } .single-expert .ac-single-expert--content { margin-bottom: 30px; } .single-expert .gta-expert--content-list .gta-post-embed { max-width: 100%; } .single-expert .expert-term-link { font-size: 16px; } .single-expert .gta-expert-site-banner--positions { list-style: none; } .single-expert .gta-expert-site-banner--positions li { font-size: 25px; font-size: 1.5625rem; padding-left: 0; } .single-expert .gta-expert-site-banner--positions li:before { content: none; } .single-expert .gta-expert-site-banner--title { color: #2D4348; padding-bottom: 0; } .single-expert #expert-articles { margin-top: 40px; } .single-expert .gta-expert-site-banner--expert-meta { margin-top: 50px; } .single-expert .gta-expert-site-banner--expert-meta h4 { color: #2D4348; } .single-expert .gta-expert-site-banner--expert-meta a { font-size: 16px; } .single-expert .gta-share .gta-share--expert-container { display: block; } .single-expert .gta-share a { color: #861F32; margin-bottom: 5px; } .single-expert .gta-share a:hover, .single-expert .gta-share .o-content-list--link:hover a.o-content-list--button, .o-content-list--link:hover .single-expert .gta-share a.o-content-list--button { color: #F2783E; } .single-expert .gta-share a + a { margin-left: 0; } .single-expert .ac-single-expert--meta { background: #f2f2f2; padding: 0 50px; font-weight: bold; position: relative; padding-top: 50px; overflow: hidden; } .single-expert .ac-single-expert--meta h4 { font-weight: bold; font-size: 22px; font-size: 1.375rem; } .single-expert .ac-single-expert--meta h4.is-style-fluorish::after, .single-expert .ac-single-expert--meta h4.is-style-fluorish::before { top: calc(50% - 4px); } .single-expert .gta-expert-site-banner--image { border-radius: 50%; overflow: hidden; max-height: 324px; } .single-expert .gta-expert-site-banner--image img { border: none; max-width: none; position: static; } .single-expert .gta-site-banner--expert-meta--taxonomy { margin-bottom: 20px; } .single-expert .o-content-list--image::before, .single-expert .o-content-list--content { background: #fff; } .single-expert .gta-expert--pronouns { color: #707272; margin-top: 10px; } .single-expert .researchgate-label { padding-left: 19px; } .single-expert .gta-expert--mobile-only { display: none; } .single-expert .desktop-only { display: block; } .single-expert .ac-single-expert--container.flip-order { flex-direction: row-reverse; } @media (max-width: 767px ) { .single-expert .gta-expert--mobile-only { display: block; } .single-expert .desktop-only { display: none; } .single-expert .ac-single-expert--meta, .single-expert .columns-7 { width: 100%; left: 0; } .single-expert .gta-site-banner--image.gta-expert-site-banner--image { max-width: 300px; margin: 0 auto; } .single-expert .gta-site-banner--image.gta-expert-site-banner--image img { position: relative; max-width: none; border: none; } .single-expert .gta-expert-site-banner--title, .single-expert .gta-expert--pronouns, .single-expert .gta-expert-site-banner--positions { text-align: center; } } .gta-single-expert--featured-img, .gta-single-expert--featured-img-mobile { border-radius: 50%; background-position: center; background-repeat: no-repeat; background-size: cover; width: 100%; } .gta-single-expert--featured-img:after, .gta-single-expert--featured-img-mobile:after { content: ""; display: block; padding-bottom: 100%; } .gta-single-expert--featured-img-mobile { margin: 0 auto 20px; max-width: 300px; } .gta-site-banner--text.date p { font-weight: 700; text-transform: uppercase; } .ac-single-event { margin-top: 50px; margin-bottom: 50px; } @media (max-width: 767px ) { .ac-single-event { margin-top: 0; } .ac-single-event .arsht-single-event--meta { padding: 30px 30px 20px; width: 100%; } .ac-single-event .columns-7 { margin-top: 10px; left: 0; width: 100%; } } .arsht-single-event--meta { background-color: #F4F4F4; padding: 50px; position: relative; z-index: 1; } .arsht-single-event--meta:before { background-color: white; content: ""; position: absolute; top: 0; right: 100%; bottom: 0; left: -3000px; } .arsht-single-event--meta--inner { position: sticky; top: 50px; } .arsht-single-event--meta--inner h5 { font-size: 22px; font-weight: 700; padding-bottom: 10px; } .arsht-single-event--meta--inner p { font-size: 16px; padding-bottom: 0; } .arsht-single-event--start-date { margin-top: 30px; padding-bottom: 0; } .arsht-single-event--end-date { padding-bottom: 0; } .arsht-single-event--meta .arsht-single-event--location { display: flex; flex-wrap: wrap; margin-top: 30px; padding: 0; } .arsht-single-event--meta .arsht-single-event--location li { padding: 0; } .arsht-single-event--meta .arsht-single-event--location li:before { display: none; } .arsht-single-event--meta .arsht-single-event--location li:first-of-type { width: 100%; } .arsht-single-event--meta .arsht-single-event--location li + li { margin-top: 0; } .arsht-single-event--meta .arsht-single-event--location li + li:after { content: ", "; margin-right: 3px; } .arsht-single-event--meta .arsht-single-event--location li:last-of-type:after { display: none; } .arsht-single-event--meta .arsht-single-event--links { margin-top: 30px; padding: 0; } .arsht-single-event--meta .arsht-single-event--links li { padding: 0; } .arsht-single-event--meta .arsht-single-event--links li:before { display: none; } .arsht-single-event--meta .arsht-single-event--links li + li { margin-top: 30px; } .arsht-single-event--meta .arsht-single-event--links a { color: #861F32; text-decoration: none; } .arsht-single-event--meta .arsht-single-event--links a:hover, .arsht-single-event--meta .arsht-single-event--links .o-content-list--link:hover a.o-content-list--button, .o-content-list--link:hover .arsht-single-event--meta .arsht-single-event--links a.o-content-list--button { color: #0080A6; } .arsht-single-event--meta .arsht-single-event--links span { display: block; margin-bottom: 5px; } .arsht-single-event--meta .arsht-single-event--links .fa-twitter { color: black; display: inline-block; } .gta-taxonomy--trending-nav { background: #0080A6; min-height: 55px; display: flex; align-items: center; } .gta-taxonomy--trending-nav-label { width: auto; margin-right: 25px; } .gta-taxonomy--trending-nav-label h3 { font-family: "Open Sans", sans-serif; font-style: normal; font-weight: 700; font-size: 16px; line-height: 1.56; color: #FFFFFF; text-transform: uppercase; } .gta-taxonomy--trending-nav-item-wrapper { justify-content: flex-start; } .gta-taxonomy--trending-nav-item { flex: none; display: flex; align-items: center; border: none; } .gta-taxonomy--trending-nav-item:first-of-type { border: none; } .gta-taxonomy--trending-nav-item:before { content: ""; display: block; height: 18px; width: 1px; background: white; } .gta-taxonomy--trending-nav-item a { font-family: "Open Sans", sans-serif; font-style: normal; font-weight: 700; font-size: 16px; line-height: 1.56; color: #FFFFFF; padding: 5px 25px; width: auto; text-transform: none; position: relative; } @media (max-width: 767px ) { .gta-taxonomy--trending-nav-item a { line-height: 1.1; padding: 5px 15px; } .gta-taxonomy--trending-nav-item a:after { left: 0; right: 0; } } .gta-taxonomy--trending-nav-item a:after { content: ""; display: block; height: 4px; background: #FFC530; bottom: -3px; position: absolute; left: 0; right: 0; opacity: 0; transition: all 0.4s ease; } .gta-taxonomy--trending-nav-item a:hover, .gta-taxonomy--trending-nav-item .o-content-list--link:hover a.o-content-list--button, .o-content-list--link:hover .gta-taxonomy--trending-nav-item a.o-content-list--button { text-decoration: none; } .gta-taxonomy--trending-nav-item a:hover:after, .gta-taxonomy--trending-nav-item .o-content-list--link:hover a.o-content-list--button:after, .o-content-list--link:hover .gta-taxonomy--trending-nav-item a.o-content-list--button:after { opacity: 1; } .gta-combo-featured { display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } .gta-combo-part--left, .gta-combo-part--right { padding-right: 15px; padding-left: 15px; } .gta-combo-part--left { width: 34%; } @media (max-width: 767px ) { .gta-combo-part--left { width: 100%; } } .gta-combo-part--right { width: 66%; } @media (max-width: 767px ) { .gta-combo-part--right { margin-top: 30px; width: 100%; } } .gta-combo--logo { margin-bottom: 15px; } .gta-combo--subtitle { color: #861F32; font-size: 15px; font-size: 0.9375rem; font-weight: 700; padding-bottom: 10px; text-transform: uppercase; } .gta-combo--title { color: #861F32; padding-top: 0; padding-bottom: 15px; } .gta-combo--text p { font-size: 19px; font-size: 1.1875rem; } .gta-combo--buttons { margin-top: 45px; } .s-button.gta-combo--button { font-size: 14px; font-size: 0.875rem; padding: 24px 15px; margin: 0 4px 20px; width: 60%; } .gta-embed { padding-top: 15px; padding-bottom: 15px; } @media (max-width: 1325px) { .gta-embed.gta-post-embed { margin-left: auto; max-width: calc(100% - 40px); } } @media (max-width: 767px ) { .gta-embed.gta-post-embed { max-width: 100%; } } .gta-embed .gta-horizontal-featured--content { padding-bottom: 0; } .gta-embed .gta-horizontal-featured--read-more { display: block; text-align: right; } .gta-embed .o-content-list--button-container { margin-top: 30px; margin-top: 5px; margin-bottom: 0px; text-align: right; } .gta-embed h3.o-content-list--title a:hover, .gta-embed h3.o-content-list--title .o-content-list--link:hover a.o-content-list--button, .o-content-list--link:hover .gta-embed h3.o-content-list--title a.o-content-list--button { color: #FFC530; } .gta-embed .o-content-list--button span, .gta-embed .o-content-list--link:hover .o-content-list--button span, .o-content-list--link:hover .gta-embed .o-content-list--button span { transition: all 0.3s ease; opacity: 0; display: block; padding: 0; white-space: nowrap; max-width: 0; visibility: hidden; } .gta-embed .o-content-list--button:hover span, .gta-embed .o-content-list--link:hover .o-content-list--button span, .o-content-list--link:hover .gta-embed .o-content-list--button span { opacity: 1; max-width: 300px; visibility: visible; } .gta-embed .o-content-list--title { font-weight: 700; } .gta-embed--wrapper.gta-expert-embed--wrapper { display: flex; flex-wrap: wrap; justify-content: space-between; } .gta-embed--container { box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); background: #fff; } .gta-embed--container.thumbnail { display: flex; align-items: center; } @media (max-width: 767px ) { .gta-embed--container.thumbnail { align-items: flex-start; } } .gta-embed--container.gta-expert-embed--container.no-thumbnail { padding-left: 30px; display: flex; align-items: center; } .gta-embed--container.gta-post-embed--container, .gta-embed--container.gta-general-embed--container { flex-wrap: wrap; padding: 45px 50px 55px 50px; } @media (max-width: 949px ) { .gta-embed--container.gta-post-embed--container, .gta-embed--container.gta-general-embed--container { padding: 25px 30px 25px 50px; } } @media (max-width: 767px ) { .gta-embed--container.gta-post-embed--container, .gta-embed--container.gta-general-embed--container { padding: 0; } } .gta-embed--container.gta-event-embed--container { flex-wrap: wrap; } .gta-embed--container.gta-expert-embed--container { margin-bottom: 30px; width: calc(50% - 15px); } @media (max-width: 949px ) { .gta-embed--container.gta-expert-embed--container { width: 100%; } } .gta-embed--image a { display: block; } .gta-embed--image img { display: block; } .gta-embed--image.gta-post-embed--image, .gta-embed--image.gta-general-embed--image { width: 450px; } .gta-embed--image.gta-post-embed--image img, .gta-embed--image.gta-general-embed--image img { width: 100%; } @media (min-width: 768px ) { .gta-embed--image.gta-post-embed--image, .gta-embed--image.gta-general-embed--image { margin-left: -90px; padding-right: 35px; } } @media (max-width: 949px ) { .gta-embed--image.gta-post-embed--image, .gta-embed--image.gta-general-embed--image { width: 300px; } } @media (max-width: 767px ) { .gta-embed--image.gta-post-embed--image, .gta-embed--image.gta-general-embed--image { width: 100%; } } .gta-embed--image.gta-event-embed--image { width: 38%; } .gta-embed--image.gta-event-embed--image img { width: 100%; } @media (max-width: 949px ) { .gta-embed--image.gta-event-embed--image { width: 34%; } } @media (max-width: 767px ) { .gta-embed--image.gta-event-embed--image { width: 100%; } } .gta-embed--image.gta-expert-embed--image { padding-right: 30px; width: 250px; } .gta-embed--image.gta-expert-embed--image img { width: 100%; } @media (max-width: 1024px ) { .gta-embed--image.gta-expert-embed--image { padding-right: 20px; width: 200px; } } @media (max-width: 949px ) { .gta-embed--image.gta-expert-embed--image { padding-right: 15px; width: 155px; } } .gta-embed--content.gta-post-embed--content, .gta-embed--content.gta-general-embed--content { width: calc(100% - 360px); } @media (max-width: 949px ) { .gta-embed--content.gta-post-embed--content, .gta-embed--content.gta-general-embed--content { width: calc(100% - 210px); } } @media (max-width: 767px ) { .gta-embed--content.gta-post-embed--content, .gta-embed--content.gta-general-embed--content { padding: 25px 30px; width: 100%; } } .no-thumbnail .gta-embed--content.gta-post-embed--content { width: 100%; } .gta-embed--content.gta-event-embed--content { padding: 30px 30px 40px 35px; } .thumbnail .gta-embed--content.gta-event-embed--content { width: 62%; } @media (max-width: 949px ) { .thumbnail .gta-embed--content.gta-event-embed--content { width: 66%; } } @media (max-width: 767px ) { .thumbnail .gta-embed--content.gta-event-embed--content { order: 1; padding: 25px 30px; width: 100%; } } .gta-embed--content.gta-expert-embed--content { padding: 10px 20px 10px 0; width: calc(100% - 250px); } @media (max-width: 767px ) { .gta-embed--content.gta-expert-embed--content { padding: 15px 0px; width: 100%; } } .gta-embed--content.gta-expert-embed--content p a { color: #000; text-decoration: none; } .gta-embed--heading.gta-post-embed--heading { margin-bottom: 30px; } @media (max-width: 767px ) { .gta-embed--heading.gta-post-embed--heading { margin-bottom: 15px; } } .gta-embed--heading.gta-event-embed--heading { margin-bottom: 35px; } @media (max-width: 767px ) { .gta-embed--heading.gta-event-embed--heading { margin-bottom: 15px; } } .gta-embed--title.gta-post-embed--title, .gta-embed--title.gta-general-embed--title { padding-bottom: 25px; } @media (max-width: 767px ) { .gta-embed--title.gta-post-embed--title, .gta-embed--title.gta-general-embed--title { padding-bottom: 20px; } } .gta-embed--title.gta-event-embed--title { line-height: 0.86em; padding-top: 0; padding-bottom: 20px; } .gta-embed--title.gta-expert-embed--title { line-height: 1em; padding-top: 0; padding-bottom: 0; } @media (max-width: 949px ) { .gta-embed--title.gta-expert-embed--title { font-size: 23px; font-size: 1.4375rem; } } .gta-embed--position.gta-expert-embed--position { font-weight: 600; font-size: 18px; font-size: 1.125rem; padding-top: 5px; padding-bottom: 0; margin-top: 0 !important; } @media (max-width: 1024px ) { .gta-embed--position.gta-expert-embed--position { font-size: 14px; font-size: 0.875rem; } } .gta-embed--tax.gta-post-embed--tax { font-weight: 700; font-size: 18px; font-size: 1.125rem; letter-spacing: 1.67px; text-transform: uppercase; } @media (max-width: 767px ) { .gta-embed--tax.gta-post-embed--tax { font-size: 14px; font-size: 0.875rem; } } .gta-embed--tax--expert.gta-post-embed--tax--expert { color: #FFC530; } .gta-embed--tax--expert.gta-post-embed--tax--expert:last-of-type span { display: none; } .gta-embed--content.gta-expert-embed--content p { font-weight: 700; letter-spacing: 1.67px; font-size: 14px; font-size: 0.875rem; margin-top: 30px; padding: 0; text-transform: uppercase; } .gta-embed--terms.gta-post-embed--terms, .gta-embed--terms.gta-expert-embed--terms { display: flex; flex-wrap: wrap; } .gta-embed--terms.gta-expert-embed--terms { margin-top: 25px; margin-bottom: 0; } .gta-embed--programs.gta-expert-embed--programs { font-size: 14px; font-size: 0.875rem; padding-top: 10px; padding-bottom: 0; } .gta-embed--programs.gta-expert-embed--programs span { display: block; margin-bottom: 10px; } .gta-embed--programs.gta-expert-embed--programs span:after { content: ", "; } .gta-embed--programs.gta-expert-embed--programs span:last-of-type:after { display: none; } @media (max-width: 949px ) { .gta-embed--programs.gta-expert-embed--programs { font-size: 12px; font-size: 0.75rem; } } @media (max-width: 767px ) { .gta-embed--programs.gta-expert-embed--programs { font-size: 10px; font-size: 0.625rem; } } .gta-embed--excerpt.gta-post-embed--excerpt { padding-bottom: 20px; } .gta-embed--excerpt.gta-embed--excerpt { padding-bottom: 20px; } .gta-embed--excerpt.gta-event-embed--excerpt strong { font-weight: 500; text-transform: uppercase; color: #f2783e; } .gta-embed--event-info.gta-event-embed--event-info { color: #FFC530; font-size: 18px; font-size: 1.125rem; font-weight: 700; letter-spacing: 1.67px; line-height: 1.35em; padding-bottom: 0; text-transform: uppercase; } .gta-embed--event-info.gta-event-embed--event-info span { display: block; } .gta-embed--event-info.gta-event-embed--event-info .s-pill.large { margin-bottom: 0; margin-top: 15px; } .gta-embed--read-more.gta-post-embed--read-more, .gta-embed--read-more.gta-general-embed--read-more { margin-top: 20px; } .gta-embed--read-more.gta-event-embed--read-more { margin-top: 15px; } .gta-embed--buttons { font-size: 0; margin-bottom: -12px; } .gta-embed--buttons.gta-post-embed--buttons { padding-top: 30px; padding-left: 50px; } .gta-embed--buttons.gta-event-embed--buttons { padding-top: 20px; } .s-button.gta-embed--button { font-size: 10px; font-size: 0.625rem; margin-right: 20px; margin-bottom: 12px; max-width: 230px; padding: 19px 15px; } .gta-embed--distributor-wrapper { display: flex; align-items: flex-start; flex-wrap: wrap; justify-content: space-between; } .gta-embed--distributor { display: flex; align-items: center; justify-content: flex-end; margin-top: 5px; text-decoration: none; } .gta-embed--distributor p { font-size: 18px; padding-bottom: 0; padding-right: 10px; } .gta-embed--single.gta-embed--container.gta-general-embed--container { padding: 0 50px 0 0; margin-bottom: 30px; position: relative; } .gta-embed--single .gta-embed--image.gta-general-embed--image { margin-left: 0; width: 360px; } .gta-embed--single .gta-horizontal-featured--read-more { position: absolute; bottom: 0; right: 30px; } .gta-horizontal-featured--container { display: flex; flex-wrap: wrap; margin: 0 -15px; } .gta-horizontal-featured--single { padding: 0 15px 30px; } .four-up .gta-horizontal-featured--single { width: 25%; } @media (max-width: 949px ) { .four-up .gta-horizontal-featured--single { width: 50%; } } @media (max-width: 767px ) { .four-up .gta-horizontal-featured--single { width: 100%; } } .three-up .gta-horizontal-featured--single { width: 33.3333333333%; } @media (max-width: 949px ) { .three-up .gta-horizontal-featured--single { width: 50%; } } @media (max-width: 767px ) { .three-up .gta-horizontal-featured--single { width: 100%; } } .two-up .gta-horizontal-featured--single { width: 50%; } @media (max-width: 767px ) { .two-up .gta-horizontal-featured--single { width: 100%; } } @media (max-width: 949px ) { .gta-combo-featured .two-up .gta-horizontal-featured--single { width: 100%; } } .gta-horizontal-featured--single.primary-post { width: 100%; } .gta-horizontal-featured--inner { box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); height: 100%; } .gta-horizontal-featured--image img { display: block; margin: 0 auto; width: 100%; } .gta-horizontal-featured--content { padding: 25px 30px; } .gta-horizontal-featured--heading { background: #234C6A; color: white; display: inline-block; font-size: 8px; font-size: 0.5rem; font-weight: 700; letter-spacing: 2px; margin-bottom: 15px; min-width: 100px; padding: 7px 10px 5px; text-align: center; text-transform: uppercase; } .gta-horizontal-featured--title { line-height: 1.2em; padding-bottom: 20px; } .gta-horizontal-featured--excerpt p { font-size: 15px; font-size: 0.9375rem; padding-bottom: 0; } .gta-horizontal-featured--read-more { font-size: 14px; font-size: 0.875rem; margin-top: 20px; } .gta-horizontal-featured--tax { font-weight: 700; font-size: 14px; font-size: 0.875rem; letter-spacing: 1.67px; margin-top: 30px; padding: 0; text-transform: uppercase; } .gta-horizontal-featured--tax a, .gta-horizontal-featured--tax .gta-horizontal-featured--tax--expert { color: #FFC530; } .gta-horizontal-featured--tax a:last-of-type span, .gta-horizontal-featured--tax .gta-horizontal-featured--tax--expert:last-of-type span { display: none; } .gta-horizontal-featured--terms { display: flex; flex-wrap: wrap; margin-top: 15px; } .gta-horizontal-featured--event-info { color: #FFC530; font-size: 14px; font-size: 0.875rem; font-weight: 700; letter-spacing: 1.67px; line-height: 1.5em; margin-top: 15px; padding-bottom: 0; text-transform: uppercase; } .gta-horizontal-featured--event-info span { display: block; } .gta-horizontal-featured--single.primary-post .gta-horizontal-featured--inner { background: #234C6A; display: flex; flex-wrap: wrap; align-items: center; } .gta-horizontal-featured--single.primary-post .gta-horizontal-featured--image, .gta-horizontal-featured--single.primary-post .gta-horizontal-featured--content { width: 50%; } @media (max-width: 949px ) { .gta-horizontal-featured--single.primary-post .gta-horizontal-featured--image, .gta-horizontal-featured--single.primary-post .gta-horizontal-featured--content { width: 100%; } } .gta-horizontal-featured--single.primary-post .gta-horizontal-featured--content { padding: 35px 40px 50px; } .gta-horizontal-featured--single.primary-post .gta-horizontal-featured--content.no-img { width: 100%; } .gta-horizontal-featured--single.primary-post .gta-horizontal-featured--heading { background: white; color: #234C6A; } @media (min-width: 950px ) { .gta-horizontal-featured--single.primary-post .gta-horizontal-featured--heading { font-size: 15px; font-size: 0.9375rem; } } .gta-horizontal-featured--single.primary-post .gta-horizontal-featured--title { font-weight: 600; } .gta-horizontal-featured--single.primary-post .gta-horizontal-featured--title a { color: white; } .gta-horizontal-featured--single.primary-post .gta-horizontal-featured--excerpt p { color: white; } .gta-horizontal-featured--home-page { margin-bottom: 40px; } .gta-horizontal-featured--home-page .gta-horizontal-featured--container { margin: 0 -5px; border-bottom: 1px solid #707070; padding-top: 10px; } .gta-horizontal-featured--home-page .gta-horizontal-featured--single { padding: 0 5px 10px; } .gta-horizontal-featured--home-page .gta-horizontal-featured--inner { position: relative; box-shadow: none; } .gta-horizontal-featured--home-page .gta-horizontal-featured--content { background: url("../images/homepage-arrow.png") no-repeat 92% 50%; padding: 25px 20px; } .gta-horizontal-featured--home-page .gta-horizontal-featured--title { color: #0080A6; font-size: 1.5rem; } .gta-horizontal-featured--home-page .gta-horizontal-featured--excerpt { max-width: 80%; } .gta-horizontal-featured--home-page .gta-horizontal-featured--heading { position: absolute; top: 0px; left: 0px; background: #F2783E; font-size: 12px; font-size: 0.75rem; font-family: "Roboto Slab", serif; font-weight: 400; font-weight: 700; text-transform: inherit; padding: 10px 30px 7px; } .gta-horizontal-featured--home-page .gta-horizontal-featured--link { color: #F2783E; margin-top: 15px; text-transform: uppercase; text-decoration: none; display: block; font-weight: 700; } .gta-carousel--card .gta-carousel--card-link { cursor: pointer; min-height: 400px; perspective: 600px; perspective-origin: 50% 50%; position: relative; display: block; } .gta-carousel--card .gta-carousel--card-link p, .gta-carousel--card .gta-carousel--card-link h4, .gta-carousel--card .gta-carousel--card-link .card-text { color: #fff; } .gta-carousel--card .gta-carousel--card-link h4 { font-size: 22px; font-size: 1.375rem; font-weight: 700; margin-bottom: 15px; } .gta-carousel--card .gta-carousel--card-link p { font-size: 16px; font-size: 1rem; } .gta-carousel--card .gta-carousel--card-link span.s-button { border-color: #fff; color: #fff; max-width: 150px; padding: 10px; font-size: 14px; font-size: 0.875rem; } .gta-carousel--card .gta-carousel--card-link:hover .gta-carousel--card-front, .gta-carousel--card .o-content-list--link:hover .gta-carousel--card-link.o-content-list--button .gta-carousel--card-front, .o-content-list--link:hover .gta-carousel--card .gta-carousel--card-link.o-content-list--button .gta-carousel--card-front, .gta-carousel--card .gta-carousel--card-link.card-revealed .gta-carousel--card-front { transform: rotateY(180deg); } .gta-carousel--card .gta-carousel--card-link:hover .gta-carousel--card-back, .gta-carousel--card .o-content-list--link:hover .gta-carousel--card-link.o-content-list--button .gta-carousel--card-back, .o-content-list--link:hover .gta-carousel--card .gta-carousel--card-link.o-content-list--button .gta-carousel--card-back, .gta-carousel--card .gta-carousel--card-link.card-revealed .gta-carousel--card-back { transform: rotateY(0deg); } .o-connect-list { padding: 50px 0; } @media (max-width: 949px ) { .o-connect-list { padding: 75px 0; } .o-connect-list .columns-11 { width: 100%; } } .o-connect-list--heading { text-align: center; margin-bottom: 10px; } .o-connect-list--block--dot { height: 55px; width: 55px; border-radius: 50%; background: white; position: relative; border: solid 3px #707272; } .o-connect-list--block--dot:after { content: ""; position: absolute; width: 49px; height: 49px; border-radius: 50%; top: 0px; left: 0px; border: solid 5px white; background: #707272; } @media (max-width: 949px ) { .o-connect-list--block--dot { height: 32px; width: 32px; } .o-connect-list--block--dot:after { width: 26px; height: 26px; border: solid 2px white; } } /* Vertical */ .o-connect-list--block__vertical { display: flex; } .o-connect-list--block__vertical:last-of-type .o-connect-list--block--dots:before { display: none; } .o-connect-list--block__vertical .o-connect-list--block--dots { width: 140px; position: relative; } @media (max-width: 949px ) { .o-connect-list--block__vertical .o-connect-list--block--dots { width: 60px; } } @media (max-width: 767px ) { .o-connect-list--block__vertical .o-connect-list--block--dots { width: 45px; } } .o-connect-list--block__vertical .o-connect-list--block--dots:before { content: ""; display: block; position: absolute; top: 100%; height: 100%; left: 50%; transform: translateX(-50%); width: 3px; background: #707272; top: 0; left: 26px; } @media (max-width: 949px ) { .o-connect-list--block__vertical .o-connect-list--block--dots:before { left: 16px; } } .o-connect-list--block__vertical .o-connect-list--block--content { flex: 1 1 0; padding-bottom: 53px; } .o-connect-list--block__vertical .o-connect-list--block--content p { font-family: "Open Sans", sans-serif; font-style: normal; font-weight: 400; font-size: 18px; font-size: 1.125rem; line-height: 28px; color: #050A13; } @media (max-width: 949px ) { .o-connect-list--block__vertical .o-connect-list--block--content { margin-bottom: 15px; padding-bottom: 10px; } } .o-connect-list--block__vertical:last-of-type .o-connect-list--block--dot:before { display: none; } @media (max-width: 767px ) { .o-connect-list--block__vertical .o-connect-list--title { font-size: 20px; } .o-connect-list--block__vertical .o-connect-list--block--content p { font-size: 16px; line-height: 1.4; } } /* Horizontal */ .o-connect-list--block__horizontal-container { display: flex; text-align: center; } .o-connect-list--block__horizontal-container .o-connect-list--title { padding: 0 0 10px; } .o-connect-list--block__horizontal-container .o-connect-list--block--lines-container { position: absolute; left: 0; right: 0; } .o-connect-list--block__horizontal-container .o-connect-list--block__horizontal-body { position: relative; } .o-connect-list--block__horizontal-container .o-connect-list--block { position: relative; } .o-connect-list--block__horizontal-container .o-connect-list--block--dots { position: absolute; top: 0; left: 50%; transform: translate(-50%, -50%); z-index: 10; } .o-connect-list--block__horizontal-container .o-connect-list--block--dots .o-connect-list--block-lines { display: none; } .o-connect-list--block__horizontal-container .o-connect-list--block--dot { margin: 0 auto; } .o-connect-list--block__horizontal-container .o-connect-list--block { flex: 1 1 0; margin-top: 40px; } .o-connect-list--block__horizontal-container .o-connect-list--block--content { position: relative; margin-top: 40px; } .o-connect-list--block__horizontal-container .o-connect-list--block--content:hover .o-connect-list--block--content--inner, .o-connect-list--block__horizontal-container .o-content-list--link:hover .o-connect-list--block--content.o-content-list--button .o-connect-list--block--content--inner, .o-content-list--link:hover .o-connect-list--block__horizontal-container .o-connect-list--block--content.o-content-list--button .o-connect-list--block--content--inner { opacity: 1; } @media (max-width: 949px ) { .o-connect-list--block__horizontal-container .o-connect-list--block--content { margin-top: 20px; } } .o-connect-list--block__horizontal-container .o-connect-list--image { display: none; } @media (max-width: 767px ) { .o-connect-list--block__horizontal-container .o-connect-list--image { display: block; } } .o-connect-list--block__horizontal-container .o-connect-list--block--content--inner { padding: 40px; position: relative; height: 450px; display: flex; align-items: center; justify-content: center; opacity: 0; transition: opacity 0.4s ease; } .o-connect-list--block__horizontal-container .o-connect-list--block--content--inner:after { content: ""; display: block; position: absolute; top: 40px; left: 40px; right: 40px; bottom: 40px; border: solid 2px #FFC530; } @media (max-width: 1249px ) { .o-connect-list--block__horizontal-container .o-connect-list--block--content--inner:after { top: 25px; left: 25px; right: 25px; bottom: 25px; } } @media (max-width: 949px ) { .o-connect-list--block__horizontal-container .o-connect-list--block--content--inner { height: 350px; } .o-connect-list--block__horizontal-container .o-connect-list--block--content--inner:after { top: 15px; left: 15px; right: 15px; bottom: 15px; } } @media (max-width: 767px ) { .o-connect-list--block__horizontal-container .o-connect-list--block--content--inner { height: auto; opacity: 1; padding: 30px; } } .o-connect-list--block__horizontal-container .o-connect-list--block--content--container { position: relative; z-index: 5; padding: 20px; } @media (max-width: 767px ) { .o-connect-list--block__horizontal-container .o-connect-list--block--content--container { padding: 0; } } .o-connect-list--block__horizontal-container .o-connect-list--heading { color: #FFC530; text-transform: uppercase; margin: 0; padding: 0; letter-spacing: 0.05em; } .o-connect-list--block__horizontal-container .o-connect-list--stat { font-weight: 700; text-align: center; color: #FFFFFF; text-transform: none; margin: 10px 0; padding: 0; } @media (max-width: 767px ) { .o-connect-list--block__horizontal-container .o-connect-list--stat { line-height: 1.1; margin: 0; } } .o-connect-list--block__horizontal-container .o-connect-list--content p { font-size: 24px; font-size: 1.5rem; line-height: 1.45; text-align: center; color: #FFFFFF; } @media (max-width: 767px ) { .o-connect-list--block__horizontal-container .o-connect-list--content p { font-size: 18px; font-size: 1.125rem; line-height: 1.2; } } .o-connect-list--block__horizontal-container .o-connect-list--block__red .o-connect-list--block--dot { border: solid 3px #861F32; } .o-connect-list--block__horizontal-container .o-connect-list--block__red .o-connect-list--block--dot:after { background: #861F32; } .o-connect-list--block__horizontal-container .o-connect-list--block__red .o-connect-list--block--content--inner { background: rgba(134, 31, 50, 0.8); } .o-connect-list--block__horizontal-container .o-connect-list--block__blue .o-connect-list--block--dot { border: solid 3px #0080A6; } .o-connect-list--block__horizontal-container .o-connect-list--block__blue .o-connect-list--block--dot:after { background: #0080A6; } .o-connect-list--block__horizontal-container .o-connect-list--block__blue .o-connect-list--block--content--inner { background: rgba(0, 128, 166, 0.8); } .o-connect-list--block__horizontal-container .o-connect-list--block__grey .o-connect-list--block--dot { border: solid 3px #2D4348; } .o-connect-list--block__horizontal-container .o-connect-list--block__grey .o-connect-list--block--dot:after { background: #2D4348; } .o-connect-list--block__horizontal-container .o-connect-list--block__grey .o-connect-list--block--content--inner { background: rgba(45, 67, 72, 0.8); } @media (max-width: 1024px ) { .o-connect-list--block__horizontal-container .o-connect-list--stat { font-size: 36px; font-size: 2.25rem; } } @media (max-width: 949px ) { .o-connect-list--block__horizontal-container { display: block; } } .o-connect-list--block-lines { position: absolute; pointer-events: none; transform: translate(-50%, -50%); max-width: none; opacity: 0.2; } .o-connect-list__vertical_list .o-connect-list--block-lines__1, .o-connect-list__vertical .o-connect-list--block-lines__1 { top: -13px; left: 26px; } .o-connect-list__vertical_list .o-connect-list--block-lines__2, .o-connect-list__vertical .o-connect-list--block-lines__2 { top: 17px; left: 97px; } .o-connect-list__vertical_list .o-connect-list--block-lines__3, .o-connect-list__vertical .o-connect-list--block-lines__3 { top: 80px; left: 41px; } .o-connect-list__vertical_list .o-connect-list--block-lines__4, .o-connect-list__vertical .o-connect-list--block-lines__4 { top: 80px; left: 41px; } .o-connect-list__vertical_list .o-connect-list--block-lines__5, .o-connect-list__vertical .o-connect-list--block-lines__5 { top: 80px; left: 41px; } .o-connect-list__horizontal_list .o-connect-list--block-lines__1, .o-connect-list__horizontal .o-connect-list--block-lines__1 { top: calc(50% - 0px); left: calc(50% - 80px); } .o-connect-list__horizontal_list .o-connect-list--block-lines__2, .o-connect-list__horizontal .o-connect-list--block-lines__2 { top: calc(50% - 0px); left: calc(50% - 103px); } .o-connect-list__horizontal_list .o-connect-list--block-lines__3, .o-connect-list__horizontal .o-connect-list--block-lines__3 { top: calc(50% + 19px); left: calc(50% - 28px); } .o-connect-list__horizontal_list .o-connect-list--block-lines__4, .o-connect-list__horizontal .o-connect-list--block-lines__4 { top: calc(50% + 13px); left: calc(50% + 8px); } .o-connect-list__horizontal_list .o-connect-list--block-lines__5, .o-connect-list__horizontal .o-connect-list--block-lines__5 { top: calc(50% + 12px); left: calc(50% + 53px); } /**** HOMEPAGE *****/ .o-home--connect-list .o-connect-list--block__vertical .o-connect-list--block--dots:before { left: 50%; } .o-home--connect-list .o-connect-list--block__vertical .o-connect-list--block--dot { margin: 0 auto; z-index: 5; } .o-home--connect-list .o-connect-list__vertical_list .o-connect-list--block-lines { z-index: 1; } .o-home--connect-list .o-connect-list__vertical_list .o-connect-list--block-lines__1 { top: -1px; left: calc(50% + 8px); } .o-home--connect-list .o-connect-list__vertical_list .o-connect-list--block-lines__2 { top: 24px; left: calc(50% + 78px); } .o-home--connect-list .o-connect-list__vertical_list .o-connect-list--block-lines__3 { top: 88px; left: calc(50% + 20px); } .o-home--connect-list .o-connect-list--block__horizontal-container .o-connect-list--block--content { border: solid 2px white; } /******* GUTENBERG ***/ .gta-connect-list { padding: 25px 0; /* * * GUTENBURG VERTICAL LIST */ /* * * GUTENBURG HORIZTONTAL LIST * */ } .gta-connect-list .o-connect-list--title { font-weight: 700; text-transform: uppercase; padding: 0; } .gta-connect-list .o-connect-list--block--dot { height: 32px; width: 32px; border-width: 2px; } .gta-connect-list .o-connect-list--block--dot:after { width: 28px; height: 28px; border-width: 4px; } .gta-connect-list .o-connect-list--block--dot:before { width: 2px; } .gta-connect-list .o-connect-list--block--header, .gta-connect-list .o-connect-list--meta { display: flex; align-items: center; } @media (max-width: 767px ) { .gta-connect-list .o-connect-list--block--header { display: block; } } .gta-connect-list .o-connect-list--meta { padding-left: 35px; } .gta-connect-list .o-connect-list--meta:before { content: ""; display: block; height: 30px; width: 2px; position: relative; left: -20px; background: #707272; } @media (max-width: 767px ) { .gta-connect-list .o-connect-list--meta { padding-left: 0; padding-top: 10px; } .gta-connect-list .o-connect-list--meta:before { display: none; } } .gta-connect-list .o-connect-list--meta .o-connect-list--date, .gta-connect-list .o-connect-list--meta .o-connect-list--target { padding: 0; } .gta-connect-list .o-connect-list--meta .o-connect-list--date { font-family: "Roboto Slab", serif; font-weight: 400; font-size: 16px; line-height: 1.125; color: #050A13; } .gta-connect-list .o-connect-list--meta .o-connect-list--target { background: #2D4348; font-family: "Open Sans", sans-serif; font-style: normal; font-weight: 600; font-size: 14px; line-height: 25px; color: #FFFFFF; margin-left: 20px; padding: 2px 12px 3px; } .gta-connect-list .o-connect-list--content { margin-top: 15px; } .gta-connect-list .o-connect-list--content p { font-family: "Open Sans", sans-serif; font-style: normal; font-weight: 400; font-size: 18px; line-height: 25px; color: #050A13; } .gta-connect-list .o-connect-list--block--dots { position: relative; } .gta-connect-list .o-connect-list--block--dot { position: relative; } .gta-connect-list .o-connect-list--block--dot:after { z-index: 10; } .gta-connect-list .o-connect-list__vertical .o-connect-list--block__vertical { padding: 0; overflow: visible; } .gta-connect-list .o-connect-list__vertical .o-connect-list--block__vertical:last-of-type .o-connect-list--block--dots:before { display: none; } .gta-connect-list .o-connect-list__vertical .o-connect-list--block--dots { width: 100px; width: 60px; position: relative; } .gta-connect-list .o-connect-list__vertical .o-connect-list--block--dots:before { content: ""; width: 2px; position: absolute; background: #2D4348; height: 100%; bottom: 0; left: 16px; } @media (max-width: 767px ) { .gta-connect-list .o-connect-list__vertical .o-connect-list--block--dots { width: 50px; } } .gta-connect-list .o-connect-list__vertical .o-connect-list--block--dot:before { display: none; } .gta-connect-list .o-connect-list__vertical .o-connect-list__status-current .o-connect-list--title { color: #0080A6; } .gta-connect-list .o-connect-list__vertical .o-connect-list__status-current .o-connect-list--block--dot { border-color: #0080A6; } .gta-connect-list .o-connect-list__vertical .o-connect-list__status-current .o-connect-list--block--dot:after { background: #0080A6; } .gta-connect-list .o-connect-list__vertical .o-connect-list__status-current .o-connect-list--title { color: #0080A6; } .gta-connect-list .o-connect-list__vertical .o-connect-list__status-current .o-connect-list--block--dot { border-color: #0080A6; } .gta-connect-list .o-connect-list__vertical .o-connect-list__status-current .o-connect-list--block--dot:after { background: #0080A6; } .gta-connect-list .o-connect-list__vertical .o-connect-list__status-past .o-connect-list--status__check { position: absolute; width: 15px; left: calc(50% - 1px); top: 50%; transform: translate(-50%, -50%); z-index: 20; } .gta-connect-list .o-connect-list__vertical .o-connect-list__status-past .o-connect-list--block--dot:after { border-width: 3px; } .gta-connect-list .o-connect-list__horizontal { display: flex; } .gta-connect-list .o-connect-list__horizontal .o-connect-list--block.o-connect-list--block__horizontal { text-align: center; } .gta-connect-list .o-connect-list__horizontal .o-connect-list--block.o-connect-list--block__horizontal:first-of-type .o-connect-list--block--dots:before { display: none; } .gta-connect-list .o-connect-list__horizontal .o-connect-list--block.o-connect-list--block__horizontal:last-of-type .o-connect-list--block--dots:after { display: none; } .gta-connect-list .o-connect-list__horizontal .o-connect-list--block--dot { margin: 0 auto; } .gta-connect-list .o-connect-list__horizontal .o-connect-list--title { text-transform: none; margin: 25px 0 0; } .gta-connect-list .o-connect-list__horizontal .o-connect-list--content { margin: 5px 0 0; } .gta-connect-list .o-connect-list__horizontal .o-connect-list--content p { font-size: 18px; line-height: 27px; margin-top: 6px; } .gta-connect-list .o-connect-list__horizontal .o-connect-list--block--dots { position: relative; } .gta-connect-list .o-connect-list__horizontal .o-connect-list--block--dots:before, .gta-connect-list .o-connect-list__horizontal .o-connect-list--block--dots:after { content: ""; height: 3px; background: #707272; width: 50%; position: absolute; display: block; top: 50%; transform: translateY(-50%); } .gta-connect-list .o-connect-list__horizontal .o-connect-list--block--dots:before { left: 0; } .gta-connect-list .o-connect-list__horizontal .o-connect-list--block--dots:after { right: 0; } .gta-connect-list .o-connect-list__horizontal .o-connect-list--block--dot { height: 55px; width: 55px; border-width: 3px; border-color: #2D4348; } .gta-connect-list .o-connect-list__horizontal .o-connect-list--block--dot:after { width: 49px; height: 49px; background: #2D4348; border-width: 5px; } .gta-connect-list .o-connect-list__horizontal .o-connect-list--block--dot:before { width: 2px; } @media (max-width: 949px ) { .gta-connect-list .o-connect-list__horizontal .o-connect-list--block--dot { height: 40px; width: 40px; } .gta-connect-list .o-connect-list__horizontal .o-connect-list--block--dot:after { width: 34px; height: 34px; } } @media (max-width: 767px ) { .gta-connect-list .o-connect-list__horizontal .o-connect-list--block--dot { height: 32px; width: 32px; border-width: 2px; } .gta-connect-list .o-connect-list__horizontal .o-connect-list--block--dot:after { width: 28px; height: 28px; border-width: 4px; } } .gta-connect-list .o-connect-list__horizontal .o-connect-list--block--content { max-width: 260px; padding: 0 20px; } @media (max-width: 949px ) { .gta-connect-list .o-connect-list__horizontal { display: block; } .gta-connect-list .o-connect-list__horizontal .o-connect-list--block { width: 100%; display: flex; } .gta-connect-list .o-connect-list__horizontal .o-connect-list--block--content { width: 100%; padding: 0 20px; padding-right: 0; text-align: left; } .gta-connect-list .o-connect-list__horizontal .o-connect-list--block--dots:before, .gta-connect-list .o-connect-list__horizontal .o-connect-list--block--dots:after { width: 3px; height: 100%; left: 50%; transform: translateX(-50%); top: 0; } .gta-connect-list .o-connect-list__horizontal .o-connect-list--block--dots:before { display: none; } .gta-connect-list .o-connect-list__horizontal .o-connect-list--block--dots:after { top: 0; bottom: 0; } .gta-connect-list .o-connect-list__horizontal .o-connect-list--block--content { padding-bottom: 25px; max-width: none; } .gta-connect-list .o-connect-list__horizontal .o-connect-list--title { margin-top: 5px; } .gta-connect-list .o-connect-list__horizontal .o-connect-list--block-lines__1 { top: calc(50% - 11px); left: calc(50% - 10px); } .gta-connect-list .o-connect-list__horizontal .o-connect-list--block-lines__2 { top: calc(50% - 0px); left: calc(50% - 103px); } .gta-connect-list .o-connect-list__horizontal .o-connect-list--block-lines__3 { top: calc(50% - 4px); left: calc(50% - 38px); } .gta-connect-list .o-connect-list__horizontal .o-connect-list--block-lines__4 { top: calc(50% - 24px); left: calc(50% + 8px); } .gta-connect-list .o-connect-list__horizontal .o-connect-list--block-lines__5 { top: calc(50% - 55px); left: calc(50% + 18px); } } .o-connect-list.gutenblock--expanded-connect-list { padding: 30px 0; } .o-connect-list.gutenblock--expanded-connect-list .o-connect-list--block--content { border: solid 2px white; } .o-content-list { position: relative; z-index: 10; padding: 50px 0; } .o-content-list.is-style__grey { background: #F4F4F4; } .o-content-list--inside { max-width: 1230px; margin: 0 auto; } .o-content-list--single { padding: 25px; display: flex; } .o-content-list--link { display: block; cursor: pointer; text-decoration: none; background: #fff; } .o-content-list--link:hover, .o-content-list--link:hover .o-content-list--link.o-content-list--button { text-decoration: none; } .o-content-list--link:hover .o-content-list--content::after { background: #2D4348; } .o-content-list--image--inner { position: relative; } .o-content-list--image { position: relative; display: block; } .o-content-list--image::before { content: ""; position: absolute; background: #F4F4F4; z-index: 1; } .is-style__grey .o-content-list--image::before { background: #fff; } /* Image */ .o-content-list--img { width: 100%; display: block; z-index: 2; height: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; object-fit: cover; } /* TAG */ .o-content-list--tag { font-family: "Open Sans", sans-serif; font-style: normal; font-weight: 600; font-size: 14px; font-size: 0.875rem; line-height: 1.8; position: absolute; background: #2D4348; padding: 5px 13px 3px; z-index: 10; color: #FFFFFF; } .o-content-list--tag { color: #FFC530; text-align: right; } .o-content-list--terms { font-family: "Open Sans", sans-serif; font-style: normal; font-weight: 600; font-size: 14px; font-size: 0.875rem; line-height: 1.8; background: #2D4348; padding: 5px 13px 3px; z-index: 10; color: #FFFFFF; margin-right: 15px; } .o-content-list--content-type { text-transform: capitalize; padding: 10px 0; } /* Content */ .o-content-list--content { background: #F4F4F4; padding: 35px 40px 0; transition: all 0.3s ease; position: relative; } .is-style__grey .o-content-list--content { background: #fff; } .o-content-list--content::after { content: ""; height: 3px; display: block; width: 100%; position: absolute; transition: all 0.3s ease; top: 100%; left: 0; right: 0; } .o-content-list--content .o-content-list--date { font-family: "Open Sans", sans-serif; font-style: normal; font-weight: 700; font-size: 12px; font-size: 0.75rem; line-height: 1.25; letter-spacing: 0.05em; color: #2D4348; text-transform: uppercase; } .o-content-list--content .o-content-list--title { font-weight: 700; padding-bottom: 10px; } .o-content-list--content .o-content-list--excerpt { color: black; } .o-content-list--content .o-content-list--button-container { margin-top: 30px; } .o-content-list--content .o-content-list--button span, .o-content-list--content .o-content-list--link:hover .o-content-list--button span, .o-content-list--link:hover .o-content-list--content .o-content-list--button span { transition: all 0.3s ease; opacity: 0; } .o-content-list--content .o-content-list--button:hover span, .o-content-list--content .o-content-list--link:hover .o-content-list--button span, .o-content-list--link:hover .o-content-list--content .o-content-list--button span { opacity: 1; } .o-content-list--categories { margin-top: 25px; } .o-content-list--categories div { margin-bottom: 15px; } .o-content-list--meta { display: flex; align-items: flex-end; } .o-content-list--meta .o-content-list--button-container { margin-left: auto; } .o-content-list--category { margin-bottom: 10px; } .o-content-list--category::before { background-color: #0080A6; } .o-content-list--button, .o-content-list--link:hover .o-content-list--button { padding: 14px 0; padding-right: 50px; } .o-content-list--button span, .o-content-list--link:hover .o-content-list--button span { display: block; padding: 0; line-height: 1.2; } .o-content-list--button:hover span, .o-content-list--link:hover .o-content-list--button span { padding: 0 18px; } .o-content-list--block-button { margin: 25px 0; text-align: right; margin-left: auto; justify-content: flex-end; align-items: center; } .o-content-list--block-button .o-page-navigation--title { font-weight: 700; padding: 0 0 10px; } /* * HORIZONTAL LIST */ .o-content-list__horizontal { display: flex; flex-wrap: wrap; } .o-content-list--single__horizontal { width: 33.3333333333%; } .o-content-list--single__horizontal .o-content-list--link { display: flex; flex-direction: column; width: 100%; } .o-content-list--single__horizontal .o-content-list--link:hover .o-content-list--button span, .o-content-list--link:hover .o-content-list--single__horizontal .o-content-list--link.o-content-list--button .o-content-list--button span { max-width: 300px; visibility: visible; } .o-content-list--single__horizontal .o-content-list--tag { top: 0; left: 0; } .o-content-list--single__horizontal .o-content-list--content { flex: 1 1 auto; display: flex; justify-content: column; flex-direction: column; } .o-content-list--single__horizontal .o-content-list--content--body { flex: 1 1 auto; } .o-content-list--single__horizontal .o-content-list--excerpt { padding-bottom: 10px; } .o-content-list--single__horizontal .o-content-list--image--inner { padding-bottom: 100%; } .o-content-list--single__horizontal .o-content-list--image { padding: 0; } .o-content-list--single__horizontal .o-content-list--image::before { bottom: 0; left: 0; right: 0; height: 64px; } .o-content-list--single__horizontal .o-content-list--img__circle { border-radius: 50%; overflow: hidden; } .o-content-list--single__horizontal .o-content-list--button-container { margin-top: 5px; margin-bottom: 0; text-align: right; } .o-content-list--single__horizontal .o-content-list--button span, .o-content-list--single__horizontal .o-content-list--link:hover .o-content-list--button span, .o-content-list--link:hover .o-content-list--single__horizontal .o-content-list--button span { display: block; padding: 0; white-space: nowrap; max-width: 0; visibility: hidden; } .o-content-list--single__horizontal .o-content-list--button::before, .o-content-list--single__horizontal .o-content-list--link:hover .o-content-list--button::before, .o-content-list--link:hover .o-content-list--single__horizontal .o-content-list--button::before { width: 100%; } @media (max-width: 949px ) { .o-content-list--single__horizontal { width: 100%; } .o-content-list--single__horizontal .o-content-list--image--container { margin: 0 auto; max-width: 400px; } .o-content-list--single__horizontal .o-content-list--img { max-width: 400px; object-fit: cover; margin: 0 auto; } } /* * VERTICAL LIST */ .o-content-list--single__vertical { margin-bottom: 15px; width: 100%; padding: 10px 25px; } .o-content-list--single__vertical .o-content-list--link { width: 100%; display: flex; } .o-content-list--single__vertical .o-content-list--image { width: 390px; max-width: 390px; min-width: 390px; margin-bottom: 0; } .o-content-list--single__vertical .o-content-list--image::before { top: 30px; right: 0; bottom: 0; width: 205px; transition: all 0.3s ease; } .o-content-list--single__vertical .o-content-list--image .o-content-list--tag { top: 0; left: 0; } .o-content-list--single__vertical .o-content-list--image--container { height: 100%; } .o-content-list--single__vertical .o-content-list--image--inner { padding-bottom: 40%; height: 100%; } .o-content-list--single__vertical .o-content-list--content { margin-top: 0; padding: 30px 50px; display: flex; align-items: flex-start; flex-direction: column; justify-content: center; flex: 1 1 auto; padding-right: 60px; } .o-content-list--single__vertical .o-content-list--content .o-content-list--button-container { margin-top: 0; } .o-content-list--single__vertical .o-content-list--content .o-content-list--categories div { display: inline-block; } .o-content-list--single__vertical .o-content-list--content::after { width: 3px; height: 100%; top: 0; bottom: 0; left: 100%; } .o-content-list--single__vertical .o-content-list--excerpt { padding-right: 30px; } .o-content-list--single__vertical .o-content-list--button, .o-content-list--single__vertical .o-content-list--link:hover .o-content-list--button, .o-content-list--link:hover .o-content-list--single__vertical .o-content-list--button { margin: 0; position: absolute; bottom: 0; right: 40px; } @media (max-width: 767px ) { .o-content-list--single__vertical .o-content-list--link { display: block; } .o-content-list--single__vertical .o-content-list--image { max-width: none; margin-bottom: 0; width: calc(100% - 30px); } .o-content-list--single__vertical .o-content-list--image::before { right: -30px; bottom: 0; width: 100%; } .o-content-list--single__vertical .o-content-list--content { padding: 30px; margin-left: 30px; margin-top: 0; } } /* * GRID LIST */ .o-content-list__grid { display: flex; flex-wrap: wrap; } .o-content-list--single__grid { width: 50%; } .o-content-list--single__grid .o-content-list--link { width: 100%; display: flex; } .o-content-list--single__grid .o-content-list--image, .o-content-list--single__grid .o-content-list--content { width: 50%; } .o-content-list--single__grid .o-content-list--image--container { height: 100%; } .o-content-list--single__grid .o-content-list--image--inner { padding-bottom: 85%; height: 100%; } .o-content-list--single__grid .o-content-list--tag { top: 0; } .o-content-list--single__grid .o-content-list--img { height: 100%; object-fit: cover; } .o-content-list--single__grid .o-content-list--content { padding: 65px 50px 0; display: flex; flex-direction: column; justify-content: space-between; } .o-content-list--single__grid .o-content-list--content::after { width: 3px; height: 100%; top: 0; bottom: 0; left: 100%; } .o-content-list--single__grid .o-content-list--button-container { text-align: right; } .o-content-list--single__grid .o-content-list--button span, .o-content-list--single__grid .o-content-list--link:hover .o-content-list--button span, .o-content-list--link:hover .o-content-list--single__grid .o-content-list--button span { max-width: 0; visibility: hidden; white-space: nowrap; } .o-content-list--single__grid .o-content-list--button:hover span, .o-content-list--single__grid .o-content-list--link:hover .o-content-list--button span, .o-content-list--link:hover .o-content-list--single__grid .o-content-list--button span { max-width: 300px; visibility: visible; } @media (max-width: 949px ) { .o-content-list--single__grid { width: 100%; } } /* * PROJECT LIST */ .o-content-list__projects { display: flex; flex-wrap: wrap; } .o-content-list--single__projects { width: 50%; } .o-content-list--single__projects .o-content-list--image--inner { padding-bottom: 40%; } .o-content-list--single__projects .o-content-list--link { width: 100%; display: flex; flex-direction: column; } .o-content-list--single__projects .o-content-list--tag { top: 0; } .o-content-list--single__projects .o-content-list--content { padding: 30px 40px 0; flex: 1 1 auto; display: flex; flex-direction: column; justify-content: space-between; } .o-content-list--single__projects .o-content-list--button-container { text-align: right; } .o-content-list--single__projects .o-content-list--button span, .o-content-list--single__projects .o-content-list--link:hover .o-content-list--button span, .o-content-list--link:hover .o-content-list--single__projects .o-content-list--button span { padding: 0 18px; } @media (max-width: 767px ) { .o-content-list--single__projects { width: 100%; } } .gta-expert-embed { padding: 75px 0; position: relative; } .gta-expert-embed .gta-embed--container--title, .gta-expert-embed .gta-embed--wrapper { position: relative; z-index: 10; } .gta-expert-embed .gta-expert-embed--background { position: absolute; top: 0; left: 50%; transform: translateX(-50%); bottom: 0; width: 100vw; height: 100%; } .gta-expert-embed .gta-expert-embed--background.grey { background-color: #F4F4F4; } .gta-expert-embed .gta-embed--container--title { font-weight: 700; text-align: center; } .gta-expert-embed .gta-expert-embed--wrapper { justify-content: center; max-width: 1130px; margin: 0 auto; } .gta-expert-embed.gta-expert__wide .gta-expert-embed--wrapper { max-width: calc(100vw - 40px); width: 1350px; left: 50%; transform: translateX(-50%); } .alignfull .gta-expert-embed.gta-expert__wide .gta-expert-embed--wrapper { left: auto; transform: none; } .gta-embed--container.gta-expert-embed--container { display: block; border: none; box-shadow: none; margin: 0; max-width: 261px; padding: 25px 15px; background: none; margin: 0 10px; } @media (max-width: 767px ) { .gta-embed--container.gta-expert-embed--container { padding: 25px 0; } } .gta-expert__wide .gta-embed--container.gta-expert-embed--container { max-width: 210px; } .gta-embed--container.gta-expert-embed--container a { text-decoration: none; } .gta-embed--container.gta-expert-embed--container a:hover, .gta-embed--container.gta-expert-embed--container .o-content-list--link:hover a.o-content-list--button, .o-content-list--link:hover .gta-embed--container.gta-expert-embed--container a.o-content-list--button { text-decoration: none; } .gta-embed--container.gta-expert-embed--container a:hover .gta-embed--image.gta-expert-embed--image, .gta-embed--container.gta-expert-embed--container .o-content-list--link:hover a.o-content-list--button .gta-embed--image.gta-expert-embed--image, .o-content-list--link:hover .gta-embed--container.gta-expert-embed--container a.o-content-list--button .gta-embed--image.gta-expert-embed--image { opacity: 0.7; } .gta-embed--container.gta-expert-embed--container a:hover .gta-expert-embed--title, .gta-embed--container.gta-expert-embed--container .o-content-list--link:hover a.o-content-list--button .gta-expert-embed--title, .o-content-list--link:hover .gta-embed--container.gta-expert-embed--container a.o-content-list--button .gta-expert-embed--title { color: #FFC530; } .gta-embed--container.gta-expert-embed--container .gta-embed--image.gta-expert-embed--image { padding: 0; width: 100%; transition: opacity 0.4s ease; position: relative; padding-bottom: 100%; } .gta-embed--container.gta-expert-embed--container .gta-embed--image.gta-expert-embed--image img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; object-fit: cover; height: 100%; object-position: top center; } .gta-embed--container.gta-expert-embed--container .gta-embed--content.gta-expert-embed--content { width: 100%; display: block; padding: 25px 15px 0; text-align: center; } .gta-embed--container.gta-expert-embed--container .gta-expert-embed--title { font-weight: 700; transition: color 0.4s ease; } .gta-embed--container.gta-expert-embed--container .gta-embed--position.gta-expert-embed--position { font-family: "Open Sans", sans-serif; font-style: normal; font-weight: 700; font-size: 12px; line-height: 1.25; text-align: center; letter-spacing: 0.05em; color: #707272; margin: 0px; padding: 15px 0 0; display: block; } .gta-filter--toggle { background-color: #0080A6; } .gta-filter--toggle:hover, .o-content-list--link:hover .gta-filter--toggle.o-content-list--button { background-color: #005973; } .gta-filter--top { background-color: #0080A6; } .gta-page-resources .gta-filter--filter .select2-container .select2-selection--multiple { display: flex; align-items: center; flex-wrap: wrap; min-height: 55px; padding: 5px 0; } .gta-page-resources .gta-filter--filter .select2-selection__choice, .gta-page-resources .gta-filter--filter .select2-selection__rendered li { margin: 2px !important; } .gta-page-resources .gta-filter--filter:first-of-type .select2-container--default .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove { background-color: #2D4348; } .gta-page-resources .gta-filter--filter:first-of-type .select2-container--default .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove:hover, .gta-page-resources .gta-filter--filter:first-of-type .select2-container--default .select2-selection--multiple .select2-selection__choice .o-content-list--link:hover .select2-selection__choice__remove.o-content-list--button, .o-content-list--link:hover .gta-page-resources .gta-filter--filter:first-of-type .select2-container--default .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove.o-content-list--button { background-color: white; } .gta-page-resources .gta-filter--filter:last-of-type .select2-container--default .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove { background-color: #0080A6; } .gta-page-resources .gta-filter--filter:last-of-type .select2-container--default .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove:hover, .gta-page-resources .gta-filter--filter:last-of-type .select2-container--default .select2-selection--multiple .select2-selection__choice .o-content-list--link:hover .select2-selection__choice__remove.o-content-list--button, .o-content-list--link:hover .gta-page-resources .gta-filter--filter:last-of-type .select2-container--default .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove.o-content-list--button { background-color: white; } .gta-page-resources .gta-filter--filter:last-of-type .select2-selection__choice__remove { position: absolute; top: 5px; left: 4px; margin-right: 0; } .gta-gallery--gallery { padding: 0; position: relative; } .gta-gallery--gallery .slick-arrow { position: absolute; top: 50%; z-index: 10; height: 64px; width: 64px; background: #FFC530; position: absolute; background: #FFC530; border: none; font-size: 0; text-indent: 999px; overflow: hidden; transform: translateY(-50%); } .gta-gallery--gallery .slick-arrow:hover, .gta-gallery--gallery .o-content-list--link:hover .slick-arrow.o-content-list--button, .o-content-list--link:hover .gta-gallery--gallery .slick-arrow.o-content-list--button { opacity: 0.6; } @media (max-width: 949px ) { .gta-gallery--gallery .slick-arrow { width: 40px; height: 40px; } } .gta-gallery--gallery .slick-next { right: 0; background: #FFC530 url(../../images/arrow-prev.svg) no-repeat center center; transform: translateY(-50%) rotate(180deg); } .gta-gallery--gallery .slick-prev { left: 0; background: #FFC530 url(../../images/arrow-prev.svg) no-repeat center center; } .gta-gallery--single { padding: 0; width: 100%; position: relative; } .gta-gallery--single + .gta-gallery--single { display: none; } .gta-gallery--single .gta-gallery--image.lazy-hidden { width: auto; } .gta-gallery--overlay { background: rgba(0, 128, 166, 0.75); position: absolute; left: 0; right: 0; bottom: 0; overflow: hidden; } .gta-gallery--overlay .gta-gallery--overlay--link { display: block; text-decoration: none; } .gta-gallery--overlay .gta-gallery--overlay--link:hover, .gta-gallery--overlay .o-content-list--link:hover .gta-gallery--overlay--link.o-content-list--button, .o-content-list--link:hover .gta-gallery--overlay .gta-gallery--overlay--link.o-content-list--button { text-decoration: none; opacity: 0.7; } @media (max-width: 949px ) { .gta-gallery--overlay { position: relative; } } .gta-gallery--overlay--inner { padding: 25px 25px 10px; max-width: 770px; margin: 0 auto; position: relative; } .gta-gallery--overlay--inner:before { content: ""; position: absolute; width: 50vw; right: 100%; top: 40px; height: 2px; background: #FFC530; } .gta-gallery--overlay--inner:after { content: ""; position: absolute; right: 100%; top: 36px; height: 10px; width: 10px; border-radius: 50%; background: #FFC530; } .gta-gallery--overlay--inner .gta-gallery--heading, .gta-gallery--overlay--inner .gta-gallery--title, .gta-gallery--overlay--inner .gta-gallery--text { color: white; transform: none; margin-bottom: 15px; } .gta-gallery--overlay--inner .gta-gallery--heading { color: #FFC530; padding: 0; font-family: "Open Sans", sans-serif; font-style: normal; font-weight: 700; font-size: 12px; font-size: 0.75rem; line-height: 1.25; letter-spacing: 0.05em; padding: 0; } .gta-gallery--overlay--inner .gta-gallery--title { font-size: 20px; font-size: 1.25rem; font-weight: 700; padding: 0; } .gta-gallery--overlay--inner .gta-gallery--text { font-size: 16px; font-size: 1rem; line-height: 1.56; padding: 0; } .gta-form--title { font-size: 35px; font-size: 2.1875rem; } @media (max-width: 767px ) { .gta-form--title { font-size: 28px; font-size: 1.75rem; } } .gta-form { box-shadow: none; padding: 30px 0; } .gta-form input[type=text], .gta-form input[type=url], .gta-form input[type=email], .gta-form input[type=tel], .gta-form input[type=number], .gta-form input[type=password], .gta-form textarea { background-color: #F4F4F4; font-size: 16px; font-size: 1rem; line-height: 1.56em; padding: 10px 15px; } .gta-form select { background-color: #f3f3f3; } .gta-form .gform_footer { text-align: left; } @media (max-width: 1024px ) { .gta-form .columns-6 { width: 100%; } } .gta-form--left { position: relative; } .gta-form--content-img { display: none; } @media (max-width: 1024px ) { .gta-form--content-img { display: block; } } .gta-form--bg-img { background-position: center; background-repeat: no-repeat; background-size: cover; position: absolute; top: 35px; right: 0; bottom: 35px; left: 0; } @media (max-width: 1024px ) { .gta-form--bg-img { display: none; } } .gta-form--inner { margin: 0 auto; max-width: 530px; } .gta-form--title { font-weight: 700; font-size: 32px; font-size: 2rem; line-height: 1.1em; } @media (max-width: 949px ) { .gta-form--title { font-size: 30px; font-size: 1.875rem; } } @media (max-width: 767px ) { .gta-form--title { font-size: 26px; font-size: 1.625rem; } } .o-page-navigation--container { display: flex; justify-content: space-around; padding: 50px 0; } @media (max-width: 767px ) { .o-page-navigation--container { padding: 25px 0; display: block; } } .o-page-navigation--item__previous, .o-page-navigation--item__next, .o-page-navigation--item { max-width: 460px; } .o-page-navigation--item__previous + .o-page-navigation--item, .o-page-navigation--item__next + .o-page-navigation--item, .o-page-navigation--item + .o-page-navigation--item { text-align: right; } .o-page-navigation--link { display: flex; text-decoration: none; max-width: 460px; } .o-page-navigation--link:hover, .o-content-list--link:hover .o-page-navigation--link.o-content-list--button { text-decoration: none; } .o-page-navigation--link:hover .o-page-navigation--title__display, .o-content-list--link:hover .o-page-navigation--link.o-content-list--button .o-page-navigation--title__display { opacity: 0; } .o-page-navigation--link:hover .o-page-navigation--title__placeholder, .o-content-list--link:hover .o-page-navigation--link.o-content-list--button .o-page-navigation--title__placeholder { opacity: 1; } .o-page-navigation--link:hover .o-page-navigation--arrow--line, .o-content-list--link:hover .o-page-navigation--link.o-content-list--button .o-page-navigation--arrow--line { stroke-width: 4px; } .o-page-navigation--link:hover .o-page-navigation--arrow--dot__large, .o-content-list--link:hover .o-page-navigation--link.o-content-list--button .o-page-navigation--arrow--dot__large { opacity: 1; } @media (max-width: 767px ) { .o-page-navigation--link { margin: 35px 0; justify-content: center; } } .o-page-navigation--arrow--line { stroke-width: 2px; transition: all 0.3s ease; } .o-page-navigation--arrow--dot__large { opacity: 0; transition: all 0.3s ease; } .o-page-navigation--text { padding: 0 25px; } .o-page-navigation--heading { font-family: "Open Sans", sans-serif; font-style: normal; font-weight: 600; font-size: 14px; font-size: 0.875rem; list-style: 1.7; color: #0080A6; text-transform: uppercase; margin: 0; padding: 0; } .o-page-navigation--title, .o-page-navigation--title__display, .o-page-navigation--title__placeholder { font-family: "Roboto Slab", serif; font-weight: 400; font-size: 20px; font-size: 1.25rem; list-style: 1.1; color: #050A13; margin: 0; padding: 0; position: relative; } .o-page-navigation--title__display { position: absolute; opacity: 1; width: 100%; transition: all 0.3s ease; } .o-page-navigation--title__placeholder { opacity: 0; font-weight: 700; transition: all 0.3s ease; } .gta-quote { margin-top: 50px; margin-bottom: 50px; } .gta-quote .gta-share { display: none; } .gta-quote blockquote { background-color: transparent; margin: 0 auto; max-width: 825px; padding: 22px 0 0 65px; } .gta-quote blockquote:before { color: #861F32; font-family: "Roboto Slab", serif; font-weight: 700; font-size: 100px; font-size: 6.25rem; top: 17px; left: -4px; } .gta-quote blockquote:after { background-color: #861F32; content: ""; height: 4px; position: absolute; top: 0; left: 0; width: 31px; } .gta-quote.is-style-full-width { background-color: #0080A6; padding: 130px 50px 120px; } .gta-quote.is-style-full-width blockquote { max-width: 1020px; } @media (min-width: 925px) { .gta-quote.is-style-full-width { margin-right: -50vw; margin-left: -50vw; max-width: 100vw; position: relative; right: 50%; left: 50%; width: 100vw; } } @media (max-width: 767px ) { .gta-quote.is-style-full-width { padding: 50px; } } .gta-quote.is-style-full-width blockquote:before { color: #FFC530; } .gta-quote.is-style-full-width blockquote:after { background-color: #FFC530; } .gta-quote--inner { transform: translateY(0); } .gta-quote--inner p { font-size: 18px; font-size: 1.125rem; font-weight: 700; line-height: 1.38em; padding-bottom: 0; } .is-style-full-width .gta-quote--inner p { color: white; font-size: 35px; font-size: 2.1875rem; line-height: 1.02em; } @media (max-width: 767px ) { .is-style-full-width .gta-quote--inner p { font-size: 18px; font-size: 1.125rem; line-height: 1.38em; } } .gta-quote--meta { padding-left: 60px; position: relative; } .gta-quote--meta:before { background-color: #861F32; content: ""; height: 1px; position: absolute; top: calc(50% - 1px); left: 0; width: 50px; } .gta-quote--meta cite { color: #050A13; line-height: 2.08em; margin-bottom: 0; } .is-style-full-width .gta-quote--meta:before { background-color: #FFC530; } .is-style-full-width .gta-quote--meta cite { color: white; } .gta-resource-embed--container { padding-bottom: 50px; position: relative; width: calc(33.3333333333% - 33px); } @media (max-width: 949px ) { .gta-resource-embed--container { width: calc(50% - 50px); } } @media (max-width: 767px ) { .gta-resource-embed--container { margin: 0 auto; max-width: 500px; width: 100%; } } .gta-resource-embed--image { background-position: center; background-repeat: no-repeat; background-size: cover; display: block; margin: 0 auto; position: relative; width: calc(100% - 60px); } .gta-resource-embed--image:after { content: ""; display: block; padding-bottom: 100%; } .gta-resource-embed--lower { background-color: #F4F4F4; } .thumbnail .gta-resource-embed--lower { margin-top: -65px; } .gta-resource-embed--cats { position: relative; } .gta-resource-embed--cats .s-cat--button, .gta-resource-embed--cats .gta-page-resources .gta-filter--filter:first-of-type .select2-selection__choice, .gta-page-resources .gta-filter--filter:first-of-type .gta-resource-embed--cats .select2-selection__choice { background-color: #2D4348; color: white; } .thumbnail .gta-resource-embed--cats-placeholder { min-height: 38px; pointer-events: none; } .gta-resource-embed--inner { padding: 60px 50px 0 40px; } .gta-resource-embed--title { font-weight: 700; } .gta-resource-embed--link { margin-top: 15px; } .plyr .plyr__control--overlaid[data-plyr=play] { width: auto; max-width: auto; background: #FFC530; border-radius: 0; color: black; display: flex !important; align-items: center; flex-direction: row-reverse; padding: 14px 16px 14px 25px; font-family: "Open Sans", sans-serif; font-style: normal; font-weight: 600; font-size: 14px; line-height: 25px; text-transform: uppercase; color: #050A13; border: solid 2px #FFC530; } .plyr .plyr__control--overlaid[data-plyr=play] svg { display: none; } .plyr .plyr__control--overlaid[data-plyr=play] .plyr__sr-only { clip: none; overflow: visible; border: 0 !important; height: auto !important; padding: 0 !important; position: static !important; width: auto !important; display: flex; } .plyr .plyr__control--overlaid[data-plyr=play] .plyr__sr-only:after { background: url("../../images/play-arrow.svg") no-repeat center right; display: block; width: 20px; height: 25px; margin-left: 5px; content: ""; padding-right: 33px; } .plyr .plyr__control--overlaid[data-plyr=play]:hover, .plyr .o-content-list--link:hover .plyr__control--overlaid[data-plyr=play].o-content-list--button, .o-content-list--link:hover .plyr .plyr__control--overlaid[data-plyr=play].o-content-list--button { background: #FFC530; color: #050A13; } .plyr:hover, .o-content-list--link:hover .plyr.o-content-list--button { cursor: pointer; } .plyr:hover .plyr__control--overlaid[data-plyr=play], .o-content-list--link:hover .plyr.o-content-list--button .plyr__control--overlaid[data-plyr=play] { border-color: #050A13; background: #FFC530; color: #050A13; } .plyr .plyr__controls { transform: translateY(0); transition: all 0.3s ease; --plyr-range-fill-background: $yellow !important; } .plyr.plyr--paused .plyr__controls { transform: translateY(100%); } .plyr.plyr--hide-controls:hover .plyr__controls, .o-content-list--link:hover .plyr.plyr--hide-controls.o-content-list--button .plyr__controls, .plyr.plyr--paused:hover .plyr__controls, .o-content-list--link:hover .plyr.plyr--paused.o-content-list--button .plyr__controls { transform: translateY(0); opacity: 1; } .gta-post-embed { max-width: 75%; } .gta-ar-post-embed--container { background-color: #C4C4C4; background-position: center; background-repeat: no-repeat; background-size: cover; display: flex; align-content: space-between; flex-wrap: wrap; min-height: 465px; } .gta-ar-post-embed--content { background-color: rgba(0, 128, 166, 0.75); margin-top: 30px; padding: 28px 28px 28px 78px; position: relative; width: 100%; } .gta-ar-post-embed--content:before, .gta-ar-post-embed--content:after { background-color: #FFC530; content: ""; position: absolute; } .gta-ar-post-embed--content:before { height: 2px; top: 40px; left: 0; width: 40px; } .gta-ar-post-embed--content:after { border-radius: 50%; height: 6px; top: 38px; left: 40px; width: 6px; } .gta-ar-post-embed--date { color: #FFC530; font-size: 12px; font-weight: 700; letter-spacing: 0.05em; line-height: 1.25em; padding-bottom: 10px; text-transform: uppercase; } .gta-ar-post-embed--title { font-weight: 700; padding-bottom: 10px !important; } .gta-ar-post-embed--title a { color: white; } .gta-ar-post-embed--title a:hover, .gta-ar-post-embed--title .o-content-list--link:hover a.o-content-list--button, .o-content-list--link:hover .gta-ar-post-embed--title a.o-content-list--button { color: #FFC530; } .gta-ar-post-embed--excerpt { color: white; padding-bottom: 0; } .wp-block-yoast-faq-block.is-style-arsht-red { --schema-faq-section__background: $red; } .wp-block-yoast-faq-block.is-style-arsht-blue { --schema-faq-section__background: $blue; } .wp-block-yoast-faq-block.is-style-arsht-grey { --schema-faq-section__background: $medium; } .gta-sponsors.carousel { padding-bottom: 30px; } .gutenblock--sponsors .gta-sponsors--sponsors .gta-sponsors--single h5 { margin-top: 20px; padding-bottom: 0; } .gutenblock--sponsors .gta-sponsors--sponsors.four-up .gta-sponsors--single { width: 24%; } .gutenblock--sponsors .gta-sponsors--sponsors.stacked .gta-sponsors--single { width: 100%; } .gutenblock--sponsors .gta-sponsors--sponsors.stacked .gta-sponsors--single + .gta-sponsors--single { margin-top: 25px; } .gta-sponsors--container { margin: 0 auto; max-width: calc(100% - 110px); } .gta-sponsors--title + .gta-sponsors--carousel, .gta-sponsors--title + .gta-sponsors--grid { margin-top: 20px; } .gta-sponsors--sponsors { align-items: center; } .gta-sponsors--single { padding: 20px 10px; } .gta-sponsors--carousel, .gta-sponsors--grid { padding: 0 40px; } .gta-sponsors--carousel .slick-arrow, .gta-sponsors--grid .slick-arrow { cursor: pointer; position: absolute; top: 50%; transform: translateY(-50%); } .gta-sponsors--carousel .slick-track, .gta-sponsors--grid .slick-track { display: flex; } .gta-sponsors--carousel .slick-slide, .gta-sponsors--grid .slick-slide { display: flex; align-items: center; justify-content: center; height: auto; padding: 0 10px; } .gta-sponsors--carousel .slick-prev, .gta-sponsors--grid .slick-prev { left: 0; } .gta-sponsors--carousel .slick-next, .gta-sponsors--grid .slick-next { right: 0; } .gta-sponsors--carousel .slick-dots, .gta-sponsors--grid .slick-dots { display: flex; justify-content: center; list-style: none; padding: 0; position: absolute; right: 0; bottom: -30px; left: 0; width: 100%; } .gta-sponsors--carousel .slick-dots li, .gta-sponsors--grid .slick-dots li { line-height: 0; margin: 0; padding: 0; } .gta-sponsors--carousel .slick-dots li + li, .gta-sponsors--grid .slick-dots li + li { margin-left: 10px; } .gta-sponsors--carousel .slick-dots li.slick-active button, .gta-sponsors--grid .slick-dots li.slick-active button { background-color: #0080A6; } .gta-sponsors--carousel .slick-dots li:before, .gta-sponsors--grid .slick-dots li:before { display: none; } .gta-sponsors--carousel .slick-dots button, .gta-sponsors--grid .slick-dots button { background-color: #707272; border: none; border-radius: 50%; height: 15px; padding: 0; text-indent: -9999px; transition: 0.3s ease; width: 15px; } .gta-sponsors--carousel .slick-dots button:hover, .gta-sponsors--carousel .slick-dots .o-content-list--link:hover button.o-content-list--button, .o-content-list--link:hover .gta-sponsors--carousel .slick-dots button.o-content-list--button, .gta-sponsors--grid .slick-dots button:hover, .gta-sponsors--grid .slick-dots .o-content-list--link:hover button.o-content-list--button, .o-content-list--link:hover .gta-sponsors--grid .slick-dots button.o-content-list--button { background-color: #0080A6; } .gta-sponsors--carousel .gta-sponsors--image { max-width: 150px; } .gta-sponsors--grid--slide--inner { display: flex; align-items: center; flex-wrap: wrap; justify-content: center; } .gta-sponsors--grid--slide--inner.three-up .gta-sponsors--image-container, .gta-sponsors--grid--slide--inner.three-up .gta-sponsors--image-backup { width: 33.3333333333%; } @media (max-width: 599px ) { .gta-sponsors--grid--slide--inner.three-up .gta-sponsors--image-container, .gta-sponsors--grid--slide--inner.three-up .gta-sponsors--image-backup { width: 50%; } } @media (max-width: 399px ) { .gta-sponsors--grid--slide--inner.three-up .gta-sponsors--image-container, .gta-sponsors--grid--slide--inner.three-up .gta-sponsors--image-backup { width: 100%; } } .gta-sponsors--grid--slide--inner.four-up .gta-sponsors--image-container, .gta-sponsors--grid--slide--inner.four-up .gta-sponsors--image-backup { width: 25%; } @media (max-width: 767px ) { .gta-sponsors--grid--slide--inner.four-up .gta-sponsors--image-container, .gta-sponsors--grid--slide--inner.four-up .gta-sponsors--image-backup { width: 33.3333333333%; } } @media (max-width: 599px ) { .gta-sponsors--grid--slide--inner.four-up .gta-sponsors--image-container, .gta-sponsors--grid--slide--inner.four-up .gta-sponsors--image-backup { width: 50%; } } @media (max-width: 399px ) { .gta-sponsors--grid--slide--inner.four-up .gta-sponsors--image-container, .gta-sponsors--grid--slide--inner.four-up .gta-sponsors--image-backup { width: 100%; } } .gta-sponsors--grid--slide--inner .gta-sponsors--image-container, .gta-sponsors--grid--slide--inner .gta-sponsors--image-backup { margin: 0 auto; max-width: none; padding: 10px 20px; } .gta-sponsors--grid--slide--inner img { display: block; margin: 0 auto; max-width: 150px; width: 100%; } .gta-sponsors--image-backup { display: inline-block; height: 50px; text-decoration: none; } .gta-sponsors--image-backup--inner { background-color: white; height: 100%; } .gutenblock--media-overlay { background-position: center; background-repeat: no-repeat; background-size: cover; } .gta-media-overlay--media__has-video .gta-media-overlay--content { pointer-events: all; } .gta-media-overlay--container { display: flex; flex-wrap: wrap; overflow: hidden; position: relative; left: 0; transform: translate(0, 0) !important; } .gta-media-overlay--container.gta-media-overlay--content__horizontal--left { justify-content: flex-start; } .gta-media-overlay--container.gta-media-overlay--content__horizontal--center { justify-content: center; } .gta-media-overlay--container.gta-media-overlay--content__horizontal--right { justify-content: flex-end; } .gta-media-overlay--container.gta-media-overlay--content__vertical--top { align-items: flex-start; padding-top: 300px; } .gta-media-overlay--container.gta-media-overlay--content__vertical--middle { align-items: center; padding-top: 150px; padding-bottom: 150px; } .gta-media-overlay--container.gta-media-overlay--content__vertical--bottom { align-items: flex-end; padding-bottom: 300px; } @media (min-width: 950px ) { .full-viewport .gta-media-overlay--container { height: 100vh; padding: 0 !important; } } @media (max-width: 767px ) { .gta-media-overlay--container { align-items: center !important; justify-content: center !important; padding: 100px 0 !important; } } @media (max-width: 767px ) { .gta-media-overlay--container { padding: 50px 0 !important; } } .gta-media-overlay--content { z-index: 4; padding: 25px; position: relative; left: 0; transform: translate(0, 0) !important; } .gta-media-overlay--text > *:last-child { padding-bottom: 0; } .gta-media-overlay--link-container { margin-top: 20px; text-align: center; } .gta-media-overlay--link { margin: 0 10px 20px; max-width: none; width: auto; } .gta-media-overlay--media { position: static; } .gta-media-overlay--wash { opacity: 0.75; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 3; } .gta-media-overlay--wash.red { background-color: #861F32; } .gta-media-overlay--wash.blue { background-color: #0080A6; } .gta-media-overlay--wash.grey { background-color: black; opacity: 0.55; } .gta-media-overlay--media__video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; overflow: hidden; } .gta-media-overlay--media__video--iframe { width: 100vw; height: 56.25vw; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */ min-height: 100vh; min-width: 177.77vh; /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .gta-page-events { padding-bottom: 65px; } .gta-page-events--featured--title { padding-bottom: 35px; position: relative; top: -10px; } .gta-event-loop-featured { background-position: center; background-repeat: no-repeat; background-size: cover; display: flex; flex-wrap: wrap; justify-content: flex-end; position: relative; } @media (max-width: 767px ) { .gta-event-loop-featured { background-image: none !important; } } .gta-event-loop-featured--image img { display: block; } @media (min-width: 768px ) { .gta-event-loop-featured--image { display: none; } } .gta-event-loop-featured--content { background-color: rgba(35, 76, 106, 0.8); max-width: 450px; padding: 45px 75px 40px 40px; width: 100%; } @media (max-width: 767px ) { .gta-event-loop-featured--content { max-width: none; padding: 30px 65px 25px 25px; } } .s-tag-button.gta-event-loop-featured--heading { background: white; color: #234C6A; font-size: 15px; font-size: 0.9375rem; padding: 6px 10px 7px; } @media (max-width: 767px ) { .s-tag-button.gta-event-loop-featured--heading { position: absolute; top: 20px; left: 25px; } } .gta-event-loop-featured--title { color: white; line-height: 1em; padding-top: 25px; } .gta-event-loop-featured--title a:hover, .gta-event-loop-featured--title .o-content-list--link:hover a.o-content-list--button, .o-content-list--link:hover .gta-event-loop-featured--title a.o-content-list--button { color: #FFC530; } @media (max-width: 767px ) { .gta-event-loop-featured--title { padding-top: 0; } } .gta-event-loop-featured--excerpt { color: white; font-size: 20px; font-size: 1.25rem; line-height: 1.6em; padding-top: 20px; padding-bottom: 0; } @media (max-width: 767px ) { .gta-event-loop-featured--excerpt { padding-top: 5px; } } .gta-event-loop-featured--event-info { color: white; font-size: 18px; font-size: 1.125rem; font-weight: 700; line-height: 1.61em; padding-top: 60px; padding-bottom: 0; text-transform: uppercase; } .gta-event-loop-featured--event-info span { display: block; } @media (max-width: 767px ) { .gta-event-loop-featured--event-info { padding-top: 15px; } } .gta-page-events--featured--secondary { margin-top: 45px; } .gta-page-events--loop--filters { display: flex; flex: wrap; justify-content: center; padding-top: 60px; padding-bottom: 50px; } .single-expert .gta-page-events--loop--filters { padding-top: 30px; } .gta-page-events--loop--filters a { border-bottom: 3px solid transparent; color: #FFC530; font-size: 23px; font-size: 1.4375rem; font-weight: 700; letter-spacing: 1.67px; padding-bottom: 5px; text-decoration: none; text-transform: uppercase; } .gta-page-events--loop--filters a:hover, .gta-page-events--loop--filters .o-content-list--link:hover a.o-content-list--button, .o-content-list--link:hover .gta-page-events--loop--filters a.o-content-list--button, .gta-page-events--loop--filters a.active { border-bottom: 3px solid #0080A6; } .gta-page-events--loop--filters a + a { margin-left: 50px; } .gta-page-events--loop--filters a.hide { display: none; } .gta-page-eventts--posts-pagination { margin: 50px auto; text-align: center; } /* Event Detail Styles Mostly Forms */ .single-event .site-content #event-registration .gfield { display: flex; flex-wrap: wrap; } .single-event .site-content #event-registration .gfield .gfield_label { flex: 1 0 20%; padding-top: 10px; } .single-event .site-content #event-registration .gfield .ginput_container { flex: 1 0 80%; } .single-event .site-content #event-registration .gfield .ginput_container input[type=email], .single-event .site-content #event-registration .gfield .ginput_container input[type=number], .single-event .site-content #event-registration .gfield .ginput_container input[type=password], .single-event .site-content #event-registration .gfield .ginput_container input[type=tel], .single-event .site-content #event-registration .gfield .ginput_container input[type=text], .single-event .site-content #event-registration .gfield .ginput_container input[type=url], .single-event .site-content #event-registration .gfield .ginput_container textarea { border: 1px solid #707070; padding: 10px !important; border-radius: 3px; margin-top: 0; } .single-event .site-content #event-registration .gfield .gfield_checkbox li { margin-left: 0; } .single-event .site-content #event-registration .gfield .gfield_checkbox li input[type=checkbox] { transform: scale(1.5); height: 23px; } .single-event .site-content #event-registration .gfield .gfield_checkbox li label { font-size: 22px; font-size: 1.375rem; } .single-event .site-content #event-registration .gfield.hide-required .gfield_required { display: none; } @media (max-width: 767px ) { .single-event .site-content #event-registration .gfield .gfield_label, .single-event .site-content #event-registration .gfield .ginput_container { flex: 1 0 100%; } } .single-event .site-content #event-registration .gform_wrapper .gform_footer input[type=submit] { margin-left: 21%; min-width: 300px; width: 50%; } @media (max-width: 767px ) { .single-event .site-content #event-registration .gform_wrapper .gform_footer input[type=submit] { margin-left: 0%; } } /* heat action nav overlay and circle button */ #heataction-nav { position: fixed; height: 100%; color: white; padding: 40px; width: 100vw; background: #111111; top: 0; left: 0; overflow: scroll; z-index: 999999; } #heataction-nav { display: none; } #heataction-nav h1, #heataction-nav h2, #heataction-nav h3 { color: white; } #heataction-nav h1 { margin-bottom: 120px; } #heataction-nav h2 { font-family: "Open Sans", sans-serif; text-transform: uppercase; font-weight: bold; margin-bottom: 40px; font-size: 1.25rem; } #heataction-nav .col-wrapper { display: flex; } #heataction-nav .links-column { flex-basis: calc(25% - 30px); margin-right: 30px; } #heataction-nav .blurb { min-height: 200px; } #heataction-nav ul { margin-top: 40px; } #heataction-nav ul li { border-top: 2px solid #FFC530; padding: 12px 0; font-weight: bold; color: #FFC530; font-size: 1.25rem; list-style: none; } #heataction-nav ul li a { color: #FFC530; } #heataction-nav ul li:before, .site-content .policy-tool ul > li:before { content: none; } #heataction-nav .close-nav { background: #111; position: absolute; top: 0px; right: 0px; font-size: 2em; color: white; cursor: pointer; padding: 4px 10px; border-radius: 0; border: none; margin: 0; height: 60px; width: 60px; } #heataction-icon { cursor: pointer; background-color: transparent; background: url("../../images/heataction-icon.svg") center center no-repeat; height: 180px; width: 180px; display: block; opacity: 0; position: fixed; z-index: 99; bottom: 100px; right: 50px; transition: opacity 0.2s ease-in-out; animation-name: spin; animation-delay: 1s; animation-duration: 1500ms; animation-iteration-count: 1; animation-timing-function: ease; background-size: 100%; transition: width 0.5s, height 0.5s; animation-fill-mode: forwards; } #heataction-icon.spanish { cursor: pointer; background-color: transparent; background: url("../../images/heataction-icon-esp.svg") center center no-repeat; height: 180px; width: 180px; display: block; opacity: 0; position: fixed; z-index: 99; bottom: 100px; right: 50px; transition: opacity 0.2s ease-in-out; animation-name: spin; animation-delay: 1s; animation-duration: 1500ms; animation-iteration-count: 1; animation-timing-function: ease; background-size: 100%; transition: width 0.5s, height 0.5s; animation-fill-mode: forwards; } @keyframes spin { from { transform: rotate(0deg); opacity: 0; } to { transform: rotate(360deg); opacity: 1; } } @media (max-width: 1024px ) { #heataction-icon, #heataction-icon.spanish { display: none; } } #heataction-nav .nav-button-policy { padding: 12px 24px; color: white; border: 3px solid #FFC530; font-size: 1rem; font-weight: bold; width: 100%; display: block; margin-top: 24px; text-align: center; } /* page-heataction.php */ @media (max-width: 1024px ) { .heat-action-platform .gta-media-overlay--wash.grey { display: none; } } @media (max-width: 1024px ) { .heat-action-platform .gta-media-overlay--content { max-width: none; position: static; transform: translate(0, 0) !important; color: black; } } @media (max-width: 1024px ) { .heat-action-platform .gta-media-overlay--content .gta-media-overlay--text__light * { color: inherit; } } @media (max-width: 1024px ) { .heataction-modules .wp-block-columns { display: block; margin-bottom: 0; } } @media (max-width: 1024px ) { .heataction-modules .gta-carousel--card.columns-4 { width: 100%; } } @media (max-width: 1024px ) { .heataction-modules .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column:nth-child(2n), .heataction-modules .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column:not(:first-child) { margin-left: 0; } } .heataction-modules .wp-block-columns p:not(.has-text-align-center), .heataction-modules .wp-block-columns ul > li, .heataction-modules .wp-block-columns ol > li { font-size: 16px; padding-right: 40px; } @media (max-width: 1024px ) { .heataction-modules .wp-block-columns p:not(.has-text-align-center), .heataction-modules .wp-block-columns ul > li, .heataction-modules .wp-block-columns ol > li { padding-right: 0px !important; } } @media (max-width: 767px ) { .heataction-modules .wp-block-column.is-style-grey-column { padding: 45px 25px !important; } } .page-template-page-heataction .gta-taxonomy--trending-nav { position: fixed; bottom: 0; width: 100%; z-index: 1000; } @media (max-width: 1024px ) { .page-template-page-heataction .gta-taxonomy--trending-nav { display: none; } } .page-template-page-policytool-table .gta-site-banner.gta-site-banner__page, .page-template-page-heataction .gta-site-banner.gta-site-banner__page { height: 100vh; } @media (max-width: 1024px ) { .page-template-page-policytool-table, .gta-site-banner.gta-site-banner__page, .page-template-page-heataction .gta-site-banner.gta-site-banner__page { height: auto; } } ul.resource-list > li { padding-right: 100px; } @media (max-width: 1024px ) { ul.resource-list > li { padding-right: 0; } } ul.resource-list > li:before { background-color: #FFC530; content: ""; height: 50px; position: absolute; top: 0; left: 0; width: 50px; background: url(../../images/external-link.svg) center center no-repeat; } /* accordion */ .heataction-modules .wp-block-yoast-faq-block .schema-faq-question p { font-size: 20px; } .heataction-modules .wp-block-yoast-faq-block .schema-faq-question:before { left: 20px; } .heataction-modules .wp-block-yoast-faq-block .schema-faq-section { border: 0; } .heataction-modules .wp-block-yoast-faq-block .schema-faq-section:hover, .heataction-modules .wp-block-yoast-faq-block .o-content-list--link:hover .schema-faq-section.o-content-list--button, .o-content-list--link:hover .heataction-modules .wp-block-yoast-faq-block .schema-faq-section.o-content-list--button { border: 0; mix-blend-mode: darken; } .heataction-modules .wp-block-yoast-faq-block .schema-faq-answer { border-bottom: 0; padding: 12px 20px; } .heataction-modules .wp-block-yoast-faq-block .schema-faq-answer ul { list-style: none; padding: 12px 20px; } .heataction-modules .wp-block-yoast-faq-block .schema-faq-answer p, .heataction-modules .wp-block-yoast-faq-block .schema-faq-answer li { font-size: 20px !important; } .heataction-modules .wp-block-yoast-faq-block .schema-faq-answer li:before { background-color: #000000; } .heataction-modules .wp-block-yoast-faq-block .schema-faq-answer a { color: #005596; } .heataction .wp-block-button__link { background: transparent; border: 2px solid #FFC530; font-family: "Roboto Slab", sans-serif; text-transform: none; font-size: 1.25rem; line-height: 2rem; } .heataction .wp-block-button__link:hover, .heataction .o-content-list--link:hover .wp-block-button__link.o-content-list--button, .o-content-list--link:hover .heataction .wp-block-button__link.o-content-list--button { background: #FFC530; border: 2px solid #FFC530; color: black; font-family: "Roboto Slab", sans-serif; text-transform: none; font-size: 1.25rem; line-height: 2rem; } .page-template-page-heataction .gta-taxonomy--trending-nav { /* background: #c78A00; */ } .heataction-modules .sidebar { padding-top: 20px; border-top: 3px solid #FFC530; } ul.resource-list > li { padding-right: 100px; padding-left: 70px !important; } ul.resource-list > li:before { background-color: #ffc530 !important; content: ""; height: 50px; position: absolute; top: 0; left: 0; width: 50px; background: url(../../images/external-link.svg) center center no-repeat; background-size: 20px 20px !important; border-radius: 0 !important; } ul.resource-list a { color: #000000; } .heataction-modules .gta-taxonomy--trending-nav-item a:active { color: #000000; } .heataction-modules .gta-quote blockquote:after { display: none; } .page-template-page-heataction .gta-site-banner--heading { font-weight: 600; color: #FFC530; } /* END page-heataction.php */ .policytool-button { width: 300px; height: auto; padding: 20px; border: 3px solid #ffc530; font-family: "Roboto Slab", serif; font-size: 1.3rem; font-weight: 900; text-align: center; margin: 30px; } .page-template-page-policytool-table .ha-policy-button { display: none; } .ha-policy-button { background: #0080A6; position: absolute; right: 0; padding: 20px 20px 20px 60px; color: white; margin-bottom: 8px; z-index: 999999; width: 400px; transition: 0.25s; } .ha-policy-button:hover, .o-content-list--link:hover .ha-policy-button.o-content-list--button { box-shadow: inset 400px 0 0 0 #861F32; } .ha-policy-button .heading { display: block; font-weight: bold; } .ha-policy-button .heading:before { color: white; content: ""; height: 50px; position: absolute; top: 10px; left: 0; width: 60px; background: url(../../images/fa-wrench-white.svg) center center no-repeat; background-size: 30px 30px !important; } @media (max-width: 1024px ) { .ha-policy-button { display: none; } } .page-template-page-policytool-table .gta-site-banner.gta-site-banner__page:before { width: 100%; right: 0; } .spanishlink { font-family: "Open Sans", sans-serif; font-style: normal; font-weight: 600; color: #FFffff; font-size: 16px; line-height: 1.56; letter-spacing: 0.05em; text-transform: uppercase; margin: 5px 0px; } .spanishlink a { color: white; text-decoration: none; } .spanishlink a:hover, .spanishlink .o-content-list--link:hover a.o-content-list--button, .o-content-list--link:hover .spanishlink a.o-content-list--button { color: #FFC530; text-decoration: underline; } /* POLICY TOOL */ section.policy-tool { max-width: 1200px; margin: 0px auto; } section.policy-tool ul > li:before { background: white; } .policy-tool .header-results { font-size: 2rem; padding-left: 20px; } /* ninja table filters */ .page-template-page-policytool-table .ninja_table_wrapper .ninja_table_afd_columns thead .footable-filtering th .form-inline .form-group.footable-filtering-search { border: 1px solid #666666; margin-top: 30px !important; width: 100%; } .page-template-page-policytool-table .form-group-ninja_filter_6 { width: 100% !important; } .page-template-page-policytool-table .form-group-ninja_filter_0, .form-group-ninja_filter_1, .form-group-ninja_filter_2 { background: #FFC530 !important; padding: 30px !important; } .page-template-page-policytool-table .form-group-ninja_filter_3, .form-group-ninja_filter_4, .form-group-ninja_filter_5 { color: white; background: #2D4348 !important; padding: 30px !important; } .page-template-page-policytool-table .ninja_table_wrapper .ninja_table_afcs_columns_3 thead .footable-filtering th .form-inline > .form-group.form-group-ninja_filter_0, .ninja_table_wrapper .ninja_table_afcs_columns_3 thead .footable-filtering th .form-inline > .form-group.form-group-ninja_filter_1, .page-template-page-policytool-table .ninja_table_wrapper .ninja_table_afcs_columns_3 thead .footable-filtering th .form-inline > .form-group.form-group-ninja_filter_3, .ninja_table_wrapper .ninja_table_afcs_columns_3 thead .footable-filtering th .form-inline > .form-group.form-group-ninja_filter_4 { width: calc(33.333% - 10px) !important; margin-right: 10px !important; } @media (max-width: 767px ) { .page-template-page-policytool-table .ninja_table_wrapper .ninja_table_afcs_columns_3 thead .footable-filtering th .form-inline > .form-group.form-group-ninja_filter_0, .ninja_table_wrapper .ninja_table_afcs_columns_3 thead .footable-filtering th .form-inline > .form-group.form-group-ninja_filter_1, .page-template-page-policytool-table .ninja_table_wrapper .ninja_table_afcs_columns_3 thead .footable-filtering th .form-inline > .form-group.form-group-ninja_filter_3, .ninja_table_wrapper .ninja_table_afcs_columns_3 thead .footable-filtering th .form-inline > .form-group.form-group-ninja_filter_4 { width: 100% !important; } } .page-template-page-policytool-table td.ninja_column_0 .title { font-size: 1.5rem !important; font-weight: bold !important; line-height: 2rem !important; } @media (max-width: 1024px ) { .page-template-page-policytool-table td.ninja_column_0 .title { font-size: 1.5rem !important; border-top: solid #0080A6 5px; padding-top: 10px; } } .page-template-page-policytool-table td.ninja_column_0 .sector { margin-top: 40px; } @media (max-width: 1024px ) { .page-template-page-policytool-table td.ninja_column_0 .sector { display: none; } } .page-template-page-policytool-table .ninja_column_0 a { color: black !important; } .page-template-page-policytool-table .form-group-ninja_filter_0 .ninja_filter_title:before { color: white; content: ""; height: 50px; position: absolute; top: 0; left: 0; width: 70px; background: url(../../images/fa-mountain-sun.svg) center center no-repeat; background-size: 25px 25px !important; margin-left: 22px; margin-top: 30px; } .page-template-page-policytool-table .form-group-ninja_filter_1 .ninja_filter_title:before { color: white; content: ""; height: 50px; position: absolute; width: 30px; background: url(../../images/fa-building.svg) center center no-repeat; background-size: 25px 25px !important; margin-left: -40px; margin-top: -8px; } .page-template-page-policytool-table .form-group-ninja_filter_2 .ninja_filter_title:before { color: white; content: ""; height: 50px; position: absolute; width: 30px; background: url(../../images/fa-bell.svg) center center no-repeat; background-size: 25px 25px !important; margin-left: -40px; margin-top: -10px; } .page-template-page-policytool-table .footable-filtering .SumoSelect .select-all > label, .footable-filtering .SumoSelect > .CaptionCont, .footable-filtering .SumoSelect > .optWrapper > .options li.opt label { white-space: pre-wrap; } .page-template-page-policytool-table .ninja_column_4, .ninja_column_3 { text-transform: uppercase; } .page-template-page-policytool-table .ninja_column_0 .lever { font-size: 1.5rem !important; } @media (max-width: 1024px ) { .page-template-page-policytool-table .ninja_column_0 .lever { font-size: 1.25rem !important; } } .page-template-page-policytool-table .footable_parent table.foo-table.vertical_centered tbody > tr > td, .footable_parent table.foo-table.vertical_centered thead > tr > th { vertical-align: top !important; } .page-template-page-policytool-table .footable_parent .fooicon-plus:before { color: black !important; } .page-template-page-policytool-table .footable-filtering-external.footable-filtering-right, table.footable.footable-filtering-right > thead > tr.footable-filtering > th, table.footable > thead > tr.footable-filtering > th, .page-template-page-policytool-table .foo-table.hide_all_borders.table thead td, .foo-table.hide_all_borders.table thead tr, .foo-table.hide_all_borders.table thead tr > th { background: white !important; } .page-template-page-policytool-table .ninja_table_wrapper .ninja_table_afd_columns thead .footable-filtering th .form-inline > .form-group:nth-child(-n+3) > .ninja_filter_title { margin-left: 30px; } .page-template-page-policytool-table .form-group-ninja_filter_2 .ninja_filter_title:after { margin-bottom: 46px; } @media (max-width: 767px ) { .page-template-page-policytool-table .form-group-ninja_filter_2 .ninja_filter_title:after { margin-bottom: 20px !important; } } .page-template-page-policytool-table td.ninja_column_4 { position: relative; } button.viewdetails { position: absolute; bottom: 0; left: 0; width: 100%; border: 0; padding: 8px 20px; text-transform: uppercase; background: black; color: white; } @media (max-width: 1024px ) { button.viewdetails { position: relative; display: block; width: 200px; background: gray; margin-top: 20px; } } .page-template-page-policytool-table .ninja_table_wrapper .ninja_table_afd_columns thead .footable-filtering th .form-inline .form-group.footable-filtering-search { border: 1px solid #cccccc !important; } @media (max-width: 767px ) { .page-template-page-policytool-table .ninja_table_wrapper .ninja_table_afd_columns thead .footable-filtering th .form-inline .form-group.footable-filtering-search { width: 100% !important; } } .form-group.ninja-custom-filter.ninja_reset_wrapper { border: none !important; width: calc(33.3333333% - 10px) !important; } @media (max-width: 767px ) { .form-group.ninja-custom-filter.ninja_reset_wrapper { margin-left: 0 !important; width: 100% !important; } } .page-template-page-policytool-table .ninja_table_wrapper .ninja_table_afd_columns thead .footable-filtering th .form-inline > .form-group.ninja_reset_wrapper .ninja_reset_button { width: 100% !important; background: gray !important; } .page-template-page-policytool-table .ninja_table_pro.nt_search_full_width .form-group.footable-filtering-search { padding: 0 !important; } .page-template-page-policytool-table .ninja_table_pro.nt_search_full_width .form-group.footable-filtering-search .input-group > .form-control { font-size: 1rem; box-shadow: none; } .page-template-page-policytool-table .foo-table .form-group.footable-filtering-search .input-group-btn > button { margin: 0 !important; height: 36px !important; padding: 6px 12px !important; border-radius: 0; } .page-template-page-policytool-table .form-group-ninja_filter_7 { display: flex; width: 100% !important; } .page-template-page-policytool-table .form-group-ninja_filter_7 input { display: none; } .page-template-page-policytool-table .form-group.form-group-ninja_filter_7 label { width: 136px; vertical-align: top; background: #eeeeee; padding: 10px; line-height: 1.2rem; font-weight: bold; text-align: center; margin-right: 8px !important; height: 90px; } .page-template-page-policytool-table .form-group.form-group-ninja_filter_7 label { cursor: pointer; font-size: 0.75rem; line-height: 1rem; } .page-template-page-policytool-table .form-group.form-group-ninja_filter_7 label:hover, .page-template-page-policytool-table .form-group.form-group-ninja_filter_7 .o-content-list--link:hover label.o-content-list--button, .o-content-list--link:hover .page-template-page-policytool-table .form-group.form-group-ninja_filter_7 label.o-content-list--button { background: black; color: white; } .page-template-page-policytool-table .form-group-ninja_filter_7 label.selected { background: black; color: white; } .page-template-page-policytool-table .ninja_filter_title { font-size: 1.125rem; line-height: 1.5rem; font-weight: bold; } .page-template-page-policytool-table .form-group-ninja_filter_0 .ninja_filter_title:after, .form-group-ninja_filter_1 .ninja_filter_title:after { display: block; content: "choose one"; font-weight: normal; font-size: 0.875rem; line-height: 1.25; margin-bottom: 20px; } .page-template-page-policytool-table .form-group-ninja_filter_3 .ninja_filter_title:after, .form-group-ninja_filter_4 .ninja_filter_title:after, .form-group-ninja_filter_5 .ninja_filter_title:after, .form-group-ninja_filter_2 .ninja_filter_title:after { display: block; content: "choose one or more"; font-weight: normal; font-size: 0.875rem; line-height: 1.25; text-transform: none !important; margin-bottom: 20px; } .herramienta-de-medidas-politicas .form-group-ninja_filter_0 .ninja_filter_title:after, .herramienta-de-medidas-politicas .form-group-ninja_filter_1 .ninja_filter_title:after { display: block; content: "elige uno"; } .herramienta-de-medidas-politicas .form-group-ninja_filter_3 .ninja_filter_title:after, .herramienta-de-medidas-politicas .form-group-ninja_filter_4 .ninja_filter_title:after, .herramienta-de-medidas-politicas .form-group-ninja_filter_2 .ninja_filter_title:after, .herramienta-de-medidas-politicas .form-group-ninja_filter_5 .ninja_filter_title:after { display: block; content: "elige uno o más"; } .herramienta-de-medidas-politicas .form-group-ninja_filter_1 .ninja_filter_title:after { margin-bottom: 46px; } .herramienta-de-medidas-politicas .form-group-ninja_filter_2 .ninja_filter_title:after { margin-bottom: 20px; } .policy-tool .p-page--text { font-size: 2rem; font-weight: bold; } .page-template-page-policytool-table .ninja_table_wrapper .ninja_table_afd_columns thead .footable-filtering th .form-inline .form-group.footable-filtering-search { width: 66.6667%; } .page-template-page-policytool-table .ninja_table_wrapper .ninja_table_afcs_columns_3 thead .footable-filtering th .form-inline > .form-group.ninja_reset_wrapper { margin-top: 30px; border: 1px solid; margin-left: 10px; padding: 0; } .page-template-page-policytool-table .ninja_table_wrapper .ninja_reset_button { background: #000000 !important; border-radius: 0 !important; font-weight: bold; color: #ffffff !important; border: 0 !important; } .page-template-page-policytool-table .ninja_table_wrapper .ninja_table_afd_columns thead .footable-filtering th .form-inline > .form-group.ninja_reset_wrapper .ninja_reset_button { width: auto; } .page-template-page-policytool-table .ninja_table_wrapper .ninja_table_afcs_columns_3 thead .footable-filtering th .form-inline > .form-group:last-child { padding-right: 0; width: auto; } .page-template-page-policytool-table .ninja_table_wrapper .ninja_table_afcs_columns_3 thead .footable-filtering th .form-inline > .form-group.ninja-custom-filter:not(.ninja_reset_wrapper) { min-height: 200px; } @media (max-width: 767px ) { .page-template-page-policytool-table .ninja_table_wrapper .ninja_table_afcs_columns_3 thead .footable-filtering th .form-inline > .form-group.ninja-custom-filter:not(.ninja_reset_wrapper) { min-height: auto; } } .page-template-page-policytool-table .ninja_filter_title .fas { font-size: 2rem; height: 80px; float: left; width: 40px; } .page-template-page-policytool-table .form-group-ninja_filter_3 .ninja_filter_title, .form-group-ninja_filter_4 .ninja_filter_title, .form-group-ninja_filter_5 .ninja_filter_title { text-transform: uppercase; font-size: 1rem; letter-spacing: 0.5px; } .icon::before { display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; } .page-template-page-policytool-table .foo-table.footable.table > thead > tr > th { padding: 10px 20px !important; } .toomany { width: 100%; display: block; float: none; } @media (max-width: 767px ) { td.ninja_column_0 .sector { margin-top: 10px; } } a.term-definitions { float: right; font-size: 1rem; color: black; padding-right: 30px; position: relative; } a.term-definitions:after { background-color: none; color: #0080a6; content: ""; position: absolute; top: 3px; right: 10px; height: 16px; width: 16px; background: url(../../images/circle-info-solid.svg) center center no-repeat; background-size: 16px 16px !important; } .ninja_button_print { background: #888888 !important; padding: 8px 24px; } .footable-filtering .SumoSelect > .optWrapper.multiple > .options li.opt span i { margin: 10px auto !important; font-weight: normal; } /* END policy tool */ /*  single policy post modal */ @media print { .modal-wrapper { position: absolute !important; left: 0; top: 0; margin: 0; padding: 0; overflow: visible !important; } .modal-wrapper button { display: none; } } @media (max-width: 1024px ) { .modal-wrapper.styled .wp-post-modal { width: 90%; } } @media (max-width: 767px ) { .modal-wrapper.styled .wp-post-modal { width: 100%; padding: 0; top: 0; margin: 0; overflow-x: hidden; } } @media print { .modal-wrapper.styled .wp-post-modal { position: absolute !important; width: 100%; top: 0; overflow: visible !important; margin-top: 0 !important; } } @media (max-width: 1024px ) { #modal-content .wp-block-columns { padding: 0 20px; } } table.ninja_footable.ninja_stacked_table > tbody > tr.footable-empty td { text-align: left; } .policy-details { display: flex; } @media (max-width: 767px ) { .policy-details { display: block; } } @media print { .policy-details { display: block; } } .policy-details .three-up { flex-basis: 33.3333%; margin-right: 36px; } .policy-details .two-up { flex-basis: 50%; margin-right: 36px; } .policy-details .two-up:last-child { margin-right: 0px; } .policy-details ul.details-secondary li { font-size: 15px !important; list-style: none; color: #555; margin-bottom: 20px; line-height: 1.4rem; text-align: left; } .policy-details p { font-size: 15px !important; } .policy-details h3, .modal-wrapper.styled .wp-post-modal h3 { font-size: 1.125rem; margin-bottom: 16px !important; } .details-secondary p { color: #666; font-size: 15px !important; } ul.details-secondary > li:before { background-color: none; color: #999; content: ""; height: 50px; position: absolute; top: 0; left: 0; width: 50px; background: url(../../images/fa-check-circle-blue.svg) center center no-repeat; background-size: 20px 20px !important; margin-left: -50px; margin-top: -15px; } ul.details-secondary > li.casestudy:before { background-color: none; color: #999; content: ""; height: 50px; position: absolute; top: 0; left: 0; width: 50px; background: url(../../images/fa-book-solid-blue.svg) center center no-repeat; background-size: 24px 24px !important; margin-left: -50px; margin-top: -15px; } button.print-modal:before { background-color: none; color: #999; content: ""; height: 50px; position: absolute; top: 0; left: 0; width: 55px; background: url(../../images/fa-print-white.svg) center center no-repeat; background-size: 25px 25px !important; margin-left: 0px; margin-top: 4px; } #modal-content div.heatactionpolicy { width: calc(50% + 20px); margin-top: -20px; margin-right: -20px; float: right; height: 200px; background-size: 100%; width: 50%; background-repeat: no-repeat; background-position: right; position: relative; margin-bottom: 20px; } @media (max-width: 767px ) { #modal-content div.heatactionpolicy { width: 100%; float: none; } } .heatactionpolicy-caption { position: absolute; right: 3px; bottom: 3px; color: white; } .modal-wrapper.styled .ac-single-post--header { margin-top: 10px; position: absolute; z-index: 10; width: 50%; } @media (max-width: 767px ) { .modal-wrapper.styled .ac-single-post--header { width: 100%; position: relative; } } .page-template-page-policytool-table .tooltip { position: relative; display: inline-block; border-bottom: 1px dotted black; /* If you want dots under the hoverable text */ } .page-template-page-policytool-table .tooltip .tooltiptext { visibility: hidden; width: 320px; background-color: #555; color: #fff; text-align: left; padding: 15px; border-radius: 6px; /* Position the tooltip text */ position: absolute; z-index: 1; bottom: 125%; left: 50%; margin-left: -60px; /* Fade in tooltip */ opacity: 0; transition: opacity 0.3s; } .page-template-page-policytool-table .tooltip .tooltiptext::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: #555 transparent transparent transparent; } /* Show the tooltip text when you mouse over the tooltip container */ .page-template-page-policytool-table .tooltip:hover .tooltiptext, .page-template-page-policytool-table .o-content-list--link:hover .tooltip.o-content-list--button .tooltiptext, .o-content-list--link:hover .page-template-page-policytool-table .tooltip.o-content-list--button .tooltiptext { visibility: visible; opacity: 1; } .modal-wrapper.styled .wp-post-modal .close-modal { background: #222 !important; position: absolute !important; top: 0px !important; right: 0px !important; font-size: 2em; color: white !important; cursor: pointer; padding: 4px 10px !important; border-radius: 0; margin: 0; height: 60px; width: 60px; } @media print { .modal-wrapper.styled .wp-post-modal .close-modal { display: none; } } .modal-wrapper.styled .wp-post-modal .print-modal { display: none; background: #222; position: absolute; top: 0px; right: 62px; font-size: 2em; color: white; cursor: pointer; padding: 2px 10px; border-radius: 0; border: 0; margin: 0; height: 60px; width: 60px; z-index: 2; font-size: 1.4rem; } @media print { .modal-wrapper.styled .wp-post-modal .print-modal { display: none; } } .heatactionpolicy .site-content h2 { padding-bottom: 6px; } .heatactionpolicy .ac-single-post--content { padding: 0; } .page-template-page-policytool-table .ac-single-post--header--inner { border: none !important; } .page-template-page-policytool-table .modal-wrapper.styled .wp-post-modal h4 { letter-spacing: 0; font-size: 1.25rem !important; font-weight: bold; margin-bottom: 24px; } .page-template-page-policytool-table .modal-wrapper.styled .wp-post-modal ul li, .modal-wrapper.styled .wp-post-modal ol li { line-height: 1.3rem !important; text-align: left !important; margin-bottom: 10px !important; list-style: none !important; } .page-template-page-policytool-table .modal-wrapper .mini-header { text-transform: uppercase; color: #666666; letter-spacing: 0.5px; margin-bottom: 30px; } .page-template-page-policytool-table .modal-wrapper .arsht-single-post-policy-subtitle { color: #C78A00; } .page-template-page-policytool-table .modal-wrapper .arsht-single-post-policy-subtitle { color: #C78A00; } /* END single policy post */ /*  styled modal - some are default styles from the plugin and can be removed */ .modal-wrapper.styled .wp-post-modal h2 { font-size: 2em; margin: 0 0 20px 0 !important; } @media (max-width: 1024px ) { .modal-wrapper.styled .wp-post-modal h2#term-definitions { padding: 70px 20px 20px 20px; } } .modal-wrapper.styled .wp-post-modal .ac-single-post--header h2 { margin-bottom: 0 !important; } .modal-wrapper.styled { background-color: rgba(0, 0, 0, 0.5); /* Black w/ opacity */ } .modal-wrapper.styled .modal { position: relative; background-color: #fefefe; margin: 5vh auto; /* 5vh from the top and centered */ padding: 20px; border: 1px solid #888; width: 75%; /* Could be more or less, depending on screen size */ transition: all 1s ease; } .modal-wrapper.styled .modal h1 { font-size: 56px; margin: 35px 0; } .modal-wrapper.styled .modal .entry-content p { font-size: 16px; } .modal-wrapper.styled .modal .loading { display: block; width: 100px; margin: auto; padding: 25vh 0; } .modal-wrapper.styled .modal p { font-size: 16px; font-family: "Open Sans", sans-serif; text-rendering: optimizeLegibility; color: #444; line-height: 1.5em; margin-bottom: 0.8em; } .modal-wrapper.styled .modal h1, .modal-wrapper.styled .modal h2, .modal-wrapper.styled .modal h3, .modal-wrapper.styled .modal h4, .modal-wrapper.styled .modal h5, .modal-wrapper.styled .modal h6 { font-family: "Roboto Slab", sans-serif; font-weight: bold; margin-bottom: 24px !important; } .modal-wrapper.styled .modal h1 { font-size: 2.5em; margin: 0.3em 0; } .modal-wrapper.styled .modal h2 { font-size: 2em; margin: 0.3em 0; } .modal-wrapper.styled .modal h3 { font-size: 1.75em; margin: 0.3em 0; } .modal-wrapper.styled .modal h4 { font-size: 1.5em; margin: 0.3em 0; } .modal-wrapper.styled .modal h5 { font-size: 1.25em; margin: 0.3em 0; } .modal-wrapper.styled .modal h6 { font-size: 1em; margin: 0.3em 0; line-height: 1.5em; } .modal-content { padding: 0 0.7em 0em 0.5em; } .modal-wrapper.styled .modal ul li, .modal-wrapper.styled .modal ol li { line-height: 1em; padding-bottom: 0.5em; text-align: left; } .modal-wrapper.styled .modal ul li::marker, .modal-wrapper.styled .modal ol li::marker { display: none; } .modal-wrapper.styled .wp-post-modal ul li { list-style: none; } .modal-wrapper.styled .modal ul li { list-style: none; margin-left: 30px; } .modal-wrapper.styled .modal ol li { list-style: decimal; margin-left: 30px; } .modal-wrapper.styled .modal ol ol { padding: 0.6em; } .modal-wrapper.styled .modal dt { font-weight: bold; text-decoration: underline; } .modal-wrapper.styled .modal dd { margin: 0; padding: 0.5em 0 0.5em 0; } /*# sourceMappingURL=main.css.map */