/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
Main color: #cc0000
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
.cats-link a {display:inline;font-weight:400;font-size:14px;}
.cats-link a.view-more {color:#ef1c23;font-weight:bold;}
.section-title-normal {border-bottom:2px solid #cc0000;}
.section-title-main {
    color: #cc0000;
}
.section-title-normal:after {

}
.woocommerce-Price-amount.amount {color:#ff0000;font-size:115%;}
del .woocommerce-Price-amount.amount {color:#666;font-size:90%;}
.product-short-description{font-size:90%;}
.section-title-container {margin-bottom:5px;}
#product-sidebar {
	margin-top:30px;
}
.product-title,.product-title a{color:#111;}
form.cart .quick_buy_container {
	display:inline-block;
}
input.quick_buy_button {
	background:#cc0000;
	color:#FFF;
}
.text-center .quantity, .quantity {
	margin-right:0.5em;
}
.product-footer .quick_buy_container {
	text-align:center;
	margin:20px auto;
}
a.quick_buy_button {
	background:#cc0000;
	color:#FFF;
	padding:12px 20px;
	text-transform:uppercase;
	font-size:150%;
}
a.quick_buy_button:hover {
	color:#FFF;
	background:#f55d04;
}
li.tit-hidden > a {display:none!important;}
#wide-nav > .flex-row > .flex-left {

}

.footer-2.dark .widget-title {color:#FFF;font-weight:500;}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
.hidden-phone {display:none;}

}
@media only screen and (min-width: 1200px) {
/*************** ADD DESKTOP ONLY CSS HERE  ***************/
.footer-2 .large-columns-4 > div:nth-child(1) {
	width:35%;
	max-width:50%;
	flex-basis:auto;
}
.footer-2 .large-columns-4 > div:nth-child(2) {
	width:25%;
	max-width:50%;
	flex-basis:auto;
}

.footer-2 .large-columns-4 > div:nth-child(3) {
	width:20%;
	max-width:50%;
	flex-basis:auto;
}

.footer-2 .large-columns-4 > div:nth-child(4) {
	width:20%;
	max-width:50%;
	flex-basis:auto;
} 


}

#mega_menu > li > ul.sub-menu {
	margin-top:0;
	min-height:450px;
}
#mega_menu li a {
	padding-top:7px;
	padding-bottom:7px;
}
#mega-menu-wrap {
	background:#cc0000;
	background-repeat:repeat-x;
}
#mega-menu-title {
	padding:11px!important;
	letter-spacing: 2px;
	font-size:109%;
}
ul#mega_menu li a {
	color:#111;
}
ul#mega_menu li a:hover {
	color:#ff3300;
}
.ot-vm-hover:hover #mega_menu {display:block!important;}
.header-contact a {text-transform:none!important;font-size:90%!important;}
footer .widget_nav_menu ul li a {font-size:100%!important;}
footer .widget-title {font-family: "Roboto Condensed", sans-serif;font-size:120%!important;font-weight:700!important;letter-spacing:0!important;color:#FFF;}

ul.children > li.cat-item {
	padding:3px 10px;
} 
ul.children > li.cat-item:hover {
	background:#cc0000;
} 
ul.children > li.cat-item:hover a{color:#FFF!important;}
.header-bottom {
	background-repeat:repeat-x;
}
#header-contact li a {font-weight:400;}
.dark .is-divider,.is-divider {background-color:#FFF;max-width:50px;height:2px;}
aside .widget-title {color:#cc0000; letter-spacing: 0;font-size: 120%;font-family: "Roboto Condensed";}
.header-vertical-menu__title {font-size: 120%;font-family: "Roboto Condensed";}
.bg-repeat .bg-fill {
	background-size: auto !important;
	background-repeat: repeat !important;
}
.star-rating span:before {color:#ff6600!important;}
.radius50 img{border-radius:50%;}
aside ul.product-categories li a {color:#111;}
.nav-dark .form-flat input:not([type="submit"]), .nav-dark .form-flat textarea, .nav-dark .form-flat select {
    background-color: rgba(255,255,255,0.2) !important;
    border-color: rgba(255,255,255,0.75);
}
.box-blog-post .is-divider {
    background-color:#eee!important;
    height: 1px;
}
.box-vertical .box-text {
	padding-top:0;
    vertical-align: top;
}
.section-title i {opacity:1;}
.header-nav.nav > li > a {
    letter-spacing: 0px;
}


.image-zoom::after {
	background: rgba(0, 0, 0, 0) linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%) repeat scroll 0 0;
	content: "";
	display: block;
	height: 100%;
	position: absolute;
	right: -75%;
	top: 0;
	transform: skewX(-25deg);
	width: 50%;
	z-index: 2;
}
.image-zoom:hover::after {
	animation: 1s ease 0s normal none 1 running fixedAnim;
	animation: 1s ease 0s normal none 1 running fixedAnim;
	-webkit-animation: 1s ease 0s normal none 1 running fixedAnim;
	-moz-animation: 1s ease 0s normal none 1 running fixedAnim;
}
@-webkit-keyframes fixedAnim {
	0% {
		right: 125%;
	}
	125% {
		right: 0;
	}
}
@-moz-keyframes fixedAnim {
	0% {
		right: 125%;
	}
	125% {
		right: 0;
	}
}
@keyframes fixedAnim {
	0% {
		right: 125%
	}
	125% {
		right: 0;
	}
}