/*!
Theme Name: Sahra Gobatto
Theme URI: http://www.lucalarice.com/
Author: Gruppo Pragma by Luca Larice
Author URI: https://www.gruppopragma.com/
Version: 1.0.0
*/


/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}



/*--------------------------------------------------------------
# UTILITY: spacers
--------------------------------------------------------------*/
.spaceT5{padding-top:5px;}
.spaceT10{padding-top:10px;}
.spaceT20{padding-top:20px;}
.spaceT30{padding-top:30px;}
.spaceT40{padding-top:40px;}
.spaceT50{padding-top:50px;}
.spaceT100{padding-top:100px;}
.spaceB5{padding-bottom:5px;}
.spaceB10{padding-bottom:10px;}
.spaceB20{padding-bottom:20px;}
.spaceB30{padding-bottom:30px;}
.spaceB40{padding-bottom:40px;}
.spaceB50{padding-bottom:50px;}
.spaceB100{padding-bottom:100px;}
.spaceTB5{padding-top:5px; padding-bottom:5px;}
.spaceTB10{padding-top:10px; padding-bottom:10px;}
.spaceTB20{padding-top:20px; padding-bottom:20px;}
.spaceTB30{padding-top:30px; padding-bottom:30px;}
.spaceTB40{padding-top:40px; padding-bottom:40px;}
.spaceTB50{padding-top:50px; padding-bottom:50px;}
.spaceTB100{padding-top:100px; padding-bottom:100px;}
.space10{padding:10px;}
.space15{padding:15px;}
.space20{padding:20px;}
.space30{padding:30px;}
.space40{padding:40px;}
.space50{padding:50px;}
.spaceL5{padding-left:5px;}
.spaceL10{padding-left:10px;}
.spaceL20{padding-left:20px;}
.spaceR5{padding-right:5px;}
.spaceR10{padding-right:10px;}
.spaceR20{padding-right:20px;}


/*--------------------------------------------------------------
# UTILITY: font
--------------------------------------------------------------*/
.bold{font-weight: bold;}
b, strong{font-weight: bold;}
.full-height{height:100%;}
.uppercase{text-transform: uppercase;}
.lowercase{text-transform: lowercase;}



/*--------------------------------------------------------------
# UTILITY: colors
--------------------------------------------------------------*/
.bg-white{background-color: #fff;}
.bg-black{background-color: #000;}

.bg-pink{background-color: #c09d98;}
.bg-grey{background-color: #e6e6e6;}
.bg-brown1{background-color: #897572;}

.white, .white a{color: #fff;}
.black, .black a{color: #000}



/*--------------------------------------------------------------
# GENERAL SETUP
--------------------------------------------------------------*/
html{
	font-size: 62.5%; /* $rembase = 10px */
}
body {
	background: #ffffff; /* Fallback for when there is no custom background color defined. */
}
ul, ol {
	margin: 0 0 1.5rem 1rem;
	padding: 0;
}
ul {
	list-style: disc;
}
ol {
	list-style: decimal;
}
li > ul, li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}
img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}
hr {
	border: 0;
	height: .8px;
	margin: 1em auto 1em;
	color: #fff;
	width: 100%;
    background: #fff;
    width: 100%;
}
hr.hr-full{
	width: 100%;
}
hr.hr-footer{
	color: #AAAAAA;
	background: #AAAAAA;
	width: 200px;
}
.white hr, .hr-white{
	color: #fff;
	background: #fff;
}
/* HR image */
/*.hr{
	display: block;
    border: 0px;
    height: 12px;
    background-image: url('assets/images/hr.png');
    background-size: auto 12px;
    max-width: 200px;
    margin-left: 0;
    margin-top: 15px;
    margin-bottom: 15px;
}*/


.two-columns{
	column-count: 2;
	column-gap: 30px;
}



/*--------------------------------------------------------------
# TYPOGRAPHY
--------------------------------------------------------------*/
body, button, input, select, textarea {
    font-family: 'Raleway', sans-serif;
	font-size: 1.4rem; /* 13 ÷ $rembase */
	font-weight: 400;
	line-height: 1.7;
	color: #242430;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    font-family: 'Sorts Mill Goudy', serif;
	font-weight: normal;
	clear: both;
}


/* FIBONACCI font base
H1=32
H2=24
H3=19
H4=16
H5=14
H6=13
*/

h1, .h1{
    font-size: 2.5rem; 
    font-weight: bold;
    margin-bottom: 1rem;
}
h2, .h2{
    font-size: 2.5rem; 
    font-weight: bold;
    margin-bottom: 1rem;
}
h3, .h3{
    font-size: 2rem; 
    margin-bottom: 1rem;
    font-weight: bold;
}
h4, .h4{
    font-size: 1.8rem; 
    margin-bottom: 1rem;
    color: #248f51;
}
h5, .h5{
    font-size: 1.6rem; 
    margin-bottom: 1rem;
    font-weight: bold;
}
h6, .h6{
    font-size: 1.2rem; 
    margin-bottom: 1rem;
    font-weight: 300;
}


p {
	margin-bottom: 1.6rem;
}



/*--------------------------------------------------------------
# LINKS
--------------------------------------------------------------*/
a { 
	color: #000; 
	text-decoration: underline;
}
a:visited {
	color: #000;
}
a:hover, a:focus, a:active {
	color: #000;
	text-decoration: none;
}
a:focus {
	outline: thin dotted;
}
a:hover, a:active {
	outline: 0;
}




/*--------------------------------------------------------------
# GLOBAL
--------------------------------------------------------------*/
#content{
	min-height: 600px;
}
.video {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	height: 0;
	margin-top:3px;
}
.video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.link-btn a{
	background: #000;
	color: #fff;
	padding: 10px 30px;
	font-size: 1.6rem;
	text-decoration: none;
	display: inline-block;
}
.link-btn a:hover{
	background-color: #c09d98;
}


/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation {
	clear: both;
	display: block;
	width: 100%;
}
.main-navigation ul {
	list-style: none;
	margin: 0;
	padding-left: 0;
}
.main-navigation li {
	display: inline-block;
	position: relative;
	margin: 0  16px;
}
.main-navigation li:first-child{
	margin-left: 0;
}
.main-navigation li:last-child{
	margin-right: 0;
}
.main-navigation a { 
	display: block;
	text-decoration: none;
	font-size: 1.4rem; 
	color: #fff;
	letter-spacing: 1px;
	font-weight: 400;
}



.main-navigation li:hover > a,
.main-navigation li.focus > a,
.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_parent a,
.main-navigation .current_page_ancestor > a,
.main-navigation .current-page-ancestor > a,
.main-navigation .current-menu-ancestor > a{
	text-decoration: underline;
}


.main-navigation .sub-menu{
	display: none;
	position: absolute;
	top: 25px;
	padding-top: 15px;
	z-index: 10;
	width: 260px;
}
.main-navigation .sub-menu li a{
	display: inline-block;
	text-decoration: none;
	font-size: 1.4rem;
	font-weight: bold;
	color: #242430;
	padding: 3px 15px;
	position: relative;
	overflow: hidden;

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.main-navigation .sub-menu li a::after{
	background-color: #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;

	content:"";
    position:absolute;
    top:0; left:0;
    width:100%; height:100%;
    z-index:-1;    
    
    -ms-transform: skewX(-10deg);
    -webkit-transform: skewX(-10deg);
    transform: skewX(-10deg);
    
    -ms-transform-origin:100% 100%;
    -webkit-transform-origin:100% 100%;
    transform-origin:100% 100%;
}
.main-navigation .sub-menu li a:hover{
	color: #fff;
}
.main-navigation .sub-menu li a:hover::after{
	background-color: #8331A7;
}

.main-navigation .sub-menu li.current-menu-item a{
	color: #fff;
}
.main-navigation .sub-menu li.current-menu-item a::after{
	background-color: #8331A7;
}


.main-navigation .sub-menu li{
	margin: 0;
	width: 100%;
	text-align: left;
}
.main-navigation .sub-menu li:hover, .main-navigation  .sub-menu li.current-menu-item{
	text-decoration: underline;
	color: #fff;
}	
.main-navigation  .sub-menu li:hover a::before, .main-navigation  .sub-menu li.current-menu-item a::before{
	content: none;
}
.main-navigation li.menu-item-has-children:hover .sub-menu{
	display: block;
}


/* secondary nav */
.secondary-navigation ul {
	list-style: none;
	margin: 0;
	padding-left: 0;
}
.secondary-navigation li {
	display: inline-block;
	position: relative;
	margin-left: 30px;
}
.secondary-navigation a {
	display: inline-block;
	text-decoration: none;
	font-size: 1.2rem;
	color: #fff;
}
.secondary-navigation li:hover > a,
.secondary-navigation li.focus > a,
.secondary-navigation .current_page_item > a,
.secondary-navigation .current-menu-item > a,
.secondary-navigation .current_page_parent a,
.secondary-navigation .current_page_ancestor > a,
.secondary-navigation .current-menu-ancestor > a {
	text-decoration: underline;
}


/* mobile nav */
.mobile-menu-slideout-toggle{
	font-size: 2rem;
}
.mobile-navigation div > ul {
	list-style: none;
	margin: 0;
	padding-left: 0;
}
.mobile-navigation li{
	display: block;
	position: relative;
	text-align: center;
	margin-bottom: 10px;
}
.mobile-navigation a {
	color: #fff;
	padding: 15px 30px;
	font-size: 1.6rem;
	text-decoration: none;
	display: inline-block;
}

.mobile-navigation li:hover > a,
.mobile-navigation li.focus > a,
.mobile-navigation .current_page_item > a,
.mobile-navigation .current-menu-item > a,
.mobile-navigation .current_page_ancestor > a,
.mobile-navigation .current-menu-ancestor > a {
	text-decoration: underline;
}



/*--------------------------------------------------------------
# MOBILE - MENU - SLIDEOUT
--------------------------------------------------------------*/
.mobile-menu-overlay {
    overflow-x: hidden;
    position: fixed;
    z-index: 10000;
    top: 0;
    left: 0;
    height: 0;
    width: 100%;
    transition: all 0.5s ease 0s;
}
.menu-icon{
	font-size: 3rem;
	color: #897572;
}
.menu-icon img{
	width: 20px;
}
.menu-icon svg{
	fill: #897572;
	width: 20px;
}











/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
.site-title{
    margin: 0;
}


/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
.moove-gdpr-branding-cnt{display: none}
#footer{
	font-size: 1.2rem;
	line-height: 2.2rem;
	color: #fff;
}
.footer-logo img{
	max-width: 180px;
}
.site-footer a{
	color: #fff;
	text-decoration: none;
}
.site-footer a:hover{
	text-decoration: underline;
}
.site-footer ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.site-footer li{
	display: inline;
	padding: 0 10px;
}
.social-bottom a{
	color: #fff;
	font-size: 1.5rem;
	display: inline-block;
	min-width: 20px;
	margin-right: 5px;
	text-align: center;
}


.asterisco{
	color: #dbc3af;
	font-family: 'Sorts Mill Goudy', serif;
	font-size: 6rem;
	line-height: 6rem;
}
.footer-article, .footer-article a{
	color: #fff;
}
.footer-article a{
	text-decoration: none;
	font-weight: 500;
}
.footer-article a:hover{text-decoration: underline;}

/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/





/*--------------------------------------------------------------
# SLIDESHOW
--------------------------------------------------------------*/
.slideshow img{
	width: 100%;
}




/*--------------------------------------------------------------
# HOME
--------------------------------------------------------------*/
.icon-small img{
	width: 100px;
}










/*--------------------------------------------------------------
# CONTATTI
--------------------------------------------------------------*/







/*--------------------------------------------------------------
# News
--------------------------------------------------------------*/






/*--------------------------------------------------------------
# Gallery
--------------------------------------------------------------*/
.gallery img:hover{
	opacity: 0.7;
	transition: opacity .25s ease-in-out;
	-moz-transition: opacity .25s ease-in-out;
	-webkit-transition: opacity .25s ease-in-out;
}



/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea {
	-webkit-border-radius: 0;
	-webkit-appearance: none;
	color: #000;
	border: 0 none;
	border-bottom: 1px solid #000;
	background-color: #fff;
	padding: 10px 0;
	font-weight: 100;
	font-size: 1.6rem !important;
	width: 100%;
	margin-bottom: 13px;
}
input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus {
	color: #242430;
}
textarea {
	-webkit-appearance: none;
	width: 100%;
	height: 150px;
}

button, input[type="button"], input[type="reset"], input[type="submit"] {
	-webkit-border-radius: 0;
	-webkit-appearance: none;
	background-size: 1em;
	color: #fff;
	border: 1px solid #897572;
	background: #897572;
	font-weight: 300;
	padding: 0;
	text-align: center;
	padding: 16px 30px 12px;
	font-size: 1.4rem;
	text-transform: uppercase;
}
button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {
	background-color: #c09d98;
	border: 1px solid #c09d98;
	color: #fff;
	cursor: pointer;
	text-decoration: underline;
}
button:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, button:active, input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active {
	background-color:#c09d98;
	cursor: pointer;
}



select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-color: #d1b7b3;
	background-image: url('assets/images/arrow-down.png');
	background-size: 15px;
	background-repeat: no-repeat;
	background-position: 98% 50%;
	border: 1px solid #fff;
	color: #fff !important;
	text-transform: uppercase;
	border-radius: 0;
	padding: 0.25em 0.4em;
	padding: 5px;
	padding-right: 1.5em;
	width: 100%;
}

select:focus, select:hover {
	border-color: #f0ece9;
	outline: none;
}
select:active {
	border-color: #f0ece9;
}
select:-moz-focusring {
	color: transparent;
	text-shadow: 0 0 0 #000;
}

/* IE 10/11+ - This hides native dropdown button arrow so it will have the custom appearance, IE 9 and earlier get a native select - targeting media query hack via http://browserhacks.com/#hack-28f493d247a12ab654f6c3637f6978d5 - looking for better ways to achieve this targeting */
/* The second rule removes the odd blue bg color behind the text in the select button in IE 10/11 and sets the text color to match the focus style's - fix via http://stackoverflow.com/questions/17553300/change-ie-background-color-on-unopened-focused-select-box */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  select::-ms-expand {
    display: none;
  }

  select:focus::-ms-value {
    background: transparent;
    color: grey;
  }
}

span.wpcf7-list-item{
	margin: 0 !important;
	margin-right: 0 !important;
}

.privacy{
	font-size: 1rem;
}


/* CF7 */
.wpcf7-not-valid{
	border-color: #E30613 !important;
}
.wpcf7-not-valid-tip{display: none !important;}
div.wpcf7 .ajax-loader{display: block !important;}


/*--------------------------------------------------------------
# PLACEHOLDER
--------------------------------------------------------------*/
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #242430;
    opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #242430;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: #242430;
}



/*--------------------------------------------------------------
# iPhone input focus FIX
--------------------------------------------------------------*/
input[type="color"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"],
select:focus,
textarea{
	font-size: 16px;
}





/*==========  Non-Mobile First Method  ==========*/

/* Extra small devices (portrait phones, less than 576px) */
/* No media query since this is the default in Bootstrap */

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
	html{
		font-size: 57.5%; /* $rembase = 10px */
	}

}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) { 
	html{
		font-size: 57.5%; /* $rembase = 10px */
	}

	/*--------------------------------------------------------------
	# iPhone input focus FIX
	--------------------------------------------------------------*/
	input[type="color"],
	input[type="date"],
	input[type="datetime"],
	input[type="datetime-local"],
	input[type="email"],
	input[type="month"],
	input[type="number"],
	input[type="password"],
	input[type="search"],
	input[type="tel"],
	input[type="text"],
	input[type="time"],
	input[type="url"],
	input[type="week"],
	select:focus,
	textarea {
		font-size: inherit;
	}


	
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
	html{
		font-size: 63.5%; /* $rembase = 10px */
	}

	.site-footer li{
		display: block;
		padding: 0;
	}

}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	html{
		font-size: 68.5%; /* $rembase = 10px */
	}



}