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



/*Add your own styles here:*/

#top #header .av-main-nav > li.login {
	padding:24px 0;
}
#top #header .av-main-nav > li.login > a {
	background:#b47838;
	font-size:16px;
	border-radius:10px;
	padding:5px 20px;
	height:auto !important;
	line-height:inherit !important;
}
#top #header .av-main-nav > li.login > a .avia-menu-text {
	color:#ffffff !important;
}
#top #header.header-scrolled .av-main-nav > li.login {
	padding:3px 0;
}
.av-logo-container .logo a img {
	margin-top:12px;
}
.header-scrolled .av-logo-container .logo a img {
	margin-top:0;
}
#banner .av-special-heading-tag  {
	font-size:75px;
	font-weight:800;
	letter-spacing: 0;
	text-transform: none;
}
#banner .av-subheading {
	opacity:1;
	font-weight: normal;
}
#brands div .av_one_fourth {
	margin-left: 1.5%;
	width: 23.5%;
}
#how-it-works .flex_column {
	font-weight:300;
	text-align: center;
	padding: 40px 10px 10px;
	border: 1px solid #ececec;
	box-shadow: 2px 2px 5px 0 rgba(55,50,40, .20);
	-webkit-box-shadow: 2px 2px 5px 0 rgba(55,50,40, .20);
	-moz-box-shadow: 2px 2px 5px 0 rgba(55,50,40, .20);
	-o-box-shadow: 2px 2px 5px 0 rgba(55,50,40, .20);
	-ms-box-shadow: 2px 2px 5px 0 rgba(55,50,40, .20);
	transition: .3s ease-in-out;
	-moz-transition: .3s ease-in-out;
	-webkit-transition: .3s ease-in-out;
}
#how-it-works .flex_column:hover{
	background: #008000 !important;
    color: #fff;
}
#how-it-works .flex_column:hover .av-special-heading-tag {
	color:#fff;
}
#top #how-it-works .av-flex-placeholder {
	width:1%;
}
#how-it-works .av-special-heading-h3 h3  {
	font-weight:bold;
}
#top #wrap_all .all_colors .woocommerce-Tabs-panel h2 {
	font-size:30px;
}
.footer-logos{
	background-color:#fff;
}
.footer-logos .widget{
	padding:0 2%;
}
.widget_nav_menu a {
	padding:0;
	font-size:16px;
}
.widget_nav_menu ul:first-child > .current-menu-item > a, .widget_nav_menu ul:first-child > .current_page_item > a {
	padding:0;
	font-weight:normal;
}
.footer_color .fa-2x {
	font-size:1em;
}
.widget_product_categories li a {
	font-size:16px;
}
#top #main .sidebar a{
	color:#000;
}

@media only screen and (max-width:989px) {
	#brands div .av_one_fourth {
		clear: none;
		margin-top: 0;
	}
}
@media only screen and (max-width:767px) {
	#banner .hr{ display:none; }
	#banner .flex_column{ padding:0 !important; }
	#banner .container { float:left !important; width:70% !important; height:auto !important; margin-left: 10px !important;}
	#banner .av-special-heading-tag { font-size: 0.5em !important; }
	#banner .av-small-font-size-30 p { font-size: 20px !important; line-height:1.2em !important; }
	.html_av-overlay-side #top #wrap_all div .av-burger-overlay-scroll #av-burger-menu-ul a:hover {
		color: #0c2955;
	}
	#top #wrap_all .all_colors h2 {
		font-size:45px !important;
	}
	#banner .av-special-heading-tag {
		font-size:60px;
	}
	#footer .widget {
		margin:0;
	}
}
@media only screen and (max-width:479px) {
	#top #wrap_all .all_colors h2 {
		font-size: 30px !important;
	}
}


.step {
  display: flex;
  align-items: center; /* key fix */
  gap: 10px;
}

.step-number {
  background: #b47838;
  border-radius: 50%;
  color: #fff;
  width: 26px;
  height: 26px;            /* important */
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;          /* prevents shrinking */
}

.step h4 {
  margin: 0;
  line-height: 1.3;
}