@import url('/styles/temp_nav_styles.css');

/* ------------------------------------------------------------------------
--------------------------------- Size 3 ----------------------------------
------------------------------------------------------------------------ */


@media screen and (max-width: 1659px) {
    .record_slider_custom .item {
        width: calc((100vw - 100px) / 3 - 60px);
    }
}

@media screen and (max-width: 1279px) {
    #container,
    .inner-container,
    .main-header-inner,
    .hero-footer,
    #main_header > div,
    .panel_record_slider_custom_inner {
        padding: 0 40px;
    }
    #top_nav_bar {
        padding-left: 40px;
        padding-right: 40px;
    }

    #main_content .heading_wrapper {
        margin-bottom: 20px;
    }
    #main_content h1 {
        margin: 0 0 10px;
    }
    .nav-artlogic-logo-container {
        right: 40px;
    }
    .record_slider_custom .item {
        width: calc((100vw - 20px) / 3 - 60px);
    }
    .section-our-members ul.user-list {
        column-count: 3;
    }

    .page-carbon-calculator #hero_header .inner {
        padding-left: 40px;
        padding-right: 40px;
    }
}

@media screen and (max-width: 1130px) {
    
    #homepageHero .highlight-links a {
        min-width: 0px;
        padding-right: 45px;
    }
    #homepageHero .link-arrow {
        width: 35px;
        height: 35px;
    }
    #homepageHero .link-arrow:before {
        width: 49px;
    }
}
@media screen and (max-height:850px) and (min-width:1020px) {
    /* Small laptops... */
    #homepageHeroToolbar .highlight-links {
        margin-top: 40px;
    }

    

    #homepageHero .highlight-links a>span {
        margin-left: 20px;
    }

    #homepageHero {
        padding-bottom: 35px;
    }

    #homepageHero .highlight-links a[href='/guidelines/'] {
        max-width: 350px;
    }

    /*#homepageHero .highlight-links a.member-signup-link {*/
    /*    flex-basis: 30%;*/
    /*}*/


}





@media screen and (min-width:767px) {
  
    #homepageHero {
        /* justify-content: center; */
        padding-bottom: 65px;
    }
    
    #homepageHeroToolbar {
        flex-direction: column;
    }
    #homepageHeroToolbar .button.membersignup {
        align-self: flex-start;
        margin-bottom: 14vh;
        margin-top: 30px;
    }

    .section-our-members .members_sort_btn a:nth-child(1) {
        margin-left: 40px;
    }

}

@media screen and (max-width: 1023px) {
    /* -----------------------------------------------------------
       Generic
    ----------------------------------------------------------- */
    /* #container,
    .inner-container,
    #notification-bar,
    .main-header-inner,
    .hero-footer */

    .record_slider_custom .pagination_controls .sizer {
        width: 32%
    }

    #homepageHero .highlight-links a {
        font-size: var(--step-2);
    }

    .section-news .subsection-news-grid .records_list > ul > li {
        padding-right: 40px;
        margin-bottom: 40px;
    }
    .section-news .subsection-news-grid .records_list > ul {
        margin-right: -40px;
    }

    .panel_style_two_columns.panel_type_2 .content .description {
        column-count: 1;
    }

    .main-menu-label > a {
        pointer-events: none;
    }
    
    #container, .inner-container, .main-header-inner, .hero-footer, #main_header > div, .panel_record_slider_custom_inner {
        padding: 0 30px;
    }
    #top_nav_bar, #hero_header .inner {
        padding-left: 30px;
        padding-right: 30px;
    }
    #hero_header .inner {
        padding-bottom: 80px;
    }
    /*.panel_record_slider_custom .records_list > .custom_slider {*/
    /*    width: calc(100% + 30px);*/
    /*}*/
    /*.record_slider_custom .item {*/
    /*    width: calc(33.33% - 30px);*/
    /*    margin-right: 30px;*/
    /*}*/
    .record_slider_custom .item {
        width: calc((100vw - 30px) / 3 - 30px);
    }
    .record_slider_custom .item {
        padding-right: 15px;
        padding-left: 15px;
    }
    .panel_record_slider_custom .records_list > .custom_slider {
        width: calc(100% + 40px);
        left: -20px;
    }
    
    #main_content h1 {
        margin: 0 0 30px;
    }
    .nav-artlogic-logo-container {
        right: 30px;
    }

    #homepageHero .highlight-links a span {
        margin-left: 20px;
    }
    
    .ticker-wrapper.news-home-ticker {
        width: calc(100vw + 40px);
        overflow: hidden;
        position: relative;
        left: -40px;
    }
    
    /* -----------------------------------------------------------
       General layout
    ----------------------------------------------------------- */
    /* MAIN MENU */

    li.has-subnav-links > span::after,
    li.has-subnav-links > a::after {
        content: '';
        width: 40px;
        height: 40px;
        display: inline-block;
        background: #639;
        position: relative;
        background: url(/images/dropdown_white.svg) center 27px no-repeat;
        background-size: 15px;
    }

    /* -----------------------------------------------------------
        Global classes
    ----------------------------------------------------------- */
    .image_list ul {
        margin-right: -20px;
    }
    .image_list ul li {
        padding-right: 20px;
    }
    #homepageHero h2.hero_title {
        max-width: 90%;
    }

    .footer-top-row-container {
        flex-direction: column;
    }
    .footer-columns-container {
        flex-direction: column;
        flex-basis: auto;
    }
    #footer .footer-logo {
        width: 100%;
        /*max-width: 100%;*/
        margin-right: 0;
    }
    #footer .copyright {
        flex-direction: column-reverse !important;
    }
    #footer .pba {
        margin: 20px 0 60px;
    }
    .advanced_footer_item {
        padding-top: 20px;
        margin-top: 20px;
    }

    .main-navigation-overlay {
        padding-left: 20px;
        padding-right: 20px;
    }

    /*  RECORD SLIDER PANEL 1023 */
    .record_slider_custom ul li {
        width: 33%;
        margin-right: 45px;
    }

    /* CALCULATOR 1023 */
    #main_content #calculator .section-inner {
        padding: 0 30px;
    }
    #main_content .calc-heading h2,
    #main_content .calc-heading h3 {
        padding-right: 35px;
    }
    
    .section-carbon-calculator th {
        padding-bottom: 0;
    }
    
    #main_content .calc-heading {
        margin-bottom: 40px;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    #main_content #calculator .calc-heading p {
        max-width: 75%;
        flex: 1;
    }
    #main_content #calculator section,
    #main_content .calculator-intro-container,
    #main_content .calc-field-wrapper {
        min-height: 0;
    }
    #main_content #calculator-footer {
        display: flex;
        align-items: center;
    }

    /* Buton */
    #content .feature_panels .button_custom {
        display: inline-block;
        margin: 0;
        width: 100%;
        box-sizing: border-box;
        text-align: center;
        margin-bottom: -10px;
    }

    /* -----------------------------------------------------------
       Page Specific
    ----------------------------------------------------------- */
    
    #homepageHero {
        /* justify-content: center; */
        padding-bottom: 25px;
    }
    #homepageHero .hero_caption {
        /* margin-top: 14vh; */
    }

    #homepageHeroToolbar {
        flex-direction: column;
    }
    #homepageHeroToolbar .button.membersignup {
        align-self: flex-start;
        margin-bottom: 14vh;
        margin-top: 30px;
    }
    /* #homepageHero {
       padding-top: 120px;
      } */
    /* #homepageHero .hero_caption{
      padding-top: 14vh;
   }
      

    #homepageHeroToolbar {
      flex-direction: column;
      margin-top: 55px;
      height: 100%;
   }
      #homepageHeroToolbar .button.membersignup {
         align-self: flex-start;
      }
      #homepageHeroToolbar .highlight-links {
         margin-top: 40px;
         width: 100%;
         max-width: none;
      } */

    /* NEWS PAGE 1080 */
    #landing_page_slideshow .slide .image {
        width: 50%;
        padding-left: 40px;
    }
    .featured_news_top_row {
        flex-direction: column;
    }
    .main .image > a > div > span:after {
        padding-top: 56.66%;
        display: block;
        content: '';
    }
    .featured_news_top_row .main {
        width: 100%;
        max-width: 100%;
        margin-right: 0;
    }
    .featured_news_top_row .right-col {
        margin-left: 0;
        margin-top: 40px;
    }

    /* Registration 1080 */
    .section-members.page-registration #main_content .heading_wrapper {
        margin-bottom: 60px;
    }

    /* Popup 1080 */
    #popup_content #content #content_module,
    .subsection-news-record #content #content_module {
        width: 70%;
        padding-left: 60px;
    }

    /* Events 1080 */
    .evo-calendar {
        padding-top: 0;
    }
    .calendar-events > .event-header > p,
    tr.calendar-header .calendar-header-day {
        line-height: 1.05em;
    }
    .sidebar-hide .calendar-inner {
        padding-top: 40px;
    }
    tr.calendar-body .calendar-day .day.calendar-active,
    tr.calendar-body .calendar-day .day.calendar-active:hover {
        border-width: 2px;
        line-height: 1.35em;
    }
    tr.calendar-body .calendar-day .day {
        line-height: 1.6em;
    }
    .event-container > .event-info {
        padding-left: 20px;
        width: calc(100% - 40px);
    }
    
    .section-our-members .member-pages-main {
        display: block;
    }
    
    .section-our-members .member-pages-text {
        padding-right: 0;
        margin-bottom: 80px;
    }

    #homepageHero .highlight-links a>span {
        margin-left: 20px;
    }
    
    .optional-donation .donation-items .donation-item {
        margin-right: 50px;
    }
    .section-donate #main_content {
        display: block
    }
    .optional-donation .donation-items label::before {
        content: '';
        height: 90px;
        width: 90px;
    }
}

/* ------------------------------------------------------------------------
--------------------------------- Size 2 ----------------------------------
------------------------------------------------------------------------ */

@media screen and (max-width: 780px) {

    .mobile-only {
        display: inline;
    }
    .hidden-mobile {
        display: none;
    }

    .feature_panels .panel_image_text_adjacent .content,
    .feature_panels .panel_image_text_adjacent .image {
        width: 100%;
    }

    .feature_panels .panel_image_text_adjacent.feature_variant_1:not(.mobile_order_reversed) {
        flex-direction: column;
    }

    .feature_panels .panel_image_text_adjacent.feature_variant_2:not(.mobile_order_reversed) {
        flex-direction: column-reverse;
    }
    
    .feature_panels .panel_image_text_adjacent .content,
    .feature_panels .panel_image_text_adjacent.feature_variant_2 .content {
        padding: 0;
        margin-top: 30px;
    }

    /* -----------------------------------------------------------
       Generic
    ----------------------------------------------------------- */
    .main-navigation-overlay {
        padding-top: 90px;
    }
    .sub-nav-column .highlight-links {
        margin-top: 0;
    }
    .sub-nav-column {
        margin-bottom: 0;
    }

    #logo .large-logo {
        display: none;
    }
    #logo a.small-logo {
        display: block;
        opacity: 1;
        transform: none;
        position: static;
    }
    #logo {
        height: 40px;
    }
    .record_slider_custom .item {
        width: calc((100vw - 15px) / 3 - 30px);
    }

    /* section-members.page-registration #main_content */
    .section-home #main_content,
    .section-news #main_content {
        padding-top: 90px;
    }
    #homepageHeroToolbar .highlight-links {
        display: block
    }
    #homepageHero .highlight-links a {
        width: 100%;
    }
    .page-registration #member_login {
        margin-top: 0;
    }
    #homepageHero .hero_caption {
        padding: 0;
    }

    .image_list ul li {
        width: 50%;
    }

    /* Biggg text 50px */
    /* less big 48px */
    /* bigger than body 19px */
    /* body 16px */
    .section-our-members .members_sort_btn {
        float: left;
        margin: 0 0 40px 0;
    }
    .subsection-news-record {
        margin-top: 60px;
    }
    /* Popup 780 */
    #popup_content {
        padding-left: 20px;
        padding-right: 20px;
    }
    #popup_content #content,
    .subsection-news-record #content {
        flex-direction: column;
        align-items: center;
    }
    #popup_content #content #content_module,
    .subsection-news-record #content #content_module {
        width: 100%;
        padding: 0 60px;
    }
    #popup_content #content #sidebar,
    #popup_content #content #content_module,
    .subsection-news-record #content #sidebar,
    .subsection-news-record #content #content_module {
        width: 100%;
    }
    #popup_content #content #sidebar,
    .subsection-news-record #content #sidebar {
        text-align: center;
    }
    #popup_content #content #sidebar img,
    #popup_content #content #content_module img,
    .subsection-news-record #content #sidebar img,
    .subsection-news-record #content #content_module img {
        max-height: calc(75vh - 60px);
    }

        /* 2 Column Text Table
        ----------------------------------------------------------- */
        .col_2_text_table {
            row-gap: 0;
        }
    
        .col_2_text_table-content {
            margin-bottom: 25px;
        }
    
        .col_2_text_table_collapsible {
            grid-template-columns: repeat(1, 1fr) !important;
        }
    /* -----------------------------------------------------------
       General layout
    ----------------------------------------------------------- */
    #main_header {
        padding-top: 19px;
        padding-bottom: 14px;
    }

    .records_list > ul > li {
        width: 50%;
    }

    

    .layout-fixed-header #main_content,
    #main_content {
        padding-top: 120px;
    }

    #content_module,
    .content_module {
        margin-bottom: 30px;
    }

    .heading_above_record_list {
        padding-bottom: 30px;
        padding-top: 40px;
    }

    .main-navigation-overlay::before {
        animation: none !important;
    }

    /* -----------------------------------------------------------
        Global classes
    ----------------------------------------------------------- */
    /* PANEL PADDING! */
    .panel_record_slider_custom_inner,
    .feature_panels .panel_type_3002,
    .feature_panels .panel_type_3003 {
        /* padding-top: 60px;
        padding-bottom: 60px; */
    }

    .feature_panels .panel_type_3002 .arrow_btn {
        margin: 0;
    }
    .divider {
        height: 60px;
    }
    /* .section-home .feature_panels_inner > ul > li:not(.panel_type_3001)::before {
        top: -60px;
    } */

    #homepageHero {
        min-height: calc(100vh - 185px);
    }
    #homepageHero h2.hero_title {
        margin-bottom: 60px;
    }

    .records_list > ul:not(.flickity-enabled) {
        margin-right: 0;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .records_list > ul:not(.flickity-enabled)::after {
        display: none;
    }
    /* temporarily removed, not sure where this is needed, but it wreaks havoc */
    /* .records_list > ul:not(.flickity-enabled) > li {
        padding-right: 0;
        width: 47%;
    } */
    .panel_type_3005 .records_list > ul:not(.flickity-enabled) > li {
        width: 100%;
        margin: 0;
    }
    .panel_text_records_custom_inner {
        flex-direction: column;
    }
    .panel_text_records_custom_inner .panel_header {
        padding-right: 0;
    }

    /* TOPNAV */
    .default-navigation .topnav,
    .default-navigation .member-login-link {
        display: none;
    }

    .sub-nav-column .link-arrow {
        flex-shrink: 0;
        border-radius: 50% 0 0 0;
        overflow: hidden;
        padding-right: 35px;
        padding-bottom: 35px;
    }
    .sub-nav-column .highlight-links a {
        display: flex;
    }

    /* Events 780 */
    .event-indicator > .type-bullet {
        padding: 2px !important;
    }
    .event-hide .calendar-events {
        position: absolute;
        transform: translateY(100%);
    }
    .calendar-events {
        position: absolute;
        background: #fff;
        opacity: 0.88;
        width: 100%;
        z-index: 9;
        height: 100% !important;
    }
    .event-hide.sidebar-hide .calendar-inner {
        padding-right: 0;
    }
    .sidebar-hide .calendar-sidebar {
        display: none !important;
    }

    /* -----------------------------------------------------------
       Page Specific
    ----------------------------------------------------------- */
    .section-home .hero-counterbalance {
        height: 60px;
    }
    #homepageHero .hero_caption {
        margin-bottom: 120px;
    }
    #homepageHero h2.hero_title {
        margin-bottom: 0;
    }
    .highlight-links {
        flex-wrap: wrap;
        justify-content: space-between;
    }
    #homepageHero .highlight-links a {
        padding-left: 0 !important;
        flex-basis: 48% !important;
        margin-bottom: 40px;
    }
    
    #homepageHero,
    .cms-frontend-toolbar-active #homepageHero {
        padding-top: 0;
        height: auto;
    }

    /* Feature panel type 11 - text columns and quote
    ----------------------------------------------------------- */

    .feature_panels .panel_image_text_columns .content {
        padding-right: 0 !important;
        padding-left: 0 !important;
        width: 100%;
    }
    .feature_panels
        .panel_image_text_columns
        .content
        .content_columns.columns_enabled {
        column-count: 1 !important;
    }
    .feature_panels .panel_image_text_columns .pull_quote_content {
        float: left;
        width: 100%;
        clear: none;
        margin: 0 0 40px;
    }

    #container
        .feature_panels
        .panel.panel_type_3003
        button.video_cover_image::before {
        width: 34px;
        height: 34px;
        font-size: 12px;
        text-indent: 2px;
    }
    #homepageHero .link-arrow,
    .link-arrow {
        width: 30px;
        height: 30px;
    }
    .link-arrow::before {
        width: 48px;
    }
    #homepageHero .highlight-links a {
        max-width: none;
    }
    #homepageHero .highlight-links a:first-of-type {
        flex-basis: 100% !important;
    }
    #homepageHero .highlight-links a span {
        margin-left: 0 !important;
    }

    .feature_panels_inner > ul > li:not(.panel_type_2) {
        padding: 30px 0;
    }

    
    .record_slider_custom ul li {
        width: 53%;
        margin-right: 40px;
    }

    .panel_record_slider_custom_inner {
        /* padding: 80px 0 80px 40px; */
        padding: 0 20px
    }

    .feature_panels .panel_type_3002 .content-inner {
        flex-direction: column;
    }
    .feature_panels .panel_type_3002 .fp_header_wrapper,
    .feature_panels .panel_type_3002 .content_aside {
        width: 100%;
    }
    .feature_panels .panel_type_3002 .content {
        min-height: 0;
    }

    /* VIDEO PANEL 780 */
    
    #container
        .feature_panels
        .panel.panel_type_3003
        button.video-play-button::before {
        height: 10vw;
        width: 10vw;
    }
    #container
        .feature_panels
        .panel.panel_type_3003
        button.video-play-button::after {
        left: 5vw;
        transform: translateX(-6px);
        margin: 0;
    }

    .highlight-links a,
    .sub-nav-column .highlight-links a {
        flex-direction: column;
    }
    #homepageHero .highlight-links a,
    .sub-nav-column .highlight-links a {
        flex-basis: 48%;
        min-width: 0;
        padding-right: 20px;
    }
    #homepageHero .highlight-links a + a,
    .sub-nav-column .highlight-links a + a {
        padding-left: 10px;
    }
    #homepageHero .highlight-links a span,
    .sub-nav-column .highlight-links a span {
        margin: 20px 0 0;
    }

    /* NEWS PAGE 780 */
    .flickity_fade .flickity-slider {
        align-items: flex-start;
    }
    #featured_news_items .bottom-col > li,
    .panel_type_3004.feature_variant_2 #featured_news_items .bottom-col li,
    .section-news .subsection-news-grid .records_list > ul > li {
        width: 46%;
        margin-bottom: 60px;
    }
    #featured_news_items .bottom-col > li:nth-last-child(-n + 2),
    .panel_type_3004.feature_variant_2
        #featured_news_items
        .bottom-col
        li:nth-last-child(-n + 2) {
        margin-bottom: 0;
    }
    .section-news .subsection-news-grid .records_list > ul > li {
        padding-right: 0;
    }
    #landing_page_slideshow .slide {
        flex-direction: column;
    }
    #landing_page_slideshow .slide .content {
        order: 2;
    }
    #landing_page_slideshow .slide .image {
        width: 100%;
        padding: 0;
        margin: 0;
        margin-bottom: 30px;
        order: 1;
    }
    
    .main .image > a > div > span:after,
    .feature_variant_2 #featured_news_items .image-aspect-ratio::after {
        padding-top: 166.66%;
    }

    /* MEMBERS LOGIN 780 */
    .member-login-form-wrapper {
        flex-direction: column;
        align-items: flex-start;
    }
    .member-login-form-wrapper > div {
        margin: 60px 0;
        width: 100%;
        padding-right: 0;
    }
    .member-login-form-wrapper > div + div {
        margin-top: 0;
    }
    #member_subcription_payment_form .g-recaptcha {
        position: static;
        margin-bottom: 20px;
    }
    #member_subcription_payment_form .donation-items {
        /* flex-wrap: wrap; */
        width: 100%;
        position: relative;
        overflow: visible;
        justify-content: flex-start;
        /*padding-left: 33px;*/
        min-height: 160px;
        margin-bottom: 60px;
    }
    #member_subcription_payment_form span.donation-item {
        /*width: 25%;*/
        /* margin-right: 40px; */
        padding: 0 20px;
        margin: 0;
    }
    #member_subcription_payment_form .custom_amount_wrapper {
        width: 100%;
        flex: 1;
    }
    #member_subcription_payment_form
        .custom_amount_wrapper
        .dynamic-label-input-wrapper {
        /* width: 100%; */
    }
    #member_subcription_payment_form .optional-donation.store_item {
        padding-top: 0;
    }
    #member_login h2 {
        word-break: break-word;
    }
    
    /* MEMBER REGISTRATION */
    
    .donation-items {
        flex-wrap: wrap;
    }
    
    .optional-donation .donation-items label::before {
        width: 80px;
        height: 80px;
    }

    /* Calc 780 */
    #main_content .calculator-intro-container,
    #main_content .calc-field-wrapper {
        flex-direction: column;
    }
    #main_content .calc-field-wrapper > * {
        width: 100%;
    }
    #main_content .basic-info-table tr > td {
        padding-bottom: 0px;
    }
    #main_content .basic-info-table tr > td.rcc {
        padding-bottom: 5px;
    }
    .section-carbon-calculator #main_content h1 {
        margin-bottom: 30px;
    }
    #main_content .calculator-intro-container > h1,
    #main_content .calculator-intro-container > div {
        width: 100%;
    }
    #main_content .calc-heading {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        margin-bottom: 0;
    }
    #main_content #calculator .calc-heading p,
    #main_content .calc-heading h3 {
        max-width: 100%;
    }
    .section-carbon-calculator #main_content h2 {
        line-height: 1.1em;
    }
    .section-our-members ul.user-list {
        column-count: 2;
    }    
    #social_links {
        margin-left: -6px;
        display: flex;
        align-items: flex-start;
        margin-bottom: 10px;
    }
    .section-donate #main_content {
        display: block;
    }
    
    
    .section-video.no-page-params h1 {
        float: none;
    }
    #video_filter {
        float: none;
    }
}

@media screen and (max-width: 560px) {
    #main_header #donate {
        display: none;
    }

    #homepageHero h2.hero_title {
        font-size: var(--step-4);
    }
    #cookie_notification {
        position: fixed;
        bottom: 60px;
        left: 20px;
        right: 20px;
        width: calc(100% - 40px)
    }
    .panel_header .arrow_btn,
    .panel_header .arrow_btn_invert {
        max-width: 100%;
    }
    .record_slider_custom ul li {
        width: 80%;
        margin-right: 30px;
    }
    .section-our-members ul.user-list {
        column-count: 1;
    }    
    .record_slider_custom .pagination_controls button {
        position: absolute;
        height: 50px;
        z-index: 99;
        width: 50px;
    }
    
    .record_slider_custom .item {
        width: 300px;
    }
    body .button,
    body button:not(.store_item_add_to_cart):not(.clear_button_styles):not(.pagination_controls_prev):not(.pagination_controls_next) {
        padding: 10px 15px;
    }

    .main-nav-column {
        margin-bottom: 25px;
    }
    .sub-nav-column {
        margin-bottom: 0;
    }

    /* News 560 */
    .featured_news_top_row .right-col li {
        flex-direction: column;
    }
    .featured_news_top_row .right-col li > div {
        width: 100% !important;
        margin-right: 0 !important;
        max-width: none !important;
    }
    .featured_news_top_row .right-col li .image-container {
        margin-bottom: 15px;
    }
    .featured_news_top_row .main .content {
        padding: 20px;
    }
    .featured_news_top_row .main .content .title {
        line-height: 1.1em;
    }

    .record_slider_custom .pagination_controls .sizer {
        width: 60%;
    }

    .record_slider_custom .pagination_controls button.pagination_controls_prev {
        transform: translate(-15px, -50%);
    }

    .record_slider_custom .pagination_controls button.pagination_controls_next {
        transform: translate(15px, -50%);
    }
    

    
}

/* ------------------------------------------------------------------------
--------------------------------- Size 1 ----------------------------------
------------------------------------------------------------------------ */

@media screen and (max-width: 459px) {
    /* -----------------------------------------------------------
       Generic
    ----------------------------------------------------------- */

    /* Shrrink the giant headers down a step */
    #homepageHero h2.hero_title,
    .feature_panels .panel_header h1,
    .feature_panels .panel_header h2:first-child,
    #main_content h1,
    #logo a.small-logo,
    .section-video h1, 
    .cascading-page-header h1, 
    #hero_heading .title {
        font-size: var(--step-3);
    }
    
    .header_actions {
        --gap: 10px;
    }
    #topnav_translations {
        margin-top: 4px;
    }

    #homepageHeroToolbar .highlight-links {
        flex-direction: column;
    }

    #homepageHeroToolbar .highlight-links a {
        width: 100% !important;
    }


    /* -----------------------------------------------------------
       General layout
    ----------------------------------------------------------- */
    #container,
    .inner-container,
    #notification-bar,
    .main-header-inner,
    .hero-footer,
    #main_header > div {
        padding: 0 15px;
    }
    #hero_header .inner {
        padding-left: 15px;
        padding-right: 15px;
    }
    .ticker-wrapper.news-home-ticker {
        width: calc(100vw + 40px);
    }

    .image_list ul {
        margin-right: 0px;
    }
    .image_list ul li {
        padding-right: 0px;
        width: 100%;
    }

    .nav-artlogic-logo-container {
        right: 15px;
        bottom: 10px;
    }

    .records_list > ul,
    .section-members .records_list ul,
    body .records_list.gd_image_spacing_20 > ul {
        margin-right: 0 !important;
    }
    .section-members .records_list ul li,
    body .records_list.gd_image_spacing_20:not(.flow_list) ul li,
    .records_list > ul > li {
        width: 100%;
        padding-right: 0 !important;
    }

    .form .form_row label,
    .form .form_row .inputField,
    .form .form_row select,
    .form .form_row .form_row_field_content,
    .form .form_row textarea,
    .form .form_row #captcha input,
    .form .form_row .g-recaptcha {
        width: 100%;
    }

    /* -----------------------------------------------------------
        Global classes
    ----------------------------------------------------------- */
    #container .feature_panels .panel.panel_type_3003 button.video-play-button {
        text-indent: -999px;
    }
    #container
        .feature_panels
        .panel.panel_type_3003
        button.video-play-button::before,
    #container .feature_panels .panel.panel_type_3003 button.video-play-button {
        height: 60px;
        width: 60px;
        margin: 0;
    }
    #container
        .feature_panels
        .panel.panel_type_3003
        button.video-play-button::after {
        left: 50%;
        transform: translateX(-50%);
        margin-left: 3px;
    }

    #popup_content #content #content_module,
    .subsection-news-record #content #content_module {
        padding: 0;
    }

    /* -----------------------------------------------------------
       Page Specific
    ----------------------------------------------------------- */

    #featured_news_items .bottom-col > li,
    .panel_type_3004.feature_variant_2 #featured_news_items .bottom-col li,
    .section-news .subsection-news-grid .records_list > ul > li {
        width: 100%;
        max-width: none;
    }
    #featured_news_items .bottom-col > li:nth-last-child(-n + 2),
    .panel_type_3004.feature_variant_2
        #featured_news_items
        .bottom-col
        li:nth-last-child(-n + 2),
    #featured_news_items .bottom-col > li,
    .panel_type_3004.feature_variant_2 #featured_news_items .bottom-col li,
    .section-news .subsection-news-grid .records_list > ul > li {
        margin-bottom: 30px;
    }

    .section-home .panel_id_167 .arrow_btn {
        margin-bottom: 20px;
    }

    .page-carbon-calculator #hero_header .inner {
        padding-left: 15px;
        padding-right: 15px;
    }
`
}




/* Homepage specific... */
@media screen and (min-width: 1200px) {

    #homepageHero .highlight-links a[href='/carbon-reports/'] {
        max-width: 400px;
    }

    #homepageHero .hero_caption {
        padding: 45px 0 90px;
    }
    
}