/*
Theme Name: ROCVA
Theme URI: https://woocommerce.com/storefront/
Template: storefront
Author: Automattic
Author URI: https://woocommerce.com/
Description: Storefront is the perfect theme for your next WooCommerce project. Designed and developed by WooCommerce Core developers, it features a bespoke integration with WooCommerce itself plus many of the most popular customer facing WooCommerce extensions. There are several layout & color options to personalise your shop, multiple widget regions, a responsive design and much more. Developers will love its lean and extensible codebase making it a joy to customize and extend. Looking for a WooCommerce theme? Look no further!
Tags: e-commerce,two-columns,left-sidebar,right-sidebar,custom-background,custom-colors,custom-header,custom-menu,featured-images,full-width-template,threaded-comments,accessibility-ready,rtl-language-support,footer-widgets,sticky-post,theme-options,editor-style
Version: 2.4.2.1546442500
Updated: 2019-01-02 15:21:40

*/
.home.blog .site-header, .home.page:not(.page-template-template-homepage) .site-header, .home.post-type-archive-product .site-header{
	margin-bottom: 0;
}
.storefront-primary-navigation{
	background-color: #e10c32;
}
.main-navigation ul.menu ul.sub-menu, 
.main-navigation ul.nav-menu ul.children
{	
    background-color: #e10c32;
}
.site-footer h1, .site-footer h2, .site-footer h3, .site-footer h4, .site-footer h5, .site-footer h6, .site-footer .widget .widget-title, .site-footer .widget .widgettitle
{
	color: #fff;
}
.site-footer a:not(.button):not(.components-button)
{
	color: #fff;	
}
.banner__img
{
	width: 100%;	
}
.description__row_flex
{
	display: flex;
}
.description__row_flex > div
{
	max-width: 100%;
	width: 100%;	
}
.description__row_flex .description__img_contain
{
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
    background-color: #e10c32;
}
.description__row_flex .content_side_description
{
	position: relative;
    background-color: #e10c32;
    color: #fff;
    padding: 45px;
}
.description__row_flex .content_side_description h3
{
	color: #fff;
	font-weight: 600;
    line-height: 1.4;
}
.description__row_flex .content_side_description p
{
	color: #fff;
	font-size: 17px;
}
.description__row_flex .content_side_description h4
{
	color: #fff;
    font-weight: 600;
    margin-top: 35px;
}
.description__row_flex .content_side_description ul
{
	list-style: none;
	color: #fff;
    margin-left: 0;
    font-size: 17px;
    margin-bottom: 0;
}
.description__row_flex .content_side_description ul li
{
	color: #fff;
}
.description_section_home
{
	margin-bottom: 70px;
}
@media only screen and (max-width: 991px)
{
	.description__row_flex
	{
		display: block;
	}
	.description__row_flex .description__img_contain
	{
	    padding-top: 50%;
	}
	.description__row_flex .content_side_description
	{
	    padding: 35px 20px;
	}
}
.hero_bg_banner {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    padding: 0px 0px 0px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
}
.hero_bg_banner__img{
	text-align: center;
	width: 100%;
}
.hero_bg_banner__img img{
	margin: 0 auto;
}
.hero_bg_banner .banner__product {
    background-color: #fff;
    max-width: 290px;
    width: 100%;
    padding: 26px;
}
.hero_bg_banner .banner__product .product__row {
    display: flex;
    align-items: center;
    margin-bottom: 4px;
}
.hero_bg_banner .banner__product .product__row > div 
{
    width: 100%;
    max-width: 100%;
    min-width: 50px;
}
.hero_bg_banner .banner__product .product__tech
{

}
.hero_bg_banner .banner__product .product__title {
    font-size: 20px;
    font-weight: bold;
    line-height: 1.3;
}
.hero_bg_banner .banner__product .product__price {
    font-size: 25px;
    font-weight: bolder;
    text-align: right;
}
.hero_bg_banner .banner__product .product__rating
{
    margin-top: 12px;
}
.hero_bg_banner .banner__product .product__img
{
    margin-top: 20px;
}
.hero_bg_banner .banner__product .product__img img
{
	width: 100%;	
}
.hero_bg_banner .banner__product .product__btn
{
	text-align: center;
    margin-top: 15px;
}
.hero_bg_banner .banner__product .product__btn a {
    background-color: #f17e13;
    color: #fff;
    display: inline-block;
    padding: 10px 35px;
    font-size: 18px;
    width: 100%;
    border-radius: 5px;
    outline: none;
}
@media (max-width: 66.4989378333em) {
	.banner{
        margin-left: -2.617924em;
    	margin-right: -2.617924em;
	}
}
@media screen and (max-width: 568px) {
	.banner{
	    margin-left: -1.41575em;
    	margin-right: -1.41575em;
	}
}
.welcome_section {
    background-color: #f8f8f8;
    padding: 50px 0px;
}
.welcome_section h2 {
    color: #333;
    font-size: 32px;
    font-weight: 600;
    text-align: left;
}
.welcome_section p
{
	color: #6d6d6d;
	font-size: 16px;
}
.welcome_section p a
{
	display: inline-block;
}
.welcome_section p:last-child
{
	margin-bottom: 0;
}
.categories_cards
{
	position: relative;
	padding: 60px 0;
}
.categories_cards h2 {
    color: #333;
    font-size: 30px;
    margin-bottom: 40px;
    font-weight: bold;
}
.categories_cards .cards__row
{
	display: flex;
	align-items: top;
	margin-left: -15px;
	margin-right: -15px;
}
.categories_cards .cards__row .cards__col
{
	padding-left: 15px;
	padding-right: 15px;
	max-width: 100%;
	width: 100%;
}
.categories_cards .cards__row .cards__col .cards__wrap
{
	position: relative;
	display: flex;
	flex-direction: column;
	height: 100%;
}
.categories_cards .cards__row .cards__col .cards__wrap .card_image_wrap 
{
    display: block;
    width: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding-top: 120%;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
    flex-direction: column;
    height: 100%;
    position: relative;
}
.categories_cards .cards__row .cards__col .cards__wrap .cards__title {
    position: absolute;
    bottom: 0;
    left: 0;
}
.categories_cards .cards__row .cards__col .cards__wrap .cards__title h4
{	
	color: #fff;
    font-size: 22px;
	font-weight: 600;
    margin-bottom: 7px;
    line-height: 1.2;
}
.categories_cards .cards__row .cards__col .cards__wrap .cards__title a
{
	color: #fff;
	font-weight: 600;
	font-size: 16px;
	background-color: #e10c32;
	padding: 5px 10px;
	display: inline-block;
}
.categories_cards .cards__row .cards__col .cards__wrap .card_image_wrap:after
{
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
	/* background-color: rgba(0, 0, 0, 0.4); */
	background: linear-gradient(to bottom, transparent, rgba(0,0,0,0.4));
}
.categories_cards .cards__row .cards__col .cards__wrap .overlay
{
	position: relative;
	z-index: 1;
}
.coming_soon_section h2 
{
    color: #333;
    font-size: 28px;
    font-weight: bolder;
    margin-bottom: 30px;
    width: 100%;
}
.coming_soon_section .heading__row
{
	display: flex;
	align-items: center;
}
.coming_soon_section .heading__row p
{
	text-align: right;
	display: block;
	width: 100%;
}
.coming_soon_section .heading__row p a
{
	color: #333;
}
.coming_soon_section
{
    margin-bottom: 20px;
}
@media only screen and (max-width: 991px)
{
	.hero_bg_banner
	{
	    justify-content: center;
	}	
	.categories_cards .cards__row
	{
		flex-wrap: wrap;
	}
	.categories_cards .cards__row .cards__col
	{
		max-width: 50%;
		width: 100%;
		flex: 0 0 50%;
	}
	.categories_cards .cards__row .cards__col
	{
	    margin-bottom: 30px;
	}
	.categories_cards {
	    position: relative;
	    padding: 60px 0 18px;
	}
}
@media only screen and (max-width: 575px)
{
	.categories_cards .cards__row .cards__col
	{
		max-width: 100%;
		width: 100%;
		flex: 0 0 100%;
		margin-bottom: 30px;
	}
	.coming_soon_section .heading__row
	{
		display: block;
	}
	.coming_soon_section .heading__row p
	{
		text-align: left;
	}
	.coming_soon_section h2
	{
		margin-bottom: 15px;
	}
}
.hero_bg_banner
{
	display: flex;
}
.hero_bg_banner .item
{
	max-width: 100%;
	width: 100%;
	align-items: center;
}
.hero_bg_banner .item:first-child
{
	position: relative;
    padding-left: 50px;
}
.hero_bg_banner .item:last-child
{
	align-items: center;
	display: flex;
	justify-content: flex-end;
}
.bg_hero_logo_contain 
{
    position: relative;
    width: 100%;
    display: block;
    text-align: center;
}
.bg_hero_logo_contain img
{
	display: block;
	width: 100%;
}
@media only screen and (max-width: 991px)
{
	.hero_bg_banner
	{
		display: block;
	}
	.bg_hero_logo_contain
	{
	    margin-bottom: 50px;
	}
	.bg_hero_logo_contain img {
	    display: block;
	    width: 100%;
	    max-width: 320px;
	    margin-left: auto;
	    margin-right: auto;
	}
	.hero_bg_banner .item:last-child {
	    align-items: center;
	    display: flex;
	    justify-content: center;
	}
}
.hero_bg_banner
{
	position: relative;
}
.hero_bg_banner .overlay
{
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
	display: block;
	background-color: rgba(0, 0, 0, 0.2);
}
.hero_bg_banner .item
{
	position: relative;
	z-index: 1;
}
@media only screen and (min-width: 992px)
{
	.bg_hero_logo_contain
	{
		margin-left: 55px;
	}
}

.woocommerce-LoopProduct-link img{
	margin: 0 auto;
}

body.archive .woocommerce-LoopProduct-link img {
    width: 324px;
    object-fit: none;
}

.choice-section{
	padding: 60px 0;
}
.choice-section__row{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
}
.choice-section__row a{
	flex: 0 0 300px;
	max-width: 300px;
}

@media screen and (max-width: 768px) {
	.choice-section{
		padding: 30px 0;
	}
	.choice-section__row{
		flex-wrap: wrap;
		justify-content: center;
	}
	.choice-section__row a{
		flex: 0 0 70%;
		max-width: 70%;
		margin-bottom: 20px;
	}
}
.woocommerce-message, 
.woocommerce-info, 
.woocommerce-error, 
.woocommerce-noreviews, 
p.no-comments{
	background-color: #e10c32;
}

/*ORANGE COLOR*/
body.term-597  .main-navigation ul.menu ul.sub-menu, 
body.term-597  .main-navigation ul.nav-menu ul.children
{	
    background-color:#FF7417;
}
body.term-597  button,
body.term-597  input[type="button"],
body.term-597  input[type="reset"], 
body.term-597  input[type="submit"], 
body.term-597  .button, 
body.term-597  .widget a.button,
body.term-597  button.alt, 
body.term-597  input[type="button"].alt, 
body.term-597  input[type="reset"].alt, 
body.term-597  input[type="submit"].alt, 
body.term-597  .button.alt, 
body.term-597  .widget-area .widget a.button.alt{
	background-color: #FF7417;
	border-color: #FF7417;
	transition: ease all 0.3s;
	color: #fff;
}
body.term-597  button:hover,
body.term-597  input[type="button"]:hover,
body.term-597  input[type="reset"]:hover, 
body.term-597  input[type="submit"]:hover, 
body.term-597  .button:hover, 
body.term-597  .widget a.button:hover,
body.term-597  button.alt:hover, 
body.term-597  input[type="button"].alt:hover, 
body.term-597  input[type="reset"].alt:hover, 
body.term-597  input[type="submit"].alt:hover, 
body.term-597  .button.alt:hover, 
body.term-597  .widget-area .widget a.button.alt:hover{
	background: #516679;
	border-color: #516679;
}
body.term-597  .woocommerce-message, 
body.term-597  .woocommerce-info, 
body.term-597  .woocommerce-error, 
body.term-597  .woocommerce-noreviews, 
body.term-597  p.no-comments{
	background-color: #FF7417;
}

body.term-597  .storefront-primary-navigation{
	background-color:#FF7417;
}
body.term-595  h1, 
body.term-595  h2, 
body.term-595  h3, 
body.term-595  h4, 
body.term-595  h5, 
body.term-595  h6{
	color: #e10c32;
}
body.term-597  h1, 
body.term-597  h2, 
body.term-597  h3, 
body.term-597  h4, 
body.term-597  h5, 
body.term-597  h6{
	color: #FF7417;
}

a:active, a:hover, button{
	outline: 0!important;
}

/*HEADER*/
.site-branding a{
	max-width: 230px;
	display: block;
}

/*FOOTER*/
.site-footer{
	padding: 30px 0 0;
}
.site-footer .footer-widgets{
	padding: 0;
}
.site-footer .site-info{
	padding: 0;
}
.site-footer .storefront-handheld-footer-bar a:not(.button):not(.components-button){
	color: #333333;
}

@media screen and (max-width: 768px) {
	body .storefront-primary-navigation{
		background: #fff;
		padding: 10px 0;
	}
	.site-header .main-navigation ul li a,
	.site-header .main-navigation ul.menu li.current-menu-item > a{
		color: #333333;
	}
	.site-header .main-navigation ul ul{
		margin: 0;
		padding-left: 10px;
	}
	.site-footer{
		padding-bottom: 100px;
	}
}

form.checkout select{
	padding: 0.6180469716em;
    background-color: #f2f2f2;
    color: #43454b;
    border: 0;
    box-sizing: border-box;
    font-weight: normal;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.125);
}