/*
Theme Name: Matter Garten
Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the Enfold Wordpress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating wil be much easier then.
Version: 1.0
Author: Tony Ryf
Author URI: http://www.planetwerks.ch
Template: enfold
*/




/*Add your own styles here:*/


/*Font habe ich direkt in funktion.php eingefügt dann in allgemeinen Styling ausgewählt:

@import url('https://fonts.googleapis.com/css?family=Barlow+Semi+Condensed');
body {
  font-family: 'Barlow Semi Condensed', sans-serif !important ;
}

*/

body {
  font-family: 'Barlow', sans-serif !important ;
}


h1, h2, h3, h4, h5, h6 {
    font-family: 'Old Standard TT', sans-serif;
    font-weight: 400;
}

h1 {
  font-size:36px !important;
  line-height:1.1em;
  margin-bottom:14px;
  text-transform:none !important;
}

h2 {
    font-size: 16px !important;
    line-height: 0.8em;
    margin-bottom: 8px;
}

h4, h3 {

    margin-top: 8px;
}

.wpml-ls-legacy-list-horizontal {
  border:0 solid transparent !important;

}
.avia-image-container-inner, .avia_image, .av-image-caption-overlay {
    border-radius: 0px;
	margin-bottom: 0px;
  
}

.main_menu {
	text-transform:uppercase ;

}

/* trennstriche im Hauptmenu ganz oben anfang */

.header_color span, .header_color applet a {
    border-color: #666 !important;
}

/* trennstriche im Hauptmenu ganz oben ende */



/* mouse over im Hauptmenu ganz oben anfang */
#top #wrap_all .av-main-nav ul > li:hover > a, #top #wrap_all .avia_mega_div, #top #wrap_all .avia_mega_div ul, #top #wrap_all .av-main-nav ul ul {

    background-color: #aac579;
    border-color: #ffffff;

}
/* mouse over im Hauptmenu ganz oben ende */

#top .av-flex-placeholder {
    display: table-cell;
    width: 1%;
}

.avia_textblock {
    clear: both;
    line-height: 1.65em;
	padding: 0px 10px 0px 10px;
}

#top .av-submenu-container {
    font-size: 18px ;
    line-height: 1.65em;
	text-transform:uppercase;
	font-weight: 200;
	color:#000 ;
	border-bottom-width:2px;
}

#top .av-subnav-menu > li > a {
	border-left-width: 2px;
	color:#666 !important;
}

/*
.av_textblock_section p {
    font-size: 36px; 
 
}*/


#top .av-subnav-menu li a {
  
    	color: black;
}

#top .av-subnav-menu li a:hover {
  
    	color: #004595;
}


.av-main-nav > li > a {

    font-weight: 500;
    font-size: 13px;
}




div .logo {
	margin-top:20px;

}

.avia-slideshow li img {
    display: block;
    width: 100%;
    margin: 0 auto;
    border-radius: 0px;
    position: relative;
}
/*
.av_one_third {


	 background-image: linear-gradient(to left, #f0f0f0 0%, #dcdada 70%);
 }
 */
 
.av_one_third {
  background-image:none;
  border-color:#333333;
  border-top-style:solid;
  margin-top:1px !important;
}
 
.hr {
  clear:both;
  display:block;
  float:left;
  height:25px;
  line-height:25px;
  margin:1px 0 !important;
  position:relative;
  width:100%;
}
 

.hr-inner{

	border-width: 2px !important;
	border-color: #ddd !important;
	
}


  /*Front*/
#top.page-id-7 .av_one_third {


	 background-image: linear-gradient(to left, #f0f0f0 0%, #dcdada 70%);
 }


#top.page-id-7 .av_one_third a, .av_one_third a:hover{
	color:#222222;
	text-decoration:none;
 }


#top div .avia-gallery .avia-gallery-big {
	padding-top: 4px !important;
 
}

#top.page-id-841 .av_one_third {
	 background-image:none;
	 border-top:1px;
	 border-color:#333;
	 border-top-style:solid;
	 margin-top:20px;
 }
 

 /*Gartenbau*/
 #top.page-id-373 .av_one_third {
	 background-image:none;
	 border-color:#333;
	 border-top-style:solid;
	 margin-top:20px;
 }
 
/*Gallerie bei dienstleistungen wie gartenbau*/ 
#top div .avia-gallery .avia-gallery-big {
    display: block;
    overflow: hidden;
    padding: 7px;
    margin-bottom: -1px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-style: solid;
    border-width: 0px;
} 

.widgettitle {
    font-weight: 200;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 1.1em;
}
 
td {
    vertical-align: top !important;
}


.footer_color a{
    color: #dddddd;
}
.footer_color a:hover, a:focus, a:visited {

    text-decoration: none;
}



/* #Damit Hauptmenu toplevel mouse over and active link andere Farben haben
================================================== */
.header_color .av-subnav-menu a:hover, .header_color .main_menu ul:first-child > li a:hover, .header_color .main_menu ul:first-child > li.current-menu-item > a, .header_color .main_menu ul:first-child > li.current_page_item > a, .header_color .main_menu ul:first-child > li.active-parent-item > a {
    color: #004595;
}



.header_color .main_menu ul:first-child > li.current_page_item > a{
    color: #7cb51c;
}





/* #Damit Submenu background color grün ist im Hauptmenu
================================================== */

.header_color .sub-menu > li.current-menu-item > a,
.header_color .sub-menu > li.current_page_item > a { 
	background-color: #7cb51c !important; 
	color:#fff !important;}


#nav_menu-2 {
	padding-top:60px !important;
}

/* #Damit Full menu Width aktives Seite menu punkt grün ist und unterstrichen (Gartenbau, Gartenarchitektur die
================================================== */
#menu-dienstleistungen .current-menu-item {
     border-bottom: 2px solid #7cb51c;
	}

#menu-dienstleistungen .current-menu-item .avia-menu-text {
     color: #7cb51c;
}

/* #Damit Full menu Width aktives Seite menu wieder clickable nach template upgrade auf 4.5
================================================== */

#sub_menu1 {
z-index: 301;
}

/* #Damit thumbnails nich angezeigt werden in Gallerie nach uprade  auf 4.5 is jetzt aber in  \enfold\config-templatebuilder\avia-shortcodes\gallery\gallery.css zeile 38 korrigiert da doppelter eintrag
================================================== 

.avia-gallery-thumb {
	display:none;
}

*/
 
/* #Media Queries
================================================== */



@media (max-width: 400px) {


 .responsive .logo img {

    max-width: 50% !important;
    display: block;
    max-height: 70px;
}

div .logo {
	margin-top:0px;
}
	
.responsive #top #wrap_all #header .social_bookmarks, .responsive #top #wrap_all #main .av-logo-container .social_bookmarks {
    display: block;
}	

}


@media (max-width: 479px) {

	
/* damit Social icons angezeigt werden und suche aus
================================================== */
	
.responsive #top #wrap_all #header .social_bookmarks, .responsive #top #wrap_all #main .av-logo-container .social_bookmarks {
    display: block !important;
	padding-left: 10px;
}	
	
#top #menu-item-search {
    z-index: 100;
    display: none;
}	
	
	
.responsive #top .logo {

    width: 70%;
}

.responsive .logo img {

    max-width: 70% !important;
    display: block;
    max-height: 70px;
}

}




@media (max-width: 735px) {

/* damit im Footer Widget abstände nicht zu gross .. Gewisse widget sind mit dem plugin widget optionen ausgeblendet
================================================== */
	
#footer .widget {
    padding: 0;
    margin: 5px 0 5px 0 !important;
    overflow: hidden;
}

#wrap_all .flex_column, .responsive #top #wrap_all .av-flex-cells .no_margin {
    margin: 0;
        margin-bottom: 0px;
    margin-bottom: 1px !important;
    width: 100%;
}	
	
 .responsive .logo img {

    max-width: 50% !important;
    display: block;
    max-height: 80px;
}	
	
}



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

/* Logo nicht so gross
================================================== */
	

	
 .responsive .logo img {

    max-width: 30% !important;
    display: block;
    max-height: 80px;
}	
	
}





/* Damit auf der Frontseite die Bilder und Text full widht haben bei Tablet portrait
================================================== */

@media only screen and (min-width:768px) and (max-width:959px) {
 #top.page-id-7 .flex_column_table.av-equal-height-column-flextable.-flextable {
   display: block;
 }

 #top.page-id-7 .flex_column_table.av-equal-height-column-flextable.-flextable .flex_column_table_cell {
   display: block;
   margin: 20px 0 0;
   width: 100%;
 }
	
 .responsive .logo img {

    max-width: 80% !important;
    display: block;
    max-height: 80px;
}	
		
	
}


@media only screen and (min-width:959px) and (max-width:1024px) {

/* Logo nicht so gross
================================================== */
	

	
 .responsive .logo img {

    max-width: 70% !important;
    display: block;
    max-height: 80px;
}	
	
}