/*
Theme Name: Landing Page Theme
Author: Leonardo Barni
Version: 1.1
*/

/* RESET */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
html{ margin-top:0 !important;}
body { background:#ffffff; }
div{ box-sizing:border-box;}
.fab{ font-size:40px; color:#442a19;}
#wrapper {width:100%; margin:auto; background:#ffffff;}
#content {width:100%;}
#sidebar {width:100%;}
#sidebar .widget{ margin-bottom:20px; background-color: #f0f2f3; padding: 20px;}
#sidebar .widget .widget-title{ padding-bottom: 10px; border-bottom: 1px solid #442a19; margin-bottom: 15px;}
#main{ padding-top:0px; padding-bottom:0px;}

#main.single-post, #main.post-page, #main.taxonomy{ padding-top: 40px; padding-bottom: 40px;}
.post .title, .post .thumbnail, .post .content, .page .thumbnail{ margin-bottom: 20px;} 
.post-page .post{ display: block; width: 46%; margin: 0 2% 20px; float: left; background-color: #f0f2f3;}
.post-page .post .post-thumb{ margin-bottom:20px;}
.post-page .post .post-title{ font-size:20px; padding:0 10px;}
.post-page .post .post-title a{  color: #442a19;}
.post-page .post .post-content{ padding:0 10px;}
.post-page .post p > a{ margin-left:10px; color: #442a19;}
.parallax-mirror { z-index: 1 !important;}
.clear { clear: both; }
 
img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}
/* Font */
h1, h2, h3, h4, h5, h6, p, a, span{font-family: 'Arial', sans-serif;}
h1{ font-size:32px; line-height: 35px;  color:#442a19; margin-bottom: 20px;}
h2{ font-size:28px;  color:#442a19; margin-bottom: 20px;}
h3{ font-size:28px;  color:#442a19; margin-bottom: 20px;}
h4{ font-size:18px;  color:#442a19; margin-bottom: 20px;}
h5{ font-size:16px;  color:#442a19;}
h6{ font-size:14px;  color:#442a19;}
p{ font-size:17px; margin-bottom:20px; color: #8e8d8d;}
a{ text-decoration:none; color: #442a19;}
strong{ font-weight: bold;}
i, em{ font-style:italic;}
/*	HEADER  */
#header { width:100%; background-color: #fff; border-bottom: 2px solid #442a19;}
#header.fixed { position: fixed; top:0; z-index: 1000;}
.header-sticky-height{ width:100%; height: 0px; display: block;}
#logo { float:left; margin-top:15px; margin-bottom:15px;}
#logo img{ width:200px;}
.top-header{background: #f6f7f7; font-size: 16px; padding:8px 0; border-bottom: 1px solid #d9dde0;}
.top-header .contact-info { float: left;  padding: 0;}
.top-header .phone { float: right;  margin-left: 30px;}
.tagline, .phone a{font-family: 'Roboto', sans-serif;}
.navigation{ padding:0; position:relative;}

/* Menu */
 
#nav { float:right; width: 50%; }
#nav .slogan{ margin: 40px 0 0; text-align: center;}
#nav .slogan h2{font-family: 'Roboto', sans-serif; font-size: 26px;}
#menu-main { list-style:none; padding: 30px 0;}
#menu-main li { float:left; margin:0;line-height:37px; border-left:1px solid;}
#menu-main li:first-of-type{border-left:none;}
#menu-main li a{ text-decoration:none; color:#442a19; font-family: 'Roboto', sans-serif; font-size:18px; padding:0 15px; display:block; line-height: 16px;}
#menu-main li a:hover{ color:#442a19;}
#menu-main li.current-menu-item a, #menu-main li.current-post-ancestor a, #menu-main li.current-menu-parent > a, #menu-main li.current-menu-parent > a { color:#442a19;}
.sub-menu{ position:absolute; visibility:hidden; opacity:0; z-index:1; width:210px; transition:all ease-in-out .3s; -webkit-transition:all ease-in-out .3s; -moz-transition:all ease-in-out .3s; box-shadow:0px 0px 1px 0px #ededed; list-style:none; padding-top: 22px; }
#menu-main li:hover > ul, #menu-main li ul.active{ visibility:visible; opacity:1; z-index:1000; }
#menu-main li ul li{ float:none; background:#eeeeee; margin:0; border-left:none;}
#menu-main li ul li a{ height:auto; line-height:24px; font-size:16px; color:#442a19; text-align:left; padding:10px; border-top: 1px solid rgb(227, 226, 227); transition:all ease-in-out .3s; -webkit-transition:all ease-in-out .3s; -moz-transition:all ease-in-out .3s;}
#menu-main .sub-menu{ display: block !important; transition:all ease-in-out .3s; -webkit-transition:all ease-in-out .3s; -moz-transition:all ease-in-out .3s;}
#menu-main .sub-menu li.current-menu-item a, #menu-main .sub-menu li a:hover{background-color: rgb(245, 245, 245);}


.ic-mobile-menu{ display:none; border-top:3px solid #442a19; width:100% !important;}
.mobile_menu_button{display:none; position:absolute; top:0px; right:15px;}
.c-hamburger {
  display: block;
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0;
  width: 55px;
  height: 55px;
  font-size: 0;
  text-indent: -9999px;
  appearance: none;
  box-shadow: none;
  border-radius: none;
  border: none;
  cursor: pointer;
  transition: background 0.3s;
}

.c-hamburger:focus {
  outline: none;
}
.c-hamburger span {
  display: block;
  position: absolute;
  left: 12px;
  right: 12px;
  height: 4px;
  background: #442a19;
}

.c-hamburger span::before,
.c-hamburger span::after {
  position: absolute;
  display: block;
  left: 0;
  width: 100%;
  height: 4px;
  background-color: #442a19;
  content: "";
}

.c-hamburger span::before {
  top: -12px;
}

.c-hamburger span::after {
  bottom: -12px;
}

.c-hamburger--htx {
  background-color: transparent;
}
.c-hamburger--htx span {
  transition: background 0s 0.3s;
}
.c-hamburger--htx span::before,
.c-hamburger--htx span::after {
	transition-duration: 0.3s, 0.3s;
	transition-delay: 0.3s, 0s;
}
.c-hamburger--htx span::before {
  transition-property: top, transform;
}
.c-hamburger--htx span::after {
  transition-property: bottom, transform;
}
/* active state, i.e. menu open */
.c-hamburger--htx.is-active {
  background-color: transparent;
}
.c-hamburger--htx.is-active span {
  background: none;
  color:#cb0032;
}
.c-hamburger--htx.is-active span::before {
  top: 0;
  transform: rotate(45deg);
  color:#cb0032;
}
.c-hamburger--htx.is-active span::after {
  bottom: 0;
  transform: rotate(-45deg);
  color:#cb0032;
}
.c-hamburger--htx.is-active span::before,
.c-hamburger--htx.is-active span::after {
  transition-delay: 0s, 0.3s;
}
#menu-mobile{background-color: rgb(255, 255, 255);transition:all ease-in-out .3s; -webkit-transition:all ease-in-out .3s; -moz-transition:all ease-in-out .3s;}
#menu-mobile li{}
#menu-mobile li a{ display:block; text-align:center; padding:10px; font-size:18px; color: #442a19; border-bottom: 1px solid rgb(227, 226, 227); transition:all ease-in-out .3s; -webkit-transition:all ease-in-out .3s; -moz-transition:all ease-in-out .3s;}
#menu-mobile li a:hover{background-color: rgb(245, 245, 245); }
#menu-mobile li.current-menu-item a{ color: #442a19;}
#menu-mobile .menu-item-has-children .sub-menu{ position:relative; visibility: visible; width: 100%; opacity: 1; display: none; padding-top: 0px; background-color: #f5f5f5;}
#menu-mobile .menu-item-has-children .sub-menu li a{ font-size: 14px;}
#menu-mobile .menu-item-has-children .sub-menu li a:hover{ background-color: #ffffff;}

/*****		Column			*****/
.row{ background-repeat:no-repeat; background-size:cover; background-position:center center;}
.row .row-inner{ width:100%; max-width:1200px; margin:0 auto;}
.row.full-width .row-inner{ max-width:100%;}
.full-width .row .row-inner{ width:100%; max-width:1200px; }
.parallax .parallax-window .row-inner{position: relative; z-index: 2;}
.column_1-2{ width:48%; }
.column_1-3{ width:30.6666%; }
.column_2-3{ width:65.3333%;}
.column_1-4{ width:22%;}
.column_3-4{ width:74%;}
.column_1-5{ width:16.8%; }
.column_2-5{ width:37.6%; }
.column_3-5{ width:58.4%; }
.columns{ margin-bottom:20px; margin-right:4%; float:left;}
.columns p:first-child{ margin-bottom:0px;}
.row .row-inner p{ margin-bottom:20px;}
.columns.last{ margin-right:0 !important; margin-left:0 !important;}

.columns img{ width:100%; max-width:100%; height:auto;}

.same-height.row{  height:100%; min-width:100%;}
.same-height.row .row-inner{ display:table;height:100%;}
.same-height.row .row-inner .columns{ display:table-cell; height:100%; min-height:100%; float: none; background-position: center center; background-repeat: no-repeat; background-size: cover;}
.same-height.row .row-inner .columns.text-right{ text-align:right;}
.same-height.row .row-inner .columns.column_1-2{ width:50%;}
.box{ width:90%; margin:0 auto; border:2px solid; padding:30px; opacity:0.85;}
.box h2, .box p{ color:#ffffff;}
.gallery h2{ margin-bottom:20px;}

div.wpcf7 img.ajax-loader{ width:auto;}
/*	FONT  */

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
}

/* Sidebar */
 
#sidebar ul { list-style:none; }
#sidebar h2 { font-size:16px;font-family:Verdana, Geneva, sans-serif;line-height:2.4em; color:#262626; text-shadow:1px 1px 1px #fff; text-align:left; margin:10px}

.search-table{ display:table;}
.search-field{ display:table-cell; vertical-align:top; height: 100%;}
.search-button{display:table-cell; vertical-align:top; width:33px; height: 100%;}

#sidebar input[type=text] { width: 100%; border: 1px solid #DBDBDB; margin:0; }
#sidebar input[type=submit] { cursor: pointer; height:33px;  width:33px; background:#442a19; text-align:center; font-size:14px;line-height:29px; border:none; color:#fff; margin:0; padding:0px; }

.widget ul li a{ color:#8e8d8d;}

/**** SLIDER ****/
.tparrows:before{ color:#000 !important;}

/* Footer */
 
#footer{  width:100%; padding:0; margin:auto; }
.footer-box { text-align:center;font-size:12px;font-family:Verdana, Geneva, sans-serif;line-height:1.6em; color:#262626; text-decoration:none;text-shadow:1px 1px 1px #fff; }

.footer-area{background: #ececec; padding:40px 0 0px; border-top: 2px solid #442a19;}
.footer-area .row .row-inner .columns p:first-child{ margin-bottom: 20px;} 
.footer_widget p{ font-size:15px; margin-bottom: 20px; line-height: 24px;}
.footer_widget .widget-title{ color: #442a19; margin-bottom: 5px; font-size: 20px;}
.footer_widget .textwidget img{ width:auto;}

.copywriting{ padding:20px 0;}
.copywriting .row .row-inner p, .copywriting .row .row-inner h1, .copywriting .row .row-inner h3{ color:#8e8d8d; font-size:12px; line-height: 20px; text-align:center; margin-bottom: 0px;}
.footer_widget .textwidget img.footer-logo{ width: 150px; margin-bottom: 5px;}

/*** CUSTOM STYLE  ***/

.page-title h1{ color:#ffffff; margin-bottom:5px;}
.gallery h2, .footer_widget h4{ color:#442a19;}

.gallery .gallery-item img{ max-width:100%; border:none !important;}

.white-txt h1,.white-txt h2, .white-txt h3, .white-txt h4, .white-txt p{ color: #fff;}
.procreo .row-inner img{ width:100%; height:auto;}
span.wpcf7-list-item{ margin:0 !important;}
input[type="checkbox"]{ margin-left:0px;}
input[type="text"], input[type="email"], select, textarea{ width:100%; border:1px solid #8e8d8d; box-sizing:border-box;}
textarea{ height:80px;}
select{ height:22px;}
.wpcf7-form p{ margin-bottom: 10px;}

.mc4wp-form{ width:100%; max-width:600px; padding:0; margin:0 auto;}
.mc4wp-form .mc4wp-form-fields .row .row-inner::after{ display:block; content:""; clear:both;} 
.mc4wp-form .mc4wp-form-fields .row .row-inner .column_1-2.email{ width:calc( 100% - 100px); margin-right:0px;  }
.mc4wp-form .mc4wp-form-fields .row .row-inner .column_1-2.submit{ width:100px;}
.mc4wp-form .mc4wp-form-fields .row .row-inner .column_1-2 input[type=email]{ padding:0 5px; line-height:30px; box-sizing:border-box; border: 1px solid #8e8d8d; }
.footer_widget .textwidget img.tecno-footer{ max-width:180px;}

.flexslider{ margin-bottom:0px !important; border: none !important;} 
.flexslider .slides > li{ height:190px; overflow: hidden;}
.image .flexslider .flex-direction-nav a{ background-size:65% !important;}
.lb-closeContainer {  position: absolute;  top: 0;  right: 15px;}
.lb-data .lb-number{ display:none !important;}
.lightbox .lb-image{     border: none !important;    border-radius: 0px !important;}
.lb-data .lb-caption{ font-family:Arial; font-size: 16px; padding-top: 4px;}
.flex-direction-nav a:before{ content:none !important;}


.search-field input[type="text"]{ height: 100%; }
.search-table{ margin:0 auto;}

.search-post-list .post, .search-post-list .page{ float: left; width: 48%; margin: 0 2% 20px 0; background: #f0f2f3;}
.search-post-list .post .post-title h2, .search-post-list .page .post-title h2{ font-size: 22px; }
.search-post-list .post .post-title h2 a, .search-post-list .page .post-title h2 a, .search-post-list .post .entry-summary a, .search-post-list .page .entry-summary a{ color: #442a19; margin-left: 5px; }
.search-post-list .post .entry-summary a, .search-post-list .page .entry-summary a{ text-decoration: underline; }
.search-post-list .post-title, .search-post-list .entry-summary{ padding: 0 20px;}

#cookie-notice{ opacity:0.92;}
.cookie-notice-container { max-width: 750px; margin: 0 auto;}

.newsletter-form { display: table; margin-bottom: 10px; }
.newsletter-mail{ width: 75%; height: 100%; display: table-cell; padding-right:5%; }
.newsletter-send{ width: 25%;height: 100%;  display: table-cell;}
.newsletter-mail input[type="email"]{ height:100%; box-sizing: border-box;}

div.wpcf7-response-output { font-family: Arial; margin: 0 0px 15px;}

input[type="submit"]{ background: #442a19; color: #fff; padding: 8px 15px; border: none; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;  font-size: 16px; cursor: pointer;}

.footer-1_2
 {  width: 50%; float: left;  margin-bottom: 0px;}
.footer-1_2.submit { text-align: right;}

@media (max-width: 1024px) {
.link-image { height: 350px;}

}
@media (max-width: 1024px) {
	.navigation{ padding:10px 0;}
	#logo,#nav{ float:none; width:100%; text-align: center;}
	.ic-main-menu{ display:none;}
	.mobile_menu_button{ display:block;}
	.ic-mobile-menu.active{ display:block;}
	.footer-area{ padding-left:20px; padding-right: 20px;}
}

@media screen and (max-width: 800px){
	.navigation{ padding:10px 0;}
	#logo{ float:none; margin:0 auto 5px; padding:0;}
	.mobile_menu_button{top:8px; }
	.row .row-inner, .footer-area{ padding-left:20px; padding-right: 20px;}
	.navigation .row .row-inner, .row.vantaggi .row-inner{ padding-left:0px; padding-right:0px;}
	.column_1-2, .column_1-3, .column_2-3, .column_1-4, .column_3-4, .column_1-5, .column_2-5, .column_3-5, .row.vantaggi .row-inner .column_1-2, .row.vantaggi .row-inner .column_1-2.last{ width:100%; }
	.columns{ margin-bottom:20px; margin-right:0%; float:none; padding:0;}
	.last-column{ margin-right:0; margin-left:0;}
	.gallery .gallery-item{ width:100% !important; float:none !important;}
	.box{ padding-left:0px; padding-right:0px;}
	.top-header .contact-info, .top-header .phone{text-align:center; float:none; margin:10px 0;}
	.faq-item .question{ padding-right:40px;}
	.flexslider .slides > li{ height:300px;}
	.lb-closeContainer {  z-index: 999;}
	.full-width.row .row-inner{ padding-left: 0px; padding-right: 0px;}
	.same-height.row .row-inner{ display:flex; flex-direction: column;}
	.same-height.reverse.row .row-inner{ flex-direction: column-reverse;}
	.same-height.row .row-inner .columns{ display: block; width: 100% !important; text-align: center !important;}
	.same-height.row .row-inner .columns.bg-image{ min-height: 250px; }
	.same-height.row .row-inner .columns .column-wrapper{ padding: 20px !important; }
	.mc4wp-form .mc4wp-form-fields .row .row-inner .column_1-2.email, .mc4wp-form .mc4wp-form-fields .row .row-inner .column_1-2.submit{ width:100%; float:none; text-align:center;} 
	
}
@media screen and (max-width: 600px){
	.top-header{ display:none;}
	.navigation{ padding:10px 0;}
	.mobile_menu_button { top: 18px;}
	#logo img { }
	#nav{ margin:0;}
	#nav .slogan{ margin:0px;}
	#nav .slogan h1{ margin-bottom:0px;}
	.c-hamburger { width:50px; height:40px;}
	.c-hamburger span {
	  display: block;
	  position: absolute;
	  left: 12px;
	  right: 12px;
	  height: 3px;
	  background: #442a19;
	}
	.c-hamburger span::before,
	.c-hamburger span::after {
	  position: absolute;
	  display: block;
	  left: 0;
	  width: 100%;
	  height: 3px;
	  background-color: #442a19;
	  content: "";
	}

	.c-hamburger span::before {
	  top: -10px;
	}

	.c-hamburger span::after {
	  bottom: -10px;
	}
	.contact-form{ width:100%; right: -100%; bottom: 0; height: 100%; overflow-y: scroll;}
	textarea { height:80px;}
	.flexslider .slides > li{ height:200px;}
	.footer-1_2{  width:100%; float: none; margin-bottom: 0px; text-align: left !important;}
	.footer-area{ padding-left: 0px; padding-right: 0px;} 
} 
@media screen and (max-width: 400px){
	.flexslider .slides > li{ height:150px;}
}
@media screen and (max-width: 350px){}