/*
 Theme Name:   Enfold Child
 Author:       Innovie GmbH
 Author URI:   http://www.innovie.de
 Template:     enfold
 Version:      1.0.0
*/


/* =General Custom CSS
==============================================================
============================================================== */
#top h1, 
#top h2, 
#top h3, 
#top h4, 
#top h5, 
#top h6 {
	font-style: italic;
}
/* NO Transform Text
-------------------------------------------------------------- */
#top .no-text-transform h1, 
#top .no-text-transform h2, 
#top .no-text-transform h3, 
#top .no-text-transform h4, 
#top .no-text-transform h5, 
#top .no-text-transform h6 {
	text-transform: none;	
}

#top .special_amp {
	font-family: inherit;
	font-style: normal;
	font-size: inherit;
	line-height: inherit;
	font-weight: inherit;
	color: inherit !important;
}

#top div.avia-button-left+div.avia-button-left {
	margin-left: 10px;
}


/* =ELEMENTS
==============================================================
============================================================== */


/* Toggle-Grid-Box
-------------------------------------------------------------- */
#top .kachel-grid-box,
#top .kachel-grid-box-bottom {
	border-top-width: 0 !important;
	border-left-width: 0 !important;
	border-bottom-width: 1px !important;
	border-right-width: 1px !important;
    min-height: 232px;
}

#top .kachel-grid-box:hover,
#top .kachel-grid-box-bottom:hover {
	-webkit-box-shadow: 0 40px 120px -20px rgba(0,0,0,0.6);
	-moz-box-shadow: 0 40px 120px -20px rgba(0,0,0,0.6);
	box-shadow: 0 40px 120px -20px rgba(0,0,0,0.6);
    z-index: 9;
    margin-bottom: -205px !important;
    background: #fff;
}

#top .kachel-grid-box:empty,
#top .kachel-grid-box-bottom:empty {
	border-bottom-width: 0px !important;
}

#top .kachel-grid-box:empty:hover,
#top .kachel-grid-box-bottom:empty:hover {
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
}

#top  .kachel-grid-box .av_font_icon.av-icon-style-border .av-icon-char,
#top .kachel-grid-box-bottom .av_font_icon.av-icon-style-border .av-icon-char
{
	border-width: 0;
	padding-top: 0;
	padding-bottom: 0;
}

#top .kachel-grid-box p a {
	text-decoration: none;
}

#top  .kachel-grid-box p,
#top .kachel-grid-box-bottom p
{
	margin: 0.6em 0;
}

#top .kachel-grid-box .grid-hover-toggle,
#top .kachel-grid-box-bottom .grid-hover-toggle {
	display: none;
}

#top .kachel-grid-box:hover .grid-hover-toggle,
#top .kachel-grid-box-bottom:hover .grid-hover-toggle {
	display: block;
}

/* Toggle-Grid-Box
-------------------------------------------------------------- */

.main_color .av-masonry {
    background-color: #eeeeee;
    border-bottom: 1px solid #d0d0d0;
}


/* Sections with Background
-------------------------------------------------------------- */
#top .avia-bg-style-scroll strong {
    background: rgba(255, 255, 255, 0.49);
    color: #fff;
    padding: 3px 3px 1px;
}
/* =TOPBAR
============================================================== */

/* =HEADER
============================================================== */
.logo img {
	    padding: 10px 0 10px 0;
}

.header-scrolled .logo img {
	    padding: 3px 0;
}

#top .av-main-nav > li > a {
	font-size: 18px;
	font-weight: 300;
}

#top #header .mega_menu_title {
	font-weight: bold;
	font-size: 16px;
	color: #666;	
}

#top #header .mega_menu_title a:hover {
	color: #205f93 !important;	
}

#top #header .avia_mega_div > .sub-menu > li > ul > li  a {
	font-size: 15px;
	font-weight: 300;	
}

#top .header_color .main_menu .menu ul li a:hover, 
#top .header_color .av-subnav-menu ul a:hover {
    background-color: #205f93;
    color: #ffffff !important;
}

#top .header_color a:hover .avia-bullet {
    border-color: #ffffff;
}
#top .av-main-nav ul a {
	font-family: 'lato-v14-latin-ext-latin','HelveticaNeue','Helvetica Neue','Helvetica-Neue',Helvetica,Arial,sans-serif;
	font-weight: 300px;
}
/* =FOOTER
============================================================== */
#top #footer {
    font-size: 13px;
}

#top #footer .icon-mailto .iconbox_content_title {
	font-weight: normal;
	text-transform: none;
}

#top #footer .icon-mailto .iconbox_content_title a:hover {
	text-decoration: underline;
}

#top #footer .widget_nav_menu li {
	border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    -webkit-transition: 0.2s;
    transition: 0.2s;
    padding: 3px 0 0 15px;
}
	
#top #footer .widget_nav_menu li:before {
	    position: absolute;
    top: 10px;
    left: 0;
    display: block;
    content: "\E885";
    font-family: 'entypo-fontello';
    font-size: 21px;
    margin-right: 5px;
    font-style: normal;
    font-weight: normal;
    line-height: .9;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* =GENERAL
============================================================== */
#top .avia-animated-number-content {
	color: #000;	
}

#top .av-subheading p {
	font-weight: 300;	
}

#top .main_color:not(.avia-full-stretch) .av-subheading p {
	color: #222;
}

#top .wpseo-opening-hours  {
	width: auto;
}

#top .wpseo-opening-hours td {
	border: 0;
	border-bottom: 1px solid #eee;
	padding: 0;
    line-height: 1.65em;
    font-size: 15px;
    padding-right: 25px;
}

#top .toggle-track:before {
	background: #d72134 !important;
}

#top .iconbox_content_title{
	text-transform: none;
	font-size: 27px;
}
#top .iconbox_top {
    margin-top: 0px;
    text-align: center;
}

/* =HOME
============================================================== */
.avia-fullscreen-slider .mejs-mediaelement {
    pointer-events: none;
}

#top .av-section-with-video-bg .entry-content-wrapper {
	text-align: center;
}

#top .av-section-with-video-bg h1 {
    font-size: 75px;
    font-weight: 600;
}

#top .av-section-with-video-bg .av-special-heading-h3 {
	margin: 15px 0 0;
}

#top .av-section-with-video-bg .av-special-heading-h3 h3 {
    font-weight: normal;
}

#top .av-section-with-video-bg .avia-button {
	padding: 15px 16px;	
	min-width: 140px;
}

#top .av-section-with-video-bg .avia-color-light {
	padding: 12px 16px;
}

.grid-row-arrow {
	z-index: 9;
}
.uvc-x-large-triangle
{
    -moz-transform: scaleY(-1);
    -webkit-transform: scaleY(-1);
    -o-transform: scaleY(-1);
    -ms-transform: scaleY(-1);
    transform: scaleY(-1);
    margin-top: -140px;
}


#top .gird-company .image-overlay {
    background: #205f93;
}

#top .gird-company .grid-entry-title {
    text-align: center;
    font-size: 22px;
    font-weight: 300;
    color: #000;	
    border-bottom: 1px solid #ababab;
    border-right: 1px solid #ababab;
    padding: 10px;
}

#top .gird-company .image-overlay.overlay-type-extern .image-overlay-inside:before {
	display: none;
}

#top .gird-company .grid-content {
	padding: 0;
}

#top .iconbox_left_content .iconbox_icon, 
#top .iconbox_right_content .iconbox_icon
{
    border-width: 2px !important;
/*
    width: 50px;
    height: 50px;
    font-size: 27px;
    line-height: 46px;
    border-style: solid;
    border-radius: 500px;
    text-align: center;
    margin-right: 22px;
*/
}

#top .contact-box-locations .iconbox .iconbox_content .iconbox_content_title {
    font-size: 15px;
	font-weight: 300;
	text-transform: none;
}


#top .iconbox_left_content .iconbox_content .iconbox_content_title, 
#top .iconbox_right_content .iconbox_content .iconbox_content_title 
{
    margin: 16px 0 -3px 0;
}

#top .slogan-slider {
	
}

/* =SEO Locations
============================================================== */
#top .location-overview .wpseo-location {
	margin-top: 19px;
}


/* =Jobs
============================================================== */
.date-posted {
    display: none;
}

/* job_listings */
.job_listings .company {
	display: none !important;
}

.job_listings .company_logo {
	margin-top: -7px;
}

/* widget_listing_sidebar_contact */
.widget_listing_sidebar_contact .contact-person {
    margin-top: 30px;
    }

.widget_listing_sidebar_contact h4 {
	text-transform: none;
	font-weight: normal;
	letter-spacing: 0;
	font-size: 1rem;
}
.widget_listing_sidebar_contact .phone-icon {
    background-color: #FFFFFF;
    border-color: #205f93;
    color: #205f93;
    height: 50px !important;
    width: 50px !important;
    border: 2px solid #205f93;
    border-radius: 50%;
    margin-right: 6px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    float: left;
}
.widget_listing_sidebar_contact .phone-icon svg {
    max-height: 55%;
    max-width: 55%;
    left: 50%;
    margin: 0 !important;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.widget_listing_sidebar_contact .phone-details {
	float: left;
}
.widget_listing_sidebar_contact  .callback {
    margin-top: 20px;
}

.widget_listing_sidebar_contact .contact-image {
	width: 35%;
    float: left;
    margin: 0 10px 5px 0;
}

.widget_listing_sidebar_contact .contact-details {
	margin-top: 32px;
}
.widget_listing_sidebar_contact .personalberater-name {
	text-transform: uppercase;
}
.widget_listing_sidebar_contact .address,
.widget_listing_sidebar_contact .mail-address {
	    font-size: 13px;
    line-height: 17px;
}

.widget_listing_sidebar_contact .address {
	margin-bottom: 32px !important;
}

.widget_listing_sidebar_contact .questions {
	clear: both;
	color: #919191;
}

.widget_listing_sidebar_contact .contact-form {
    margin-top: 20px;
}

.widget_listing_sidebar_contact .btn {
	width: 100%;
	color: white !important;
}

.callback-button {
    background-color: #666666;
    border: 0;
    border-radius: 0;
    color: white;
    cursor: pointer;
    display: inline-block;
    font-size: 14.95px;
    padding: 12px 24px;
    text-align: center;
    transition: 0.1s background-color ease-out;
    -webkit-appearance: none;
}


/*
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: 768px) {
  /* Add your Desktop Styles here */
	#top .contact-box-locations .iconbox {
	  	width: 50%;
	  	float: left;
	  	clear: none;
	    margin-bottom: 6px;
	}
	
}



/*
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 */
	#top .av-section-with-video-bg h1 {
	    font-size: 45px !important;
	}
		
	#top .av-section-with-video-bg .av-special-heading-h3 h3 {
	    font-size: 25px !important;
	}
	
	#top .about-header-bg main {
		padding: 60px 0 30px 0;
	}

}

@media only screen and (max-width: 409px) {
  /* Add your Mobile Styles here */

  	#top .av-section-with-video-bg .avia-slideshow-button {
		padding: 3px 0;
  	}

  	#top .av-section-with-video-bg .avia-slideshow-button,
	#top .av-section-with-video-bg .avia-button {
		width: 100%;
  	}
  	
  	#top .av-section-with-video-bg .avia-button-wrap.el_after_av_button {
	  	margin-top: 0;
  	}
}
