/*
Theme Name: vc_2025_RC2WPMM
Theme URI: https://marcoguglielmetti.it
Author: Marco Guglielmetti
Author URI: https://marcoguglielmetti.com
Description: Our fantastic base theme with advanced customizer.
Version: 1.0
Requires at least: 5.0
Tested up to: 5.4
Requires PHP: 7.0
License: GNU Genvar(--color-primary)blic License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: mgframe
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.
*/


/* ! Reset */
body, html{ font-size: 16px; font-family: "Roboto", "Verdana", "Segoe UI", "Helvetica Neue", Arial, sans-serif; box-sizing: border-box;margin: 0;padding: 0;}
*,*:before,*:after{ box-sizing: border-box; }

h1,h2,h3,h4,h5,h6, p, ol, ul{margin: 0;padding: 0;}
ol,ul{line-height: 1.5rem; font-size: 1.1rem; padding-left: 1.7rem;}
img{height: auto;}
a{text-decoration: none;}
hr{border : 0;
height: 1px;
background-image: linear-gradient(to right, rgba(0, 0, 0, 0), #2e4057, rgba(0, 0, 0, 0));}
/*
body.fixed .header-1 {
  position: fixed;
  /*top: 0;
  width: 100%;
  z-index: 1000;
  transition: all 1.3s ease-in-out;
}
/* ! Spinge Footer in fondo */
.site-wrapper {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

.site-content {
  flex: 1;
}
.footer{
    margin-top: auto!important;
}

/* Fancy, animated Blu*/

.related a {
  color: #333;
      text-decoration: none !important;
    box-shadow: none !important;
      background-image:
        linear-gradient(
            transparent 2px,
            #ff5f00 2px,
            #ff5f00 4px,
            transparent 4px
        ),
        linear-gradient(
            transparent 2px,
            #0366d6 2px,
            #0366d6 4px,
            transparent 4px
        );
      background-size: 0% 6px, 100% 6px;
      background-position: 0 bottom, 0 bottom;
      transition: background-size 0.3s ease-in-out;
      background-repeat: no-repeat;
      padding-bottom: 4px;
      border-bottom: 6px solid transparent;
  }
  .related a:hover {
  box-shadow: none !important;
      background-size: 100% 6px;
      color: #333;
  }
  .related-list {
    list-style-type: none;
  }
  .related-list li::before {
    content: "❯";
    color: var(--color-secondary); /* Bullet color */
    transition: all 0.3s ease-in-out;
  
  /* Optional tweaks */
  font-size: 20px;
    padding-right: 10px;
  }
  .related-list li:hover::before{
    content: "❯";
    color: #1072bd;
  }
  @media (max-width: 768px) {
.single .related-posts-after-content a {
    display: inline!important;
}
      }

/* ! Esclusioni */
.header__menu a, .header-1 a.header__logo-2, .header-2 a.header__logo-2, .header a.header__logo, .header-1 a.header__logo, .header-2 a.header__logo, a.fancy9, a img{background: none;}
a.wp-image, .wp-image a {background: none;}
.bg-none{background: none;}

/* Fancy, animated Blu */

a {
      text-decoration: none !important;
      background-image:
        linear-gradient(
            transparent 2px,
            #ff5f00 2px,
            #ff5f00 4px,
            transparent 4px
        ),
        linear-gradient(
            transparent 2px,
            #0366d6 2px,
            #0366d6 4px,
            transparent 4px
        );
      background-size: 0% 6px, 100% 6px;
      background-position: 0 bottom, 0 bottom;
      transition: background-size 0.3s ease-in-out;
      background-repeat: no-repeat;
      padding-bottom: 4px;
      border-bottom: 6px solid transparent;
  }
  a:hover {
      background-size: 100% 6px;
  }
  @supports (-ms-ime-align:auto) {
      a.fancy, a.fancy:visited {
          background-image:
              linear-gradient(#ff5f00, #ff5f00),
              linear-gradient(#0366d6, #0366d6);
          background-size: 0% 2px, 100% 2px;
          padding-bottom: 2px;
      }
      a:hover {
          background-size: 100% 2px;
      }
  }
  .header-1 a, .header-2 a, .header a{background-image: none;}
 /* .header-2 a, .header a{background-image: none;}*/
  .lwptoc-notInherit .lwptoc_i div a{line-height: 1.5rem;}
  .lwptoc-notInherit .lwptoc_i div a:hover{line-height: 1.5rem;}
  /*.page-numbers{background-image: none;}
*/
  a.page-numbers, a.url, .comment-meta a, .commentmetadata a, a[rel~="tag"], a.commentmeta, .lwptoc-light, .lwptoc_i A{text-decoration: none; color: var(--color-primary)!important;transition: all 0.3s ease 0s;background-image: none;}
  a:hover.page-numbers, a.url:hover, .comment-meta a:hover, a.commentmeta:hover, .commentmetadata a:hover, a:hover[rel~="tag"], .lwptoc-light .lwptoc_i A:hover{color: var(--color-secondary)!important;transition: all 0.3s ease 0s;}

p{line-height: 1.3}

ul {
  list-style: inside none;
}

ul li {
  /* Text color */
  color: var(--light-text-color);
  list-style-type: none;
}

.article ul {
  list-style:  outside none;
}
.article  ul{padding-left: 30px;}
.article ul li{line-height: 1.6em;}
ul li{margin-bottom: 10px;}


body{background: #2e4057; color: #fff; font-size: 16px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif;}


/* ! Title System */
.text-0{font-size: 5rem; line-height: 1;}
h1, .text-1{font-size: 3.4rem;}
h2, .text-2{font-size: 2.2rem;}
h3, .text-3{font-size: 1.5rem;}
h4, p, .text-4{font-size: 1rem;}

h1, h2, h3, h4, p, ol, ul{margin-bottom: 1rem;}

@media (max-width: 768px) {
  .text-0{font-size: 4rem}
  h1, .text-1{max-width: 100%;}
  h2, .text-2{font-size: 2.2rem;}
}



.wp-block-button__link{background-image: none;}

/* ! Header */

  .header-3{display: flex; justify-content: flex-end;position: fixed; align-items: center;width: 100%;top:0;left:0; z-index: 999; background: transparent; transition: all 1s cubic-bezier(.215, .61, .355, 1);}

  .logged-in .header-1, .logged-in .header-2{top: 30px;}


    .header-1, .header-2{display: flex; justify-content: center; position: absolute; align-items: center;width: 100%;top:-100%; left:0; z-index: 999; background: var(--color-menu);font-size:14;transition: all 1s cubic-bezier(.215, .61, .355, 1);}
    .header-1, .header-2{background-image:linear-gradient(to right,rgba(0, 0, 0, 0) 5%, #d7731d,#e36308,#fc7722, #fc7722,#fc7722, #fc7722, rgba(0, 0, 0, 0)95%);
  
      background-repeat: repeat-x;
      background-position: 0 100%;
      background-size: 100% 2.5px;
      z-index: 999;}
.fixed .header-1{opacity: 1; display: flex; justify-content: center; align-items: center;width: 100%; position:fixed; left:0; top: 0; z-index: 9999; transition: all 1s cubic-bezier(.215, .61, .355, 1); background: var(--color-menu); font-size:14px;}

/*.header-2{display: flex; justify-content: center; position: fixed; align-items: center;width: 100%;left:0; top: -100px; 999; background: var(--color-menu); font-size:14; transition: all 2s cubic-bezier(.215, .61, .355, 1);}
.header-2{background-image:linear-gradient(to right,rgba(0, 0, 0, 0) 5%, #d7731d,#e36308,#fc7722, #fc7722,#fc7722, #fc7722, rgba(0, 0, 0, 0)95%);

  background-repeat: repeat-x;
  background-position: 0 100%;
  background-size: 100% 2.5px;
  z-index: 999;}*/
.sticky .header-2{display: flex; justify-content: center; position: fixed; align-items: center;width: 100%;left:0; top: 0px; z-index: 999;}
.sticky .header-2{background-image:linear-gradient(to right,rgba(0, 0, 0, 0) 5%, #d7731d,#e36308,#fc7722, #fc7722,#fc7722, #fc7722, rgba(0, 0, 0, 0)95%);
  background-repeat: repeat-x;
  background-position: 0 100%;
  background-size: 100% 2.5px;
  z-index: 999;}
  .header-3{display: flex; justify-content: flex-end;position: fixed; align-items: center;width: 100%;top:0;left:0; z-index: 999; background: transparent; transition: all 1s cubic-bezier(.215, .61, .355, 1);}

/*----------------------------------------------------------------------------------- */
.header{display: flex; justify-content: center;position: fixed; align-items: center;width: 100%;top:0;left:0; z-index: 999; background: var(--color-menu); transition: all 1s cubic-bezier(.215, .61, .355, 1);}
.header__menu a{color:#fff; display: block; padding: 15px;}
.header{background-image:linear-gradient(to right,rgba(0, 0, 0, 0) 5%, #d7731d,#e36308,#fc7722, #fc7722,#fc7722, #fc7722, rgba(0, 0, 0, 0)95%);
  background-repeat: repeat-x;
  background-position: 0 100%;
  background-size: 100% 2.5px;
  z-index: 999;}
/* ! Animazione Header 1 */

  .header__menu a{
  	color: #fff;
  }
.header__menu a{
    color: #fff;
   font-size: var(--font-size-s);
   font-weight: bold;
  }

  .header__menu a {
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    display: inline-block;
    padding: 5px 20px;
    position: relative;
  }

  .header__menu a::after {
    content: "";
    position: absolute;
    bottom: 5px;
    left: 50%;
    display: block;
    background: none repeat scroll 0 0 transparent;
    height: 1px;
    width: 0%;
    background: linear-gradient(90deg, rgba(238,237,237,0.22452731092436973) 0%, rgba(255,255,255,1) 10%, rgba(255,255,255,1) 90%, rgba(244,242,242,0.16290266106442575) 100%);
    transition: width 0.3s ease 0s, left 0.3s ease 0s;
  }

  .header__menu a:hover::after {
    width: 90%;
    left: 5%;
  }


 .current_page_item > a::before {
      content: "";
    position: absolute;
    display: block;
    background: none repeat scroll 0 0 transparent;
    height: 1px;
    background: linear-gradient(90deg, rgba(238,237,237,0.22452731092436973) 0%, rgba(255,255,255,1) 10%, rgba(255,255,255,1) 90%, rgba(244,242,242,0.16290266106442575) 100%);
    transition: width 0.3s ease 0s, left 0.3s ease 0s;
    top: 0;
    width: 90%;
    left:5%;
  }

  /* Toglie Outline nel sub menu footer */
.footer.current-menu-item, .current_page_parent,
.current-page-item{
outline-style: none;
}


li.menu-item.menu-item-type-post_type.menu-item-object-page.current-menu-item.page_item.page-item.current_page_item.menu-item-has-children.menu-item{
  outline: none;
}

.logged-in .header{top: 30px;}
/*.logged-in .header-1{top: 30px;}*/
.logged-in .header-2{top: -50px;}
.logged-in.sticky .header-2{top: 30px;}
.logged-in .header-1{top: -50px;}
.logged-in.fixed .header-1{top: 30px;}
.logged-in .header-3{top: 30px;}

.header__menu a:focus,
.header__menu a:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 2px;
}


.header__menu{margin-bottom: -18px;display: flex;justify-content: flex-start;}
.header__menu li{display: inline-block;}
.header__menu ul li{margin-bottom: 0;}

.header__menu .menu-item-has-children::after{
  content: "⌵";
  color: #fff;
  font-weight: bold;
  font-size: var(--font-size-s);
  width: 16px;height: 16px;
  position: absolute;
  top:5%; 
  right: 0;
 }


  .header a.header__logo, .header-1 a.header__logo, .header-2 a.header__logo{font-weight: bold; padding: 0; margin-right: 20%; text-decoration: none;}
    .header a.header__logo-2, .header-1 a.header__logo-2, .header-2 a.header__logo-2{font-weight: bold; padding: 0; margin-right: 20%; text-decoration: none;}


.blog-name{font-weight: bold; padding: 0; margin-right: 20%; text-decoration: none;}
.header a.header__logo::after{height: 0}
.header-1 a.header__logo::after{height: 0}
.header-2 a.header__logo::after{height: 0}

.header-1 a.header__logo-2::after{height: 0}
.header-2 a.header__logo-2::after{height: 0}
.header__logo img{height: 60px; margin: 5px 5px 0px 20%;}
img.custom-logo{height: 60px; margin: 5px 5px 0px 20%;}
.header__logo-2 img{height: 60px; margin: 5px 5px -2px 20%;}
.header__hamburger{display: none;}

@media (max-width: 936px) {
  .header a.header__logo, .header-1 a.header__logo, .header-2 a.header__logo{margin-right: 30%; margin-left: 0;}
    .header a.header__logo-2, .header-1 a.header__logo-2, .header-2 a.header__logo-2{margin-right: 30%; margin-left: 0;}

}

/* Stato iniziale */

.header-1 {
  opacity: 0;
  transform: translateY(-20px);
  transition: opacity 0.4s ease, transform 0.4s ease;
      transition: all 1s cubic-bezier(.215, .61, .355, 1);
}

/* ! Stato dopo che il body riceve la classe fixed */
body.fixed .header-1 {
  opacity: 1;
  transform: translateY(0);
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1000;
}

/* ! Ex Main nav */
.header__menu a{color:#fff; display: block;}

.header__menu .menu-item-has-children{position: relative;display: inline-block;padding: 0px; /*transition: all 3s cubic-bezier(.215, .61, .355, 1);*/}

.header-1 .header__menu .sub-menu, .header-2 .header__menu .sub-menu{background: var(--color-menu);}
/*
.header__menu ul li > ul{display: none;transition: all 3s cubic-bezier(.215, .61, .355, 1);}
.header__menu ul li:hover > ul {
    display: block;
    transition: all 3s cubic-bezier(.215, .61, .355, 1);
    
}*/
.sub-menu {
  opacity: 0;
  visibility: hidden;
  transition: opacity 1s ease;
}

li:hover > .sub-menu {
  opacity: 1;
  visibility: visible;
}

.header__menu ul ul{
    position: absolute;
    top: 101%;
    left: 0px!important;
    margin-left: 0;
    z-index: 99999;
    text-align: center;
    width: auto;
 /*   transition: all 3s cubic-bezier(.215, .61, .355, 1);*/

  }
.header__menu ul .sub-menu{
    position: absolute;
    top: 100%;
    border-radius: 4px;
    z-index: 99999;
    min-width: 180px;
   /* transition: all 3s cubic-bezier(.215, .61, .355, 1);*/
}
.header__menu ul li::before{
  content: none;
}

/* menu solo desktop e laptop */
@media (min-width: 1024px) {

/*! Main nav */
.scroll-down .header__menu .menu-item-type-post_type .menu-item-object-page ul ul {
    top: 2.1em;
    left: 5px;
    padding: 0px;
}
.scroll-down .header__menu .sub-menu{background: var(--color-menu);}

.header-1 .header__menu .menu-item-type-post_type .menu-item-object-page ul ul, .header-2 .header__menu .menu-item-type-post_type .menu-item-object-page ul ul  {
  top: 2.2em;
  left: 5px;
  background: var(--color-menu);
  padding: 0px;
}
/* ! TEST RIDUZIONE CSS
.header-2 .header__menu .menu-item-type-post_type .menu-item-object-page ul ul {
    top: 2.2em;
    left: 5px;
    background: var(--color-menu);
    padding: 0px;
}*/


}
/* ! header scroll down*/
  .scroll-down .header{background: var(--color-menu);padding: 0 0%;}

  /* ! header menu trasparente con effetto */
@media (min-width: 1024px) {
  .header__logo img{height: 90px; margin: 5px 5px -10px 5px;}
  .header{padding: 5% 10%; background: transparent;}
  .header__menu .menu-item-type-post_type .menu-item-object-page ul ul{background: transparent;}
  .header__menu .sub-menu{background: transparent;}
  .header-1, .header-2{background: var(--color-menu);padding: 0 0%;}

  .header__logo-2 img{height: 60px; margin: 5px 5px 0px 20%;}
  .scroll-down .header__logo img{height: 60px; margin: 5px 5px 0px 20%;}

  .scroll-down .header{
    background-image:linear-gradient(to right,rgba(0, 0, 0, 0) 5%, #d7731d,#e36308,#fc7722, #fc7722,#fc7722, #fc7722, rgba(0, 0, 0, 0)95%);
    background-repeat: repeat-x;
    background-position: 0 100%;
    background-size: 100% 2.5px;
    transition: all 1s cubic-bezier(.215, .61, .355, 1);}
/* fine header scroll down*/
    .header-1, .header-2{
      background-image:linear-gradient(to right,rgba(0, 0, 0, 0) 5%, #d7731d,#e36308,#fc7722, #fc7722,#fc7722, #fc7722, rgba(0, 0, 0, 0)95%);
      background-repeat: repeat-x;
      background-position: 0 100%;
      background-size: 100% 2.5px;
      }

  /*    .header-2{
        background-image:linear-gradient(to right,rgba(0, 0, 0, 0) 5%, #d7731d,#e36308,#fc7722, #fc7722,#fc7722, #fc7722, rgba(0, 0, 0, 0)95%);        background-repeat: repeat-x;
        background-position: 0 100%;
        background-size: 100% 2.5px;
        }*/
}
@media screen and (max-width: 600px){
.logged-in .header{top: 0px;}
.logged-in .header-1{top: 0px;}
.logged-in .header-2{top: 0px;}
.logged-in.sticky .header-2 {
  top: 0px;
}
}
@media (max-width: 782px) {
  .logged-in .header{top: 45px;}
  .logged-in .header-1{top: 45px;}
  .logged-in .header-2{top: 45px;}

}
@media (max-width: 896px) {
  .header__menu .current-menu-item::before, .current_page_parent::before,
  .current-page-item::before{
    content: "";

  
  }
}
@media (max-width: 896px) {
  .header-2, .header-1 {
    background: var(--color-menu-m);padding: 0 0%;
    background-image: linear-gradient(90deg, transparent 0%, #ff5f00, transparent 100%) !important;
    background-repeat: repeat-x !important;
    background-position: 0 100% !important;
    background-size: 100% 3px !important;
    z-index: 999;
}

/* ! Menu mobile, apertura da SX verso DX */
/*icon dropdown menu */
.header__menu .menu-item-has-children::after{
  top: 25px;
  right: 25px;
}
  /* Toglie Outline su menu mobile e footer */
  .header__menu .current-menu-item, .current_page_parent,
  .current-page-item{
  outline-style: none;
  text-decoration: solid;
  border-left: 1px solid #fff;
  }
 
  .footer__menu .current-menu-item, .current_page_parent,
  .current-page-item{
  outline-style: none;
  }

.header__menu{background: var(--color-menu-m);position: absolute;top:57px; right: 100%; width: 100%; display: block;z-index: 99; padding: 10px;height: 100vh; transition: all 1s cubic-bezier(.215, .61, .355, 1);}
.header__menu li{display: block;}

.header__menu a{width: auto;}

.header__menu .menu-item-has-children {
    position: relative;
    display: block;
    padding: 10px 0;
    margin-bottom: 10px;
}
.header__menu ul li:hover > ul {
    display: block!important;
}
.header__menu ul ul{
    display: none;
    position: absolute;
    left: 0px;
    z-index: 99999;
    text-align: left;
    width:auto;

}
.header__menu ul .sub-menu{
    display: none;
    position: relative;
    left: 0px;
    z-index: 99999;
    width: auto;
    margin:0 10px;
}
.header__menu ul ul {top: 1em!important; display: none;}
.header a::after {
    content: "";
    display: none;
    height: 0px;
}
.header-1 a::after, .header-2 a::after {
  content: "";
  display: none;
  height: 0px;
}
/*.header-2 a::after {
    content: "";
    display: none;
    height: 0px;
}*/
.header__logo-2 img{height: 50px; margin: 5px 5px -2px 30%;}
.header__logo img{height: 50px; margin: 5px 5px -2px 30%;}

.header__hamburger{display: block;width: 40px;height: 35px; margin-right: 20%; border:none; background: transparent;z-index: 9999; margin-top: -10px;}
.header__hamburger span{width: 33px;height: 2px;background: #fff;margin-top: 8px;display: block;transition: all 0.15s cubic-bezier(.215, .61, .355, 1);}


.menu-open .header__hamburger span:nth-child(1){transform: translateY(5px) rotate(45deg);}
.menu-open .header__hamburger span:nth-child(2){transform: translateY(-5px) rotate(-45deg);}

.menu-open .header__menu{right: 0}
}


@media (max-width: 460px) {
  button.header__hamburger{margin-left:-5%;}
    .header a.header__logo, .header-1 a.header__logo, .header-2 a.header__logo{font-weight: bold; padding: 0; margin-right: 17%; text-decoration: none;}
    .header a.header__logo-2, .header-1 a.header__logo-2, .header-2 a.header__logo-2{font-weight: bold; padding: 0; margin-right: 17%; text-decoration: none;}
    .header__logo {margin-right: 10%;}
    .header__logo-2 {margin-left: 5%}
}


/* ! Index */
/*----------------------------------------------------------------------------------- */
.extract-archive{color: #202020; background-image: none;}
.extract-archive:hover{color: #202020;}

/* ! Blog */
/*----------------------------------------------------------------------------------- */
/*.pagination{margin: 20px 0px 40px 0;}
.page-numbers{padding: 5px 10px; border: 1px solid #ddd;font-size: 14px; line-height: 2rem;}
*/
.pagination ul {
  list-style: none;
  display: flex;
  gap: 0.5em;
  padding: 0;
  justify-content: center;
}

.pagination li a,
.pagination li span {
  padding: 0.5em 0.75em;
  border: 1px solid #ddd;
  text-decoration: none;
  color: #333;
  border-radius: 4px;
  font-weight: bold;
}

.pagination li .current {
  border: 2px solid #0073aa;
  color: #333;
  font-weight: bold;
}
.pagination ul li::before{
  content: "";
  font-size: 0px;
}

/*
.single .related-posts-after-content .related-thumb {
  display:inline-block;
  }*/
  .single .related-posts-after-content a {
    display:inline-block;
    }

    .img-thumb{display: block; position: relative; transition: all .2s linear;
      transform: scale(1); filter: sepia(0);}
    .img-thumb:hover{transform: scale(1.1);filter: hue-rotate(45deg); transform: scale(0.95);}


/* ! Link/Button Read More */
.more-link {
  display: inline-block;
  width: auto;
  height: auto;
  margin: 10px 0 25px 0!important;
  box-shadow: 0 3px #d3601d;
  background-color: #fff;
  border:1px solid #ff5f00;
  /*color: #2e4057; /*#9E2022;*/
  color: var(--H-color)!important;
  font-weight: bold;
  line-height: 0.9;
  text-decoration: none;
  text-align: center;
  background-image: none;
  border-radius: 10px;
  padding: 7px 20px 10px 20px!important;
  text-transform:none!important;
  transition: all 0.3s ease-in-out;
  }
.more-link:hover {
  color: #fff!important;
  box-shadow: 0 2px #1072bd;
  background-color: #4495d3;
  border-color: #0366d6;}
  .more-link:active {
  position:relative;
  top:1px;
  transition: all 0.3s ease-in-out;
}
.more-link{float: right;}
.more-link::after{
  content: "↚ ";
  display:inline-block;
  font: bold;
  font-size: 28px;
transform: rotate(180deg);
margin-left: 10px;
}


.more-link:hover:before {
		width: 100%;
}
.more-link:focus {
	outline: none;
}
/* ! Single */

/*----------------------------------------------------------------------------------- */

/* ! Form Comments Single */
/*----------------------------------------------------------------------------------- */


.comment-form{background: #f5fcfe7a;padding: 20px;border: 2px dashed var(--color-menu); border-radius: 5px; font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;}
.comment-form-comment label{margin: 20px;}

.comments textarea{width: 100%; font-size: var(--font-size-base);
    border: 2px solid var(--color-menu);}

#author {padding: 10px 10px; border: 2px solid var(--color-menu); width: auto;}
#email {padding: 10px 10px; border: 2px solid var(--color-menu); width: 50%;}
#url {padding: 10px 10px; border: 2px solid var(--color-menu); width: 50%;}

@media (max-width: 768px) {
  #author {padding: 10px 10px; border: 2px solid var(--color-menu); width: 50%;}
  #email {padding: 10px 10px; border: 2px solid var(--color-menu); width: 75%;}
  #url {padding: 10px 10px; border: 2px solid var(--color-menu); width: 75%;}
}

/* Highlight active form field */

#respond input[type=text] {
  transition: all 0.30s ease-in-out;
   outline: none;
   font-size: var(--font-size-base);
   border-radius: 5px;
   outline: none;
}
#respond textarea {
  transition: all 0.30s ease-in-out;
   outline: none;
   width: 100%; font-size: var(--font-size-base);
   border: 2px solid var(--color-menu);
   border-radius: 5px;
}
#respond textarea:focus {
   outline: none;
border: 2px solid rgba(81, 203, 238, 1);
border-radius: 5px;

}

#respond input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
textarea:focus {
box-shadow: 0 0 5px rgba(81, 203, 238, 1);
border: 2px solid rgba(81, 203, 238, 1);
border-radius: 5px;
}
/* personallizza il link del commento a cui rispondi e il link annulla */
a#cancel-comment-reply-link{float: right;}

.comment-content {
    clear: both;
    overflow: hidden;
}
.comment-list li {
    font-size: 14px;
    padding: 20px 30px 20px 50px;
    list-style-type: none;
}
.comment-list ol, ul{
  padding-left: 0;
}
.comment-list .children {
    margin-top: 40px;
    border: 1px solid #cccccc50;
    border-radius: 5px;
}
.comment-list li li {
    background-color: #f5fcfeab;
}
.comment-list li li li {
    background-color: #f5fcfe7a;
}
@media (max-width: 844px) {
  .comment-list li{padding: 20px;}
}
.comment-respond label {
    display: block;
    margin-right: 12px;
}
.avatar {
border: 1px solid var(--color-menu);
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
}

.bypostauthor .avatar{
border: 1px solid var(--color-secondary);
}
.form-allowed-tags {
    background-color: #f5f5f5;
    font-size: 16px;
    padding: 24px;
}

/* Comment reply link con icona */
.comment-reply-link{
  /* color: #ff5f00; */
  color: var(--color-primary);
  font-size: 16px;
  transition:  all 0.3s ease-in-out;
  }

.comment-reply-link:hover {
  color: var(--color-secondary);
}

.comment-reply-link::after{
  content: "↜";
  display:inline-block;
  padding-left: 10px;
  font-size: 28px;
}

/* Pulsante comments */


#submit{
  display: inline-block;
  	width: auto;
  	height: auto;
  margin: 0 auto!important;
  	font-size: 24px;
    box-shadow: 0 3px #d3601d;
    background-color: #fff;
    border:2px solid #ff5f00;
    color: var(--H-color);
  	line-height: 0.9;
      text-decoration: none;
      text-align: center;
      background-image: none;
      border-radius: 10px;
  	   padding:15px 30px;
     text-transform:none!important;
  transition: all 0.3s ease-in-out;
  }
#submit:hover {
  color: #fff;
  box-shadow: 0 1px #1072bd;
  background-color: #4495d3;
  border-color: #0366d6;}
#submit:active {
position:relative;
top:1px;
}


/* ! Footer */
/*----------------------------------------------------------------------------------- */
.footer{
      /* margin-bottom: -70px; */
      color: var(--color-link-menu);
      background: var(--color-menu);
      background-image:linear-gradient(to right,rgba(0, 0, 0, 0) 5%, #d7731d,#e36308,#fc7722, #fc7722,#fc7722, #fc7722, rgba(0, 0, 0, 0)95%);
      background-repeat: repeat-x;
      background-position: 100% 0;
      background-size: 100% 3px;
      z-index: 999;
  }

.footer p{color: var(--color-link-menu);}
.footer a{color: var(--color-link-menu); background-image: none;}

.footer-menu{
  list-style-type: none;
  text-align: center;
  margin: 0;
  padding: 0;}
  .footer-menu li {
    display: inline-block;
    font-size: var(--font-size-sm);
    padding: 10px 5px 0 0;
    color: #fff;
  }
.footer-menu ul ul{display: none;}

/* ! Animazione menu footer */

  .footer a{
  	color: #fff;
    font-size: var(--font-size-s);
  }

  .footer ul {margin-left: 10px;}

 .footer ul li:before {
    /* content: '\2022 '; */
    content: '#';
    font-size: var(--font-size-base);

}

  .footer a {
    color: #fff;
    text-decoration: none;
    display: inline-block;
    padding-bottom: 3px;
    position: relative;
  }

  .footer a::after {
    content: "";
    position: absolute;
    bottom: 5px;
    left: 50%;
    display: block;
    background: none repeat scroll 0 0 transparent;
    height: 1px;
    width: 0%;
    background: linear-gradient(90deg, rgba(238,237,237,0.22452731092436973) 0%, rgba(255,255,255,1) 10%, rgba(255,255,255,1) 90%, rgba(244,242,242,0.16290266106442575) 100%);
    transition: width 0.3s ease 0s, left 0.3s ease 0s;
  }

  .footer a:hover::after {
    width: 100%;
    left:0;
  }
.site-intro {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
  padding: 20px 10px;
}

.site-title,
.site-slogan {
  margin: 0;
  padding: 5px 0;
  min-width: 200px; /* evita collasso */
}

.intro-wrapper {
  max-width: 100%;
  width: 100%;
}
/* responsive *//*
@media (max-width: 2200px) {
  .intro-wrapper {
    max-width: 70%;
    width: 100%;
  }
}
@media (max-width: 1700px) {
  .intro-wrapper {
    max-width: 80%;
    width: 100%;
  }
}
@media (max-width: 1024px) {
  .intro-wrapper {
    max-width: 100%;
    width: 100%;
  }
}
/* ! Grid System */
/*----------------------------------------------------------------------------------- */

.grid{display: flex; flex-wrap: wrap; max-width: 1250px; margin: 0 auto}
/*.grid-2 {
  flex-direction: row | row-reverse | column-reverse;
}
.grid-sma {
  flex-direction: row | row-reverse | column-reverse;
}*/
.grid--small{max-width: 900px;}
.grid--center{justify-content: center;}
.grid--f{max-width: 100%}

/* inverte l'ordine delle colonne su mobile */
@media (max-width: 768px) {
  .grid-sma {
    flex-direction: column-reverse;
  }
}

@media (min-width: 768px) {
  .grid-desk {
    flex-wrap: wrap-reverse;
  }
}

.colorcol-70{width:70%}

.col-20{width:20%}
.col-25{width:25%}
.col-30{width:30%}
.col-375{width:37.5%}
.col-33{width:33.33%}
.col-40{width:40%}
.col-50{width:50%}
.col-60{width:60%}
.col-70{width:70%}
.col-75{width:75%}
.col-80{width:80%}
.col-90{width:90%}
.col-100{width:100%}

[class*='col-']{padding: 10px;}

.grid--full [class*='col-'],
.grid .grid [class*='col-'] {padding: 0;}


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

  .sma-pm-none{padding: 0!important; margin: 0!important;} /* smartphone margin/padding 0 */
  .sma-m-none{margin: 0!important;} /* smartphone margin 0 */
  .sma-p-none{padding: 0!important;} /* smartphone padding 0 */

}

.customize-control .customize-inside-control-row {
  line-height: 1.6;
  display: inline-block!important;
  margin-left: 24px;
  padding-top: 6px;
  padding-bottom: 6px;
}

/* ! Helpers */
/*----------------------------------------------------------------------------------- */
.spacer{height: 170px;}
.spacer-1{height: 1rem;}
.spacer-2{height: 7rem;}
.spacer-3{height: 3rem;}
.spacer-5{height: 5rem;}

.spacer-5-D{height: 3.5rem;}
.spacer-6-D{height: 6rem;}
.spacer-7-D{height: 7rem;}
.spacer-3-M{height: 4rem;}


/* desktop */

@media (max-width: 925px){
	.spacer-5-D{display: none;}
  .spacer-6-D{display: none;}
  .spacer-7-D{display: none;}
}

/* mobile */
@media (min-width: 924px){
	.spacer-3-M{display: none;}
}

.blog-sidebar{float: left;}
.hr4 {
  border : 0;
  height: 1px;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 5%, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0))95%;
}
.hr5 {
  border : 0;
  height: 1px;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0), #8c8c8c, rgba(0, 0, 0, 0));
}
.hr6 {
  border: 0;
  height: 1px;
  background-image: linear-gradient(to right, #f0f0f0, #8c8c8c, #f0f0f0);
}
.brr {border: 1px solid red;}

.blg {border-left: 2px solid darkgrey;}
@media (max-width: 768px) {
  .blg{border-left: none;}
}
.brg {border-right: 2px solid darkgrey;}
@media (max-width: 768px) {
  .brg{border-right: none;}
}

.overflow{overflow: hidden;}
.inline{display: inline;}
.inline-b{display: inline-block;}

.img-res {
  width: 100%;
  max-width: 700px;
  height: auto;
}


.img-max{max-width: 100%!important;}
/* img in evidenza */
.img-center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.img-index{float: left; margin: 10px;}
@media (max-width: 768px) {
  .img-index{margin: 0px;}
}

.video-res{width: 100%;height: 100%;overflow: hidden;}
.video-res video{width: 100%;height: 100%;object-fit: cover}

.mt-0{margin-top: 0;}
.mt-1{margin-top: 1rem;}
.mt-2{margin-top: 2rem;}
.mt-3{margin-top: 3rem;}
.mt-4{margin-top: 4rem;}
.mt-8{margin-top: 8rem;}

.mt1{margin-top: -10px;}
.mt2{margin-top: -2rem;}
.mt3{margin-top: -3rem;}
.mt4{margin-top: -4rem;}
@media (max-width: 768px) {
  .mt-sma{margin-top: 0;}
}

.mb-0{margin-bottom: 0;}
.mb-1{margin-bottom: 1rem;}
.mb-2{margin-bottom: 2rem;}
.mb-3{margin-bottom: 3rem;}
.mb-4{margin-bottom: 4rem;}

.mb1{margin-bottom: -1rem;}
.mb2{margin-bottom: -2rem;}
.mb3{margin-bottom: -3rem;}
.mb4{margin-bottom: -4rem;}

.text-center{text-align: center}
.text-left{text-align: left}
.text-right{text-align: right}
.text-j{text-align: justify;}
.text-it{font-style: oblique;}

.p-0{padding: 0;}
.p-1{padding: 1rem;}
.p-2{padding: 2rem;}
.p-3{padding: 3rem;}
.p-4{padding: 4rem;}

/* Padding colonne contenuto e sidebar */
.p-cs{padding: 0.7rem!important;}

.pt-0{padding-top: 0;}
.pt-1{padding-top: 1rem;}
.pt-2{padding-top: 2rem;}
.pt-3{padding-top: 3rem;}
.pt-4{padding-top: 4rem;}

.pb-0{padding-bottom: 0;}
.pb-1{padding-bottom: 1rem;}
.pb-2{padding-bottom: 2rem;}
.pb-3{padding-bottom: 3rem;}
.pb-4{padding-bottom: 4rem;}


.icon-small{width: 40px;padding: 8px;}
.icon-white{filter: invert(1);}
.bg-dark{background: #000;}
.text-white{color:#fff}
.text-dark{color: #000;}

.v-center{display: flex; justify-content: center; flex-flow: column;align-items: flex-start;}

.font-normal{font-weight: 400;}

.none{display: none;}
@media (max-width: 768px) {
  .sma-none{display: none;}
}

/* desktop */
@media (min-width: 1023px){
	.desktop-none{display: none;}
}

@media (max-width: 1021px){
	.only-desktop{display: none;}
}

/* tablet */
@media (max-width: 991px){
	.tab-none{display: none;}
}


/*mobile*/
@media (max-width: 768px){
	.sma-none{display: none;}
}

@media (max-width: 768px) {
  .mobile {display: none;}
}
@media (min-width: 768px) {
  .desktop {display: none;}
}

/* ! Wordpress Styles */

blockquote {
  background: #f5fcfe7a;
  border: 2px solid var(--color-menu);
  padding: 10px;
 /* margin: 10px 10px 10px 50px;
  color: #0D161C;
  font-size: 14px;
  font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;*/
  font-weight: normal;
  font-style: italic;
  overflow: auto;
  clear: both;
}

blockquote {
  display: block;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 40px;
  margin-inline-end: 40px;
  unicode-bidi: isolate;
}

@media (max-width: 768px) {
  blockquote {
    margin-inline-start: 10px;
    margin-inline-end: 10px;
  }
}

.form-search {
    max-width: 600px;
    margin: 50px auto;
}
input[type="text"] {
    display: block;
    width: calc(100% - 24px); /*20px [ left & Right ] padding + 4px border [ left & Right ] */
    font-size: 18px;
    color: #333;
    padding: 10px 10px 10px 30px;
    border: 2px solid  darkgrey;
    border-radius: 10px;
}
.placeholder{color: #ddd;}
input:focus, textarea:focus{box-shadow: 0 0 5px rgba(81, 203, 238, 1);
border: 2px solid rgba(81, 203, 238, 1); border-radius: 10px; outline: none;}
.form-search {
    position: relative;
}
.form-search button {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 50px;
    background: transparent;
    border: transparent;
    font-size: 20px;
    cursor: pointer;
    outline: 0;
}
.form-search img{float: right;width: 30px; margin-bottom: 0px;margin-right: 50px;}

.wp-block-search__input {
  /* border-radius: 50px!important;*/
    outline: none;}
.text-tag p{font-size: var(--font-size-s); color: var(--light-text-color);}
.text-tag a{font-size: 1rem;}
.text-tag {font-size: var(--font-size-s); color: var(--light-text-color);}

.breadcrumbs {
  margin: 10px 0px 10px 20px;
  text-transform: uppercase;
}

.breadcrumbs p {

  font-size: 0.75rem;
  color: var(--light);
  letter-spacing: 0.063rem;
  text-transform: uppercase;
}

.breadcrumbs .fa-caret-right {
  margin: 0 15px;
}
/*
a[rel^="tag"] { font-size: 16px;}

a[rel^="category"] {font-size: 16px;}

.entry p{ color: red; }

a[rel~="tag"] { color: red!important; }*/

.alignfull{width: 100vw; max-width: 100vw; margin-left: calc(50% - 50vw); overflow: hidden;}
.alignwide{width: 90vw; margin-left: calc(50% - 45vw);}

/* Per evitare che gli oggetti full/wide escano dalla griglia in single e page con sidebar */
.page-template-page-sidebar .wp-block-cover.alignfull, .page-template-page-sidebar .wp-block-cover.alignwide, .page-template-page-sidebar .wp-block-image.alignfull,
.page-template-page-sidebar .wp-block-image.alignwide, .page-template-page-sidebar .wp-block-gallery.alignwide,.page-template-page-sidebar .wp-block-media-text,
.page-template-page-sidebar .wp-block-gallery.alignfull {width: 100%; margin-left: 0;}

.single .wp-block-cover.alignfull, .single .wp-block-cover.alignwide, .single .wp-block-image.alignfull,
.single .wp-block-image.alignwide, .single .wp-block-gallery.alignwide,.single .wp-block-media-text,
.single .wp-block-gallery.alignfull {width: 100%; margin-left: 0;}
.wp-caption {
    width: 100%!important;
}