/*
Theme Name: Decoraffi
Version: v1
Author: Loud
Author URI: loud-agency.info
*/

body {font-family: 'Gotham', sans-serif; line-height: 1.5; color: #000;}
body.page-template-tpl-service p { font-family: 'Georgia'; line-height: 1.5; color: #000;}

:focus {outline: none;}

h1.title-lavoro {font-family: 'Gotham';}

a {-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}
a:hover {text-decoration: none;}

hr {display: block; margin: 0; border-style: solid; border-width: 1px;}

.carousel-item:before {background: none !important;}
.carousel-item .container {margin: 10% 0;}

.tag-lavoro {font-weight: 500; display: contents;}
.fascia-lavoro {border-top: 15px solid #000; color: #000; width: 50%;}
.title-lavoro {font-weight: 600; margin: 20px 0;}
.cat-lavoro {color: #000; font-weight: 300;}
.text-lavoro {font-family: 'Gotham'; font-size: 16px; font-weight: 300; margin: 40px 90px;}
.content-lavoro {margin-left: 10%; margin-right: 10%;}
.wp-block-columns {margin: 30px 30px; text-align: left;}
.wp-block-columns h3 {font-size: 24px; font-weight: 600; margin-bottom: 20px;}
.wp-block-columns p {font-family: 'Gotham'; font-weight: 400; font-size: 16px;}

.bg-icon-service {background: #231f20;}

.text-servizio p {text-align: center; margin: 30px 15%;}

.title-servizio {text-transform: none;}

.title-contatto {font-weight: 600; padding-top: 80px; padding-bottom: 20px; text-align: center;}
.text-contatto {font-size: 16px; font-weight: 300; padding-bottom: 50px; margin: 0 180px;}
.text-contatto h2 {padding: 20px 0;}
.text-top-btn {font-family: 'Gotham'; font-size: 16px; font-weight: lighter;}

.logo-area a img {margin-top: 0; display: inline-block;}

.main-menu {
    display: inline-block;
    margin-left: 15px;
    position: relative;
	vertical-align: middle;
	margin-top: 25px;
}
.main-menu:first-child {margin-left: 0;}

.main-menu a {
    color: #000;
    display: inline-block;
    font-size: 15px;
    padding: 10px;
	text-align: center;
    position: relative;
    font-weight: 500;
	line-height: 20px;
}

#menu-main-fr a {
	letter-spacing: -1px;
}

.main-menu a.current:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 2px;
    background-color: #fff;
    top: 70%;
    left: 0;

}

.main-menu a:before {
    position: unset;
    content: "";
    width: 0%;
    height: 2px;
    background-color: #000;
    top: 70%;
    left: 0;
    -webkit-transition: .5s;
    transition: .5s;
}

.main-menu a:hover:before {
    width: 100%;
}

.mean-container .mean-nav {
    margin-top: 10px;
	background: rgba(45, 57, 103, 0.71) none repeat scroll 0 0;
}

.main-menu ul li ul.dropdown {
    position: absolute;
    right: 0;
    top: 130%;
    width: 220px;
    background-color: #000;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .5s;
    transition: .5s;
    padding: 10px 0 15px 10px;
}
.main-menu ul li ul.dropdown-home {
    position: absolute;
    left:0;
}
.main-menu ul li i {margin-left: 8px;}

.main-menu ul li:hover ul.dropdown-home {
    top: 104%;
    opacity: 1;
    visibility: visible;
}

.main-menu ul li:hover ul.dropdown-home li a:before {
    width: 0;
}

ul.dropdown-home li a:hover {
    color: #cccccc
}
.main-menu ul li:hover ul.dropdown {
    top: 104%;
    opacity: 1;
    visibility: visible
}

.main-menu ul li:hover ul.dropdown li a:before {
    width: 0;
}

ul.dropdown li a:hover {
    color: #cccccc
}

.main-menu ul li ul.dropdown li {
    display: block;
    margin-left: 15px
}

.main-menu ul li ul.dropdown li a {
    padding: 10px 0px;
    -webkit-transition: .5s;
    transition: .5s
}

.main-menu ul li ul.sub-menu {
    position: absolute;
    right: 0;
    top: 130%;
    width: 220px;
    background-color: #2D3967;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .5s;
    transition: .5s;
    padding: 10px;
}
.main-menu ul li ul.sub-menu {
    position: absolute;
    left:0;
}
.main-menu ul li i {
    margin-left: 8px
}

.main-menu ul li:hover ul.sub-menu {
    top: 104%;
    opacity: 1;
    visibility: visible
}

.main-menu ul li:hover ul.sub-menu li a:before {
    width: 0;
}

ul.sub-menu li a:hover {
    color: #cccccc
}
.main-menu ul li:hover ul.sub-menu {
    top: 104%;
    opacity: 1;
    visibility: visible
}

.main-menu ul li:hover ul.sub-menu li a:before {
    width: 0;
}

ul.sub-menu li a:hover {
    color: #cccccc
}

.main-menu ul li ul.sub-menu li {
    display: block;
    margin-left: 15px
}

.main-menu ul li ul.sub-menu li a {
    padding: 10px 0px;
    -webkit-transition: .5s;
    transition: .5s
}

#mobile-menu {
    display: block;
}

#header.transparent-header.full-header #logo { border-right-color: rgba(0,0,0,0.1); }

.bg-header {position: absolute; margin-top: 10px;}

.dropdown-menu {text-align: center; background-color: #000; color: #fff; margin: 0; padding: 0; border: 2px solid #000;}

.dropdown-menu a {color: #fff; width: 100%;}

.dropdown-item {width: 200px; position: relative; z-index : 1; background: #000; border: 0 !important;}

.dropdown-item:hover {color: #000; text-decoration: none; background-color: #fff;}


.dropdown-item ul.nav > li.current-menu-item:after {
    content: " ";
    width: 6px;
    height: 6px;
    background: #fff;
    left: 50%;
    margin-left: -3px;
    bottom: 0;
    position: absolute;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    opacity: 1;
}

.dropdown-toggle::after {vertical-align: middle;}

#carouselSlider .carousel-indicators li {
	text-indent: 0;
	height: auto;
	border-top: 0;
	border-bottom: 2px solid #000;
	color: #fff;
	background: none;
}

.carousel-indicators { position: relative; top: auto; left: auto; display: block; margin: 0; }

.carousel-item::before { background-color: rgba(0, 0, 0, 0.4); content: ""; position: absolute; width: 50%; height: 100%; top: 0; left: 0; }

.newsletter { background-color: #000; color: #fff; padding: 40px; margin-bottom: 30px; }
.newsletter a {color: #fff;}
.newsletter a:hover {text-decoration: underline;}

.chi-sono-title { font-family: 'Gotham'; color: #7E7E7E; }
.chi-sono {	font-family: 'Gotham',sans-serif; background-color: #000; color: #fff; padding: 30px; margin-top: 32px; }

.social-links { background-color: #F2F2F2; color: #333333; font-family: 'Gotham'; font-size: 15px;	line-height: 28px; }
.social-links a { color: #333333; }
.social-links a:hover { text-decoration: underline; }

.social-icon a { display: inline-block;	font-size: 28px; color: #707070; cursor: pointer; }

.ri-grid ul li { border: 1px solid #000; }

.storia {font-family: 'Gotham', sans-serif; color: #333333; text-align: center; }
.storia-top {font-family: 'Gotham' !important; font-weight: lighter; font-size: 16px; line-height: 26px; color: #333333; text-align: center; margin: 50px 0;}

.box_frase {background-color: #F2F2F2; color: #000; margin-bottom: 50px;}

.box-lavoro {padding: 30px 15px 90px;}
.tl-lavoro, .tl-lavoro a { color: #808080; padding-bottom: 5px; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}
.tl-lavoro:hover, .tl-lavoro a:hover {color: #000;}
.lc-lavoro {padding-bottom: 5px; font-weight: 300;}
.lc-lavoro-post {padding-bottom: 5px; font-weight: 300; font-size: 20px;}
.ri-lavoro {font-family: 'Gotham',sans-serif; padding-bottom: 5px; font-size: 16px;}
.box-lavoro-sub {position: absolute; bottom: 0; width: 90%;}
.dt-lavoro {padding: 0 15px; color: #999999; font-size: 15px; text-transform: lowercase;}
.hr-lavoro {color: #283336;}
.lk-lavoro a {padding-left: 15px; color: #000; text-decoration: none; text-transform: uppercase;}
.lk-lavoro i {padding-left: 5px; left: 0px; position: relative; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}

.lk-lavoro a:hover i {left: 10px;}

.img-lavoro {padding-top: 25px;}
.img-lavoro img {width: 100%; height: auto;}
.img-lavoro hr {margin-bottom: 15px;}

.img-lavoro a {overflow: hidden; position: relative;}
.img-lavoro img {
	-webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.img-lavoro a:hover img {
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-o-transform: scale(1.05);
	transform: scale(1.05);
}

.img-lavoro > a::after {
	content: "";
    position: absolute;
    bottom: -6px;
    left: 0;
    background-image: url(images/grafismo_white.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 28%;
}

.page-id-28 .img-lavoro img:hover {
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-o-transform: scale(1.05);
	transform: scale(1.05);
}

.banner-text { background-image: url("images/banner_buffet.jpg"); background-repeat: no-repeat; background-size: cover; background-position: bottom; width: 100%; }
.banner-text h2 { font-size: 30px; }
.banner-text p { font-family: 'Gotham'; letter-spacing: 0.5px;}

.border_img img { border: 10px solid #636261; }

.btn-more a { display: inline-block; font-weight: 300; text-decoration: none; color: #000; }

.frase {font-family: 'Pacifico'; font-size: 27px; line-height: 50px;}

.dark {background-color: #000; display: flow-root; color: #fff; text-align: center; margin: 0;}
.dark a {color: #fff;}
.dark a:hover {text-decoration: underline;}

.footer {background-color: #000; color: #808080; font-weight: lighter; padding: 80px 0;}

.footer a {color: #808080; text-decoration: underline;}

.footer hr {margin: 20px 0;}

.footer-social ul {float: right; text-align: center !important; font-size: 28px; color: #707070; cursor: pointer; list-style: none;}

.footer-social a {text-decoration: none;}

.f-contatto {display: contents;}

form .form-inline .btn-invia {
	font-family: 'Gotham';
    position: relative;
    outline: none;
    white-space: nowrap;
    line-height: 35px;
    letter-spacing: 1px;
    border-radius: 50%;
	border:1px solid #ffffff;
	background-color:transparent;
	color: #fff;
	padding: 10px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 14px;
	font-weight: 400;
	height: auto;
}


form .form-inline .btn-invia:hover {
	background-color: transparent;
	color: #fff;
}
form .form-inline .btn-invia:active {
	position: relative;
}

::placeholder {
  	color: #ebebeb;
  	opacity: 1;
	background-color:transparent;
}

.wpcf7-submit {
    display: inline-block;
	border-radius:28px;
    position: relative;
    cursor: pointer;
    outline: none;
    white-space: nowrap;
    margin: 20px 0;
    padding: 0 50px;
    font-size: 20px;
    height: 50px;
    background-color: #fff;
    color: #000;
    font-weight: 700;
    border: none;
}

button:focus {
    outline: 0;
}

.form-home {
    width: 320px !important;
	margin-right: 20px;
    background-color: transparent;
	font-size: 16px;
	font-family: 'Gotham';
	color: #707070;
	padding: 0;
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: 1px solid #707070;
	border-radius: 0 !important;
}

.form-home::placeholder {color: #707070;}

.form-control { padding: 25px; font-size: 14px; font-family: 'Poppins'; color: #707070; border-radius: 0; border: 0; }
.form-row >.col { padding: 15px 5px; margin-right: 25px; }
.textarea {margin-right: 25px;}
textarea.form-control {height: auto; margin-top: 15px; padding-bottom: 100px;}
.form-inline {width: 100%;}
.form-title {font-weight: 600;}
.form-sub-title {font-family: 'Gotham';}


div.wpcf7 span.ajax-loader {display: none!important;}
div.wpcf7 .ajax-loader {
	display: inline-block;
	background-image: none;
	width: auto;
	height: auto;
	border: none;
	padding: 0;
	margin: 0;
	vertical-align: middle;
}

div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {
	color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba;
    padding: 0.6rem 1rem;
    margin-bottom: 0;
	margin-top: 0;
    border-radius: 8px;
	font-size: 80%;
}

.newsletter div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {
	color: #fff;
    background-color: #000;
    border-color: #000;
    padding: 0;
    margin: 0;
	font-size: 80%;
}

div.wpcf7-mail-sent-ok {
	color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
    padding: 0.6rem 1rem;
    margin-bottom: 0;
	margin-top: 0;
    border-radius: 8px;
	font-size: 80%;
}

span.wpcf7-not-valid-tip {
	color: #de0000;
	font-size: 80%;
	margin-top: 5px;
}

.wpcf7-acceptance .wpcf7-list-item-label { font-size: 80%; }
.wpcf7-acceptance .wpcf7-list-item-label a { color: #ffffff; }
.wpcf7-acceptance .wpcf7-list-item-label a:hover { text-decoration: underline; }

.wp-block-image img {
    height: auto;
}

@media only screen and (max-width: 574px) {
	.logo-area a img {width: 250px!important;}
	.mean-container a.meanmenu-reveal {margin-top: -45px!important;}
	.ctn-form-mobile {padding-right: 0!important; padding-left: 0 !important;}
	.text-lavoro {margin: 40px 0px;}
	.text-contatto { margin: 0px 20px; }
	.wp-block-columns {margin: 30px 0px;}
	.form-home {width: 200px !important;}
	.frase {font-size: 27px; line-height: 40px; padding: 0;}
	.qt-l {float: left !important;}
	.qt-r {float: right !important;}
}

@media only screen and (max-width: 767px) {
	.text-lavoro {margin: 40px 0px;}
	.text-contatto { margin: 0px 20px; }
	.wp-block-columns {margin: 30px 0px;}
	.wp-block-column {margin: 0 auto; display: block;}
	.wp-block-column .wp-block-image {text-align: center;}
	.box_frase {margin-bottom: 30px;}
	.navbar-toggler {margin-top: 25%;}
	.carousel-item::before { width: 80%; }
	.frase {font-size: 25px; line-height: 45px; padding: 0;}
	.main-menu .current-menu-item a { position: relative; background: #000; color: #fff; padding: 10px;}
}

@media only screen and (min-width: 768px) {
	.accordion a.btn::after {
		content: "";
		position: absolute;
		z-index: -1;
		width: 100%;
		height: 2px;
		background: #2D3967;
		top: 50%;
		right: -16px;
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	.accordion a.btn.collapsed::after {width: 0%;}
	.accordion .border_accordion {border-right: 2px solid #2D3967;}
	.page-template-tpl-service-php figure.wp-block-image {margin-bottom: 0;}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.text-lavoro {margin: 40px 0px;}
	.text-contatto { margin: 0 100px; }	
	.wp-block-columns {margin: 30px 0px;}
	.box_frase {padding-top: 25px; padding-bottom: 25px;}
	.navbar-toggler {margin-top: 15%;}
	.carousel-item::before { width: 60%; }
	.form-home {width: 300px !important;}
	.frase {font-size: 28px; line-height: 50px; padding: 0;}
	.main-menu .current-menu-item a { position: relative; background: #000; color: #fff; padding: 10px;}
}
	
@media only screen and (min-width: 992px){
	.nav-item { margin: 0 25px; position: relative;}
	.main-menu ul > li:first-child { margin-left: 0; }
	.main-menu ul > li:last-child { margin-right: 0; }
	.main-menu ul.nav > li.current-menu-item { position: relative;}
	.nav-item ul.dropdown-menu .nav-item {margin: 0;}
	.nav-item ul.dropdown-menu .nav-item.current-menu-item a {color: #000; text-decoration: none; background-color: #fff;}
	.main-menu ul.nav > li::after {
		content: " ";
		width: 6px;
		height: 6px;
		background: #000;
		left: 50%;
		margin-left: -3px;
		bottom: 0;
		position: absolute;
		-webkit-border-radius: 100%;
		-moz-border-radius: 100%;
		border-radius: 100%;
		opacity: 0;
	}
	.main-menu ul.nav > li:hover::after {
		opacity: 1;
	}
	.main-menu ul.nav > li.current-menu-item:after {
		content: " ";
		width: 6px;
		height: 6px;
		background: #000;
		left: 50%;
		margin-left: -3px;
		bottom: 0;
		position: absolute;
		-webkit-border-radius: 100%;
		-moz-border-radius: 100%;
		border-radius: 100%;
		opacity: 1;
	}
	.dropdown-menu {
		left: 50%;
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		-o-transform: translateX(-50%);
		transform: translateX(-50%);
	}
	.page-id-17 header, .page-id-7 header {margin-bottom: -40px; position: relative; z-index: 1;}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.text-lavoro {margin: 40px 0px;}
	.wp-block-columns {margin: 30px 0px;}
	.social-links {padding: 35px;}
	.nav-item {margin: 0 17px;}
	.form-home {width: 260px !important; margin-right: 10px;}
	.nome_frase {padding-top: 54px;}
}

@media only screen and (min-width: 1200px) {
}

/* COMPLIANZ */

body.cmplz-document .container .storia {
    text-align: left !important;
}

body.cmplz-document .container .storia ul {
    margin-left: 0 !important;
    padding-left: 28px !important;
}