/*
Theme Name: Frantoio Meringolo - Hestia child theme
Theme URI: https://www.themeisle.com/
Description: This is a custom child theme I have created.
Author: ThemeIsle
URI: https://www.themeisle.com/
Template: hestia    
Version: 0.1
*/
.show-only-on-smartphone { display: none; }
.hide-only-on-smartphone { display: block; }

.navbar {
    background-color: rgb(255,255,255,.9);
}

.navbar .navbar-header .navbar-brand img {
    max-height: 70px !important;
}

.hestia-top-bar, .hestia-top-bar .widget.widget_shopping_cart .cart_list {
    background-color: #000000 !important;
}

.hestia-title {
    font-weight: normal;
}

.chisiamo-0 {
    line-height: 65px;
    line-height: 150%;
}

.chisiamo-1 {
    font-size: 116px;
    font-size: 5.3vw;
}

.chisiamo-2 {
    font-size: 90px;
    font-size: 4.1vw;
}

.chisiamo-3 {
    font-size: 146px;
    font-size: 6.7vw;
}

form.wpcf7-form label {
    width: 100%;
}

article.pagebuilder-section {
	padding-bottom: 0px;
}

footer.footer.footer-black {
    background: #000000;
	border-top: solid 3px #FFC308;
}

button.hestia-scroll-to-top, button.hestia-scroll-to-top:focus {
    background-color: #888888;
}

button.hestia-scroll-to-top:hover {
    background-color: #666666;
}

#main-navigation ul li a {
	font-family: 'EB Garamond' !important;
    text-transform: none !important;
    font-weight: 700 !important;
    font-size: large !important;
    color: #257126;
}

h1, h2, h3, h4, h5, h6 {
    color: #257126;
}

a.sbi_photo {
    border-radius: 0px;
    box-shadow: none;
}

span.has-inline-color.has-accent-color {
	font-family: 'Philosopher' !important;
	font-size: larger;
	font-weight: normal;
	color: #8B0304;
}

img.wp-image-136 {
	float: right;
	margin-left: 10px;
}

.testi-grandi {
	font-size: large;
	font-weight: normal;
}

.copyright {
    font-size: xx-small;
}

.flr-sezione-bordo-bianco, 
.flr-bordo-bianco div.vc_column-inner,
.flr-bordo-bianco div.vc_single_image-wrapper img {
    border: solid #fff 3px;
    border-radius: 15px 50px;
}

.flr-galleria iframe, 
.flr-galleria div.vc_gitem-zone {
    border-radius: 15px 50px 15px 15px;
}

.flr-big-descr {
	text-align: justify; 
	text-justify: inter-word; 
	-webkit-hyphens: auto; 
	-moz-hyphens: auto; 
	hyphens: auto;
}

.flr-fixed-background {
    background-attachment: fixed;
}



/* DESKTOP */
@media (max-width: 1921px) {
	.show-only-on-smartphone { display: none; }
	.hide-only-on-smartphone { display: block; }

	.chisiamo-0 {
		line-height: 57px;
		line-height: 135%;
	}

	.chisiamo-1 {
		font-size: 102px;
		font-size: 5.3vw;
	}

	.chisiamo-2 {
		font-size: 79px;
		font-size: 4.1vw;
	}

	.chisiamo-3 {
		font-size: 128px;
		font-size: 6.7vw;
	}

}



/* NOTEBOOK */
@media (max-width: 1280px) {
	.show-only-on-smartphone { display: none; }
	.hide-only-on-smartphone { display: block; }

	.chisiamo-0 {
		line-height: 45px;
		line-height: 108%;
	}

	.chisiamo-1 {
		font-size: 69px;
		font-size: 5.3vw;
	}

	.chisiamo-2 {
		font-size: 53px;
		font-size: 4.1vw;
	}

	.chisiamo-3 {
		font-size: 87px;
		font-size: 6.7vw;
	}

}



/* IPAD PRO */
@media (max-width: 1024px) {
	.show-only-on-smartphone { display: none; }
	.hide-only-on-smartphone { display: block; }

	.chisiamo-0 {
		line-height: 32px;
		line-height: 75%;
	}

	.chisiamo-1 {
		font-size: 46px;
		font-size: 5.4vw;
	}

	.chisiamo-2 {
		font-size: 35px;
		font-size: 4.2vw;
	}

	.chisiamo-3 {
		font-size: 58px;
		font-size: 6.9vw;
	}

}



/* IPAD */
@media (max-width: 768px) {
	.show-only-on-smartphone { display: none; }
	.hide-only-on-smartphone { display: block; }

	.chisiamo-0 {
		line-height: 29px;
		line-height: 100%;
	}

	.chisiamo-1 {
		font-size: 44px;
		font-size: 6.3vw;
	}

	.chisiamo-2 {
		font-size: 34px;
		font-size: 4.9vw;
	}

	.chisiamo-3 {
		font-size: 56px;
		font-size: 8vw;
	}

}



/* SMARTPHONES */
@media (max-width: 512px) {
	.show-only-on-smartphone { display: block; }
	.hide-only-on-smartphone { display: none; }

	.chisiamo-0 {
		line-height: 17px;
		line-height: 58%;
	}

	.chisiamo-1 {
		font-size: 26px;
		font-size: 6.3vw;
	}

	.chisiamo-2 {
		font-size: 20px;
		font-size: 4.9vw;
	}

	.chisiamo-3 {
		font-size: 33px;
		font-size: 8vw;
	}

}