/*
Theme Name: Bewotil
Theme URI: https://miosito.com
Author: Valerio Balboni
Author URI: http://www.litoweb.it
Description: Our fantastic base theme
Version: 1.0
Requires at least: 5.0
Tested up to: 5.4
Requires PHP: 7.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: bewotil
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

body,
html{font-size: 16px;box-sizing: border-box;margin: 0;padding: 0;}
*,*:before, *:after{box-sizing: border-box;}
h1,h2,h3,h4,h5,h6,ul,ol,p{margin: 0;padding: 0;}
ol,ul{list-style-type: none;}
img{height: auto;}

/* ! Landing page
----------------------------------------------------------------------------------- */
body {background: #585659;}

.container-landing{
  width: 100%;
  max-width: 1600px;
  margin: 0 auto;
}
.container-landing h1{display: none;}


/* ! Base
----------------------------------------------------------------------------------- */
body {font-family: 'Open Sans', sans-serif;}

h1,h2,h3,h4,h5,h6,p,ol,ul{color:#333; margin-bottom: 20px;}

h1{font-size: 60px; line-height: 1; font-weight: 800;}
h2{font-size: 40px; line-height: 1.3; font-weight: 800;}
h3{font-size: 30px; line-height: 1.3; font-weight: 800;}
h4{font-size: 25px; line-height: 1.3; font-weight: 800;}
h5{font-size: 20px; line-height: 1.3; font-weight: 800;}
h6{font-size: 15px; line-height: 1.3; font-weight: 800;}

.img-res{width: 100%;height: auto;}
.mb-1{margin-bottom: 20px;}
.mb-2{margin-bottom: 40px;}

@media (max-width: 768px) {
  h1{font-size: 40px;}
  h2{font-size: 30px;}
  h3{font-size: 25px;}
}
a{text-decoration: none; color:#F75E47}
p{line-height: 1.5}

/* ! Grid System */
.grid { margin: 0 auto; padding: 0 15px; max-width: 1250px; display: flex; flex-flow: row; flex-wrap: wrap;}
.grid--center{justify-content: center;}
.col{ flex: 1;}

[class*='col-'] { position: relative;padding: 0 15px;}
.grid .grid [class*='col-'] {padding: 0px;}

.col-20{ width: 20%; }
.col-25{ width: 25%; }
.col-30{ width: 30%; }
.col-33{ width: 33.33%; }
.col-50{ width: 50%; }
.col-70{ width: 70%; }
.col-80{ width: 80%; }
.col-100{ width: 100%; }

@media (max-width: 991px) {
    .tab-20 { width: 20%; }
    .tab-25 { width: 25%; }
    .tab-33 { width: 33.33%; }
    .tab-50 { width: 50%; }
    .tab-100 { width: 100%; }
}

@media (max-width: 768px) {
    [class*='col-'] { width: 100%;}
    .sma-20 { width: 20%; }
    .sma-25 { width: 25%; }
    .sma-33 { width: 33.33%; }
    .sma-50 { width: 50%; }
    .sma-100 { width: 100%; }
}

/* ! Helpers  */
.mt-0{margin-top: 0 }
.mt-1{margin-top: 10px}
.mt-2{margin-top: 20px}
.mt-3{margin-top: 40px}
.mt-4{margin-top: 100px }

.mb-0{margin-bottom: 0}
.mb-1{margin-bottom: 10px}
.mb-2{margin-bottom: 20px}
.mb-3{margin-bottom: 40px}
.mb-4{margin-bottom: 100px}

.p-0{padding: 0}
.p-1{padding: 10px}
.p-2{padding: 20px}
.p-3{padding: 40px}
.p-4{padding: 100px}

.pt-1{padding-top: 10px;}
.pt-3{padding-top: 20px;}
.pt-3{padding-top: 40px;}
.pt-4{padding-top: 15vh;}

.pb-1{padding-bottom: 10px;}
.pb-2{padding-bottom: 20px;}
.pb-3{padding-bottom: 40px;}
.pb-4{padding-bottom: 15vh;}

.text-center { text-align: center; }
.text-right { text-align: right; }
.text-left { text-align: left; }


/* ! Layout
----------------------------------------------------------------------------------- */

.container,
article{margin: 10px;padding: 10px}


.container{max-width: 800px; margin: 0 auto;}
.page .container{max-width: 1200px;}


/* !  HEADER - MENU
----------------------------------------------------------------------------------- */
.header{display: flex; justify-content: space-between;align-items: center;background: #fff; padding: 20px;}
.logo{display: inline-block;color: #000;font-weight: 800;font-size: 30px;text-transform: uppercase;}
/* .menu ul {margin-bottom: 0;}
.menu li {display: inline-block;}
.menu li a {padding: 10px; display: block; color: #000;}
.menu li.evi a{ background: #F75E47; color: #fff;text-transform: uppercase;font-weight: bold; border-radius: 4px; padding: 10px 20px;} */


.header__menu{float: right;padding:0;margin:0;list-style-type: none;}
.header__menu .menu-item{display: inline-block;}
.header__menu .menu-item a{padding: 5px 10px; color:#333;text-decoration: none;}

.header__menu li{display: inline-block;color: #fff; position:relative; text-transform: uppercase; font-size: 14px;}
.header__menu a {display: block; color: #fff; padding: 12px 24px; text-decoration: none; transition: 0.3s;}
.header__menu a:hover {color: #39f; }

.header__menu .menu-item-has-children .sub-menu{
    list-style-type: none;
    position: absolute;
    top: 40px;
    left: 0;
    z-index: 100;
    border-radius: 6px;
    background-color: #ddd;
    padding: 10px;
    transition: 0.3s;
    visibility: hidden;
    opacity: 0;
}

.sub-menu{width: auto;}
.header__menu .menu-item-has-children:hover .sub-menu{ visibility: visible; opacity: 1;}
.header__menu .menu-item-has-children > a::after{
    content: ' \f0d7';
    font-family: fontAwesome;
}

.header__icon-bar{display: none;}
.header__icon-bar span{display: block;background-color: #000; height: 2px; width: 23px;margin-bottom:5px}




@media (max-width: 768px) {

  /*header & menu */
	.header__menu{width:100%;height: 0;overflow: hidden;
		-webkit-transition: all 0.3s ease-out;
						transition: all 0.3s ease-out;
	}
	.header__menu .menu-item{display: block;}
	.header__menu .menu-item a{display: block;padding:10px 15px; border-bottom:1px solid #666;}

	.header__icon-bar{float: right;display: block;}
	.show-menu{height:300px;overflow: auto;position: absolute; background: #fff;}


}


/* ! Hero
----------------------------------------------------------------------------------- */
.hero{padding: 20px; text-align: center;}
.hero h1{padding: 100px 10px; color: #fff;}
.page .hero h1{padding: 150px 10px}

/* .single .hero{display: none;} */

/* ! Blocks
----------------------------------------------------------------------------------- */

.panel-info{margin-top: 100px;}
.panel-info .wp-block-media-text__media{background: #DCF6E2;padding: 30px;border-radius: 10px;margin-bottom: 60px;}
.panel-info .wp-block-media-text__media img{margin-bottom: -60px;border-radius: 10px;}


.post-img {background: #DCF6E2;padding: 30px;border-radius: 10px;margin-bottom: 60px;}
.post-img img{margin-bottom: -60px;border-radius: 10px;}

/* ! Contatti
----------------------------------------------------------------------------------- */
.wpcf7-form-control{padding: 15px; border: 1px solid #ccc;}
.info-contatti{line-height: 2rem;}

/* ! Footer
----------------------------------------------------------------------------------- */

.footer{background: #eee; padding: 30px; text-align: center;}

#menu-footer{padding:0;margin:0;list-style-type: none;display: block;margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px solid #ccc;}
#menu-footer .menu-item{display: inline-block;}
#menu-footer .menu-item a{padding: 5px 10px; color:#333;text-decoration: none;font-size: 12px;}





/* WordPress Core
-------------------------------------------------------------- */
.alignnone {
  margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
  display: block;
  margin: 5px auto 5px auto;
}

.alignright {
  float:right;
  margin: 5px 0 20px 20px;
}

.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}

a img.alignright {
  float: right;
  margin: 5px 0 20px 20px;
}

a img.alignnone {
  margin: 5px 20px 20px 0;
}

a img.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}

a img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.wp-caption {
  background: #fff;
  border: 1px solid #f0f0f0;
  max-width: 96%; /* Image does not overflow the content area */
  padding: 5px 3px 10px;
  text-align: center;
}

.wp-caption.alignnone {
  margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
  margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
  margin: 5px 0 20px 20px;
}

.wp-caption img {
  border: 0 none;
  height: auto;
  margin: 0;
  max-width: 98.5%;
  padding: 0;
  width: auto;
}

.wp-caption p.wp-caption-text {
  font-size: 11px;
  line-height: 17px;
  margin: 0;
  padding: 0 4px 5px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
  background-color: #eee;
  clip: auto !important;
  clip-path: none;
  color: #444;
  display: block;
  font-size: 1em;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}