/*

Theme Name: BlankSlate Child Theme
Theme URI: https://www.telmplate.co.il
Author: https://www.template.co.il
Author URI: https://www.template.co.il
Description: Free BlankSlate Child theme, created by www.template.co.il, will help you to do Safe updates, Extend your BlankSlate template, by wordpress codex guideline.
Template: blankslate
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Version: 1.0.0
Text Domain: blankslate-child

*/


/*FOnt*/

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,600;1,600&family=Roboto:ital,wght@0,400;0,700;0,900;1,400;1,700&display=swap');

* { box-sizing: border-box;}
figure { display: flex; margin-bottom: 0 !important;}
h1,h2,h3,h4,h5,p { margin-top:0; margin-bottom:0;}
.wp-block-image { margin-bottom: 0;}
body{font-family: 'Roboto', sans-serif;font-weight: 400;font-style: normal;padding: 0;margin: 0; font-size: 16px; line-height: 28px;}
h1,h2,h3,h4,h5, #main-menu ul a, #comments a { font-family: 'Montserrat', sans-serif!important; font-weight: 600!important; font-style: normal;}
h1{font-size: 50px!important; line-height: 52px!important;}
h2{font-size:35px; line-height: 40px;}
h3{font-size: 22px; line-height: 33px;}
h4{font-size: 19px;line-height: 30px;}
p{font-size: 16px;line-height: 27px;}


/*Menu*/
#main-menu > div > ul > li { margin-left: 20px; margin-right: 20px;}
ul.sub-menu { box-shadow:4px 3px 9px #00000030;padding: 0!important;background-color: #fff;}
#main-menu > div > ul li {padding-bottom: 10px;}
#main-menu > div > ul > li:hover > ul.sub-menu, #main-menu > div > ul > li:focus > ul.sub-menu{margin-top: 0!important;}
ul.sub-menu li{padding: 15px 0;}
ul.sub-menu li:hover, ul.sub-menu li:focus{background-color: #f7f7f7;}

/* HEADER */
#header .hamburger { display: none; width: 30px; height: 20px;}
.header-wrapper { max-width: 1200px; margin: 0 auto;}
.header-bottom .header-wrapper, .sticky-header .header-wrapper {display: flex;align-items: center;justify-content: space-between;
padding-top: 15px; padding-bottom: 15px;}
.topbar .header-wrapper { padding-top: 10px; padding-bottom: 10px; display: flex; justify-content: space-between;}
.header-bottom, .sticky-header { background-color: #ffffff;}
.header-bottom{  z-index: 9;position: relative;}
.sticky-header { position: fixed; top: 0; left: 0; right: 0;  width: 100%; z-index: 8;}
.site-branding img { max-width: 200px;}
.sub-menu { display: none;}
#main-menu ul { list-style-type: none; padding: 0px; margin: 0px;}
#main-menu > div > ul { display: flex;}
#main-menu > div > ul > li { margin-left: 30px; margin-right:30px;}
#main-menu > div > ul li{ position: relative;}
#main-menu ul a{ font-size: 16px; text-decoration: none;color: #3D3D3D; font-weight:600 !important; text-transform: capitalize;font-family: 'Montserrat', sans-serif;}
#main-menu > div > ul > li ul.sub-menu{   position:absolute; left:0; top:100%; z-index:10;}
#main-menu > div > ul > li:hover > ul.sub-menu, #main-menu > div > ul > li:focus > ul.sub-menu{ display:block; min-width: 300px;  margin-top: 10px;}
#main-menu .sub-menu{ position: absolute;  z-index: 100;   border: 0px solid; right: 0; }
.sub-menu li a { font-size: 15px !important;}
ul.sub-menu li { padding:10px 15px!important;}
#comments a{ text-decoration: none;color: #000000; font-weight:600 !important;font-family: 'Montserrat', sans-serif;}

#main-menu a:hover, #main-menu a:focus  {
  opacity: 0.6;
}


/*Bottone dropdown*/

.dropdown { position: relative; display: inline-block;}
.dropdown-content { display: none; position: absolute; background-color: #f9f9f9; min-width: 300px; overflow: auto;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); font-family: 'Montserrat', sans-serif;margin-top: 21px;border-radius: 10px; font-weight: 600;}
.index-1{z-index:1;}
button.dropbtn.btn-florence{display: flex; justify-content: space-between;}
button.dropbtn.btn-florence:after { content: url(http://demo.gruppoco.it/whattodo/wp-content/uploads/2023/01/arrow.png); padding-left: 30px;}
.dropdown { position: relative; display: inline-block;}
.dropdown-content { display: none; position: absolute; background-color: #f9f9f9; min-width: 160px; overflow: auto; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);}
.dropdown-content a { color: #000000; padding: 12px 16px; text-decoration: none; display: block; }
.dropdown a:hover {background-color: #f1f1f1}
.show {display:block;}



/*Generale*/
img{border-radius: 15px;}
#container{max-width: 1200px; margin: 0 auto;}
.wp-block-uagb-container, .round{border-radius: 15px!important;}
.btn-b a, .btn-w a, .btn-florence{border-radius: 8px!important; width: 100%; font-family: 'Montserrat', sans-serif; font-weight: 600; font-style: normal; border:none;}
.btn-b, .btn-w, .btn-florence{width: 100%;}
.btn-florence{ padding: 13px 26px; text-align: center; font-size: 18px;}
.btn-b a{color: #fff; background-color: #000;}
.btn-w a, .btn-florence{color: #000; background-color: #fff!important;}

.icon-point figure{ border-radius: 100%;}
.icon-point img{ padding: 25px;max-width: 100px; margin-bottom: 0!important;}
.florence figure {background-color: #FEF5DD;}
.chianti figure {background-color: #FFD7BE;}
.siena figure {background-color:#EBF9DD;}
.lifestyle figure {background-color: #DDF0FE;}
span.uagb-post__taxonomy.highlighted a { color: #000; font-size: 12px; text-decoration: none; text-transform: uppercase; font-family: 'Montserrat';}
span.uagb-post__taxonomy.highlighted { padding: 4px 7px; border-radius: 5px;}
.uagb-post-grid-byline { padding-bottom: 0!important;}

.btn-b a, .glsr-form-wrap button, .wp-block-nextend-smartslider3 a{
  background-color: transparent;
  transition: all 0.5s ease;
  cursor: pointer;
  border: none;
color: #fff!important;
background: linear-gradient(to left, #000000 50%, #222222 50%);
background-size: 200% 100%;
background-position: right bottom;
}

.btn-w a, .btn-florence{
  background-color: transparent;
  transition: all 0.5s ease;
  cursor: pointer;
  border: none;
color: #000!important;
background: linear-gradient(to left, #fff 50%, #dfdfdf 50%);
background-size: 200% 100%;
background-position: right bottom;
}

.glsr-form-wrap button:hover,.btn-b a:hover, .btn-w a:hover, .btn-florence:hover, .wp-block-nextend-smartslider3 a:hover{background-position: left bottom; outline: 0;}


/*Categorie*/
.content-category{display: flex; flex-flow: row wrap;     align-items: flex-start;}
.content-category article{max-width: 33%; display: flex; flex-direction: column-reverse; padding: 20px 10px;}
.content-category article img{max-width: 100%; height: auto;}
.content-category h2{font-size: 22px;line-height: 30px;}
.nav-previous a, .nav-next a {color: #fff; text-decoration: none; padding: 32px;}
nav.navigation.posts-navigation{ background-color: #000; border-radius: 10px; padding: 6px 10px; width: 100%; text-align: center;}


/*Homepage*/
.home .entry-title{display: none;}
.info-text-box{padding: 40px 30px;}
.n2-ss-slider-2.n2-ow{border-radius: 20px !important;}
#post-14 .wp-post-image {display: none;}

/*Singolo articolo*/
.background-title{border-radius: 15px;   color: #fff;  height: 500px; display: flex; align-items: center; justify-content: center;
  margin-bottom: 35px;padding: 20px; background-size: cover!important; text-align: center;     flex-direction: column;box-shadow: inset 0 0 0 1000px rgba(0,0,0,.3);}
input, textarea { border: none; background-color: #f7f7f7; border-radius: 7px; min-height: 50px; padding: 20px;
font-family: 'Roboto'; font-size: 16px;}
input#submit {background-color: #000;   color: #fff; border: none; padding: 25px; font-size: 20px; width: 100%; border-radius: 7px; font-weight: 500;}
.post-template-default #container{display: flex;}
.post-content-right{width: 65%!important;}
.sidebar-general{width: 35%!important;}
.wp-block-latest-posts__featured-image{margin-right: 10px; max-width: 150px!important; width: 100%!important;     max-height: 100px;
    overflow: hidden;
    margin-bottom: 5px;
    border-radius: 10px;}
.article-content {display: flex;}
cite.fn a { text-decoration: none; font-weight: 900!important; color: #000; font-family: 'Montserrat'; font-style: normal; margin: 0 6px;}
.post-content-right .entry-content img{width: 100%; height: 100%;}
.entry-title a, h3.uagb-post__title.uagb-post__text a {text-decoration: none; color: #000;}
a.wp-block-latest-posts__post-title {color: #000; text-decoration: none; font-weight: 600; font-family: 'montserrat'; font-size: 17px; line-height: 28px;}
ul.wp-block-latest-posts__list.wp-block-latest-posts li {display: flex; align-items: center;}
hr{margin: 40px 0; border: #EBE9EF solid 0.8px;}
#reply-title {display: flex; justify-content: space-between;}
.sidebar-general .widget-box {
    position: fixed;
}

p.comment-form-comment, .comment-form-author, .comment-form-email, .comment-form-url { display: flex; flex-direction: column;}
div#comments ul{list-style: none;}
.comment-body { background-color: #f7f7f7!important; padding: 25px; margin: 10px 0; border-radius: 15px;}
div#comments .reply a { border-radius: 5px; background-color: #000; color: #fff; text-decoration: none; padding: 6px 10px;}
.comment-meta.commentmetadata a { color: #77838F!important; text-decoration: none;   font-style: italic;}
.comment-author.vcard { display: flex; font-family: 'Montserrat';}
#cancel-comment-reply-link { color: #000; font-size: 16px;}
ul.xoxo { list-style: none;}
aside#sidebar .wp-block-latest-posts__featured-image a{width: 100px;}
section#comments-list {padding: 35px 0;}
form#commentform p {padding: 10px 0px;}

.tag-links a, .cat-links a{ margin: 0 5px; text-transform: uppercase; text-decoration: none; font-size: 13px;
font-family: 'Montserrat'; color: #000; font-weight: 600; padding: 5px 10px; background-color: #FEF5DD; border-radius: 5px;}

.tag-links, .cat-links { display: flex;}
.post-tag img, .post-categories img { height: auto!important; width: 100%;}
.post-tag article, .post-categories article { width: 33%; padding: 20px; display: flex; flex-direction: column-reverse;justify-content: flex-end;}
.post-tag h2, .post-categories h2 { font-size: 22px; line-height: 30px;}
.post-tag, .post-categories{display: flex;flex-flow: row wrap; list-style: none; padding: 0;}
.post-content-right .entry-content a { font-weight: 900!important; text-decoration: none!important; color: #000;}
.post-content-right .entry-content p { text-align: left!important;}

.article-content{padding-top: 30px;}


/*PDI - pagination*/
.uagb-post-pagination-wrap{    display: flex!important; align-items: center!important; justify-content: center!important;}
.uagb-block-981673b6 .uagb-post-pagination-wrap {margin-left:0!important;}
.uagb-post-pagination-wrap .page-numbers.current{background-color:#000!important; color:#fff!important;border-radius:7px!important;}
.uagb-post-pagination-wrap a:hover{background-color:#000!important; color:#fff!important;border-radius:7px!important;}
.uagb-post-pagination-wrap a{background-color:transparent!important;text-decoration:none;}

/*Faq*/
.uagb-faq-questions-button.uagb-faq-questions{padding: 25px 32px;}
.uagb-faq-item{border-radius: 15px!important;}
.uagb-faq-content{padding-top: 0!important;   padding-bottom: 25px!important; padding-right: 32px!important; padding-left: 32px!important;}


/*Recensioni*/
.glsr-review { background-color: #f7f7f7;   border-radius: 10px; padding: 30px;}
.wp-block-button__link{background-color: #000!important;border-radius: 10px!important;justify-content: center; border: none; width: 100%;}

/*Punto d'interesse*/
.background-title h1 { max-width: 800px;}
.wp-block-uagb-post-grid .uagb-post__inner-wrap { background-color: transparent;}
 .uagb-post__taxonomy.highlighted { background: #FEF5DD!important;}
.uagb-post__taxonomy.highlighted a { color: #000000!important; font-weight: 600;}
.uagb-post-grid .uagb-post__inner-wrap .uagb-post__taxonomy.highlighted{margin-bottom: 0!important;}

/*Footer*/
.footer-logo img{max-width: 300px;}
div#footer-info{display: flex;flex-direction: row; justify-content: space-between; max-width: 1200px; margin: 0 auto;}
.footer-col { padding: 0 10px;}
p.no-padding { color: #77838F; font-size: 14px;}
div#copyright { text-align: center; padding-bottom: 20px;font-family: 'Montserrat';}
div#copyright a { color: #000; text-decoration: none; font-weight: 800;}
.footer-col-20{width: 20%;}
.footer-col-60{width: 60%;}
footer#footer { position: relative;background-color: #fff;}
.footer-info a {color: #000!important; text-decoration: none!important;}


/*Link hover*/


/*.post-content-right .entry-content .uagb-container-inner-blocks-wrap a{padding: 3px;    position: relative;}
.post-content-right .entry-content .uagb-container-inner-blocks-wrap a:hover {
color: #fff!important;
background-color: #000;
transition: all 0.2s;
  transform-origin: 50% 100%;
    transform: scale(1, 1);
}

.post-content-right .entry-content .uagb-container-inner-blocks-wrap a:before {
  content: '';
      position: absolute;
      z-index: 1;
      width: 100%;
      height: 100%;
      left: 0;
      bottom: 0;
      display: inline-block;
      transform: scale(1, 0);
      transform-origin: 50% 100%;
      transition: all 0.2s;

}*/
.post-content-right .entry-content span{text-decoration: none!important;}

.post-content-right .entry-content .uagb-container-inner-blocks-wrap a, #comments a,
 div#copyright a, .post-content-right .entry-content p a, .post-content-right .entry-content li a {
  background: linear-gradient(#000 0 0) var(--p, 0) / var(--p, 0) no-repeat;
  transition: 0.4s, background-position 0s;
  padding: 2px;
  border-bottom: 3px solid #000;
  border-radius: 2px;
}
.post-content-right .entry-content .uagb-container-inner-blocks-wrap a:hover, #comments a:hover, div#copyright a:hover,
.post-content-right .entry-content p a:hover, .post-content-right .entry-content li a:hover {
  --p: 100%;
  color: #fff;
}







/*Tablet*/
@media screen and (max-width: 1200px) {
  div#container{padding: 0 10px}
}

@media screen and (max-width: 1024px) {
  .post-content-right, .sidebar-general {
      width: 100%!important;
  }
  .article-content {
    display: flex;
    flex-direction: column;
}
}


/*Mobile*/
@media screen and (max-width: 767px) {
h1{font-size: 40px!important;}
h2{font-size: 32px;}
h3{font-size: 22px}
h4{font-size: 19px}
.wp-block-latest-posts__featured-image{max-width: 125px!important;}
a.wp-block-latest-posts__post-title{font-size: 15px; line-height: 20px;}
.sticky-header{display: none!important;}
ul#menu-menu-principale{    padding-left: 20px;
    max-width: 300px;}
ul.sub-menu{background-color: transparent;display: block;}
ul.sub-menu li:hover, ul.sub-menu li:focus {   background-color: #ffffff1c;}
ul.sub-menu li {    padding: 5px 0 5px 10px!important;
    line-height: 20px;}
div#slide-menu{ padding-top: 30px;}
#header .hamburger { display: block;}
#header .hamburger a { height: 100%; display: flex; flex-direction: column; justify-content: space-between; align-items: stretch;}
#header .hamburger span { width: 100%; height: 4px; border-radius: 1.5px; background: #000000; display: inline-block;}
nav#main-menu{ position: relative;}
#slide-menu { position: fixed; top: 0; right: 0; height: 100%; min-width: 75%; background: rgba(0,0,0); z-index: 10;
     display: none;}
#slide-menu div.menu-main-menu-container ul li a,
#slide-menu div.menu-main-menu-container ul.sub-menu a {padding: 10px 10px 10px 30px; display: block; text-decoration: none;
      font-size: 18px !important; font-weight: 500; color: #FFFFFF;}
#slide-menu div.menu-main-menu-container ul li { list-style: none;}
#slide-menu .menu-item-has-children>a {   opacity: 0.6;}
#slide-menu div.menu-main-menu-container ul { display: block; padding-left: 0px; width: 100%; padding-top: 0;}
#slide-menu div.menu-main-menu-container ul.sub-menu a { padding-left: 50px;}
.header-bottom, .sticky-header { padding: 0 20px;}
#slide-menu ul a{color: #fff; text-decoration: none; font-family: 'Montserrat', sans-serif; font-size: 20px;}
#slide-menu ul li{padding-bottom: 20px;}

  #footer-info, #footer-form { width: 100%;}
  #footer-info { padding-right: 0;}
  .footer-col-20, .footer-col-60{width: 100%; padding-bottom: 40px;}
  #footer-info{flex-direction: column!important;}

  .icon-point img { padding: 12px; max-width: 60px;}
  .col-point{width: 47%!important;}
  .punti-interesse .uagb-container-inner-blocks-wrap{display: flex; flex-flow: row wrap;}
  .btn-w a,.btn-florence { padding: 10px; font-size: 16px;}
  .hide-mobile{display: none;}
  h3 { font-size: 20px; line-height: 25px;}

.tag-links, .cat-links { flex-direction: column;flex-direction: column;padding: 0 10px;}
  .tag-links a, .cat-links a{    margin: 2px 0;}
  .post-content-right, .sidebar-general{width: 100%!important;}
  ul.xoxo{padding: 0;}
  .article-content .entry-content img{height: auto;}

  .dropdown-content a{   padding: 10px; line-height: 20px; font-size: 15px; float: left;width: 50%;}
  .dropdown-content {    width: 330px; float: left;    }
  .punti-interesse { padding: 0!important;}
  .background-title{height: 300px!important; background-position:center!important; }

  .content-category{flex-flow: column;}
  .content-category article{max-width: 100%; padding: 20px 10px;}
  .content-category article img{max-width: 100%; height: auto;}
  .content-category h2{font-size: 22px;line-height: 30px;}

  .sidebar-general .widget-box {
    position: relative;
}
a.sub-link::after {
    content: '+';
    margin-right: 10px;
}

a.sub-link.closed-link::after {
    content: '-';
}
}