/*
Theme Name: haehnlein
Description: Theme für haehnlein
Author: S.O. Medien
URI: http://www.so-medien.de
Template: Divi
Version: 1.0
Tags:
*/
@import url("../Divi/style.css");




/* ##################################################################################################### */
/* ############################################ Allgemeines ############################################ */
/* ##################################################################################################### */

/* Abstand oben unten wenn Boxed */
/*(Navi muss auf fix bei Divi eingestellt werden)*/
.et_boxed_layout #page-container, #page-container {margin-top: 40px; margin-bottom: 40px;}


#main-header {box-shadow: none !important;} /* "border" beim header */

.entry-content .et_pb_text p a:hover {text-decoration: underline;}

/*---- Überschriften Größe und Farbe uvm. ----*/
h1 {font-size: 34px; color: #ccc;}
h2 {font-size: 30px; color: #ccc;}
h3 {font-size: 26px; color: #ccc;}

/*---- Vollbreiter Slider Modul Fix ----*/
/* (Muss auch in Benuzerdefinierte CSS eingefügt werden bei Hauptelement!) */
/*.et_pb_slide {height: 100vh;}
*/
/*---- Markieren Farbe ----*/
::selection {background: #8ec100;color: #fff;}
::-moz-selection {background: #8ec100;color: #fff;} /* FF */

/*---- Breadcrumbs ----*/
.breadcrumb {font-size: 0.75em;}
.breadcrumb::before {content: "Sie sind hier: ";}
.breadcrumb_last {font-style: italic;}
.breadcrumb a:hover {text-decoration: underline;}

/*---- GoogleMap Icon Fix (wenn man drauf klickt) ----*/
.gm-style-iw h3 {font-size: 16px !important;padding: 0 0 2px 0 !important;
}
/*---- Nach oben Pfeil ----*/
/*.et_pb_scroll_top.et-pb-icon {background: rgba(239, 121, 28, 0.7);}
*/
/*---- Person Modul/Team ----*/
.et_pb_team_member_description {line-height: 1.25em;}
.et_pb_team_member_description h4 {color: #CCC;} /* Farbe Name */
.et_pb_member_position {color: #000;} /* Position unter Name */

/*----  Informationstext Modul (Icons Hover) ----*/
.et_pb_main_blurb_image a:hover .et-pb-icon {border-color: #CCC !important;color: #CCC !important;}
/*.et_pb_blurb_container h4 a:hover {color: #CCC !important;}
*/

/*#######################################################
####################  Blog  #############################
#######################################################*/
.start-blog .et_pb_post {margin-bottom: 0px !important;}

.et_pb_blog_grid .et_pb_post {
    border: solid 1px #ccc;
    box-shadow: none;
	background: rgba(255,255,255,0.95) !important;
}
.et_pb_blog_grid .et_pb_post h2 {
    color:#672002;
    margin-bottom: 2px;
}
.post-meta {
    border-bottom: 1px solid #95c11f;
    border-top: 1px solid #95c11f;
}
.post-meta, .post-meta a, .post-meta span {
    color:#95c11f !important;
    font-size: 12px !important;
  
}

#left-area .post-meta {
    font-size: 14px;
    padding-bottom: 0px;
}

.post-meta a:hover {text-decoration: underline;}

.post-content p {
    margin: 20px 0;
    font-size: 15px !important;
    line-height: 23px;
}

.more-link {
    background: #ccc;
    color: #fff;
    font-size: 15px;
    text-transform: uppercase;
    padding: 4px 8px;
}
.more-link:hover {
    background: #95c11f;
    color: #fff;
}

.et_pb_blog_grid .et_pb_image_container {
    margin: -15px -15px 10px !important;
}

.screen-reader-text {
	display:none !important;
}

.et_pb_post h2 {
    height: 56px;
    margin-top: 30px;
}

.pagination .alignleft a{
    background: #95c11f !important;
    color: #fff !important;
    font-size: 15px;
	font-weight: bold;
    text-transform: uppercase;
    padding: 4px 8px;
	display: inline-block !important;
	border: #fff solid 1px;
}


.pagination .alignright a{
    background: #95c11f !important;
    color: #fff !important;
    font-size: 15px;
	font-weight: bold;
    text-transform: uppercase;
    padding: 4px 8px;
	display: inline-block !important;
	border: #fff solid 1px;
}



/* ######################################################################################################### */
/* ############################################ Menu (1. Ebene) ############################################ */
/* ######################################################################################################### */


/* Hover und Active Farbe Menu Links */
#top-menu.nav a:hover,
#top-menu-nav > ul > li > a:hover,
#top-menu-nav > ul > li.current-menu-item > a {
    color: #afcb08 !important;
    opacity: 1 !important;
}

/* ########################################################################################################### */
/* ############################################ Submenu (2.Ebene) ############################################ */
/* ########################################################################################################### */

#top-menu li {padding-right: 18px;}
#et-top-navigation {padding-left: 80px !important;}
.nav li ul {background: rgba(255,255,255,1) !important;} /* Hintergrundfarbe */
.nav li ul.sub-menu {
    width: 300px;
    transition: none;
    padding: 10px 0px;
    border-radius: 3px;
    border: 3px solid #afcb08;
    margin-top: -12px;
}


/* Menu vor dem Schrumpfen */
#top-menu a {transition: none;} /* Kein langsamer hover */
#top-menu li li a {width: 260px;}

#main-header.et-fixed-header {} /* Header geschrumpft */
#main-header.et-fixed-header .nav li ul.sub-menu {margin-top: 0;} /* Anpassung nachdem Navi schrumpft */
#top-menu li li a {text-transform: none !important;}
.nav ul li a {color: #672002 !important; } /* Linkfarbe Sub */
.nav ul li a:hover {color: #afcb08 !important;} /* Linkhover Sub */

.nav ul li a:hover {background-color: transparent; opacity: 1;}
/*

.nav li ul {background: rgba(47,50,49,1) !important;} 
.nav li ul.sub-menu {width: 340px; margin-top: -30px;} 
#main-header.et-fixed-header {}
#main-header.et-fixed-header .nav li ul.sub-menu {margin-top: 0;}
#top-menu.nav li ul li a {width: 300px; color: #ee791b !important;} 
#top-menu.nav li ul li a:hover {color: #fff !important;} 
*/


/* ##################################################################################################### */
/* ############################################ Mobile Menu ############################################ */
/* ##################################################################################################### */

#main-header .et_mobile_menu {
    background: rgba(255,255,255,1.00) !important;
    -webkit-box-shadow: 0 0 20px 0px rgba(239,121,28,0.2);
    box-shadow: 0 0 20px 0px rgba(239,121,28,0.2);
}
.et_mobile_menu li a {border-bottom: 1px solid #8ec100 !important; color:#8ec100 !important; padding:10px 3% !important;}
#mobile_menu.et_mobile_menu li:last-child a {padding-bottom: 0 !important; border-bottom:0px !important;}
#mobile_menu.et_mobile_menu li:first-child a {padding-top: 0 !important;}


/* ###################################################################################################################### */
/* ############################################ Footer (boxed und fullwidth) ############################################ */
/* ###################################################################################################################### */

#main-footer {border-top: 2px solid #afcb08;} /* Border Top */
#main-footer, #footer-bottom {background-color: rgba(255,255,255,1);} /* Standard Overlay Fix zu BG-Color */

/*---- Wenn man Footer über Divi Booster aufsetzt (hardcoden Links für Impressum und Datenschutz) */
#footer-info {font-size: 0.75em;color: #1d4767;} /* Schriftgröße */
#footer-info a {font-weight: inherit; color: #1d4767;} /* Link */
#footer-info a:hover {opacity: 1; text-decoration: underline;} /* Linkhover */

 /* ###################### Footer ###################### */
#footer-bottom {display:none !important;}
#main-footer, #footer-bottom {background:url("/wp-content/uploads/2016/02/haehnlein-Rasen-transparent.png") repeat-x left bottom #95c11f;}
#main-footer {border-top: 5px solid #672002;font-size: 0.85em !important;line-height: 1.5em !important;}
#main-footer #footer-widgets a, #main-footer #footer-widgets .textwidget {color: rgba(255,255,255,1.00) !important;}
#main-footer #footer-widgets a:hover {color:#672002 !important;}
#main-footer .footer-widget li.menu-item-has-children ul {display: none;}
#footer-widgets ul.menu li.menu-item-5,
#footer-widgets ul.menu li.menu-item-127 {display: none;}
.et_pb_widget ul li {margin: 0 !important;}
#footer-widgets .footer-widget li::before {top: 38% !important;}
#footer-widgets {padding: 4% 0 0 !important;}
.et_pb_gutters3 .footer-widget {margin-bottom: 4% !important;}
/*




/* ################################################################################################################ */
/* ############################################ Responsive Anpassungen ############################################ */
/* ################################################################################################################ */

/*---- Handy und alte Tablets ----*/
@media all and (max-width:960px) {
    h1 {font-size: 1.75em !important;}
    h2 {font-size: 1.35em !important;}
    h3 {font-size: 1.15em !important;}
    h4 {font-size: 1em !important;}
    .et_pb_section, .et_pb_row, .et_pb_column .et_pb_row_inner {padding: 2% 0;}
    .et_pb_fullwidth_section {padding: 0 !important;}
    .et_pb_column {margin-bottom: 15px;}
    body {line-height: 1.25em !important;}
    p {font-size: 0.85em;} /* Schriftgröße Handy */
}

/*---- Tablets und kleinere Bildschirme ----*/
@media all and (max-width:1274px) {
    #top-menu li a {font-size: 13px;}
    #top-menu li { font-size: 10px; padding-right: 8px;}
    #logo { max-height: 38% !important;}
    #et-top-navigation {padding-left: 0px !important;}
}


/* ################################################################################################################ */
/* ######################################### WP-Store Locator Anpassungen ######################################### */
/* ################################################################################################################ */

#wpsl-search-wrap {
   color: white;
   font-family: 'Special Elite';
}
.wpsl-search {
   background: #8ec100;
}

.content-gfcr {
    display: none !important;
}
/*
.popupally-inner-gfcr-1 {
	background:url("/wp-content/uploads/2016/02/haehnlein-Rasen-transparent.png") repeat-x left bottom #95c11f;
}
*/
gfcr-1 .desc-gfcr, #popup-embedded-box-gfcr-1 .popupally-inner-gfcr-1 .desc-gfcr {
	font-family: "Special Elite",cursive !important;
	color: #fff;
}