/*
Theme Name: Dylan WP Child
Theme URI: 
Description: Responsive Multi-Purpose WordPress Theme
Author: HodyLab
Author URI: http://hody.co/
Template: dylan-wp
Version: 1.0.0
*/

@import url('../dylan-wp/style.css');

html, body {
	font-size: 12px !important;
	color: #101015 !important;
}

p { 
	font-size: 1rem;
}

/* Sistemazione spazio fra le righe */
section {
	padding-top: 8.571429rem;
	padding-bottom: 0;
}
section:last-of-type {
	padding-bottom: 8.571429rem;
}
section.page-title.parallax-bg {
	padding-bottom: 8.571429rem;
}

.txt-white {
	color: #fff !important;
}

.txt-pinza-gold {
	color: #bca480 !important;
}

.dnone {
	display: none !important;
}

a {
	color: #101015;
}

a.upper.small-link {
	/* come il serif */
	font-family: "Quattrocento", serif !important;
	font-size: 1rem !important;
	font-variant: small-caps;
    text-transform: none !important;
	color: #bca480;
}

.frase-latino-grande {
	font-family: "Tangerine", cursive !important;
	font-size: 6.428571rem; /* 90px */
	color: #bca480!important;
	line-height: normal;
}

.title h2 {
	font-size: 2.285714rem;
}

.title h3 {
	font-size: 1.714286rem;
}

.title h4 {
	font-size: 1.285714rem;
}

.title h4.cursive {
	font-size: 2.285714rem;
}

/*
 * BANNER COOKIE
 */
.pea_cook_wrapper.pea_cook_bottomcenter {
	left: unset !important;
	margin: 0 5% !important;
}

/*
 * MENU'
 */
#topnav .navigation-menu > li > a{
	text-transform: none !important;
	font-size: 12px !important;
}

/*
 * HEADER
 */
.page-title .title > h1 {
	font-weight: 400;
}

/* Sottotitolo pagina professionisti */
.page-title .title > h4 {
	font-family: "Tangerine", cursive !important;
	color: #bca480!important;
	font-size: 2.857143rem; /* 40px */
}

/*
 * LO STUDIO
 */
.slide-caption {
	background-color: #fff;
	color: #101015;
	right: unset;
}

.slide-caption > .title > h2 {
	color: #101015;
	font-family: "Quattrocento", serif !important;
	font-weight: 400;
	font-variant: small-caps;
    text-transform: none !important;
}

/*
 * AREE DI ATTIVITA'
 */
.ac_title_class {
	/* come il serif */
	font-family: "Quattrocento", serif !important;
	font-variant: small-caps;
    text-transform: none !important;
	font-size: 1.5rem;
	display: flex !important;
	align-items: center;
}

.ac_title_class > .fa {
	color: #bca480;
	font-size: 2rem;
	padding: 1.5rem 1rem;
}

.attivita-detail-image .title {
	height: 7.5rem;
}

.attivita-detail-image .title h4 {
	font-size: 1.5rem;
	margin-top: 0;
	margin-bottom: 0;
}

.attivita-detail-image .title h3 {
	font-size: 1.142857rem;
	margin-top: 0;
	margin-bottom: 3rem;
	line-height: normal;
}

/* Icona di apertura e chiusura accordion */
#wpsm_accordion_3438 .wpsm_panel-title a {
	display: flex !important;
    flex-direction: row-reverse !important;
    justify-content: space-between !important;
    align-items: center !important;
}
.ac_open_cl_icon.fa-plus:before {
	font-weight: bold;
    content: "\f0d7";
}
.ac_open_cl_icon.fa-minus:before {
	font-weight: bold;
    content: "\f0d7";
}

/*
 * PROFESSIONISTI
 */
#professionisti-image-wall .title {
	height: 8.5rem;
	margin-bottom: 1rem !important;
}

#professionisti-image-wall .title > h4 {
	margin-bottom: 0 !important;
	font-size: 2.285714rem;
}

#professionisti-image-wall .title > h3 {
	font-size: 1.857143rem;
	line-height: normal;
}

.professionisti-profile-image {
	width: 100%;
	height: 100%;
}

.professionisti-profile-image img:hover {
	-ms-transform: scale(1.035, 1.035); /* IE 9 */
    -webkit-transform: scale(1.035, 1.035); /* Safari */
    transform: scale(1.035, 1.035);
	transition-duration: 0.4s;
}

/* 
 * PROFESSIONISTI - DETTAGLIO
 */
.capolettera {
	font-family: "Quattrocento", serif !important;
	color: #fff;
	background-color: #bca480;
	float: left;
	font-size: 4rem;
	line-height: 5.5rem;
	width: 5.5rem;
	text-align: center;
	margin-right: 1rem;
}

.colonna-CV p {
	line-height: 1.5;
}

.professionisti-dettaglio-titoletti {
	font-family: "Quattrocento", serif !important;
	font-weight: bold;
	color: #bca480;
	padding-top: 3px;
	line-height: normal;
}

.professionisti-dettaglio-container-specializzazioni {
	margin-top: 19px;
}

.professionisti-dettaglio-specializzazioni {
	font-family: "Quattrocento", serif !important;
	padding: 2rem 3rem;
}

.professionisti-dettaglio-specializzazioni > * {
	height: 3rem;
	display: flex;
	align-items: center;
	padding: 2.7rem 0;
}

.box-icon {
	font-size: 2rem;
	color: #fff;
	justify-content: center;
}

.box-icon .fa {
	margin-left: 2vh;
}

/*
 * GALLERY
 */
#envirabox-overlay {
	background-color: #000 !important;
	opacity: 0.97 !important;
}

#envirabox-title {
	display: none !important;
}

#envirabox-content {
	border-color: transparent !important;
	box-shadow: none !important;
}

#envirabox-outer {
	background: transparent !important;
}

/*
 * CONTATTI
 */
.titolo-info-contatti {
	font-size: 1.214286rem;
	display: flex !important;
	align-items: center;
	color: #bca480;
	/* come il serif */
	font-family: "Quattrocento", serif !important;
	font-variant: small-caps;
    text-transform: none !important;
}

.titolo-info-contatti > i {
	font-size: 1.7rem;
	margin-right: 0.6rem;
}

#recaptcha-container {
	height: 10rem;
}
#recaptcha-container .g-recaptcha {
	border: 0;
	box-shadow: none;
	padding: 0;
}

/* Sistemazione padding e margini casella privacy */
.wpcf7-acceptance {
	border: 0 !important;
    box-shadow: none !important;
	padding-left: 0 !important;
	padding-right: 0.6rem !important;
}
.wpcf7-acceptance > .wpcf7-list-item {
	margin: 0;
}

.form-group:last-child {
	margin-bottom: 25px;
}

/* Testo title widget Google Maps */
#google-maps-container-row #google-maps-container-column h6 strong,
#google-maps-container-row #google-maps-container-column h6 i {
	display: block;
}

#google-maps-container-row #google-maps-container-column h6 strong {
	font-size: 1.2em;
}

#google-maps-container-row #google-maps-container-column h6 strong:last-of-type {
	margin-bottom: 7px;
}

/*
 * FOOTER
 */
.link-mailto {
	font-style: italic;
	color: #ccc;
}

/* Sitemap */
#menu-primary li:before {
	content: "\003e";
	color: #bca480;
	margin-right: 0.6rem;
}

footer {
	background-color: #101015 !important;
}

#footer-credits {
	display: flex;
	flex-direction: column;
}

#footer-credits > span {
	margin-bottom: 2rem;
}

#footer-credits a {
	color: #ccc;
}

#footer-credits a:hover {
	color: #bca480;
}

/*
 * MEDIA QUERY
 */
@media screen and (max-width: 575px) {
	/* Titoli pagine */
	section.page-title .title h1.upper {
		font-size: 2.857143rem;
	}
	
	.frase-latino-grande {
		font-size: 4.428571rem
	}
	
}

@media screen and (min-width: 576px) {
	html, body {
		font-size: 13px !important;
	}
	
	 /*
	 * AREE DI ATTIVITA'
	 */
	.ac_title_class > .fa {
		padding: 2.5rem 2rem 2.5rem 4rem;
	}
	
	.attivita-detail-image {
		margin-left: 4rem;
		margin-right: 4rem;
	}
	
	#wpsm_accordion_3438 .ac_open_cl_icon {
		margin-right: 4rem !important;
	}
	
	/* 
 	* PROFESSIONISTI - DETTAGLIO
 	*/
	.professionisti-dettaglio-specializzazioni .col-xs-4 {
		width: 16.66666667%;
	}
	.professionisti-dettaglio-specializzazioni .col-xs-8 {
		width: 33.33333333%;
	}
	
	/*
	 * FOOTER
	 */
	#footer-credits {
		flex-direction: row;
		justify-content: space-between;
	}
}

@media screen and (max-width: 767px) {
	/*
	 * AREE DI ATTIVITA'
	 */
	/* Paragrafo "La nostra storia" */
	.slide-caption {
		padding-left: 0;
		padding-right: 0;
	}
}

@media screen and (min-width: 768px) {
	html, body {
		font-size: 14px !important;
	}
	
	/*
	 * PROFESSIONISTI - DETTAGLIO
	 */
	.professionisti-dettaglio-titoletti:first-child {
		padding-top: 0px;
	}
	
	/*
	 * STAFF
	 */
	#staff-full-row .container {
		width: 100%;
    	padding-left: 0;
		padding-right: 0;
	}
	
	#staff-left-photo-container > .vc_column-inner  {
		padding-left: 0;
	}
	
	#staff-right-photo-container > .vc_column-inner {
		padding-right: 0;
		padding-top: 0 !important;
	}
	
	/*
	 * CONTATTI
	 */
	#contatti-col-indirizzo > .vc_column-inner {
		padding-top: 0 !important;
	}
}

@media screen and (min-width: 992px) {
	/*
	 * HOME PAGE
	 */
	#HP-box-firma {
		margin-left: -40%;
		margin-top: 15%;
	}
}

@media screen and (min-width: 1200px) {
	/* 
	 * PROFESSIONISTI - DETTAGLIO
	 */
	.professionisti-dettaglio-container-specializzazioni {
		margin-top: -4vh;
	}
}
