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

.av-tab-section-icon {
	width: 35px;
	height: 35px;
	margin-right: 5px;
	font-size: 30px;
}
.av-tab-section-icon:before {
	display: inline-block;
	width: 30px;
	height: 30px;
	font-size: 30px;
}
.av-tab-with-icon .av-outer-tab-title {
	display: inline-block;
	margin-bottom: 0;
}

.av-tab-arrow-container {
	display: none;
}

.av-inner-tab-title {
	height: auto;
	width: auto;
	margin: 0;
	font-size: 30px;
	text-transform: none;
	font-weight: 500;
}

#top .av-section-tab-title {
	padding: 12px 40px;
}

#top a.av-active-tab-title {
	border-radius: 4px;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
	background-color: #f8f8f8;
	border-top: 2px solid #6bbaa8;
}

.togglecontainer .single_toggle .toggler:hover,
.togglecontainer .single_toggle .toggler {
	background-color: #fff;
}

.entry-content-header .av_iconlist_title{
	display: inline-block;
}

.tippy-tooltip {
	text-align: left;
}

/* Have fun adding your style here :) - PS: At all times this file should contain a comment or a rule, otherwise opera might act buggy :( */
/* General Custom CSS */
/*
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 */
}
/*
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) {
	.av-tab-section-icon {
		width: 25px;
		height: 20px;
		font-size: 20px;
		line-height: 1;
	}
	.av-tab-section-icon:before {
		width: 20px;
		height: 20px;
		font-size: 20px;
		line-height: 1;
	}
	.av-inner-tab-title {
		font-size: 20px;
		line-height: 1;
	}
	#top .av-section-tab-title {
		padding: 10px 30px;
	}
}

@media only screen and (max-width: 600px) {
	#top a.av-active-tab-title {
		border-bottom-right-radius: 4px;
		border-bottom-left-radius: 4px;
	}

	#top .av-section-tab-title {
		padding: 10px 25px;
	}
}
@media only screen and (max-width: 450px) {
	.av-tab-section-tab-title-container.avia-tab-title-padding-small {
		min-width: 100% !important;
	}
	#top a.av-section-tab-title {
		width: 100%;
		display: block;
		border-top: none;
	}
}