/*
Theme Name: Enfold Child
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: Kriesi
Author URI: http://www.kriesi.at
Template: enfold
*/

/*Add your own styles here:*/

/* Custom font rules */

@import "font/font.css";

body, p, th, td, div, a:link, a:visited, a:hover, a:active, a:focus {
    font-family: MuseoSlab300, sans-serif;
    font-style: normal;
    font-weight: 300;
}
em, i {
    font-family: MuseoSlab300italic, sans-serif !important;
    font-style: italic;
    font-weight: 300;
}
strong, b, h1, h1 a:link, h1 a:visited, h1 a:active, h1 a:hover, h1 a:focus, h2, h2 a:link, h2 a:visited, h2 a:active, h2 a:hover, h2 a:focus, h3, h3 a:link, h3 a:visited, h3 a:active, h3 a:hover, h3 a:focus {
    font-family: MuseoSlab500, sans-serif;
    font-style: normal;
    font-weight: 500;
}

strong em, strong i, b em, b i, h1 em, h1 i, h2 em, h2 i, h3 em, h3 i {
    font-family: MuseoSlab500italic, sans-serif;
    font-style: italic;
    font-weight: 500;
}

/* Ende Custom font rules */

/* Disable elements per css */
.disable { display: none; }

.team_joblist {
	text-align: center !important;
	margin: 0 !important;
	list-style: none !important;
}

/* Fullwidth ColorSection container */
#fullwidth-cs .container { 
	width: 100% !important; 
	max-width: 100%; 
	padding: 0; 
	margin: 0; 
}
/* Ende Fullwidth ColorSection container */


/* center left menu */
.html_header_sidebar #header .av-main-nav > li > a {
    text-align: center;
}


/* Anpassung header widget */
#header .avia-custom-sidebar-widget-area .widget {
    padding: 0px 40px;
}

/* footer Anpassung */
#footer {
    padding: 15px 0 20px 0;
}

#footer .widget {
    margin: 0;
}


/* Input box Anpassungen */

#top .avia_ajax_form .text_area {
    width: calc(100% - 4em) !important;
}

#top .avia_ajax_form .captcha {
	margin-left: 5em !important;
	padding: 13px !important;
}

input {
	transition:.2s linear;
    -webkit-transition:.2s linear;
    -moz-transition:.2s linear;
}

input:focus,
textarea:focus {
    outline: none;
    box-shadow: 0px 0px 7px #61C5FA !important;
    border-color: #61C5FA !important;
	transition:.2s linear;
    -webkit-transition:.2s linear;
    -moz-transition:.2s linear;
}

:focus::-webkit-input-placeholder { color:transparent !important; }
:focus:-moz-placeholder { color:transparent !important; }
:focus:-ms-input-placeholder { color:transparent !important; }
:focus:-moz-placeholder { color:transparent !important; }

/* Ende input box Anpassungen */


/* Placeholder color */

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #bbb !important;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #bbb !important;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #bbb !important;
}
:-moz-placeholder { /* Firefox 18- */
  color: #bbb !important;
}

/* Ende Placeholder color */


/* Breadcrumbs */

.seo-breadcrumbs:before {
	content: "Sie befinden sich hier: ";
}

.seo-breadcrumbs {
	color: #666666 !important;
}

.seo-breadcrumbs a {
	color: inherit;
}

.iconbox .iconbox_content .iconbox_content_title {
	font-size: 1em;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* Ende Breadcrumbs */


/* ??? */
/*
#main {
	border:none;
}
*/

.team_joblist {
	margin: 0;
	text-align: center;
	list-style: none;
}

.tab_titles {
	font-size: 16px;
}

.hide-me {
	display: none;
}

/* Iconbox größe */
#top .iconbox .iconbox_content {
    min-height: 180px;
}

#top .iconbox {
	transition: all 0.3s;
}

#top .iconbox:hover {
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
	transform: translateY(-5px);
}
/* Ende Iconbox Größe */


/* Avia Widget Sidebar */

#top .side-nav .widget_nav_menu .menu > .menu-item-has-children {
	background-color: #fff;
    box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.2);
    margin: 10px 0;
}

#top .side-nav .widget_nav_menu .menu a {
	color: #666666;
}

#top .side-nav .widget_nav_menu .menu a:hover {
	color: #00903c;
}

#top .side-nav .widget_nav_menu .menu > .menu-item-has-children > a {
	padding: 5px 0 5px 13px;
	font-size: 16px;
	border-bottom: 1px solid #cccccc;
	overflow: hidden;
	text-overflow: ellipsis;
}

#top .side-nav .widget_nav_menu li {
	margin: 0;
	padding: 0;
}

#top .side-nav .widget_nav_menu ul ul li:before {
	content: "\2192";
	top: 8px;
}

#top .side-nav .widget_nav_menu ul ul li a  {
	padding: 8px 0px 8px 16px;
	transition: 0.3s all;
}

#top .side-nav .widget_nav_menu ul ul li a:hover,
#top .side-nav .widget_nav_menu ul ul .current-menu-item.current_page_item a {
	transform: translatex(5px);
	font-weight: 300;
}


#top .side-nav .widget_nav_menu ul ul .current-menu-item.current_page_item a {
	transform: translatex(5px);
	color: #00903c;
}

/* Ende Avia Widget Sidebar */

#top .my-content {
	animation-duration: 1s;
}

#top .su-spoiler-title {
	overflow: hidden;
	text-overflow: ellipsis;
}


/* eForm Anpassungen */
/* https://wpquark.com/kb/fsqm/fsqm-troubleshooting/css-fix-enfold-theme/ */
#top .main_color .input-text, #top .main_color input[type='text'], #top .main_color input[type='input'], #top .main_color input[type='password'], #top .main_color input[type='email'], #top .main_color input[type='number'], #top .main_color input[type='url'], #top .main_color input[type='tel'], #top .main_color input[type='search'], #top .main_color textarea, #top .main_color select {
    border-color: transparent;
    background-color: transparent;
    color: #808080;
    border-bottom: 1px solid #9e9e9e;
    margin-left: 3em;
    width: 92%;
    width: calc(100% - 3em);
}
 
#top input[type="text"]:focus, #top input[type="password"]:focus, #top input[type="email"]:focus, #top input[type="number"]:focus, #top input[type="url"]:focus, #top input[type="tel"]:focus, #top input[type="search"]:focus, #top textarea:focus {
    box-shadow: none;
    color: #555;
}
 
#top label {font-weight:normal!important;
}

/* Ende eForm Anpassungen */


/*
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: 1560px) {
	#top .side-nav {
		width: 20% !important;		
	}
}

@media only screen and (max-width: 1559px) and (min-width: 1223px) {
	#top .side-nav {
		width: 30% !important;		
	}
	
}

@media only screen and (min-width: 1223px) {
	#top .top-nav {
		display: none !important;
	}
}

@media only screen and (max-width: 990px) {
	#top .sticky_placeholder {
		display: none;
	}
}


@media only screen and (max-width: 1222px) {
	#top .side-nav {
		display: none;	
	}
	
	#top .top-nav {
		display: block;
	}
	
	#top .breadcrumbs {
		display: none !important;
	}
	
	.responsive #top #wrap_all .av-flex-cells .flex_cell_inner .my-content {
		padding: 0 !important;
	}
	
	#top .my-search {
		padding: 10px 50px 0 !important;
	}
}


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

}