/* 
 Theme Name:     Divi Child
 Author:         unic design GmbH, Zurich Switzerland
 Author URI:     http://www.essenzgrafik.ch 
 Template:       Divi
 Version:        1.0 
*/ 



/* basic styles */
.et_pb_section {
	overflow: hidden;
}



h4, h5, h6 {
	line-height: 1.4em !important;
}

body  {
	font-weight: 400;
}

.quote {
	font-family: 'Prata',Times New Roman, Times, serif;
	font-size: 1.4em;
}

a {
	color: #000000 !important;
	border-bottom: 1px solid #000000;
}
a:hover {
	border-bottom: 3px solid #000000;
}

.noborder a {
	border-bottom: none;
}


#footer a, #footer p, #footer {
	color: #ffffff !important;
}
#footer a {
	border-bottom: 1px solid #ffffff;
}
#footer a:hover {
	border-bottom: 3px solid #ffffff;
}
#socialicons .et-pb-icon, #socialicons .et-pb-icon:hover {
	border: none;
	-webkit-transition: all 0.5s ease ;
	-moz-transition: all 0.5s ease ;
	-o-transition: all 0.5s ease ;
	-ms-transition: all 0.5s ease ;
	transition: all 0.5s ease 
}
#socialicons .et-pb-icon:hover {
	transform: translateY(-10px);
}

.newsletter img {
	-webkit-transition: all 0.5s ease ;
	-moz-transition: all 0.5s ease ;
	-o-transition: all 0.5s ease ;
	-ms-transition: all 0.5s ease ;
	transition: all 0.5s ease 
}
.newsletter img:hover {
	-ms-transform: scale(1.2);
	transform: scale(1.2);
}

::-moz-selection {
	background: rgba(182, 222, 21, 0.5)
  }
::selection {
	background: rgba(182, 222, 21, 0.5)
  }


/* Kontakt */

.et_pb_member_social_links a {
	border-bottom: none !important;
}
.linkedinicon a {
	border: none !important;
}
.linkedinicon a:hover {
	opacity: 0.5;
}



/*///// nav /////*/

.fullwidth-menu {
opacity: 0;
top: 0vh;
visibility: hidden;
}

/* language switcher: translatePress */

.trp-language-switcher {
    width: auto;
}

.trp-language-switcher > div {
	margin-top: 3px;
	padding: 0 !important;
	border: none !important;
	background-image: none !important;
	background-color: transparent !important;
} 
.trp-language-switcher > div:hover {
	padding: 0 !important;
	border: none !important;
	background-image: none !important;
	background-color: transparent !important;
}
.trp-language-switcher > div a {
	border: none !important;
	background-color: transparent !important;
	padding: 0;
	color:#005945 !important;
	font-size: 1.2em;
}
.trp-language-switcher > div a:hover {
	font-weight: bold;
}
.trp-language-switcher:focus .trp-ls-shortcode-language, .trp-language-switcher:hover .trp-ls-shortcode-language {
    position: relative;
}

 
.hamburger{
display: block;
position: absolute;
height: 2px;
width: 100%;
background: #005945;
opacity: 1;
-webkit-transition: .3s ease-in-out;
-moz-transition: .3s ease-in-out;
-o-transition: .3s ease-in-out;
transition: .3s ease-in-out;
}
/*
.fullwidth-open.open .hamburger{
background: white; 
}
*/
.line1 {
top: 15px;    
}
   
.line2 {
top: 25px;
}
  
.line3 {
top: 35px;
}
  
.fullwidth-open.open .line1 {
top: 25px;
-webkit-transform: rotate(155deg);
-moz-transform: rotate(155deg);
-o-transform: rotate(155deg);
transform: rotate(155deg);
}
  
.fullwidth-open.open .line2 {
display: none;
}
  
.fullwidth-open.open .line3 {
top: 25px;
width: 100%;
-webkit-transform: rotate(-155deg);
-moz-transform: rotate(-155deg);
-o-transform: rotate(-155deg);
transform: rotate(-155deg);
}
  
.fullwidth-menu-open {
opacity: 1 !important;
top: 0 !important;
visibility: visible !important;
}
  
.fullwidth-menu {
-webkit-transition: all 0.5s ease !important;
-moz-transition: all 0.5s ease !important;
-o-transition: all 0.5s ease !important;
-ms-transition: all 0.5s ease !important;
transition: all 0.5s ease !important;
}
/*   
.main-menu-item ul {
display: none; 
padding: 0;
margin-top: 50px;
}
   
.toggle-sub-menu {
cursor: pointer;
}
*/





/*///// Media Queries /////*/


/*** Responsive Styles Large Desktop And Above ***/
@media all and (min-width: 1405px) {
  
}
 
/*** Responsive Styles Standard Desktop Only ***/
@media all and (min-width: 1100px) and (max-width: 1405px) {
 
}
 
/*** Responsive Styles Tablet And Below ***/
@media all and (max-width: 980px) {

}
 
/*** Responsive Styles Tablet Only ***/
@media all and (min-width: 768px) and (max-width: 980px) {
 
}
 
/*** Responsive Styles Smartphone Only ***/
@media all and (max-width: 767px) {
	h1 {
		font-size: 55px !important;
	}
	h2 {
		font-size: 26px !important;
	}
}
 
/*** Responsive Styles Smartphone Portrait ***/
@media all and (max-width: 479px) {
	h1 {
		font-size: 38px !important;
	}
	h3 {
		font-size: 26px !important;
	}
	
}