/*
 Theme Name:   Twenty Twenty-One Child
 Description:  Twenty Twenty-One Child Theme
 Author:       Raffael Baldinger
 Template:     twentytwentyone
 Version:      1.0.0
*/

/* Child Theme für abf.ch */

/* 
   _____ _       _           _         _____ _         _           
  / ____| |     | |         | |       / ____| |       | |          
 | |  __| | ___ | |__   __ _| | ___  | (___ | |_ _   _| | ___  ___ 
 | | |_ | |/ _ \| '_ \ / _` | |/ _ \  \___ \| __| | | | |/ _ \/ __|
 | |__| | | (_) | |_) | (_| | |  __/  ____) | |_| |_| | |  __/\__ \
  \_____|_|\___/|_.__/ \__,_|_|\___| |_____/ \__|\__, |_|\___||___/
                                                  __/ |            
                                                 |___/             
*/ 

body * {
    font-family: "Roboto", Arial, sans-serif !important;
}

/* Links und Buttons */
.abf-link {
    color: #0097d3;
}

.abf-button > div > div > a, .eael-post-elements-readmore-btn {
    background-color: #0097d3;
    font-weight: 400 !important;
    font-size: 15px !important;
    padding: 13px 18px !important;
    line-height: 1;
}

.abf-button > div > div > a:hover {
    background-color: #32AADA !important;
}

.elementor-widget-container > h1 {
    padding: 30px 0px 5px;
    /* padding: 30px 15px 5px; */
}

div#n2-ss-2 .n2-style-785355f374be86c332d4665aae819858-dot.n2-active, div#n2-ss-2 .n2-style-785355f374be86c332d4665aae819858-dot:hover, div#n2-ss-2 .n2-style-785355f374be86c332d4665aae819858-dot:focus {
    background-color: #0097d3 !important;
}

.n2-bullet:not(.n2-active) {
    background-color: white !important;
}

/* Disclaimer - Links & Text */
.copyright,
.copyright a {
    font-size: 14px;
    color: #FFFFFF80;
}

.copyright {
    padding-left: 10px;
}


/* White Space Fix */
body div[data-elementor-type="wp-page"] {
    overflow: hidden;
}

/* AGBs */
.agb-box > div > div {
    width: 100% !important;
}

.agb-box > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    /* padding-right: 25px; */
}

/* Schatten der Diashow */
#header_shadow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    max-height: 50px;
}

#left_shadow,
#right_shadow {
    width: 49.5%;
    margin: 0;
    padding: 0;
}
       
#left_shadow > img,
#right_shadow > img {
    width: 100%;
}

/* Breadcrumb Styles*/
.current-page {
    color: #0097d3;
}

.breadcrumb {
    margin-left: 30px;
    font-weight: 300;
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
    color: #8c8c8c;
    /* ########################################## */
    padding-left: 20px;
    /* ########################################## */
}

.breadcrumb-delimiter::before {
    content: '\e840';
}

/* Jump-to-Top-Button */
#jump-to-top {
    left: 50%;
    height: 45px;
    position: fixed;
    bottom: 0;
    z-index: -99999;
    cursor: pointer;
    background-color: white;
    text-align: center;
    width: 80px;
    margin-left: -40px;
    opacity: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-transition: ease-in-out 0.5s;
    transition: ease-in-out 0.5s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

#jump-to-top-icon {
    width: 50px;
}

/* Cookiebanner Styles */
#cmplz-document {
    max-width: none;
    padding: 12px;
}

.cc-revoke {
    background-color: #0097d3 !important;
    color: white !important;
    text-decoration: none !important;
    border-radius: 1px !important;
}

/* Services --> Aktuelle Angebote --> Microsoft 365 --> Kontaktieren sie uns mit einem Klick */
.elementor-element-91e6c86 {
    display: flex;
    align-items: center;
}

/* .elementor-inner-column .elementor-widget-wrap.elementor-element-populated {
    padding: 25px !important;
} */

section.elementor-section.elementor-inner-section.elementor-element.elementor-element-577da19.elementor-section-full_width.elementor-section-height-default.elementor-section-height-default, #header_shadow, .elementor-element-e438493, #mega-menu-item-2364 > ul {
    max-width: 1920px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    /* left: 0px !important; */
}

.n2-ss-no-bga-fixed {
    transform: translate3d(0px, 0px,0px) !important;
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
}

.elementor-element-87bb236 {
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
}

/* AGB Box */
/* @media screen and (max-width: 1190px) { */
.agb-box > div {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
}
/* Diashow Schatten */
#left_shadow > img,
#right_shadow > img {
    opacity: 0.5;
}
/* } */

.elementor-element-e09021e > div > section:not(.elementor-element-94383f0) > div > div:first-child {
    margin-right: 20px;
}

.elementor-element-e09021e > div > section:not(.elementor-element-94383f0) > div > div:last-child {
    margin-right: 33px;
    margin-left: 20px;
}



@media screen and (max-width: 766px) {
    /* Ausblenden des Jump-to-Top-Buttons bei zu kleiner Auflösung */
    #jump-to-top {
        display: none;
    }

    /* ABF Logo Header */
    .abf-logo > div > a > img {
        width: 160px !important;
    }

    .elementor-element-1b7451a > div {
        padding: 10px !important;
    }

    .elementor-element-0dd37a7 > div {
        padding: 0px !important;
        padding-right: 10px !important;
    }
}

@media screen and (max-width: 650px) {
    /* AGB Box */
    .agb-box > div {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .elementor-element-e09021e > div > section:not(.elementor-element-94383f0) > div > div:first-child,
    .elementor-element-e09021e > div > section:not(.elementor-element-94383f0) > div > div:last-child {
        margin: 0;
        margin-right: 20px;
    }
}

/*
  _____        __         _____              _     
 |_   _|      / _|       / ____|            | |    
   | |  _ __ | |_ ___   | |     __ _ _ __ __| |___ 
   | | | '_ \|  _/ _ \  | |    / _` | '__/ _` / __|
  _| |_| | | | || (_) | | |___| (_| | | | (_| \__ \
 |_____|_| |_|_| \___/   \_____\__,_|_|  \__,_|___/
 Styles für die Infokarten
*/
.info-card {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #ffffff), color-stop(50%, #f8f8f8), color-stop(100%, #f8f8f8), color-stop(100%, #eeeeee), to(#f0f0f0));
    background: linear-gradient(to bottom, #ffffff 1%, #f8f8f8 50%, #f8f8f8 100%, #eeeeee 100%, #f0f0f0 100%);
    width: 23%;
    margin: 1%;
}

.eael-grid-post-holder,
.info-card > div {
    border-radius: 1px !important;
}

.info-card .elementor-widget-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 30px !important;
}

.info-card .elementor-widget-wrap div:last-child {
    margin-top: auto;
}

.eael-post-elements-readmore-btn,
.elementor-button,
.elementor-button-link {
    border-radius: 1px !important;
}

/* Business Cases */
.eael-post-grid-container > div > article > div {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #ffffff), color-stop(50%, #f8f8f8), color-stop(100%, #f8f8f8), color-stop(100%, #eeeeee), to(#f0f0f0));
    background: linear-gradient(to bottom, #ffffff 1%, #f8f8f8 50%, #f8f8f8 100%, #eeeeee 100%, #f0f0f0 100%);
    min-height: 16em;
}

.angebot-titel {
    min-height: 100px;
    height: 100px;
}

.angebot-titel > .elementor-widget-container {
    height: 100%;
}

.eael-post-elements-readmore-btn {
    width: -webkit-min-content;
    width: -moz-min-content;
    width: min-content;
    margin-top: 25px;
}

.content {
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 10px;
}

/*
  __   __ _   ___  ____  ____   __  ____  ____ 
 / _\ (  ( \ / __)(  __)(  _ \ /  \(_  _)(  __)
/    \/    /( (_ \ ) _)  ) _ ((  O ) )(   ) _) 
\_/\_/\_)__) \___/(____)(____/ \__/ (__) (____)
Styles für die Infokarten mit den aktuellen Angeboten
*/

/* Hintergrundgradient von Angebotskarten und Partnerkarten */
.angebot-background,
.partner-card {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #ffffff), color-stop(50%, #f8f8f8), color-stop(100%, #f8f8f8), color-stop(100%, #eeeeee), to(#f0f0f0));
    background: linear-gradient(to bottom, #ffffff 1%, #f8f8f8 50%, #f8f8f8 100%, #eeeeee 100%, #f0f0f0 100%);
    margin: 8px;
}

/* Services --> Aktuelle Angebote */
.angebot-height {
    height: 350px;
    padding: 2.5%;
    border-radius: 1px;
}

/* Border für Partner-Karte und Angebote */
.partner-card, .angebot-height > div {
    border: 1px solid #ebebeb;
}

/* Breite der Angebots-Karten */
.angebot-width {
    min-width: 290px !important;
    width: 25% !important;
    /* max-width: 439px !important; */
}

/* Defaultgrösse Partner- und Leere Karten */
.empty-card, .partner-card, .swsupport {
    height: 350px;
    margin: 20px;
}

.swsupport {
    min-width: 247px;
}

.elementor-element-4221ca5 > div {
    display: flex;
    flex-wrap: wrap;
}

/* Angebots-Karten-Breite */
@media screen and (max-width: 1191px) {
    .angebot-width {
        min-width: 290px !important;
        width: 32% !important;
    }
}

/* Partnerkarten - 2 pro Zeile */
@media screen and (max-width: 1025px) {
    .partner-card {
        width: 45% !important;
    }
}

/* Angebots-Karten-Breite */
@media screen and (max-width: 900px) {
    .angebot-width {
        min-width: 290px !important;
        width: 50% !important;
    }
}

/* Einzeldarstellung Partner */
@media screen and (max-width: 830px) {
    .partner-card {
        width: 100% !important;
        height: 150px;
    }
    .partner-card > div {
        background-size: 200px auto !important;
    }
    .swsupport-empty {
        display: none;
    }
}

/* Angebots-Karten-Breite */
@media screen and (max-width: 590px) {
    .angebot-width {
        min-width: 290px !important;
        width: 100% !important;
    }
}

/* Mobileansicht Info-, Partner- und Angebotskarten*/
@media screen and (max-width: 360px) {
    .info-card {
        margin-bottom: 50px;
    }
    .partner-card {
        height: 150px;
    }
    .angebot-with {
        min-width: 240px !important;
    }
}

/*
  __  __            _   _     
 |  \/  |          (_) (_)    
 | \  / | ___ _ __  _   _ ___ 
 | |\/| |/ _ \ '_ \| | | / __|
 | |  | |  __/ | | | |_| \__ \
 |_|  |_|\___|_| |_|\__,_|___/
 Hauptmenübezogene Styles
*/
/* Positionierung Menü */
#mega-menu-2364-0 {
    background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), color-stop(15%, #ffffff), color-stop(50%, #ffffff), color-stop(90%, #ffffff), to(#eeeeee)) !important;
    background: linear-gradient(to bottom, #eeeeee 0%, #ffffff 15%, #ffffff 50%, #ffffff 90%, #eeeeee 100%) !important;
    margin-top: 16px !important;
}

/* Hamburgersymbol */
.dashicons-menu-alt3.mega-menu-link {
    background: white !important;
    color: rgb(70,70,70) !important;
    font-size: 24px !important;
}

.dashicons-menu-alt3.mega-menu-link::before {
    color: #0097d3 !important;

}

/* Hamburgersymbol */
.dashicons-menu-alt3::before {
    content: '' !important;
    height: 32px !important;
    width: 32px !important;
    background: url("/wp-content/uploads/2021/07/hamburger.png") no-repeat !important;
    background-size: 32px !important;
    margin-top: 10px !important;
}


.elementor-element-3cd6043, .elementor-element-3cd6043 > div {
    height: 40px;
    width: 350px !important;
    margin-bottom: 0px !important;
}

#topLinks {
    width: 100%;
    display: flex; 
    flex-direction: row;
}

#topLinks a:last-child {
    margin-right: 20px;
}

#TVButton, #newsButton {
    /* width: 200px;  */
    height: 35px !important;
    padding: 5px 10px;
    margin: 0px 5px;
    display: flex;
    align-items: center;
    border: 1px solid #cdcdcd;
    background-color: #f2f2f2;
    border-radius: 2px;
    transition-duration: 0.2s;
}

#TVButton *, #newsButton * {
    max-height: 35px !important;
    transition-duration: 0.2s;
}

#TVButton img, #newsButton img {
    width: 30px !important; 
    filter: grayscale(100%) !important;
    padding-left: 5px;
}

#TVButton p, #newsButton p {
    font-size: 16px; 
    display: flex; 
    align-items: center; 
    justify-content: space-evenly; 
    height: 35px; 
    text-align: center;
    color: #646464;
}

#topLinks {
    justify-content: flex-end;
}

#TVButton:hover p, #newsButton:hover p {
    color: #646464 !important;
    /* font-weight: 500; */
    /* text-shadow: 0.1px 0px #646464, 0px 0.1px #646464, -0.1px 0px #646464, 0px -0.1px #646464; */
    transition-duration: 0.2s;
}

#TVButton:hover, #newsButton:hover {
    background-color: #e9e9e9;
}

#TVButton:hover img, #newsButton:hover img {
    filter: grayscale(50%) !important;
    transition-duration: 0.2s;
}

.elementor-element-e3b5ec0 > div {
    display: flex;
    flex-direction: column;
    justify-content: space-between !important;
}


/* Footer */
.footer_menu {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    display: inline-block;
    width: 100%;
    line-height: 1.8em;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.footer_head {
    padding-bottom: 5px !important;
    font-weight: 500 !important;
}

.footer_menu:not(.footer_head) {
    font-weight: 300;
    padding-top: 3px !important;
    padding-bottom: 3px !important;
}

.elementor-element-98fa9c9 > div > p > strong {
    font-weight: 500 !important;
}

.mega-menu-link {
    padding-bottom: 0 !important;
}

.footer-content {
    max-width: 1920px;
    padding-left: 0px;
    padding-right: 0px;
    margin-left: auto;
    margin-right: auto;
}

.footer-content > div > div:first-child {
    padding-left: 20px;
}
.footer-content > div > div:first-child > div {
    padding-left: 0px !important;
}

.footer-content > div > div:last-child {
    padding-right: 20px;
}
.footer-content > div > div:last-child > div {
    padding-right: 0px !important;
}

@media screen and (max-width: 767px) {
    .footer-content > div > div {
        padding-left: 20px;
        padding-right: 20px;
    }

    .footer-content > div > div > div {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}

@media screen and (max-width: 1025px) {
    #topLinks a:last-child {
        margin-right: 10px;
    }
}

/* ###################################################################################### */
.footer_menu:hover,
.mega-menu-link:hover {
    color: #0097d3 !important;
    font-weight: 500 !important;
}

.mega-menu-link:hover::before {
    color: #0097d3 !important;
}

.elementor-element-577da19 > .elementor-container {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.elementor-element-e3b5ec0 {
    width: 65% !important;
}

#mega-menu-primary a {
    margin: 0 10px !important;
}

#mega-menu-primary > li > ul > li > ul > li > ul > li > a {
    font-weight: 400 !important;
    font-size: 22px !important;
    margin: 0 10px !important;
    border-bottom: 1px solid #0097d3 !important;
}

#mega-menu-primary > li > ul > li > ul > li > ul > li > ul > li > a {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
    font-weight: 300 !important;
    font-size: 16px !important;
    padding-top: 3px !important;
    padding-bottom: 3px !important;
}

#mega-menu-primary > li > ul > li > ul > li > ul > li > ul > li > ul > li > a {
    font-weight: 300 !important;
    line-height: 1.3em !important;
    padding-bottom: 5px !important;
    padding-top: 5px !important;
    font-size: 13.2px !important;
}

#mega-menu-primary > li > ul > li > ul > li > ul > li > ul > li > ul > li > a:first-child {
    padding-top: 6px !important;
}


#mega-menu-2364-0 {
    padding: 25px 15px 25px 15px !important;
}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {
    text-transform: none !important;
    padding-bottom: 5px !important;
    margin-bottom: 10px !important;
}

.mega-sub-menu li .mega-menu-link {
    line-height: 31px !important;
}

.mega-indicator {
    font-size: 24px !important;
    color: #0097d3 !important;
}

@media screen and (max-width: 2048px) {
    .mega-toggle-animated-inner,
    .mega-toggle-animated-inner::after,
    .mega-toggle-animated-inner::before {
        background: #0097d3 !important;
    }
    #mega-menu-footer {
        background: -webkit-gradient(linear, left top, left bottom, from(#eee), color-stop(15%, #fff), color-stop(50%, #fff), color-stop(90%, #fff), to(#eee)) !important;
        background: linear-gradient(to bottom, #eee 0%, #fff 15%, #fff 50%, #fff 90%, #eee 100%) !important;
        padding-bottom: 30px !important;
        padding-top: 30px !important;
        margin-top: 10px !important;
    }
    #mega-menu-footer > li > a {
        font-size: 22px !important;
        margin: 10px 10px !important;
        border-bottom: 1px solid #0097d3 !important;
    }
    #mega-menu-footer > li > ul > li > a {
        font-weight: 300 !important;
        margin: 0 10px !important;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
    }
    #mega-menu-footer > li > ul > li > ul > li > a {
        margin: 0 10px !important;
        font-weight: 300 !important;
        font-size: 13px !important;
    }
}

/* 
  _____  _____  ______   _____                      _                 _     
 |  __ \|  __ \|  ____| |  __ \                    | |               | |    
 | |__) | |  | | |__    | |  | | _____      ___ __ | | ___   __ _  __| |___ 
 |  ___/| |  | |  __|   | |  | |/ _ \ \ /\ / / '_ \| |/ _ \ / _` |/ _` / __|
 | |    | |__| | |      | |__| | (_) \ V  V /| | | | | (_) | (_| | (_| \__ \
 |_|    |_____/|_|      |_____/ \___/ \_/\_/ |_| |_|_|\___/ \__,_|\__,_|___/
 Styles für die Tabellen mit den PDF-Downloads
*/
.pdf-download > .td-content-wrapper > a::before {
    display: inline-block;
    position: relative;
    background-image: url("https://www.abf.ch/wp-content/uploads/2021/04/PDF.png");
    background-size: contain;
    background-repeat: no-repeat;
    content: "";
    height: 20px;
    width: 30px;
    min-width: 30px;
    right: -5px;
}

@media screen and (max-width: 418px) {
    .pdf-download > .td-content-wrapper > a::before {
        right: 0px;
    }
}

.eael-data-table thead tr th {
    padding-left: 0px !important;
    padding-right: 25px !important;
}

.eael-data-table {
    margin-left: 10px !important;
    margin-right: 400px !important;
    width: 98% !important;
    overflow-x: hidden;
}

.eael-data-table > tbody > tr > td:first-child {
    min-width: 140px;
    max-width: 140px;
    width: 140px !important;
}

.td-content-wrapper > div {
    justify-content: flex-start;
}

.pdf-download > .td-content-wrapper > a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 1.2;
}

.pdf-download {
    padding: 7px !important;
}

/* Scrollbar Fix */
@media (max-width: 767px) {
    .eael-data-table-wrap {
        overflow-x: hidden !important;
    }
}

/* FIXES */
.elementor-element-7a2c48c {
    margin-bottom: 0 !important;
}

.elementor-element-e35cbc8 > .elementor-element-populated {
    background-color: black;
}

.n2-ss-layers-container {
    margin: 0 !important;
}

/*
  _____           _             _ _          ______    _            
 |  __ \         | |           (_) |        |  ____|  | |           
 | |__) |__  _ __| |_ _ __ __ _ _| |_ ______| |__ ___ | |_ ___  ___ 
 |  ___/ _ \| '__| __| '__/ _` | | __|______|  __/ _ \| __/ _ \/ __|
 | |  | (_) | |  | |_| | | (_| | | |_       | | | (_) | || (_) \__ \
 |_|   \___/|_|   \__|_|  \__,_|_|\__|      |_|  \___/ \__\___/|___/
 Styles für die Mitarbeiterfotos
*/

/* Main Wrapper */
.portrait-photo {
    /* 3 Fotos als Standard */
    min-width: 33%;
    max-width: 33% !important;
    width: auto !important;
}

/* Umbrüche zwischen den Personen zulassen */
.elementor-element-b368181 > div {
    flex-wrap: wrap;
}

/* Wrapper */
.portrait-photo > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    flex-wrap: nowrap;
    padding: 20px;
}

/* Foto */
.portrait-photo > div > div:first-child {
    width: 35% !important;
    min-width: 180px;
    padding: 15px;
}

/* Text */
.portrait-photo > div > div:nth-child(2) {
    width: 65% !important;
    padding: 15px;
}

@media screen and (max-width: 1150px) {
    /* Main Wrapper */
    .portrait-photo {
        /* 2 Fotos als Standard */
        min-width: 50%;
        max-width: 50% !important;
    }
}

@media screen and (max-width: 768px) {
    /* Main Wrapper */
    .portrait-photo {
        /* 1 Foto als Standard */
        min-width: 100%;
        max-width: 100% !important;
    }
    /* Text */
    .portrait-photo > div > div {
        width: 40% !important;
    }

    /* Trennlinien */
    .portrait-photo:not(.last-portrait) {
        border-bottom: 1px solid #0000001A;
    }
}


@media screen and (max-width: 410px) {
    /* Wrapper */
    .portrait-photo > div {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    /* Fotos & Text */
    .portrait-photo > div > div,
    .portrait-photo > div a {
        text-align: center;
    }

    /* Fotos */
    .portrait-photo > div > div {
        margin-right: auto;
        margin-left: auto;
        width: 60% !important;
    }

    /* Text */
    .portrait-photo > div > div:nth-child(2) {
        width: 90% !important;
        margin-left: auto;
        margin-right: auto;
        padding: 0;
    }
}

/*
   _____ _    _ _____  _____   ____  _____ _______           _   _ ________          _______             _____ _     _      _                
  / ____| |  | |  __ \|  __ \ / __ \|  __ \__   __|    _    | \ | |  ____\ \        / / ____|           / ____(_)   | |    | |               
 | (___ | |  | | |__) | |__) | |  | | |__) | | |     _| |_  |  \| | |__   \ \  /\  / / (___    ______  | (___  _  __| | ___| |__   __ _ _ __ 
  \___ \| |  | |  ___/|  ___/| |  | |  _  /  | |    |_   _| | . ` |  __|   \ \/  \/ / \___ \  |______|  \___ \| |/ _` |/ _ \ '_ \ / _` | '__|
  ____) | |__| | |    | |    | |__| | | \ \  | |      |_|   | |\  | |____   \  /\  /  ____) |           ____) | | (_| |  __/ |_) | (_| | |   
 |_____/ \____/|_|    |_|     \____/|_|  \_\ |_|            |_| \_|______|   \/  \/  |_____/           |_____/|_|\__,_|\___|_.__/ \__,_|_|   
                                                                                                                                */
.support_sidebar {
    min-height: 380px;
    width: 230px;
    position: fixed;
    z-index: 1000;
    top: 9em;
    right: -230px;
    background-color: rgba(255, 255, 255, 0.93);
    overflow-x: hidden;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    padding-top: 15px;
    padding-bottom: 15px;
    border-left: 1px solid #0097d3;
    line-height: 24px;
}

.support_sidebar * {
    font-size: 16px;
}

.support_sidebar > * {
    padding-left: 20px;
    padding-right: 15px;
}

.support_sidebar a {
    padding: 0;
    text-decoration: none;
    display: block;
}

.support_sidebar h4 {
    font-size: 20px;
    font-weight: 400;
}

#openabfnewsbtn,
.opensupportbtn {
    -webkit-transition: right 0.5s;
    transition: right 0.5s;
    position: fixed;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    font-size: 16px;
    cursor: pointer;
    background-color: #0097d3 !important;
    color: white;
    padding: 10px 15px;
    border: none;
    font-weight: 300;
    z-index: 999;
}

#openabfnewsbtn {
    right: -15px;
    top: 9em;
    border-radius: 0 1px 0 0;
}

.opensupportbtn {
    right: -39px;
    top: 15em;
    border-radius: 1px 0 0 0;
}

#openabfnewsbtn:focus,
.opensupportbtn:focus {
    outline: none;
}

.opensupportbtn:hover {
    background-color: #0097d3 !important;
    color: white;
}

#support_symbol {
    display: none;
}

.tv_logo {
    width: 95px;
    height: 93px;
}

.mobile_only {
    display: none;
}

.tellink > img:hover {
    color: #3e8aa8 !important;
}

@media screen and (max-width: 767px) {
    #openabfnewsbtn,
    .support_text {
        display: none;
    }
    .mobile_only {
        display: block;
        padding-top: 15px;
        padding-bottom: 15px;
        margin-bottom: 10px;
        border-bottom: 1px solid #0097d3;
    }
    #support_symbol {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        display: inline-block;
        position: relative;
        top: -23px;
        width: 46px;
    }
    .opensupportbtn {
        background-color: rgba(0, 151, 211, 0) !important;
        top: -10px;
    }
    .opensupportbtn:hover {
        background-color: rgba(0, 151, 211, 0) !important;
    }
    .support_sidebar {
        top: 0;
    }
}
/*# sourceMappingURL=style.css.map */