/*
CTC Separate Stylesheet
Updated: 2020-09-29 12:55:42
*/

@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap');

body {font-family: 'Lato', sans-serif;}
body {
	background: #222;
	color: #fff;
}

.no-margin-top {margin-top: 0 !important;}
.no-margin-bottom {margin-bottom: 0 !important;}
.no-margin {margin: 0 !important;}

.has-large-font-size {line-height: 60px;}

h1 {font-weight: bold;}

.has-nero-color {color: #222;}
.has-bianco-color {color: #fff;}
.has-grigio-color {color: #aaa;}
.has-blu-color {color: #0070af;}

.has-nero-background-color {background-color: #222;}
.has-bianco-background-color {background-color: #fff;}
.has-grigio-background-color {background-color: #aaa;}
.has-blu-background-color {background-color: #0070af;}


article .entry-footer {display: none;}

h1, h2, h3, h4 {color: #0070af;}
a {color: #0070af;}

p {margin-bottom: 1rem;}
b, strong {font-weight: 900;}

ul {padding-left: 20px;}

/* TOPBAR */
#topbar {width: 100%; height: 30px; background: #0070af;}

#topbar .menu {padding: 0; list-style: none; margin: 0; float: right; padding-right: 5px;}
#topbar .menu > li {display: inline-block; margin: 0 10px; height: 30px;}
#topbar .menu > li > a {color: #fff; line-height: 30px; text-decoration: none !important; font-size: 0.9em; padding: 0;}

/* HEADER */
header#masthead {background: #aaa; border-bottom: none;}

.navbar-brand {padding: 0;}
.navbar-brand img {max-height: 70px; margin: -0.5rem 0;}
.navbar-brand p {
	color: #0070af;
	display: inline-block;
	margin: 0;
	padding: 0;
	vertical-align: middle;
	font-size: 1.5em;
	margin-left: 30px;
}

#masthead .navbar-nav li a {color: #fff !important; padding: 1rem !important; font-size: 1rem !important; font-weight: 700 !important; text-transform: uppercase;}
#masthead .navbar-nav li a:hover {color: #0070af !important;}

#masthead .navbar-nav ul.dropdown-menu li a {color: #000 !important;}



/* SLIDE */
.slide {
	background-repeat: no-repeat;
	background-size: cover;
	height: calc(100vh - 110px);
	display: flex;
	background-position: center;
	position: relative;
}
.slide h1 {
	margin: 0;
	padding : 0;
	color: #fff;
	font-size: 3rem;
	position: absolute;
	bottom: 0;
}
.slide .title-bg {
	background-image: linear-gradient(to right, #0070af 10%, transparent 60%);
	height: 57px;
	width: 100%;
	position: absolute;
	bottom: 0;
}


/* FULL WIDTH BLOCK */
#content.site-content {overflow: hidden; padding-bottom: 2rem; padding-top: 2rem;}

.wp-block-group.full-width {
	margin-left: calc(-100vw/2 + 100%/2);
    margin-right: calc(-100vw/2 + 100%/2);
    max-width: 100vw;
}
.wp-block-group.full-width .wp-block-group__inner-container {
	width: 100%;
	padding: 0 15px;
	margin-right: auto;
	margin-left: auto;
}
@media (min-width: 576px) { .wp-block-group.full-width .wp-block-group__inner-container {width: 540px;} }
@media (min-width: 768px) { .wp-block-group.full-width .wp-block-group__inner-container {width: 720px;} }
@media (min-width: 992px) { .wp-block-group.full-width .wp-block-group__inner-container {width: 960px;} }
@media (min-width: 1200px) { .wp-block-group.full-width .wp-block-group__inner-container {width: 1140px;} }

.wp-block-group {padding: 30px 0;}

/* PAGINA */
body.page h1.entry-title {
    border-bottom: 2px solid #fff;
    margin-top: 0;
    text-align: center;
    font-size: 2em;
    text-transform: uppercase;
    padding: 0;
    margin-bottom: 50px;
}

.wp-block-file a {color: #fff;}



/* HOME */
.slide img {width: 100%;}

.home article header.entry-header h1 {display: none;}
.home article .entry-content {margin: 0;}

.home h1 {line-height: 80px;}
.before-logo:before {
	content: '';
	background-image: url(https://impresadibetta.it/wp-content/uploads/2020/10/dibettagiannino-logo.png);
	background-size: contain;
	background-repeat: no-repeat;
	width: 60px;
	height: 80px;
	display: inline-block;
	vertical-align: top;
	margin-right: 20px;
}

.home article h3 {font-weight: bold;}

.home #content.site-content {overflow: hidden; padding-top: 2rem;}
.home-servizi {
	margin-left: calc(-100vw/2 + 100%/2);
	margin-right: calc(-100vw/2 + 100%/2);
	max-width: 100vw !important;
}

.home-servizi .servizio {
	background-repeat: no-repeat;
	background-size: cover;
	padding: 7% 0;
	padding: 30px;
	display: flex;
}
.home-servizi .servizio a {
	display: flex;
	text-decoration: none !important;
	position: relative;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	width: 100%;
}
.home-servizi .servizio .bg {
	background-color: rgba(0, 112, 175, 0.80);
	position: absolute;
	top: 0;
	bottom: 0;
	width: 100%;
	transition: all 1s;
}
.home-servizi .servizio h2 {margin: auto; text-align: center; color: #fff; z-index: 10; transition: all 1s; font-size: 1.5em; padding: 20% 0;}
.home-servizi .servizio a:hover .bg {background-color: transparent; padding: 0;}
.home-servizi .servizio a:hover h2 {color: transparent;}

.home-certificazioni img {
    padding: 0 15%;
    position: relative;
}


.numeri-home {color: #fff; text-align: center; background: rgba(0, 112, 175, 0.8);}
.numeri-home .wp-block-columns {margin: 0;}
.numeri-home i {font-size: 2em; color: #68aee0;}
.numeri-home p {margin: 0;}

.before-spunta:before {
	content: "\f00c";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	color: #68aee0;
	margin-right: 15px;
	font-size: 2em;
}

/* SINGLE */
body.single h1.entry-title {margin: 0;}
body.single .entry-meta {color: #68aee0;}


/* CATEGORIE PROGETTI */
.realizzazioni h1.page-title {
	border-bottom: 2px solid #fff;
	margin-top: 0;
	text-align: center;
	font-size: 2em;
	text-transform: uppercase;
	padding: 0;
	margin-bottom: 50px;
}
.realizzazioni #content .container {max-width: 100% !important;}

.realizzazioni article .post-thumbnail {
	padding-top: 60%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	position: relative;
}
.realizzazioni article a .post-thumbnail:after {
	content: '';
	background-color: transparent;
	position: absolute;
	top: 0;
	bottom: 0;
	width: 100%;
	transition: all 1s;
}
.realizzazioni article a:hover .post-thumbnail:after {background-color: rgba(0, 112, 175, 0.70);}

.realizzazioni article {margin-bottom: 30px; position: relative;}

.realizzazioni article a {text-decoration: none !important;}
.realizzazioni article .entry-header {padding: 0 20px 5px; position: absolute; bottom: 0; left: 0; right: 0;}
.realizzazioni h3.entry-title {margin: 0; color: #fff; padding: 0; border: none; font-size: 1.3em; line-height: 1.3em; overflow: hidden; text-align: center;}



/* PROGETTO */
.scheda-tecnica {margin-top: 1.5em;}
.scheda-tecnica h5 {color: #0070af; margin: 0;}


/* CONTATTI */
.contact-info i.fas::before {
    color: #0070af;
    font-size: 1.5em;
    margin-right: 10px;
    vertical-align: middle;
}

.posizioni-aperte li {margin-bottom: 20px;}



/* FORM SECTION */
#wpcf7-f5-p16-o1 label {width: 100%;}
#wpcf7-f5-p16-o1 input[type="text"], #wpcf7-f5-p16-o1 input[type="email"], #wpcf7-f5-p16-o1 textarea {
	background: transparent;
	border: 2px solid #fff;
	color: #fff;
	padding: 20px;
}

#wpcf7-f5-p16-o1 a {color: #fff !important; text-decoration: underline}
#wpcf7-f5-p16-o1 input[type="submit"] {background: transparent; border: 2px solid #fff; color: #fff; padding: 10px 50px; font-size: 1.3em;}
#wpcf7-f5-p16-o1 input[type="submit"]:hover {background: #fff; border-color: #fff; color: #006bb7;}


/* WIDGET */
#footer-widget {border-top: 2px solid #0070af; background: #aaa !important;}
#footer-widget a {color: #fff;}
#footer-widget i.fas {
    margin-bottom: 10px;
    margin-right: 5px;
}

.flex {display: flex;}
.flex #custom_html-2 {margin: auto;}
.btn-widget {color: #fff; background: #0070af; border: 1px solid #0070af; padding: 10px 50px;}
.btn-widget:hover {color: #0070af; background: #fff;}



/* FOOTER */
body footer#colophon.site-footer {background: #0070af; color: #fff;}


footer .credits {float: right;}




/* ***** ***** ***** MOBILE ***** ***** ***** */

@media (max-width: 599px) {
	body.home {background-position: left;}
	
	.home-certificazioni .wp-block-column {padding: 0 20%;}
	
	
	.slide {height: 250px !important;}
	.slide h1 {font-size: 2rem; bottom: 10px;}
	.slide .title-bg {background-image: linear-gradient(to right, #0070af 10%, transparent 70%);}
}