@charset "UTF-8";


.logged-in body::after{
	content: "Smartphone Landscape";
	background: rgba(0,0,0,0.5);
	}

/* GLOBAL LAYOUT
----------------------------------------------------------------------------- */

.site_container{
	padding-left: 20px;
	padding-right: 20px;
	}


/* Mosaics */
.layout_hp_1,
.layout_hp_2{
    grid-gap: 20px;
	}

/* Mosaic Pagina About */
.page-template-about .layout_hp_2{
    grid-template-columns: repeat(1, 1fr);
	}

.page-template-about .mosaic_item_hp{
	display: block;
	width: 100%;
	grid-column: span 1 !important;
	grid-row: span 1 !important;
	}

.page-template-about .asymmetric_banner_wrapper_2.inverted .asymmetric_banner:first-child,
.page-template-about .asymmetric_banner_wrapper_2:not(.inverted) .asymmetric_banner:last-child{
	padding-bottom: 130%;
	background-position: center !important;
	}

.page-template-about .focus_3_img_1,
.page-template-about .focus_3_img_2{
	padding-bottom: 100%;
	}


.page-template-about .asymmetric_banner_wrapper_2.inverted {
    flex-direction: column;
	}

/* Mosaic Pagina Contacts */

/* Mosaic Elements Padding */
.set_padding,
.set_padding_double,
.set_padding_large{
	padding: 40px;
	}

/* FORMS
----------------------------------------------------------------------------- */
.acceptance{
	text-align: left;
	}


/* TYPOGRAPHY
----------------------------------------------------------------------------- */
h1{

	}

	h1.slide_title,
	h1.page_title,
	h1.focus_title,
	.fake_h1,
	h1.prod_title{
		font-size: 24px;
		}

	h1.page_title_404{
		font-size: 48px;
		}

h2.page_subtitle{
	opacity: 1;
	font-size: 22px;
	margin-top: 3px;
	}

h3{

}

	h3.mosaic_item_title,
	h1.item_category_title{
		font-size: 24px;
		}


h5{

}

	h5.mosaic_item_sub{
	    font-size: 13px;
		}


.readmore{
	font-size: 12px;
	}


/* HEADER
----------------------------------------------------------------------------- */
.site_header{
	padding: 14px 20px;
    background: #333;
    position: static;
    height: auto;
	}

.site_header.sticky{
    height: auto;
	}

.site_header .logo{
	position: static;
    transform: none;
    overflow: hidden;
    max-width: 60px;
    /* margin: auto; */
	}

.site_header .logo img{
	display: block;
    width: 100%;
    height: auto;
	}

.js_menu_toggle,
.site_header.sticky .js_menu_toggle{
	right: 20px;
    top: 26px;
	}

.breadcrumbs{
	display: none;
	}


/* NAVIGATION
----------------------------------------------------------------------------- */
.js_menu_toggle span,
.js_menu_close span{
	display: none;
	}

.js_menu_toggle i,
.js_menu_close i{
	width: 28px;
	height: 28px;
	}

.menu_panel_content{
	padding: 50px 24px 40px 22px;
	}


/* FOOTER
----------------------------------------------------------------------------- */
.site_footer .logo{
	float: left;
	}

.site_footer_info{
	max-width: calc(100% - 80px);
    float: right;
    margin: 4px 0 32px 0;
    width: 100%;
	}


/* Pre Footer */
.pre_footer .col-xs-12{
	margin-top: 24px;
	}

.pre_footer .col-xs-12:first-child{
	margin-top: 0;
	}


/* Footer */
.site_footer .social{
    transform: translateX(-20px);
	margin-left: 0;
	}


/* SLIDER
----------------------------------------------------------------------------- */

/* About Slider */
.js_slider .swiper-slide {
	min-height: 340px;
	}

.js_slider .slide_content {
    left: 20px;
	}


/* HUB CATEGORIE & HUB COLLEZIONI
----------------------------------------------------------------------------- */
.item_category,
.item_collection {
    margin-bottom: 20px;
	}

/* Hub Collezioni */
.item_collection .asymmetric_block.bg_darkgrey{
	display: none;
	}

.item_collection .asymmetric_block{
	margin-right: 0 !important;
	margin-left: 0 !important;
    max-width: 100%;
	}

.item_collection .asymmetric_block:last-child .big_text{
	width: 100% !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	display: block;
	}

/* SINGLE GIOIELLI
----------------------------------------------------------------------------- */
.prod_gallery_wrapper{
	margin-bottom: 40px;
	}

.single-gioielli .pre_footer{
	display: none;
	}



/* PAGE ABOUT
----------------------------------------------------------------------------- */

/* Focus About */
.page-template-about .asymmetric_banner.set_padding{
	padding-left: 20px;
	padding-right: 20px;
	}

.page-template-about .asymmetric_banner_wrapper_2{
	display: flex;
	flex-direction: column-reverse;
	}

.page-template-about .asymmetric_banner{
	max-width: 100% !important;
	display: block !important;
	}

.about_focus_img_1,
.about_focus_img_2{
	display: block;
	position: static;
	}


/* QUOTES
----------------------------------------------------------------------------- */
.quote {
    background: url('../img/ico_quote_open.png') 20px 20px no-repeat, url('../img/ico_quote_close.png') calc(100% - 20px) calc(100% - 20px) no-repeat;
    background-size: 38px auto;
    background-color: #c8c6c2;
	}

.quote p {
    font-size: 14px;
    line-height: 1.4;
	}

.quote span{
	font-size: 18px;
	}