/*  
Theme Name: napolitano
Theme URI:
Description: A simple themes for WP
Version: 1.0
Author: AB&A
Author URI: https://www.abea-studios.com/
*/

/* Reset.css */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;vertical-align: baseline;}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {display: block;}
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ""; content: none; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
html {overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
.clear 		{clear: both;}
.hide 		{display: none;}
.mobile		{display: none;}
/*----------------------------------Generici------------------------------*/
body {padding:0; margin:0;font-family: 'Titillium Web', sans-serif;}
a{text-decoration: none;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
a:active	{outline: none;}
a img:hover{opacity:0.7;}
a:hover {color:#f22953;}
p{font-size:18px;font-family: 'Titillium Web', sans-serif;margin-bottom:1%;}
h1{font-size: 32px;font-family: 'Titillium Web', sans-serif;}
h2{font-size: 28px;font-family: 'Titillium Web', sans-serif;}
h3 {font-size: 26px;font-family: 'Titillium Web', sans-serif;}
#wrapper{width:100%;float:left;}
#pre-header {width:1400px;display: flex;    flex-direction: row-reverse;}
#pre-header a {margin-left:2%;}
#pre-header a img {float:left;}
#pre-header a span {float:left;line-height: 40px;color:#333;}
#wrap-header {width:100%;float:left;background-color:#387096;}
#header {width:1400px;}
#header h1 {float:left;margin-bottom:-17px;width:24%;background-color:#fff;position:relative;}
#header h1 img {width:100%;height:auto;}
#mainmenu{float:right;}
#mainmenu ul{margin:0px;float:left;width:100%;}
#mainmenu ul li{float:left;list-style:none;}
#mainmenu ul li a{}
#mainmenu a:hover {}
#main{width:100%;float:left;}
#wrap-content {width:100%;float:left;}
#content{width:1400px;}
#content p a {color:#f22953;}
#wrap-foot {    background-position-x: center;    background-position-y: 132px;width:100%;float:left;background-color:#264e77;background-repeat:no-repeat;background-image:url('/wp-content/themes/napolitano/images/palazzi.png');}
#footer{width:1400px;color:#fff;padding-top:2%;}
#footer .widget {width:50%;float:left;}
#footer .widget h2 {font-size:22px;}
#footer a {color:#fff;}
#footer #block-6 h2 {text-align:left;}
#footer #block-6 .wp-block-columns {margin-bottom:0;}
#footer .widget_iubenda_legal_widget {float:right;text-align:right;}
p.credits {width:100%;float:left;color:#fff;font-weight:lighter;font-size:14px;}
p.credits a {color:#fff;}

div.wpcf7-response-output{float:left;}

/* Gutemberg */
.alignfull {
	margin: 32px calc(50% - 50vw)!important;
	max-width: 99vw;
	width: 100vw !important;
}
@media screen and (min-width: 1400px) {
     .alignwide  {
          width:  1400px;
          max-width:  99vw;
          margin-left:  calc(50% - 50vw);
     }
}
.wp-block-columns {width:100%}
.wp-block-image img {height:auto;}
.wp-block-buttons {width:100%;}
.blocks-gallery-grid, .wp-block-gallery {float:left;}

/*--------Menu---------*/
#mainmenu{float:right;width:66%;}
#mainmenu ul{float:left;width:100%;margin: 0; padding: 0;}
#mainmenu li{list-style:none;display: block;float: left;height:109px;padding: 0;position: relative;margin:0 2%;}
#mainmenu .current-menu-item{width:auto;background: #fff;font-weight: bold;}
#mainmenu .current-menu-item a{color:#387096;}
#mainmenu li a {display: block;height:114px;line-height:114px;margin:0 5px;color:#fff;font-size:16px;text-transform:uppercase;}
#mainmenu ul ul {    z-index: 1000;display: none;position: absolute;text-align: left;width: 204px;margin-top: -12%;}
#mainmenu ul ul li {float:left;width: 100%;font-weight:normal;padding: 0;text-align: left;height:40px;background-color: #f22953;margin-bottom:2%;}
#mainmenu li a:hover{color:#f22953;}
#mainmenu .current-menu-parent a:hover{color:#f22953 !important;}
#mainmenu .current-menu-item ul{}
#mainmenu .current-menu-item ul li a{}
#mainmenu li li a:hover{color:#fff !important;}
#mainmenu ul ul li a { color: #fff !important;float: left;padding: 5px;text-align:left;width: 100%;margin: 0;height:30px;line-height:30px;}
#mainmenu ul ul li a:hover {color:#fff !important;}
#mainmenu ul li:hover > ul {display: block;}
#mainmenu ul ul li ul {left: 150px;top: 0;}
#mainmenu .current-menu-parent{background: #fff none repeat scroll 0 0;font-weight: bold;width: auto;margin-left: 1%;}
#mainmenu .current-menu-parent a{color: #387096;}
#mainmenu .current-menu-parent ul .current-menu-item{transform:none;background-color:#264e77;height:auto;width:180px;}
#mainmenu .current-menu-parent ul .current-menu-item{transform:none !important;}
#mainmenu .current-menu-item a:hover{color:#f22953 !important;}
#menu-top #mainmenu .current-page-ancestor .sub-menu .current_page_item a{color:#d18100 !important;}
#mainmenu .current-menu-item a, #main-nav .current_page_item a, #main-nav a:hover{background-color:transparent;}

/*--------Home---------*/
.testata-home {width:100%;float:left;}
#metaslider-id-14 {float:right;width:65%;}
.home .wpcf7 {width: 16%;margin-top: 4%;    margin-left: 13%;padding: 2%;}
.wpcf7 {position:relative;float:left;background-color:#264e77;color: #fff;padding: 8%;   width:86%;     }
.wpcf7 h3 {text-transform:uppercase;margin-bottom:2%;}
.wpcf7 label {text-transform:uppercase;margin-bottom:2%;}
.wpcf7 p {margin-bottom:3%;text-align:center !important;}
.wpcf7 input[type="text" i], .wpcf7 input[type="email"] {height:30px;width:100%;}
.wpcf7 input[type="submit" i] {width:85%;padding:2%;background-color:#fff;color:#264e77;border:0;text-transform:uppercase;width:100%;}
.wpcf7 textarea {width:100%;height:80px;}
.wpcf7 .txt-privacy {font-size:14px;}
.wpcf7 .txt-privacy a {color:#fff;}
.home #wrap-content {background:url('/wp-content/themes/napolitano/images/utensili.jpg');background-repeat: no-repeat;
    background-position: bottom left;
    margin-top: -5%;}
.home #content {margin-top:4%;}
.home #content article {width:60%;float:right;text-align:justify;margin-bottom:2%;}
#s-box {width:100%;float:left;}
.box-p {width:100%;float:left;margin-top: 4%;}
.box-p a {width:20%;float:left;position:relative;}
.box-p a img {width:100%;float:left;}
.box-p a .over {position:absolute;background-color: rgb(255 255 255 / 80%);    width: 90%;padding:5%;}
.box-p a .over button {background-color:#f22953;border-radius:5px;color:#fff;text-transform:uppercase;border: 0;    padding: 2% 8%;    font-family: 'Titillium Web';    margin-top: 2%;cursor: pointer;}
.box-p a .over h3 {color:#264e77;}
.box-p a .over p {color:#333;}
.box-p a .over-giu {bottom:0;}
.box-g {width:34%;float:left;display:none;}
.box-g img{width:100%;}
#str-txt {margin-bottom:3%;background:url('/wp-content/themes/napolitano/images/bg-s.jpg');display:flex;width:100%;float:left;padding: 6% 0;    margin-top: 3%;}
#str-txt div {width:25%;text-align:center;}
#str-txt div h4 {color:#fff;font-size:46px;text-transform:uppercase;font-weight:normal;}
#str-txt div p {color:#f22953;font-size:30px;margin-top:-3%;}
#prefooter {width:1400px;}
#prefooter figure {width:40%;float:left;margin-top:3%;}
#prefooter a.b {width:35%;float:left;margin-top:0;}
#prefooter a.perdite {width: 35%; margin-right: 5%;}
#prefooter a {width:25%;float:left;margin-top:2%;}
#prefooter a img {width:100%;height:auto;}

/*--------Pagina---------*/
#content h1 {text-align:left;margin-top:2%;text-transform:uppercase;color:#264e77;}
.page-template-default #content p {text-align:justify;}
.page-template-default #content  ul li {text-align:left;font-size:18px;list-style:inside;}
.page-template-default #content h2 {text-align:left;color:#f22953;}
.page-template-page-condomini #content p {text-align:justify;}
.page-template-page-condomini #content h2 {text-align:left;color:#f22953;}