/*
Theme Name: Enfold Child
Description: Child theme developed for Rossana Orlandi
Author URI: https://www.77agency.com
License: Themeforest Split Licence
License URI: -
Theme URI: www.kriesi.at/themes/enfold/
Version: 1.3.17
Template: enfold
*/
@import url("../enfold/style.css");


/* GENERAL STYLES */
body {
	line-height: 1.5;
}
/* Change breadcrumb appearance */
.title_container .breadcrumb {
	font-size: 13px;
}
/* Change links behaviour */
#main.all_colors a {
	text-decoration: none !important;
	color: inherit;
}
#main.all_colors a:hover {
	text-decoration: none !important;
	color: #d72427;
}
/* Hide recaptch badge */
.grecaptcha-badge {
	display: none;
}

/* Override custom margins for headings */
.av-special-heading {
	margin-top: 18px;
}
p + h2,
p + h3 {
	margin-top: 0;
}
/* Remove border radius from images */
.avia-image-container-inner,
.avia_image,.av-image-caption-overlay {
	border-radius: 0;
}
/* Change the default gutter of three and four columns */
div .av_one_third {
	margin-left: 1%;
	width: 32.6666666667%;
}
div .av_one_fourth {
	margin-left: 1%;
	width: 24.25%;
}

/* Single Portofolio settings */
.single-portfolio .template-page.content p {
	margin: 0.2em 0;
}

/* Masonry fixes to see them all at the same height, unless the content lenght/height */
.av-inner-masonry-content-pos-content {
	min-height: 57px !important;
}

/* Homepage Settings */
/* Remove zoom effect on masonry news and events */
.avia_desktop .av-masonry-entry:hover .av-masonry-image-container {
	-webkit-transform: none;
	transform: none;
}

/********************/
/* Mega menu styles */
/********************/
/* Fix Clickable logo */
#top #header_main > .container .logo {
	z-index: 9999;
}
/* ////////////////////////////////////////////////////// */
/* The following rules were deleted to change completely the main menu */
/* Define mega menu cell width */
/*#header .three.units {
	width: 16.66666% !important;
}*/
/* Fix the positioning of the mega menu items */
/*#top #header .avia_mega_div > .sub-menu > li {
	float: left !important;
}*/
#top #header .mega_menu_title a {
	font-size: 16px;
	font-weight: bold;
}
.sub-menu li.menu-item-has-children > a {
	font-weight: bold !important;
}
#top #header .avia_mega_div a {
	font-size: 14px;
}
/* Remove Mega menu arrows */
.avia_mega_div .avia-bullet {
	display: none;
}
#top .avia-bullet:before {
	content: none;
}
/* Fix sub menus and children sizes on mobile */
.html_av-overlay-side-minimal #top .av-burger-overlay .sub-menu {
	font-size: .98em;
	/* instead of .9em */
}

li.av-width-submenu > a span.avia-menu-text {
	padding: 5px;
	font-weight: bold;
	font-size: 1.1em;
}
/* Mobile cloned menu items */
li.av-cloned-title a,
#av-burger-menu-ul ul.sub-menu > li:first-of-type:not(.av-width-submenu) a {
    text-decoration: underline !important;
}
/* GEEZ! */
/*#av-burger-menu-ul ul.sub-menu:nth-last-child(-n+2):not(.av-width-submenu) > li > a {
	text-decoration: none !important;
}*/

/******************/
/*  Search Fixes  */
/******************/
li#menu-item-search {
	padding-left: 30px;
}
.aws-container {
	padding: 10px 0 10px 10px;
}
.avia-search-tooltip {
	width: 400px;
	margin-left: -170px !important;
}
#top .avia-search-tooltip.avia-tt form {
	margin-bottom: 0;
}
.aws-search-result {
	font-size: 15px;
}
/*.aws-search-result span.aws_result_title {
	font-family: 'aller.light-', sans-serif;
}*/
.html_av-overlay-side #top #wrap_all .av-burger-overlay-scroll #av-burger-menu-ul li.menu-item-search-mobile a {
	text-transform: uppercase;
	color: red;
}


/********************/
/* Shop loop styles */
/********************/

/* Padding Product Description in loops */
#top .inner_product_header {
    padding: 10px 0;
}

.single-product .template-shop {
	padding-top: 20px;
}
.the-prods-cats a {
	display: inline !important;
}

/* Hide prices everywhere... */
#top .price span.woocommerce-Price-amount.amount {
	display: none;
}
/* ...but not in the single product, object price container */
#top .prices-container .price span.woocommerce-Price-amount.amount {
	display: inline;
}

/* Archive page styles */
/* Override Woocommerce to get the same settings from base.css */
.product h4 {
	font-size: initial !important;
	line-height: initial !important;
}

/*************************/
/* Single product styles */
/*************************/
/* Remove sidebar even though it's empty, so it frees up the gallery navigation dots */
.woocommerce.woocommerce-page .sidebar.sidebar_sidebar_right.alpha.units {
	display: none!important;
}
.product {
	font-family: 'aller.light-', 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	letter-spacing: 0.5px;
}
.product h1 {
	font-size: 1.5rem;
	line-height: 1.2em;
	margin-bottom: 0;
}
.product .designer {
	margin-bottom: 20px;
	font-size: 1.1em;
}
.single-product-main-image {
	width: 50%;
}
.product-description {
	margin-bottom: 20px;
}
.product-description p {
	font-size: 1.25em;
	text-align: justify;
}

/* Prices section */
.prices-container {
	margin-top: 20px;
	padding-bottom: 30px;
	border-bottom: 1px solid #979797 !important;
}
#top .price,
#top .price span,
#top del,
#top ins {
	font-size: 1em;
}
.vat-text {
	font-size: 16px;
}
.sx-price {
    float: left;
}
.dx-price {
    float: right;
}
/* Additional info box */ 
.additional-info-container {
	margin: 35px 0;
}
.additional-section {
	border-color: #979797 !important;
	border-left: 1px solid;
	text-align: center;
    padding: 0 5px;
	width: 33.333333%;
	float: left;
}
.additional-section.last {
	border-right: 1px solid;
}
.additional-title {
	margin-bottom: 15px;
	letter-spacing: 1.5px;
	color: #D72426;
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
}
/* We're forced to use body plus class because the .avia-tooltip div is generated at the end of the whole html page */ 
body.product-template-default .avia-tooltip {
	width: 200px;
}

/* Tags */
span.tagged_as {
	text-transform: uppercase;
}
span.tagged_as a {
	text-transform: initial;
	font-style: italic;
}

/* Contact and share box */
.share-container {
	text-align: center;
	margin: 30px 0;
}
/*.share-container > div {
	width: 50%;
}
.request-info-button-container {
	width: 40% !important;
	border: 2px solid #D72426 !important;
	float: left;
}*/
.request-info-button-container a {
	border: 2px solid #a3a3a3 !important;
	display: block;
	padding: 20px;
	
	color: #D72426;
	font-size: 15px;
	letter-spacing: 1.5px;
	line-height: 21px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.request-info-button-container a:hover {
	color: #fff !important;
	border: 2px solid #D72426 !important;
	background-color: #D72426;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.share-product-container {
	padding-top: 8px;
	float: left;
	text-align: center;
}
/* Rules needed if we use the Enfold theme sharer in product page */
.share-container h5.av-share-link-description {
	display: none;
}
.share-container .av-share-box {
	margin-top: 4px;
}

/* Related boxes */
.related-title {
	text-align: center;
	font-size: 1.25em;
	line-height: 1.5;
	margin-bottom: 20px;
}
.related-title .downtitle {
	letter-spacing: 1px;
	font-weight: bold;
	font-size: 1.75em;
}
.related.products.custom-related {
	margin-bottom: 60px;
}


/* Custom Woocommerce gallery */

/* Hide the Zoom Icon at the top left of the gallery */
.single-product .single-product-main-image .avia-wc-30-product-gallery-lightbox {
	display: none !important;
}
/* 5-thumnails in woocommerce gallery */
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 .flex-control-thumbs li {
	width: 20%;
	float: left;
    margin-right: 0;
}
/* Add (and then remove) exclusive label */
.exclusive-label {
	display: none !important;
}
	
.exclusive-label {
	z-index: 10;
	display: block;
	position: absolute;
	top: 70px;
	left: 7px;
	padding: 8px 18px;
	color: #fff;
	background: #D72426;
	font-weight: bold;
	letter-spacing: 1.5px;
}
.exclusive-label span.ro-font {
	font-family: 'Times New Roman';
	font-size: 1.2em;
}

/* Press page */
.grid {
	margin: 5%;
}
.grid .container .item {
	float: left;
	display: inline-block;
	margin-bottom: 4%;
	padding-right: 20px;
	width: 33.33%;
}
.grid .container .item-img-wrapper {
	background-size: border-box;
	-moz-background-size: border-box;
	-ms-background-size: border-box;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-perspective: 800;
	-webkit-transform-style: preserve-3d;
	-webkit-transform: translateZ(0);
	-o-transform: translateZ(0);
	-moz-transform: translateZ(0);
	transform: translateZ(0);
	position: relative;
	text-align: center;
	/*border: 1px solid #edecec;*/
}
.grid .container .item-img-wrapper:hover .item-hover,
.grid .container .item-img-wrapper:focus .item-hover {
	opacity: 1;
}
.grid .container .item-hover {
	position: absolute;
	width: 150px;
	height: 150px;
	border-radius: 50%;
	top: 50%;
	left: 50%;
	background: rgba(255, 255, 255, 0.8);
	box-shadow: 0 0 3px #e0e0e0;
	opacity: 0;
	-webkit-transition: opacity 0.5s 0s ease;
	-moz-transition: opacity 0.5s 0s ease;
	-ms-transition: opacity 0.5s 0s ease;
	-o-transition: opacity 0.5s 0s ease;
	transition: opacity 0.5s 0s ease;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	cursor: pointer;
}
.grid .container .item-hover .open-center-vert {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.grid .container .item-figure-designer-permalink.single-voice {
	height: 150px;
	line-height: 150px;
	border: 0 none;
}
.grid .container .item-caption {
    margin-top: 18px;
	text-align: center;
}
/* Mobile helper to hide element */
.show-mobile {
	display: none;
}

@media (max-width: 510px) {
	/* Press page mobile rules */
	.grid .container .item {
		width: 100% !important;
		padding-right: 0 !important;
		
		margin-bottom: 14%;
	}
	/* Prodcut additional section rules */
	.additional-section {
		border-color: #979797 !important;
		border-bottom: 1px solid;
		border-left: none;
		text-align: left;
		padding: 20px 0;
		width: 100%;
		float: none;
	}
	.additional-section.last {
		border-right: none;
		border-bottom: none;
	}
}
@media (max-width: 750px) {
	.grid .container .item {
		width: 50%;
		padding-right: 20px;
	}
}
@media (max-width: 767px) {
	/* Footer remove weird background */
	/* This has been undone via backend */
	.footer_color {
		background: #f8f8f8;
	}
	#footer .widget {
		margin: 10px 0;
	}
	/* Fix distance in enfold flex columns */
	.responsive #top #wrap_all .flex_column {
		margin-bottom: 40px;
	}
	/* But reduce it only for designers grid in designers page */
	.responsive #top #wrap_all .designers-grid .flex_column {
		margin-bottom: 10px;
	}
	.designers-grid .grid-content {
		padding: 10px;
	}
	/* Style the Search bar on mobile */
	.html_bottom_nav_header .avia-search-tooltip {
		width: 100%;
	}
	#top #searchform > div {
		max-width: 100%;
	}
	.avia-search-tooltip .avia-arrow-wrap {
		display: none;
	}
	#top .av_minimal_header #s {
		font-size: 16px;
	}
	/* Mobile helper to show element */
	.show-mobile {
		display: block;
	}
	.hide-mobile {
		display: none;
	}
}

::selection {
	background-color: #D72426;
	color: #fff;
}


/*-----------------------------------------
// CSS - Pagination styles
//----------------------------------------*/
/* Rules taken from the > li > a to be applied to span also */
#top .pagination ul {
	text-align: center;
}
#top .pagination ul li {
	display: inline-block;
}
#top .pagination ul li:last-child a {
	margin-right: 0;
}
#top .pagination .current,
#top .pagination a,
#top .fullsize .template-blog .pagination a, 
#top .pagination span {
	float: left;
	height: 35px;
	width: 35px;
	line-height: 35px;
	text-align: center;
	padding: 0;
	border-radius: 100px;
	margin-right: 10px;
	box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.2);
	font-size: 14px;
}

#top .main_color .pagination .current,
#top .main_color .pagination a:hover {
	background-color: #d72427;
	color: #fff;
}