/*
 Theme Name:   Güde 
 Theme URI:    https://www.vertriebsguru.com/themes/guede/
 Description:  Theme by VertriebsGuru. GmbH
 Author:       Tönjes Peters
 Author URI:   https://www.serverdamon.com
 Template:     guede
 Version:      1.0.0
 License:      proprietar
 License URI:  https://themeforest.net/licenses/faq
 Tags:         light, dark, responsive-layout, accessibility-ready
 Text Domain:  guede-child
*/


/*
Common Styles
================================================== */

.logo img { width: 210px; }
.av-section-cont-open { background-color: #ffffff; }

/*** menu ***/
.avia-menu-fx { background-color: transparent !important;  }
.main_menu ul:first-child > li > ul { border-top-color: transparent !important; }
.av-main-nav > li > a { padding: 0 12px; }
#top #header.av_minimal_header .main_menu ul:first-child > li > ul { margin-left: -1px; opacity: 0.9 !important; } 

.av_menu_left .main_menu { left: none ; }
.av-main-nav-wrap { float: right !important; }
.main_menu { float: right !important; }
.main_menu > div { width: auto !important; }
/* .avia_menu { width: 10%; } */

/*** 2nd menu ***/
.main_color .av-subnav-menu a, .main_color .av-subnav-menu a:link, .main_color .av-subnav-menu a:visited, .main_color .av-subnav-menu a:active { color: #ed1c23; font-size: 1.24em; font-weight: 400; }
.main_color .av-subnav-menu a:hover { background-color: #ed1c23; color:#ffffff; }
.main_color .av-subnav-menu .current-page-ancestor .avia-menu-text { text-decoration: underline !important; }
.main_color .av-subnav-menu .current-menu-item .avia-menu-text { text-decoration: underline !important; }

/* .main_color .av-subnav-menu .av-menu-button-colored a { background-color: #ed1c23; color:#ffffff; } */
#top #wrap_all .main_color .av-menu-button-colored > a .avia-menu-text { color: var(--enfold-header-color-primary); background-color: var(--enfold-header-color-color); border-color: var(--enfold-header-color-color); }
#top #wrap_all .main_color .av-menu-button-colored > a:hover .avia-menu-text { color: var(--enfold-header-color-color); background-color: var(--enfold-header-color-primary); border-color: var(--enfold-header-color-primary); }

/* .active-parent-item .dropdown_ul_available .current-menu-item { border: 2px solid #0000ff !important; } */
/* .menu-item-top-level:hover { border-top: 2px solid #ed1c23 !important; border-right: 2px solid #ed1c23 !important; border-left: 2px solid #ed1c23 !important; } */
/* .dropdown_ul_available:hover { border-bottom: 2px solid transparent !important; } */

/*** footer/socket ***/
#footer .widgettitle { font-size: 1.0em; }
#footer .textwidget p, #footer .textwidget a { font-size: 0.93em; }
#footer .widget { margin: 0px 0 -20px 0; }
#socket .container { text-align: right !important; padding: 4px 64px 4px 64px !important }
#socket .copyright { float: none !important; font-weight: 800; font-size: 12px; }

/*
Desktop Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the desktop view of your site */

@media only screen and (min-width: 990px) {
  /* Add your Desktop Styles here */
  #text-6 { display:none; }
}

/*
Mobile and Tablet Styles
 ================================================== */
/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */

@media only screen  and (max-width: 989px)  {
  /* Add your Tablet/Mobile Styles here */
  #text-5 { display:none; }
  #text-6 { position: absolute; left: 50%; margin-left: -105px; text-align: center; }
  .logo img { width: 210px !important; }
  .responsive #top .logo { width: 100% !important; }
  .responsive #top .logo a { position: absolute; left: 50%; margin-left: -105px; }
  .av_minimal_header #header_main { border-bottom: solid 52px #ed1c23; }
  .responsive #top #header #header_main .inner-container .main_menu { background: transparent !important; }

  /* menu close icon */
  /* .html_av-overlay-side.av-burger-overlay-active #top .av-hamburger-inner::before, .html_av-overlay-side.av-burger-overlay-active #top .av-hamburger-inner::after { background-color: var(--enfold-header_burger_color); } */
  .html_av-overlay-side.av-burger-overlay-active #top .av-hamburger-inner { background-color: var(--enfold-header_burger_color) !important; }
  .html_av-overlay-side.av-burger-overlay-active #top .av-hamburger-inner::after { background-color: var(--enfold-header_burger_color); }


  /* menu  */
  .html_av-overlay-side #top .av-burger-overlay-scroll { opacity: 0.92; background: var(--enfold-header-color-bg); } 
  .html_av-overlay-side #top #wrap_all .av-burger-overlay-scroll #av-burger-menu-ul a { color: var(--enfold-main-color-primary) ; }
  .html_av-overlay-side #top #wrap_all .av-burger-overlay-scroll #av-burger-menu-ul a:hover { background-color: var(--enfold-footer-color-bg) !important; }
  .html_av-overlay-side-classic #top #wrap_all .av-burger-overlay #av-burger-menu-ul li a { border-color: #ed1c23; }
}


/*
Tablet Styles
 ================================================== */
/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */

@media only screen and (min-width: 767px) and (max-width: 989px)  {
  /* Add your Tablet Styles here */
  #text-6 { top: 86px; }
}


/*
Mobile Styles
 ================================================== */
/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */

@media only screen and (max-width: 767px) {
  /* Add your Mobile Styles here */
  #text-6 { top: 76px; }
}


/*
Header Widget
================================================== */
/* Widget text and background */
#top #header #header_main .widget {
    font-size: 15px;
    font-weight: 700;
    line-height: 18px;
    color: #ffffff;
    background: transparent;
    z-index: 4;
    width: 210px !important;
}

/* Widget title */
#top #header #header_main .widget h3.widgettitle {
    color: #ff0000;
}

/* Widget link */
#top #header.header_color #header_main .widget a {
    color: #00aeff;
}

#top #header.header_color #header_main .widget a:hover {
    background: #000;
    color: #fff;
}

.widget {
    clear: none;
    padding: 0 !important;
    
}
/*
.logo { order:3 }
.main_menu { order:2; margin-right:auto; }
.widget { order:1 }
*/

/*
Add Element To Header Area
================================================== */

/* #text-7 > .textwidget { font-size:12px; } */
#text-7 > .textwidget > p { display: inline-flex;  margin: 88px 0 0 0; height: 52px; width: 100%; text-align: center; letter-spacing: 0.015rem; }

/* Menu outer container: Menu with siblings cart and social icons */
.responsive #top #header #header_main .inner-container .main_menu {
    order: 1;

    /* Define menu width */
    flex-basis: 100%;

    align-items: center;
    align-self: center;
    height: inherit !important;
    background: #f1f1f1;
    justify-content: center;
    margin-bottom: 20px;
}


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