/*
Theme Name: Santoriello Theme
Theme URI:
Author: Santoriello
Author URI: https://www.santoriello.it
Description: Santoriello is designed to take advantage of the new design tools introduced in WordPress 6.2. With a clean, blank base as a starting point, this default theme includes ten diverse style variations created by members of the WordPress community. Whether you want to build a complex or incredibly simple website, you can do it quickly and intuitively through the bundled styles or dive into creation and full customization yourself.
Requires at least: 6.1
Tested up to: 6.2
Requires PHP: 5.6
Version: 1.1
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/old-licenses/gpl-2.0.html
Text Domain:
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, accessibility-ready, blog, portfolio, news
*/

/********** Body **********/
@import url('https://fonts.googleapis.com/css?family=Josefin+Sans:100,100i,300,300i,400,400i,600,600i,700,700i&display=swap');
body {font-family: Arial, "Josefin Sans",sans-serif;; font-weight: 400; color:#000; font-size: 14px; line-height: 1.6; -webkit-font-smoothing: none;}
body.home #site-content {padding: 0;}
#site-content {padding: 0 0 0 0; background: #fff; padding-bottom: 40px;}
#site-content >.container-fluid {padding:0;}
.floatnone {float: none;}
.container-1440 {max-width: 1440px; padding-left: 0; padding-right: 0; float: none; margin: 0 auto;}
.container-680 {max-width: 960px; padding-left: 0; padding-right: 0; float: none; margin: 0 auto;}
.container-480 {max-width: 480px; padding-left: 0; padding-right: 0; float: none; margin: 0 auto;}
.width-auto .wp-block-cover-is-layout-flow {width: auto!important;}

@media (min-width: 1200px) {.container {max-width: 1170px; padding-left: 0; padding-right: 0;}}
@media (max-width: 1200px) {.container {max-width: 100%; padding-left: 20px; padding-right: 20px; margin: 0;} img {max-width: 100%;}}


/********** Heading **********/
h1 {font-family: 'Josefin Sans', sans-serif; font-size: 18px; font-weight: 400;}
h2 {font-family: 'Josefin Sans', sans-serif; font-size: 22px; font-weight: 400; text-transform: uppercase;}
h3 {font-family: 'Josefin Sans', sans-serif; font-size: 22px; font-weight: 400; padding-bottom: 10px;}
h4 {font-family: 'Josefin Sans', sans-serif; font-size: 16px; font-weight: 400;}
h5 {font-family: 'Josefin Sans', sans-serif; font-size: 14px; font-weight: 400;}

h1.title {text-transform: uppercase; text-align: center; padding-bottom: 5px; margin-bottom: 20px; border-bottom: 1px solid #A4A300;}
h1.title.align-left {text-transform: uppercase; text-align: left; padding-bottom: 5px;}



/********** Btn **********/
.btn {padding: 0!important; margin: 0!important;}
.btn a {display: inline-block; width: auto!important; transition: all 0.2s; padding: 0!important; margin: 0!important; color:#0dc5f2; font-weight: bolder; background: none!important; font-size: 13px!important;}
.btn a::before {content: url('../imgs/ico-btn.svg'); width: 10px; display:inline-block; margin-right: 5px; filter: invert(51%) sepia(88%) saturate(966%) hue-rotate(153deg) brightness(106%) contrast(90%); transition: all 0.2s;}
.btn a:hover, .btn a:hover::before {color: #000!important; filter:none!important;}


/********** Divider  **********/
div.divider {margin-bottom: 12px; margin-top: 12px; min-height: 1px; position: relative; font-size: 0px;}
div.divider.divider-heading {height: 0; border-top: 1px solid #000; margin: 5px 0;}
div.divider.divider-article {height: 0; border-top: 1px solid #A4A300; margin: 0;}


/********** Shadow **********/
.shadow-sx img {box-shadow: 7px 8px 14px -15px rgba(0,0,0,0.45); -webkit-box-shadow: 6px 7px 19px -11px rgba(0,0,0,0.45); -moz-box-shadow: 6px 7px 19px -11px rgba(0,0,0,0.45);}
.shadow-md img {box-shadow: 6px 7px 19px -11px rgba(0,0,0,0.75); -webkit-box-shadow: 6px 7px 19px -11px rgba(0,0,0,0.75); -moz-box-shadow: 6px 7px 19px -11px rgba(0,0,0,0.75);}
.shadow-md iframe {box-shadow: 6px 7px 19px -11px rgba(0,0,0,0.75); -webkit-box-shadow: 6px 7px 19px -11px rgba(0,0,0,0.75); -moz-box-shadow: 6px 7px 19px -11px rgba(0,0,0,0.75);}


/********** Padding **********/
.padding-0 { padding:0!important;}
.padding-0 figure { margin:0!important;}
.margin-0 { margin-bottom:0!important;}
figure.margin-0 { margin-bottom:0!important;}


/********** Video **********/
.video-center {text-align: center;}
.video-yt iframe {width: 1170px !important; height: 658px !important;}
.bg-black {background: #000;}
.wp-block-video-square {max-width: 360px;}


/********** Header **********/
header {background: #fff; padding-bottom:25px;}

.rainbow {background: linear-gradient(0.25turn, #0dc5f2, #a3a301); height: 8px;}

.navbar-brand {display: inline-block;}
.wrap-top {padding: 0 15%; margin-top: 20px;}
.box-logo {text-align: center; padding-top: 20px;}
.navbar {padding-top:0!important;}
.logo {width:134px;}

.box-about span {font-family: 'Josefin Sans', sans-serif; color: #000; text-transform: uppercase; font-size: 18px; font-weight:400;}
.box-slogan {font-family: 'Josefin Sans', sans-serif; text-align: right; color: #0dc5f2; font-size: 18px; font-weight:400;}

.social {display: inline-block; width: 100%; text-align: right;}
.social a img {width: 40px; transition: all 0.2s; -webkit-transition: all 0.2s;}
.social a:hover img {filter: invert(0.5) sepia(1) saturate(5) hue-rotate(25deg); transition: all 0.2s; -webkit-transition: all 0.2s;}
.social .btn {padding:0; padding-left:3px; border:0;}
.social .btn:hover {color:#fff;}

/* On sticky menù */
.site-header.sticky-top {top: -100px; transition: .5s;}
.sticked {box-shadow: 0 0.125rem 0.25rem rgba(0,0,0,0.075) !important; position: fixed; width: 100%;}
.sticked .rainbow {height: 4px; transition: .5s;}
.sticked .navbar-brand {position: relative; z-index: 1; transition: .5s;}
.sticked .navbar-brand img {width:50px; transition: .5s;}
.sticked .wrap-top {margin-top: 15px;}

#navbarNavDropdown {text-align: center;}

@media (max-width: 1200px) {
    .wrap-top {padding-left: 0; padding-right: 0;}
}

@media (max-width: 991px) {
    .box-menu {display: none;}
    .main-menu, .main-menu li {float: none;}
    .main-menu {margin-top: 15px;}
    .social {text-align: center;}
    .social span {width: 100%; display: block; }
    .social span {text-transform: uppercase; padding-top: 15px;}
    .box-about {text-align: center;}
    .box-slogan {text-align: center;}

    .wp-block-column {flex-basis:100%!important;}
    .about-spacing .is-layout-flex {display: none;}
}


/********** Main menu **********/
.main-menu {padding:0; margin: 0; margin-top: 9px; float: left;}
.main-menu li {float: left; list-style: none;}
.main-menu a {font-family: 'Josefin Sans', sans-serif; font-size: 18px; font-weight:400; display: inline-block; text-transform: uppercase; color:#000; margin: 0 15px 0 0; text-decoration: none; position: relative; transition: all 0.5s cubic-bezier(.55, 0, .1, 1);}
.main-menu a:hover {color:#0dc5f2;}
.main-menu a:hover:after {animation: strikethrough 0.2s linear forwards; content: ''; position: absolute; display: block; width: 100%; height: 1px; top: 40%; background: #0dc5f2;}
.main-menu .current_page_item a, .main-menu .current-menu-item a, .main-menu .current-menu-parent a {color:#0dc5f2;}
.main-menu .current_page_item a:after, .main-menu .current-menu-item a:after, .main-menu .current-menu-parent a:after {content: ''; position: absolute; display: block; width: 100%; height: 1px; top: 40%; background: #0dc5f2;}
.main-menu .current_page_item a:hover:after, .main-menu .current-menu-item a:hover:after, .main-menu .current-menu-parent a:hover:after {animation: none;}
/* Keyframes for initial animation */
@keyframes strikethrough {from {width: 0;}to {width: 100;}}

@media (max-width: 991px) {
    .main-menu, .main-menu li {float: none;}
}


/********** Navbar Toggler **********/
/* Remove border from toggler */
.navbar-toggler {border: 0 !important; position: absolute; top: 30px; right: 20px;}
.navbar-toggler:focus, .navbar-toggler:active, .navbar-toggler-icon:focus {outline: none !important; box-shadow: none !important; border: 0 !important; }
/* Lines of the Toggler */
.toggler-icon {width: 30px; height: 3px; background-color: rgba(13,197,242,1); display: block; transition: all 0.2s;}
/* Adds Space between the lines */
.middle-bar {margin: 5px 0;}
/* State when navbar is opened (START) */
.navbar-toggler .top-bar {transform: rotate(45deg); transform-origin: 10% 10%;}
.navbar-toggler .middle-bar {opacity: 0; filter: alpha(opacity=0);}
.navbar-toggler .bottom-bar {transform: rotate(-45deg); transform-origin: 10% 90%;}
/* State when navbar is opened (END) */
/* State when navbar is collapsed (START) */
.navbar-toggler.collapsed .top-bar {transform: rotate(0);}
.navbar-toggler.collapsed .middle-bar {opacity: 1; filter: alpha(opacity=100); width: 60%;}
.navbar-toggler.collapsed .bottom-bar {transform: rotate(0);}
/* State when navbar is collapsed (END) */
/* Color of Toggler when collapsed */
.navbar-toggler.collapsed .toggler-icon {background-color: #000; transition: all 0.3s;}
.navbar-toggler.collapsed:hover .toggler-icon {background-color: rgba(13,197,242,1);}


/********** Smart Slider **********/
.slide-home {margin-bottom: 45px;}
.slide-home h2 {font-size: 18px!important; line-height: 1.6!important;}
.slide-home .nextend-bullet-bar {background: none!important; opacity: 1; padding: 5px 10px 5px 10px!important; box-shadow: none!important; border: 0px; border-radius:0;}
.slide-home .n2-bullet {background:#fff!important;}
.slide-home .n2-active {background: #a5a004!important;}
.slide-home p a {color:#a5a004!important;}
.slide-home p a:hover {color:#000!important;}

.slide-home .n2-ss-widget {border-radius:0!important; box-shadow: 0!important; background:#a5a004!important; padding: 6px!important;}
.slide-home .n2-ss-widget img {display:none!important;}
.slide-home .n2-ss-widget:hover {background:#000!important;}
.slide-home .nextend-arrow-previous:before {display: block; content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 320 512"><path d="M41.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l160 160c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L109.3 256 246.6 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-160 160z" fill="red"/></svg>'); filter: invert(100%) sepia(92%) saturate(0%) hue-rotate(198deg) brightness(106%) contrast(100%);}
/*.slide-home .nextend-arrow-previous:hover:before {filter: invert(52%) sepia(89%) saturate(1089%) hue-rotate(27deg) brightness(95%) contrast(97;}*/
.slide-home .nextend-arrow-next:before {display: block; content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 320 512"><path d="M278.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-160 160c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L210.7 256 73.4 118.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l160 160z" fill="red"/></svg>'); filter: invert(100%) sepia(92%) saturate(0%) hue-rotate(198deg) brightness(106%) contrast(100%);}
/*.slide-home .nextend-arrow-next:hover:before {filter: invert(52%) sepia(89%) saturate(1089%) hue-rotate(27deg) brightness(95%) contrast(97%);}*/

@media (max-width: 991px) {
    .n2-ss-section-main-content {padding: 0!important;}
    .slide-home h2 {font-size: 14px!important;}
    .slide-home h1, .slide-home h2 {width: 60%!important;}
}


/********** Masonry **********/
.image-grid__col-sizer, .image-grid__item {width: 23.7%;}
.image-grid__gutter-sizer { width: 20px;}
.image-grid__item {background: rgba(13,197,242,1); position: relative; margin-bottom: 20px; overflow: hidden;}
.image-grid__item img {display: block; max-width: 100%; height: auto; transition: all 0.5s; -webkit-transition: all 0.5s;}
.image-grid__item:hover img {opacity: 20%; transition: all 0.5s; -webkit-transition: all 0.5s;}
.image-grid__item h2 {padding: 0 10px; display: inline-block; width:100%; height: 100%;}
.image-grid__item .grid-overlay {position: absolute; top:0; left: 0; display: inline-block; width:100%; height: 100%;}
.image-grid__item .grid-overlay a {font-family: 'Josefin Sans', sans-serif; position: absolute; top: -50%; left: 0; opacity: 0; display: inline-block; width: 100%; text-align:center; transition: all 0.5s; -webkit-transition: all 0.5s; text-decoration: none; color:#0dc5f2; font-size: 18px; font-weight: 500;}

.image-grid__item .grid-overlay a img {width: 20px; opacity: 100%; margin-top: 5px; filter: brightness(0) invert(1); transition: all 0.5s; -webkit-transition: all 0.5s; display: inline-block;}
.image-grid__item .grid-overlay a:hover img {filter: brightness(0) invert(0);}
.image-grid__item .grid-overlay span {display: inline-block; width: 100%; text-align: center;}

@media (hover: hover) and (pointer: fine) {
    .image-grid__item .grid-overlay:hover a, .image-grid__item .grid-overlay:active a {display: block; top: 44%; opacity: 100%; color: #fff; transition: all 0.5s; -webkit-transition: all 0.5s;}
    .image-grid__item .grid-overlay a:hover, .image-grid__item .grid-overlay a:active {color: #000;}
}
@media (pointer: coarse) {
    .image-grid__item .grid-overlay:hover a, .image-grid__item .grid-overlay:active a {display: block; top: 37%; opacity: 100%; color: #fff; transition: all 0.5s; -webkit-transition: all 0.5s;}
    .image-grid__item .grid-overlay a:hover, .image-grid__item .grid-overlay a:active {color: #000;}
}
@media (max-width: 1200px) {.image-grid__col-sizer, .image-grid__item {width: 23.5%;}}
@media (max-width: 1024px) and (min-width: 991px)  {.image-grid__col-sizer, .image-grid__item {width: 23.4%;}}
@media (max-width: 991px) and (min-width: 890px) {.image-grid__col-sizer, .image-grid__item {width: 23.2%;}}
@media (max-width: 890px) and (min-width: 769px) {.image-grid__col-sizer, .image-grid__item {width: 23%;}}
@media (max-width: 768px) and (min-width: 671px) {.image-grid__col-sizer, .image-grid__item {width: 22.6%;}}
@media (max-width: 678px) and (min-width: 431px) {.image-grid__col-sizer, .image-grid__item {width: 22%;}}
@media (max-width: 430px) and (min-width: 361px) {.image-grid__col-sizer, .image-grid__item {width: 47%;}}
@media (max-width: 360px) {.image-grid__col-sizer, .image-grid__item {width: 100%;}.image-grid__gutter-sizer { width: 0;}}


/********** Single Article **********/
.article-head {margin-bottom: 40px;}
.article-head .title {padding: 0; margin: 0; border: 0; text-align: left;}
.article-tags {text-align: right; position: relative;}
.tags-title {display: inline-block; vertical-align: text-bottom;}
.tags-list {padding: 0; margin: 0; list-style: none; display: inline-block; vertical-align: text-bottom;}
.tags-list li {float: left;}
.tags-list a {margin-left: 5px; color: #0dc5f2;}
.tags-list a::before {content: '/'; padding-right: 5px; color: #000;}
.tags-list li:first-child a:before {display: none;}
.tags-list a:hover {color:#a5a004;}

@media (max-width: 991px) {
    .article-tags {width: 100%; padding-bottom: 20px;}
    .tags-title {float: left;}
    .article-title {width: 100%;}
    .tags-list {float: left;}

    .center-block {margin-bottom: 40px;}
    .center-block p {margin-bottom: 0;}
    .center-block figure {text-align: center;}
    .img-bg-auto img {max-width:max-content!important;}
}

/********** Link **********/
.has-text-align-center a {color: #0dc5f2; text-decoration: none; font-weight: bolder;}
.has-text-align-center a:hover {color: #000;}


/********** Filter Tags List **********/
.filter-button-group {margin-bottom: 15px;}
.filter-button-group p {display: inline; float: left; margin-right: 10px; border-radius: 0!important; font-family: 'Josefin Sans', sans-serif; font-size: 14px; font-weight: 400;}
.filter-button-group button {display: inline-block; margin-right: 10px; padding:0; border-radius: 0!important; font-family: 'Josefin Sans', sans-serif; font-size: 14px; font-weight: 400;}
.button-group .button {border-radius: 0!important; padding:8 0; border:0; border-bottom: 1px solid; background-color: #fff; background-image: none;}
.button:hover {background: none!important; color:#0dc5f2;}
.button.is-checked {color:#0dc5f2;}
.wrap-selector {display: inline-block;}


/********** Single Article Override **********/
.wp-block-separator {border: 0!important; height: 1px!important;}
.wp-block-separator.padd-mini {border: 0!important; margin: 15px 0;}
.wp-block-separator.is-style-dots {border: 0!important; margin: 30px 0;}
.wp-block-separator.is-style-dots::before {content: none!important;}
.wp-block-separator.is-style-default {border: 0!important; margin: 60px 0;}
.wp-block-separator.is-style-wide {border: 0!important; margin:80px 0;}
.wp-block-media-text__media img {width: auto!important;}
.has-background {max-width: 100%;}
.wp-block-image.figure-nomarg {margin-bottom: 0;}
.wp-block-image.align-left figcaption {text-align: left;}
.wp-block-image figcaption {text-align: center; font-size: 11px; margin-top: 10px;}
.wp-block-image figcaption a {display: inline-block; width: auto!important; transition: all 0.2s; color: #0dc5f2; font-size: 13px;}
/*.wp-block-image figcaption a::before {content: url('../imgs/ico-btn.svg'); width: 10px; display:inline-block; margin-right: 5px; filter: invert(51%) sepia(88%) saturate(966%) hue-rotate(153deg) brightness(106%) contrast(90%); transition: all 0.2s;}*/
.wp-block-image figcaption a:hover, .wp-block-image figcaption a:hover::before {color: #000!important; filter:none!important;}
.wp-block-buttons>.wp-block-button.wp-block-button__width-25 {width: auto!important; margin: 0 15px!important;}
.full-bg {padding:0!important;}
.full-bg .wp-block-image {margin-bottom: 0!important;}
.no-bottom {margin-bottom: 0!important;}
/*sidebar sticky*/
.sidebar-sticky {will-change: min-height;}
.sidebar__inner{transform: translate(0, 0); /* For browsers don't support translate3d. */transform: translate3d(0, 0, 0);will-change: position, transform;}
.claim-title {font-weight: 900; font-size: 28px; line-height: 32px; margin: 5px!important; padding: 0!important; }
.claim-subtitle {font-size: 28px; line-height: 32px;}
.claim-subtitle strong {font-weight: 900;}


/********** Ricerca **********/
.search-result-title {padding-top: 40px;}
.result-content {padding-bottom: 60px;}
.search-result-count {padding-bottom:10px;}
h2.entry-title {font-size: 20px; font-weight: 500; font-weight: 900;}
h2.entry-title a {text-decoration: none; color:#000;}
h2.entry-title a:hover {color:#a5a004;}


/********** Pagina 404 **********/
.search-404 {padding: 0 0 60px 0; }


/********** Pagination for Inifinity Scroll **********/
.posts-navigbar {display: none;}


/********** Footer **********/
footer {font-family: 'Josefin Sans', sans-serif; background: #000; padding: 20px 0; font-size: 12px; color: #fff;}
footer a {font-family: 'Josefin Sans', sans-serif; color:#0dc5f2; text-decoration: none;}
footer a:hover {color:#fff; text-decoration: none;}
.foo-credits {text-align: right;}
.foo-copy span {display: inline-block;}
.foo-copy span a:first-child::before {content: '-'; padding-right: 5px; color: #fff;}
.scroll-to-top {display: none; opacity: 1; position: fixed; right: 20px; bottom: 80px; text-align: center; overflow: hidden; z-index: 9999; border-radius: 0;}
.scroll-to-top img {height: 40px; width: 40px; transition: all 0.2s; -webkit-transition: all 0.2s;}
.scroll-to-top:hover img, .scroll-to-top:active img {filter: invert(0.5) sepia(1) saturate(5) hue-rotate(25deg); transition: all 0.2s; -webkit-transition: all 0.2s;}

@media (max-width: 460px) {.foo-copy, .foo-credits {text-align: center;} .foo-copy span {display: inline-block; width: 100%;} .foo-copy span a:first-child::before {content: ''; padding-right:0;} .scroll-to-top {bottom: 150px;} .scroll-to-top:hover img {filter:none;}}