/*
Theme Name: Theme Martha McCarthy
Version: 1.0
Author: C. Plote
Author URI: http://www.plote.de
Template: enfold
*/

/*Add your own styles here:*/

/*fonts*/

body,
.av-main-nav > li > a,
h2,
.phone-info,
.widgettitle,
.single-post,
.single-post .wp-caption-text {
    font-family: SyntaxCom-Roman !important;
    font-weight: normal;
    font-style: normal;
}

.page-template-default .main_color h2 {
    color: #000000 !important;
}

h1,
h3,
h4,
h5 {
    font-family: SyntaxCom-Roman;
    font-weight: normal;
    font-style: normal;
}

bold,
strong {
    font-family: SyntaxCom-Bold;
    font-style: normal;
    font-weight: normal;
    color: inherit !important;
}

h1,
h2,
.widgettitle,
.av-inner-tab-title,
.slide-entry-title {
    text-transform: none !important;
}

p {
    margin-top: 1em !important;
    margin-bottom: 1em !important;
}

:not(.home) h2 {
    margin-bottom: 0 !important;
    font-size: 24px;
}

.home h2 {
    font-size: 36px;
}

:not(.home) h3 {
    margin-bottom: 0 !important;
}

.main_color h2,
.main_color .avia_textblock h3,
.main_color h4 {
    color: inherit;
}

h2 + p,
h3 + p,
.mcc-aside p,
#links p:first-child,
.home-contact p,
.wo-margin p:first-child {
    margin-top: 0 !important;
}

.mcc-aside p {
    color: #000;
}

.strongblack strong {
    color: #000000 !important;
}

@media only screen and (min-width: 768px) {

    .mcc-aside {
        border-right: 1px dashed #cccccc !important;
        margin-right: -10px;
        padding-right: 10px;
    }
}

.responsive #top #wrap_all .container.av-logo-container {
    margin-left: 0;
    margin-right: 0;
}

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


    #team-member section.av_textblock_section:nth-child(2) {
        margin-top: 1.8em;
        margin-bottom: 1.8em;
    }

    #team-member .avia-button-wrap.avia-builder-el-7 {
        margin-bottom: 1.8em;
    }

    #main main.content:first-child {
        padding-top: 0 !important;
    }
}

.name-title p:first-line {
    color: #000000;
}

#main .avia_textblock a:not(.avia-button) {
    color: inherit !important;
    border-bottom: 1px dashed #cccccc;
}

#main .avia_textblock a:hover {
    color: #ff33cc !important;
    text-decoration: none;
    border-bottom: 1px solid #ff33cc;
}

@media only screen and (max-width: 767px) {
    #team-member h2:first-child {
        margin-top: 1.2em;
    }

    .contacts-m-and-a {
        margin-bottom: 1em;
    }

    .page-id-5 h2:first-child,
    .page-id-17 h2:first-child,
    .page-id-15 h2:first-child {
        margin-top: 0.8em;
    }

    #top.page-id-5 .mcc-aside p {
        margin-bottom: 1.8em !important;
    }
}

.mcc-aside p:first-child {
    margin-bottom: 1.8em !important;
}

.mcc-aside h5:first-child {
    margin-top: 2em;
}

.mcc-aside h5:first-child {
    color: #000000;
}

.mcc-aside h5:nth-child(2) {
    color: #969696;
    margin-top: 0.2em;
    margin-bottom: 0.4em;
}

/*buttons*/

.avia-button.avia-color-light {}

#top .avia-button.avia-color-dark {
    border-color: #ff33cc;
    color: #000000;
}

#top .avia-button.avia-color-light {
    border-color: #ff33cc;
    color: #ffffff;
}

.avia-button {
    border-width: 1px !important;
    border-radius: 0 !important;
    text-transform: uppercase;
    letter-spacing: 0.05em !important;
    font-family: SyntaxCom-Bold;
    font-weight: normal;
    font-style: normal;
}

.avia-button.avia-size-large {
    font-size: 15px;
}

/****************/

/*Header*/

/***************/

/*
.container.av-logo-container {
    margin-left: 0;

}
*/

@media only screen and (min-width: 768px) {

    /*  Remove underline from menu items*/
    #avia-menu .current_page_item > a > .avia-menu-fx,
    #avia-menu .menu-item:hover > a > .avia-menu-fx,
    .avia-menu-fx {
        opacity: 0;
        visibility: hidden;
        display: none;
    }

    /*Add space around the logo*/
    #header_main {
        /* Increase the top and bottom space */
        padding: 20px 0 !important;
    }

    #top #main {
        /* If the header overlap your content adjust the padding top value */
        /* padding-top: 130px;*/
    }
}

#header_main {
    border-top-width: 0;
    border-bottom-width: 0;
}

.html_header_sticky_disabled .container_wrap:first-child {
    border-top: 0 !important;
    border-top-width: 0 !important;
}

/* Highlight current page menu item */

#top .current-menu-item .avia-menu-text,
#top .current_page_item .avia-menu-text {
    color: #e016ad;
}

@media only screen and (max-width: 767px) {
    .responsive #scroll-top-link {
        display: block !important;
    }

    #scroll-top-link {
        right: 0.5em;
        bottom: 0.5em;
    }
}

/*---------*/

/*homepage*/

/*-----------*/

/*Slider*/

/* Slider title, content and button animation */
/*
.avia_transform .av_slideshow_full.avia-fade-slider .active-slide .avia-caption-content,
.avia_transform .av_fullscreen.avia-fade-slider .active-slide .avia-caption-content {

    visibility: visible;
    -webkit-animation: avia-fadein 1.5s 1 ease-out;
    animation: avia-fadein 1.5s 1 ease-out;

}
*/
.avia-layerslider.avia-shadow {
    box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px !important;
}
.avia-layerslider {
    border-top-width: 0px;
    border-top-style: dashed;
    border-top-color: #e0e0e0;
}
/*
.avia-slideshow-inner .slide-2 .slideshow_caption,
.avia-slideshow-inner .slide-4 .slideshow_caption,
.avia-slideshow-inner .slide-6 .slideshow_caption,
.ls-wp-container {
    border-bottom: 1px dashed #888888;
}*/
/*
#mch-silder-home .avia-slideshow-inner .slide-1,
#mch-slider-home-2 .avia-slideshow-inner .slide-5 {
    background-color: #efefef;
}

#mch-slider-home-2 .avia-slideshow-inner .slide-5 {
    background-image: url("https://www.mccarthyco.ca/wp-content/uploads/McCarthy-Hansen-logo-1500x430.gif");
    background-repeat: no-repeat;
    background-size: contain;
}
*/
/*
@media only screen and (max-width: 767px) {

    .homeslider h1,
    .mch-slider-h1 {
        font-size: 2em;
        line-height: 1.2em;
    }



    .homeslider h1.firstslide {
        font-size: 18vw !important;
        padding-left: 16vw;
        padding-right: 16vw;
    }

    .hide-mobile {
        display: none;
    }
}
*/
/*
@media only screen and (min-width: 768px) {

    .homeslider h1,
    .mch-slider-h1 {
        font-size: 3em;
        line-height: 1.2em;
    }

    .homeslider h1.firstslide {
        font-size: 7vw !important;
    }

    .homeslider h1.firstslide sup.registered {
        font-size: 2vw;
    }

    .homeslider .avia-button-wrap {
        margin-top: 3em;
    }
}

.av_inherit_color .homeslider a.avia-button {
    text-decoration: none !important;
    text-decoration-color: #ffffff !important;
}

.homeslider h1.firstslide::after,
.homeslider h1.mch-registered::after,
#mch-slider-home h1.firstslide::after,
#mch-slider-home h1.mch-registered::after,
#mch-slider-home h1.mch-big::after,
#mch-slider-home h1.mch-big::after {
    content: "\00ae";
    font-size: 0.5em;
    vertical-align: text-top;
    line-height: 1em;
    margin-right: -1em;
}
*/
/* Easyslider navigation dots */

.homeslider .avia-slideshow-dots a,
#mch-silder-home .avia-slideshow-dots a {
    border-radius: 0 !important;
    margin-right: 0.5em;
    margin-left: 0.5em;
    background-color: transparent;
    border: 1px solid #000000;
    padding: 4px;
}

.homeslider .avia-slideshow-dots a.active,
#mch-silder-home .avia-slideshow-dots a.active {
    background-color: #000000;
    border: 1px solid #000000;
}

.homeslider .avia-slideshow-arrows.avia-slideshow-controls,
#mch-silder-home .avia-slideshow-arrows.avia-slideshow-controls {
    display: none;
}

.homeslider.avia-shadow,
#mch-silder-home .avia-shadow {
    box-shadow: none !important;
}

/*Layerslider*/
div .avia-layerslider .ls-fullwidth .ls-bottom-slidebuttons {
    top: -10px;
}

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

    .mch-slider-h1 h1,
    #mch-slider-yearofchange h1 {
        font-size: 28px;
        line-height: 1.25 !important;
    }

    #mch-slider-wearefamily h1 {
        font-size: 18vw !important;
        padding-left: 16vw;
        padding-right: 16vw;
    }

    #mch-slider-yearofchange h2 {
        font-size: 20px
    }

    .hide-mobile {
        display: none;
    }

 
}
    @media only screen and (min-width: 768px) {

        .mch-slider-h1 h1,
        #mch-slider-yearofchange h1 {
            font-size: 45px;
            line-height: 1.25 !important;
        }

        #mch-slider-wearefamily h1.mch-big {
            font-size: 7vw !important;
            text-align: center;
        }

        #mch-slider-wearefamily h1.mch-big sup.registered {
            font-size: 2vw;
        }

      

        #mch-slider-yearofchange h2 {
            font-size: 32px
        }

    }
  h1#mch-slider-wearefamily::after {
            content: "\00ae";
            font-size: 0.5em;
            vertical-align: text-top;
            line-height: 1em;
            margin-right: -1em;
        }
    #mch-slider-yearofchange h1,
    #mch-mccarthyhansen h1,
    #mch-slider-understanding h1 {
        color: #ff33cc;
    }

    #top .avia-layerslider .ls-bottom-slidebuttons a {
        border-radius: 0 !important;
        margin-right: 0.5em;
        margin-left: 0.5em;
        background-color: transparent;
        border: 1px solid #000000 !important;
        height: 12px !important;
        width: 12px !important;
    }

    #top .avia-layerslider .ls-bottom-slidebuttons a.ls-nav-active {
        background-color: #000000;
        border: 1px solid #000000 !important;
    }

    #top .avia-layerslider .ls-bottom-slidebuttons a:not(last-child) {
        margin-right: 15px;
    }

    #mch-weareheretohelp {
        border: 1px solid #ff33cc !important;
        border-radius: 0 !important;
        text-transform: uppercase !important;
        font-family: SyntaxCom-Bold, Arial !important;
        font-weight: 400 !important;
        padding-top: 16px !important;
        padding-bottom: 14px !important;
    }
/* Easyslider navigation arrow */

#top .avia-layerslider .ls-nav-prev:before, #top .avia-layerslider .ls-nav-next:before {
    background-color: transparent !important;
}

#top .avia-layerslider .ls-nav-prev:before {
content: '\E87c';
font-family: 'entypo-fontello';
    color: #000000;
}
#top .avia-layerslider .ls-nav-next:before {
content: '\E87d';
font-family: 'entypo-fontello';
    color: #000000;
}

#mch-slider-more a, a.mch-slider-more  {
    text-transform: uppercase;
    color: #ffffff;
    letter-spacing: 1px;
    border-bottom: 1px solid #ffffff;
}
    /* Slider end*/

      @media only screen and (max-width: 767px) {
  #home-news {
      background-image: url("../../uploads/2018/09/Family-law-toronto-martha-mccarthy-mobile.jpg");
        background-repeat: no-repeat;
        background-size: cover;
        background-position: right center;
    }


        #home-services .flex_cell,
        #home-services .av-flex-cells .no_margin.av-zero-padding {
            padding: 20% !important;
        }

        #home-services .flex_cell p {
            padding-left: 10% !important;
            padding-right: 10% !important;
        }
    }

    .mcc-rightcell h6 {
        font-size: 15px;
        text-transform: uppercase;
        letter-spacing: 0.05em;
        padding-bottom: 1em;
        color: #ff33cc;
    }
	      @media only screen and (min-width: 768px) {
 
 #home-news {
           background-image: url("../../uploads/mccarthy-hansen-family-lawyers-toronto-entrance.jpg");
            background-repeat: no-repeat;
            background-size: cover;
            background-position: center top;
        }
}
    @media only screen and (min-width: 600px) {
        #home-services .flex_cell {
            padding: 10% !important;
        }

        #home-services .flex_cell.mcc-rightcell {
            padding: 7% 5% 7% 5% !important;
        }

       

        #home-news {
            padding: 0 30px 0 100px;
        }

        #home-news .av-magazine {
            margin-bottom: 0;
        }

        #home-links {
            padding: 0 100px 0 30px;
        }
    }

    .home h2 {
        margin-bottom: 1.5em !important;
    }

    #home-news h2,
    #home-team h2,
    #home-students h2,
    #home-contact h2 {
        font-size: 36px !important;
        color: #000000 !important;
    }

   

    #home_news {
        text-align: center;

    }

    .av-magazine .av-magazine-content-wrap .av-magazine-title,
    .av-magazine-time {
        font-size: 15px !important;
    }

    /*----------------------------------------
// CSS -  Icon 
//--------------------------------------*/
    .icon-pull-up {
        margin-top: -30px;
        margin-bottom: 3em;
    }

    .av_font_icon .av_icon_caption {
        color: #000000;
        padding-top: 2em;
    }

    .av_font_icon .av-icon-char {
        background: #000000;
        border: none !important;
    }

    .av_font_icon .av-icon-char:before {
        color: #ffffff;
    }

    .av_font_icon.av-icon-style-border .av-icon-char {
        padding: 15px;
    }

    #home-team.avia-section-large .content {
        padding-bottom: 2em;
    }

    #home-team.team-team {
        margin-top: -100px;
    }

    @media only screen and (max-width: 768px) {
        #home-team.team-team {
            margin-top: -200px;
        }

        #headline-team .content,
        #headline-team.avia-section,
        #headline-team main {
            padding-bottom: 0 !important;
            min-height: 0 !important;
        }
    }

    #home-news .avia-button-wrap {
        margin-top: 2em;
    }

    .home-iconbox h3 {
        font-size: 15px !important;
    }

    .av_icon_caption {
        font-size: 18px;
        letter-spacing: 1px;
    }

    .av-magazine-content-wrap {
        border-bottom-style: dashed;
        border-bottom-color: #cccccc !important;
    }

    .hp-slider h2 {
        font-size: 10vmin;
        color: #ffffff;
    }

    .hp-slider p {
        font-size: 5vmin;
        line-height: 1.2;
        color: #ffffff;
    }

    .search-result-counter {
        border-radius: 0;
    }

    /*iconlist*/

    .iconlist_title_small {
        color: #000000;
    }

    .iconlist_content p {
        margin-top: 0 !important;
    }

    .iconlist_content a {
        color: #969696;
        border-bottom: 1px dashed #cccccc;
        text-decoration: none;
    }

    /*------------------
// Team pages
// --------------------*/
    /* Partner logo Spacing */
    #top .avia-logo-element-container .slide-entry {
        padding: 20px !important;
    }

    /*----------------------------------------
// Masonry
//--------------------------------------*/

    .avia-arrow {
        display: none;
    }

    .av-inner-masonry-content {
        background-color: #ffffff !important;
        text-align: center;
    }

    /*change with number of team members when only two in row*/
    @media screen and (min-width: 990px) {
        /* #home-team a.av-masonry-entry:nth-last-child(2) {
        margin-left: 16.6%;
    }
      #home-team a.av-masonry-entry:last-child {
        margin-right: 16.6%;
    }*/
        /*  .page-id-9 #home-team a.av-masonry-entry:last-child {
        margin-right: 33.33333%;
    }*/
    }

    /*hide text of dummy team member*/
    /*#av-masonry-1-item-2196 figcaption,*/
    /*#page-id-9 #home-team a.av-masonry-entry:last-child{
    display: none;
}*/
    /****end****/

    @media only screen and (min-width: 768px) {
        #top .av-large-gap.av-flex-size .av-masonry-entry .av-inner-masonry {
            margin-left: 30px;
            margin-bottom: 30px;
        }
    }

    .avia-post-nav .entry-image img {
        border-radius: 0;
    }

    #top .avia-post-nav {
        background: rgba(0, 0, 0, 0.5);
        border-radius: 0;
    }

    /* Background Color & Opacity */

    #top .avia-post-nav:hover {
        background: #000000;
    }

    /*partner tab center images*/

    @media only screen and (min-width: 768px) {

        .partnertab div .av_one_fifth {
            width: 11%;
        }
    }

    /*----------------------------------------
// CSS - Masonry Sort filter
//--------------------------------------*/

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

        /* Active sort filter */
        #top .av-masonry .active_sort,
        .main_color .av-active-tab-title {
            color: #000000;
            padding: 0;
            border: 1px solid #ff33cc;
            border-color: #ff33cc;
        }

        .avia-tab-title-padding-none .av-outer-tab-title {
            top: 0;
        }

        /* Sort filter  */
        #top .av-masonry .av-sort-by-term {
            width: 100%;
            /*   display: table;*/
            table-layout: fixed;
        }

        #top .av-masonry .av-sort-by-term a {
            /*display: table-cell;*/
            padding: 10px 10px;
        }

        /* Hide Separator */
        #top .av-masonry span.text-sep {
            display: none;
        }

        #top .av-tab-section-tab-title-container {
            min-width: 100% !important;
        }

        #top .av-section-tab-title {
            padding: 8px 0 10px 0 !important;
        }

        #top .av-tab-arrow-container {
            display: none;
        }

        #top .av-tab-no-icon.av-tab-no-image .av-inner-tab-title {
            margin-bottom: 0;
        }

        .av-tab-section-tab-title-container {
            margin-bottom: 1em;
        }
    }

    @media only screen and (min-width: 768px) {

        /* Active sort filter */
        #top .av-masonry .active_sort {
            color: #ff33cc;
            padding: 0;
        }

        /* Sort filter  */
        #top .av-masonry .av-sort-by-term {
            width: 100%;
            /*   display: table;*/
            table-layout: fixed;
        }

        #top .av-masonry .av-sort-by-term a {
            /*display: table-cell;*/
            padding: 0px 40px;
        }

        /* Hide Separator */
        #top .av-masonry span.text-sep {
            display: none;
        }

        a.av-section-tab-title {
            white-space: nowrap;
        }

        /*???*/
        /* Font Size 
#top .avia-post-nav .entry-title{
    font-size: 18px;
}
*/
    }


    /*-----------------------------------------
// CSS - Featured image size in Blog post
//----------------------------------------*/

    #top.single-post .big-preview {
        max-width: 550px !important;
        margin: 0 auto;
    }

    /*-----------------------------------------
// CSS - Remove slash in blog grid meta
//----------------------------------------*/

    .slide-meta .slide-meta-del {
        display: none !important;
    }

    .slide-meta div {
        margin-right: 5px;
    }


    /*----------------------------------------
// CSS - Blog Masonry title Alignment
//--------------------------------------*/

    /* Title */

    #top #news-news .av-masonry-entry-title {
        font-family: SyntaxCom-Bold;
        font-style: normal;
        font-weight: normal;
        color: #000;
        text-align: center;
        font-size: 18px;
    }

    /* Title Background */

    #top #news-news .av-masonry-entry.isotope-item figcaption,
    #top #news-news .av-masonry-entry.isotope-item .avia-arrow {
        background: #efefef !important;
    }

    /* Masonry Content */

    #top #news-news .av-masonry-entry.isotope-item .entry-content {
        color: #000;
        font-size: 15px;
        text-align: center;
    }

    #news-news .av-masonry-read-more {
        color: black !important;
        margin-top: 2em !important;
        margin-bottom: 2em !important;
    }

    #news-news .av-masonry-read-more:hover {
        color: deeppink;
    }

    .home .av-masonry-read-more,
    .page-id-9 .av-masonry-read-more, .page-id-2925 .av-masonry-read-more {
        display: none !important;
    }

    #news-news .av-masonry-entry .av-inner-masonry-content {
        padding-bottom: 0;
    }

    /* blog widgets in sidebar*/

    .widget_recent_entries li a {
        font-family: SyntaxCom-Roman;
        font-weight: normal;
        font-style: normal;
    }

    /*Single Post adjustments*/

    .wp-caption-text {
        line-height: 1.4em;
    }

    .single-post h1 {
        font-size: 24px;
    }

    .single-post p {
        font-size: inherit;
    }

    .html_elegant-blog #top .post-entry .minor-meta {
        text-transform: none;
    }

    .wp-caption-text {
        font-style: normal;
        text-align: left;
        padding-left: 0;
    }

    .wp-caption {
        border: 0 !important;
    }

    /*-----------------------------------------
// CSS - Blog meta after post title
//----------------------------------------*/

    #top .post-meta-infos {
        margin-top: 0 !important;
    }

    #top .post-meta-infos .text-sep-date {
        display: none;
    }

    .html_elegant-blog #top.single-post .post-entry .post-title {
        margin-bottom: 0;
        padding-bottom: 0;
    }

    .widget_recent_entries li {
        border-top: 1px dashed #cccccc;
    }

    h2.post-title {
        color: #000000;
        font-size: 1.9em !important;
    }

    /*bring back post-nav on mobile*/

    @media only screen and (max-width: 767px) {
        .responsive #top .avia-post-nav {
            display: block !important;
        }

        #top a.avia-post-nav:not(:hover) {
            background: rgba(255, 255, 255, 0);
            color: #000000;
            font-size: 30px !important;
        }
    }

    /************************************

 Add a widget area on the right side
 Logo left, Menu center, Widget right

*************************************


CSS Settings:

» Initiate Flexbox
» Topbar
» Header
» Logo
» Menu
» Widget
» Social icons
» Search
» Cart icon

***********************************/

    /*--------------------------------

» Initiate Flexbox

--------------------------------*/

    /* Header */

    .responsive #top #header,
    /* Top bar */

    .responsive #top #header #header_meta,
    /* Search icon */

    .responsive #top #header #menu-item-search a,
    /* Cart icon */

    .responsive #top #header a.cart_dropdown_link,
    /* Social icon */

    .responsive #top #header #header_main nav .social_bookmarks,
    /* Logo */

    .responsive #top #header #header_main .inner-container .logo,
    /* Main menu, cart and social icons */

    .responsive #top #header #header_main .inner-container .main_menu,
    /* Widgets */

    .responsive #top #header #header_main .inner-container .widget,
    /* Header inner container */

    #top #header #header_main .container.av-logo-container .inner-container {
        display: flex;
        position: relative;
    }




    /*--------------------------------

» Topbar

--------------------------------*/

    /* Top bar */

    .responsive #top #header #header_meta {
        flex-basis: 100%;
    }



    /*--------------------------------

» Header

--------------------------------*/

    /* Height */

    #top #header #header_main .container.av-logo-container {
        height: inherit;
        /* Auto height: Header takes the height of the contents */
    }


    /* Header inner container */

    #top #header #header_main .container.av-logo-container .inner-container {
        height: inherit;
        position: relative !important;
        flex-wrap: nowrap;
        justify-content: space-between;
    }


    /* Wrappers 
--------------------------------*/

    /* Header content and Topbar */

    .responsive #top #header {
        flex-wrap: wrap;
    }

    /* Header contents: Logo, Menu, Social Icons and Widgets. */

    .responsive #top #header #header_main {
        flex-basis: 100%;
    }

    /* Transparent header 
--------------------------------*/

    .responsive.html_header_transparency #top #wrap_all #header {
        position: absolute;
    }


    /* Main content: 
-----------------------*/

    .responsive #top #main {
        padding-top: 0px;
        /* Gap between the content and header */
    }


    /* Fixed header 
--------------------------------*/

    /* Fixed header */

    .html_header_sticky.html_header_transparency #top #wrap_all #header,
    .html_header_sticky #top #wrap_all #header {
        position: fixed;
    }


    /* Fixed header and page content gap. 
   Padding value should be same as the fixed header height. */

    .html_header_sticky:not(.html_header_transparency) #top #wrap_all #main {
        /*padding-top: 145px !important; */
    }

    @media only screen and (max-width: 767px) {
        .html_header_sticky #top #wrap_all #main {
            /*padding-top: 145px !important; */
        }
    }





    /*--------------------------------

» Logo

--------------------------------*/



/* Logo */

.responsive #top #header #header_main .inner-container .logo {
    order: 0;
    flex-basis: auto;
    /*width: auto;*/

    /* Define scalable min width of the logo on small screens */
    min-width: 140px;
    /* Define scalable max width of the logo on big screens */
    /* Logo width: (auto | 100% | px );  Set auto to display the uploaded image size */
    max-width: 230px;
    
    z-index: 9;
}
  /* Logo image size */

.responsive #top #header .logo,
.responsive #top #header .logo a,
.responsive #top #header .logo img {
    width: auto;
        
    /* Height specification is not required. It is proportional to the max width of the logo */
    height: auto;    
    align-items: center;
    align-self: center;
    justify-content: center;
}

    @media only screen and (max-width: 767px) {
        #header_main .inner-container {
            height: 140px !important;
        }
    }

    /* Vertically center transparency logo */

    .responsive #top #header .logo span img {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }


    /*--------------------------------

» Menu

--------------------------------*/

    /* Menu outer container: Menu with siblings cart and social icons */

    .responsive #top #header #header_main .inner-container .main_menu {
        order: 0;
        flex-basis: auto;
        /* Use calc to minus the width of the logo */
        align-items: center;
        align-self: center;
        margin-top: 12px;
    }

    /* Navigation */

    #header .av-main-nav {
        display: flex;
        flex-wrap: nowrap;
    }

    /*  Activate burger menu  */

    @media only screen and (max-width: 1000px) {
        #top #header .av-main-nav > li.menu-item {
            display: none !important;
        }

        #top #header .av-burger-menu-main {
            cursor: pointer;
            display: block !important;
        }
    }

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

        /* Mobile menu position fix */
        .responsive #top .av-logo-container .avia-menu {
            display: flex !important;
            align-items: center;
        }

        .responsive #top #header #header_main .inner-container .main_menu {
            margin-top: -12px;
            margin-right: -10px;
        }
    }

    /* Mega menu position fix */

    #header li .avia_mega_div,
    #header li:hover .avia_mega_div {
        right: 0 !important;
        /* submenu position */
        left: auto !important;
        /* submenu position */
        max-width: 50vw;
    }

    /*--------------------------------

» Widget

--------------------------------*/

    /* Widgets */

    .responsive #top #header #header_main .inner-container .widget {
        order: 0;
        flex-basis: auto;
        padding: unset;
        clear: none !important;

        align-self: top;
        align-items: center;
        z-index: 1;

    }

    .responsive #top #header #header_main .inner-container .widget > div {
        width: 100%;
        line-height: 14px;
        padding: 0 10px;
    }


    /*--------------------------------*/

    /* Header widget */

    /*--------------------------------*/

    /* Widget text and background */

    #top #header #header_main .widget {
        font-size: 13px;
        line-height: 18px;
        color: #ff33cc;
        background: transparent;
    }

    #top #header #header_main .widget p {
        font-size: 13px;
        line-height: 20px;
    }

    /* Widget title */

    #top #header #header_main .widget h3.widgettitle {}


    /* Widget link */

    #top #header.header_color #header_main .widget a {
        color: #ff33cc;
    }

    #top #header.header_color #header_main .widget a:hover {
        color: #000000;
    }



    /*--------------------------------

» Social icons

--------------------------------*/

    /* Flex support and position fix */

    .responsive #top #header #header_main nav .social_bookmarks {
        display: flex;
        top: auto;
        margin-top: 0;
        align-items: center;
    }

    /* Inherit height for flex alignment */

    #top .av-logo-container .social_bookmarks li {
        height: inherit;
    }

    /*--------------------------------

» Hide header widget on mobile

--------------------------------*/

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

        #custom_html-2 {
            display: none !important;
        }
    }

    /* diverse*/

    #team-member h2:first-child {
        color: #000000 !important;
    }

    /*button running too narrow*/
    .avia-button .avia_iconbox_title {
        overflow-wrap: break-word !important;
        word-wrap: break-word !important;
        -ms-word-break: break-all !important;
        word-break: break-all !important;
        word-break: break-word !important;
    }

    /*----------------------------
 * Socket Menu
 * ---------------------------*/
    #top .av-submenu-container.socket_color {
        padding-top: .6em;
        border-bottom-width: 0;
        border-top-width: 0;
    }

    .footer_color .av-subnav-menu a {
        background-color: transparent;
        color: white;
    }

    #top .current-menu-item .avia-menu-text,
    #top .current_page_item .avia-menu-text {
        color: black;
    }

    /*awards*/
    .mcc-awards a {
        border-bottom: 0 !important;
    }