/*
Theme Name: Gartenheld
Description: WP Theme dein-gartenheld.com
Version: 1.0
Author: AO Design
Author URI: https://www.aodesign.de
Template: enfold
*/


/* varela-round-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Varela Round';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/varela-round-v21-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}



body {
  font-family: 'Varela Round';
  font-style: normal;
  font-weight: 400;
}

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

 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: 100px;
    /* 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: 180px;

    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;
}


/* 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;
}

/* 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;
}}

/* 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: center;
    align-items: center;
    z-index: 1;

}

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



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

» 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;
}




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

» Search

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



/* Your styles here */



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

» Cart

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



/* Cart position fix */

#top #header #header_main #menu-item-shop a.cart_dropdown_link {
    height: auto;
}

@media only screen and (max-width: 767px) {
    .responsive #top #menu-item-shop.cart_dropdown {
        display: flex;
        align-items: center;
    }
    .cart_dropdown .dropdown_widget .avia-arrow {
        display: none;
    }
}


.responsive #top #header #header_main .inner-container .logo {
  order: 0;
  flex-basis: auto;
  width: auto;
  min-width: 100px;
  max-width: 250px;
  z-index: 9;
}

.responsive #top #header #header_main {

  background-color: rgba(0, 0, 0, 0.6);
}

@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon.eot?24fvf');
  src:  url('../fonts/icomoon.eot?24fvf#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?24fvf') format('truetype'),
    url('../fonts/icomoon.woff?24fvf') format('woff'),
    url('../fonts/icomoon.svg?24fvf#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-icon-gruen-abo3 .path1:before {
  content: "\e90e";
  color: rgb(209, 220, 201);
}
.icon-icon-gruen-abo3 .path2:before {
  content: "\e90f";
  margin-left: -1em;
  color: rgb(60, 79, 60);
}
.icon-icon-gruen-abo3 .path3:before {
  content: "\e910";
  margin-left: -1em;
  color: rgb(60, 79, 60);
}
.icon-icon-gruen-abo3 .path4:before {
  content: "\e911";
  margin-left: -1em;
  color: rgb(60, 79, 60);
}
.icon-icon-gruen-abo3 .path5:before {
  content: "\e912";
  margin-left: -1em;
  color: rgb(60, 79, 60);
}
.icon-icon-gruen-abo3 .path6:before {
  content: "\e913";
  margin-left: -1em;
  color: rgb(60, 79, 60);
}
.icon-icon-gruen-abo3 .path7:before {
  content: "\e914";
  margin-left: -1em;
  color: rgb(60, 79, 60);
}
.icon-icon-gruen-abo2 .path1:before {
  content: "\e915";
  color: rgb(209, 220, 201);
}
.icon-icon-gruen-abo2 .path2:before {
  content: "\e916";
  margin-left: -1em;
  color: rgb(60, 79, 60);
}
.icon-icon-gruen-abo1 .path1:before {
  content: "\e917";
  color: rgb(209, 220, 201);
}
.icon-icon-gruen-abo1 .path2:before {
  content: "\e918";
  margin-left: -1em;
  color: rgb(60, 79, 60);
}
.icon-icon-gruen-abo1 .path3:before {
  content: "\e919";
  margin-left: -1em;
  color: rgb(60, 79, 60);
}
.icon-icon-gruen-abo1 .path4:before {
  content: "\e91a";
  margin-left: -1em;
  color: rgb(60, 79, 60);
}
.icon-icon-gruen-abo1 .path5:before {
  content: "\e91b";
  margin-left: -1em;
  color: rgb(60, 79, 60);
}
.icon-icon-gruen-abo1 .path6:before {
  content: "\e91c";
  margin-left: -1em;
  color: rgb(60, 79, 60);
}
.icon-icon-gruen-abo1 .path7:before {
  content: "\e91d";
  margin-left: -1em;
  color: rgb(60, 79, 60);
}
.icon-icon-gruen-abo1 .path8:before {
  content: "\e91e";
  margin-left: -1em;
  color: rgb(60, 79, 60);
}

.icon-icon-gruen-pflastern:before {
  content: "\e90b";
  color: #55b640;
}
.icon-icon-gruen-poolbau:before {
  content: "\e90c";
  color: #55b640;
}
.icon-icon-gruen-zaunbau:before {
  content: "\e90d";
  color: #55b640;
}

.icon-mail:before {
  content: "\e900";
}
.icon-phone:before {
  content: "\e901";
}
.icon-icon-google:before {
  content: "\e902";
  color: #f9bb16;
  font-size:20px;
}
.icon-icon-gruen-entsorgung:before {
  content: "\e903";
  color: #3c4f3c;
}
.icon-icon-gruen-flaechenreinigung:before {
  content: "\e904";
  color: #3c4f3c;
}
.icon-icon-gruen-gartengestaltung:before {
  content: "\e905";
  color: #3c4f3c;
}
.icon-icon-gruen-gartenpflege:before {
  content: "\e906";
  color: #3c4f3c;
}
.icon-icon-gruen-gartenplanung:before {
  content: "\e907";
  color: #3c4f3c;
}
.icon-icon-gruen-heckenschnitt:before {
  content: "\e908";
  color: #3c4f3c;
}
.icon-icon-gruen-meinabo:before {
  content: "\e909";
  color: #3c4f3c;
}
.icon-icon-gruen-winterdienst:before {
  content: "\e90a";
  color: #3c4f3c;
}


.av-iconlist-small .iconlist_title_small {
  line-height: 1.65em;
}


#top .avia-icon-list-container.av-mgdlr18s-f87b4245eee661d6dbaed212a8146f92 .iconlist_icon {
	visibility:hidden;
}