/*
Theme Name: danielebiello
Theme URI: https://frogadv.com/
Author: Frog adv, Enrico Piras
Author URI: https://enricopiras.it/
Description: WordPress theme made by Frog adv agency and Enrico Piras web designer.
Version: 0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags:  one-column, two-columns, right-sidebar, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, translation-ready
Text Domain: danielebiello
Tested up to: 5.0.
Requires PHP: 7.0.

*/

/* General rules */

.wp-caption-text {}
.gallery-caption {}
.bypostauthor {}
.alignright {}
.alignleft {}
.aligncenter {}
.screen-reader-text {}

@import url('https://fonts.googleapis.com/css2?family=Bodoni+Moda:ital,opsz,wght@0,6..96,400..900;1,6..96,400..900&display=swap');

.hide {display: none!important;}

.hide-on-desktop  {display: none!important;}

.hide-on-mobile {display: block;}

body {
font-family: "Bodoni Moda", serif;
font-optical-sizing: auto;
font-weight: <weight>;
font-style: normal;
width: 100%;
/*overflow-x: hidden*/
}

body .is-layout-flex /* for some element to not exceed body width */ {
max-width: 100% !important;
width: 100% !important
}

:where(.wp-block-columns) {margin-bottom: 0;}

:where(.wp-block-columns.is-layout-flex) {gap: 0;}

body main .row {
margin-left: 0;
margin-right: 0;
}

a {}

a:hover, header a:hover, footer a:hover {
color: ;
text-decoration: none; 
}

h1, h2, h3, h4, h5, h6, p, a, li {
font-family: "Bodoni Moda", serif;
font-optical-sizing: auto;
}

p, #main-body li {font-size: 1.75em;}

#main-body ul {padding-inline-start: 20px;}

.h1, .h2, .h3, h1, h2, h3 {margin: 0 0 10px 0;}

h2 {}

h3 {}

h4 {}

h5 {}

.display-5 {
font-size: 2.5rem;
font-weight: 300;
line-height: 1.2;
}

strong, .archivo-black {font-weight: 800;}

.wp-block-image img {height: auto;}

.wp-block-button__link {
font-size: 1.5em;
line-height: 1;
height: fit-content;
padding: 10px 25px;
border: 2px solid;
}

.float-start {float: left!important;}

.container {
max-width: 1400px!important;
width: 100%;    
}

.overflowhidden {overflow: hidden;}

button:focus {
outline: none;
}

.section-py {padding: 75px 0;}

.section-pt {padding: 75px 0 0 0;}

.section-pb {padding: 0 0 75px 0;}

.white-bg {background-color: #ffffff;}

.white-bg a {color: #000000;}

.cream-bg {background-color: #FEF9E1;}

.cream-bg a {}

.black-bg {
color: #ffffff;
background-color: #000000;
}

.black-bg a {
color: #000000;
text-decoration: none;
background: linear-gradient(#ffffff 0 0) no-repeat;
background-size: 100%;
transition: .4s;
}

.black-bg a:hover {
color: #fff;
background-size: 0%;
transition: .4s;
}

.white-bg a:hover, .cream-bg a:hover {opacity: .5;}

.white-bg .wp-block-button__link:hover, .cream-bg .wp-block-button__link:hover, .black-bg .wp-block-button__link:hover {opacity: 1;}

.flex-basis-auto {flex-basis: auto!important;}

.max-width-fit-content {max-width: fit-content;}

.max-width-50px {max-width: 50px;}

.align-content-center {align-content: center;}

.red-button a {
font-size: 2em!important;
color: #ffffff;
background-color: #ffffff;
background: linear-gradient(#A31D1D 0 0) no-repeat;
background-size: 100%;
border-color: #A31D1D!important;
padding: 10px 25px;
transition: .3s;
}

.red-button a:hover  {
color: #A31D1D;
background-color: #ffffff;
transition: .3s;
}

.cream-button .wp-block-button__link {
font-size: 1.75em;
font-weight: 700;
color: #000000;
background-color: #FEF9E1;
border-color: #FEF9E1;
padding: 10px 25px;
transition: .3s;
}

.cream-button .wp-block-button__link:hover  {
color: #FEF9E1;
background-color: #000000;
border-color: #000000;
transition: .3s;
}

/* Header */

.header {
background-color: #A31D1D;
width: 100%;
}

.header .container {display: block;}

.is-scrolled .header {}

.header-left-col, .header-center-col {align-content: center;}

.navbar-brand {display: contents;}

.custom-logo {
width: 100%;
max-width: 230px;
height: auto;
}

.header-right-col {
width: fit-content;
align-items: center;
}

.header-right-col .search-form-container {
font-size: 2em;
background-color: #ffffff;
margin-right: -35px;
z-index: 5;	
}

.header-search-button {
font-size: 2em;
color: #000000;
background-color: transparent;
border: 0;
}

.header-search-button:hover {
color: #ffffff;
transition: .3s;
}

.header-right-col #formsection {
border: 1px solid #ced4da;
border-radius: 0.25rem;
}

.header-right-col #formsection input[type=search] {
height: 100%;
font-size: 1em;
border-right: 1px solid #ced4da;
border: 0;
border-radius: 0;
max-width: 150px;
}

.header-right-col #formsection button {
/*font-size: 1.25em;*/
background-color: transparent;
border: 0;
}

.header-right-col #formsection button[type="submit"] {
border-left: 1px solid #ced4da;
border-radius: 0;
}

.header-right-col #formsection button:hover {
color: #EED483;
transition: .3s;
}

.lang-menu-desktop {list-style: none;}

.lang-menu-desktop li a {
color: #000000;
/*font-size: 1.75em;*/
text-transform: uppercase;
font-weight: 400; 
}

.lang-menu-desktop li a:hover {
color: #EED483;
transition: .3s;
}

.header-right-col .wp-block-button__link {
font-size: 1.75em;
font-weight: 700;
color: #000000;
background-color: #EED483;
border-color: #EED483;
padding: 10px 25px;
transition: .3s;
}

.header-right-col .wp-block-button__link:hover  {
color: #EED483;
background-color: #000000;
border-color: #000000;
transition: .3s;
}

/* Header, menu */

.header .navbar .container {margin: 0 auto;} 

header #menu-main a {color: #ffffff;}

header #menu-main a:hover {
background-color: transparent;
opacity: .75;
}

.navbar-toggle {
display: block;
border: 0;
background-color: transparent;
padding: 0;
margin: 0;
}

.navbar-toggle .icon-bar {
display: block;
width: 35px;
height: 3px;
background-color: #fff;
border-radius: 5px;
}

.header .navbar-toggle:hover .icon-bar {
opacity: .75;
transition: .3s;
}

.navbar-toggle .icon-bar:nth-of-type(2), .navbar-toggle .icon-bar:nth-of-type(3) {margin-bottom: 5px;}

.navbar-collapse.collapse {display: none!important;}

.navbar-collapse.collapse.show {
display: block!important;
transition: 1s ease!important;
}

.collapse {transition-duration: 0.2s; /* Riduci la durata della transizione */}

.collapsing {transition: 0.2s linear!important;}

/* .collapsing {transition: 5s ease!important;} */

.navbar-collapse.collapse.show {display: none!important;}

.header-menu-container {
position: absolute;
height: 100%;
width: fit-content;
/*width: 100%;*/
top: 0;
left: 0;
/*max-width: 500px;*/
padding: 50px 30px 0;
background-color: #ffffff;
z-index: 2;
}

.header-close-menu-button-box {
position: relative;
width: fit-content;
height: 30px;
}

.header-close-menu-button {
display: block;
border: 0;
background-color: transparent;
}

.header-close-menu-button-box .navbar-toggle {
float: left!important;
height: 30px;
width: 30px;
margin: 0;
padding: 0;
}

.header-close-menu-button-box .icon-bar {
display: block;
width: 20px;
height: 4px;
background-color: #000000;
border-radius: 5px;
}

.header-close-menu-button-box .navbar-toggle:hover .icon-bar {
background-color: #EED483;
transition: .3s;
}

.header-close-menu-button-box .icon-bar:nth-of-type(1) {
position: absolute;
transform-origin: left center;
left: 4px;
top: 3px;
transform: rotate(45deg);
transition: .25s ease-in-out;
}

.header-close-menu-button-box .icon-bar:nth-of-type(2) {
position: absolute;
transform-origin: left center;
left: 4px;
top: 13px;
transform: rotate(-45deg);
transition: .25s ease-in-out;
}

/* .header-menu-container .navbar-nav */ .header-mobile-menu-box {margin-left: 40px;}

.header-menu-container .navbar-nav li {display: flex;}

.header-menu-container .navbar-nav li a {
font-size: 1em;
width: 100%;
max-width: 150px;
padding: 0px 0 15px;
color: #000000;
line-height: 1.2;
}

.header-menu-container .navbar-nav li a:hover {
color: #EED483;
background-color: transparent;
transition: .3s;
}

.dropdown .collapsing {transition: .5s ease!important;}

.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {background-color: transparent;}

.header-menu-container .navbar-nav li .dropdown-menu {
width: 250px;
z-index: 0;
position: absolute;
height: 100vh;
margin: 0px;
padding: 90px 20px 15px;
top: 0;
left: 140px !important;
border: 0px;
border-radius: 0px;
box-shadow: inset 0 0 2rem rgba(0, 0, 0, .149);
}

/* .header-menu-container .navbar-nav li:hover .dropdown-menu {
border: 0;
padding: 0;
display: block;
margin-left: 177px;
margin-top: -40px;
padding-inline-start: 15px!important;
box-shadow: none;
position: absolute;
max-width: 200px;
} */

.header-menu-container .navbar-nav li:hover .dropdown-menu li .sub-menu {display: none;}

.header-menu-container .navbar-nav li .dropdown-menu li:hover .sub-menu {
border: 0;
padding: 0;
display: block;
margin-left: 115px;
margin-top: -40px;
padding-inline-start: 15px!important;
box-shadow: none;
position: absolute;
max-width: 350px;
}

.header-menu-container .navbar-nav li .dropdown-menu li a {
opacity: .7;
font-weight: 300;
padding: 0 0 15px;
white-space: normal;
max-width: none;
}

.header-menu-container .navbar-nav li .dropdown-menu li:last-of-type a {padding-bottom: 0;}

.header-menu-container .navbar-nav li .caret {display: none;}

.header-menu-container .navbar-nav li .dropdown-menu .depth_1 {
    width: 250px;
    z-index: 0;
    position: absolute;
    height: 100vh;
    margin: 0px;
    padding: 90px 20px 15px;
    top: 0;
    left: 140px !important;
    border: 0px;
    border-radius: 0px;
    box-shadow: inset 0 0 2rem rgba(0, 0, 0, .149);
}

.header-menu-container .lang-item {display: none!important;}

.header-mobile-menu-box .collapsing {transition: .2s ease!important;}

#formsection-overlay {font-size: 1.5em;}

.header-menu-container .show {display: ruby-text!important;}

#formsection-overlay form {width: calc(100% - 30px);}

#formsection-overlay input[type=search] {
height: 100%;
font-size: 1em;
border: 1px solid #ced4da;
border-radius: 3px;
}

#formsection-overlay button {
/*font-size: 1.25em;*/
background-color: transparent;
border: 0;
}

#formsection-overlay button[type="submit"] {
border-left: 1px solid #ced4da;
border-radius: 0;
}

#formsection-overlay button:hover {
color: #EED483;
transition: .3s;
}

.header-menu-bg {
position: absolute;
height: 100%;
width: 100%;
top: 0;
right: 0;
padding: 50px 30px 0;
background-color: rgba(0, 0, 0, 0.5);
z-index: 0;
}

/* Home page */

/* Home page, section bibliografia */

#bibliografia .wp-block-details summary {
font-size: 2.5rem;
font-weight: 300;
line-height: 1.2;
}

#bibliografia .wp-block-details h5 {
font-size: 2rem;
font-weight: 600;
line-height: 1.2;
}

/* Home page, section libro */

.libro-img {max-width: 500px;}

/* Search page */

.search .header {position: relative;}

.search main {min-height: 80vh;}

.search main h4 a {
color: #000000;
font-size: 2.5rem;
transition: .3s;
}

.search main h4 a:hover {
color: #EED483;
transition: .3s;
}

.search main .search-item-box p {
text-align: left;
margin-bottom: 1rem !important;
}

.search-page-item-link {
display: block;
width: fit-content;
text-align: left;	
font-size: 1.75em;
font-weight: 700;
color: #000000;
background-color: #EED483;
border-color: #EED483;
border-radius: 9999px;
padding: 10px 25px;
transition: .3s;
}

.search-page-item-link:hover {
color: #EED483;
background-color: #000000;
border-color: #000000;
transition: .3s;
}

.search .blog-search-results .navigation {
width: 100%;
margin: 0;
}

.search .blog-search-results .navigation .nav-links {
font-size: 1.5rem;
margin: 1.5rem auto 0;
}

.search .blog-search-results .navigation .nav-links span {
font-weight: bold;
padding: 10px;
}

.search .blog-search-results .navigation .nav-links a {
font-weight: bold;
color: #000000;
background-color: #EED483;
padding: 10px 15px;
border-radius: 9999px;
transition: .3s;
}

.search .blog-search-results .navigation .nav-links a:hover {
color: #EED483;
background-color: #000000;
border-color: #000000;
transition: .3s;
}

/* 404 page */

.error404 .header {position: relative;}

.error404 main {
min-height: 80vh;
align-content: center;
}

.error404 main .container {margin-top: -50px;}

.error404 main .container-box-404-form {
border: 1px solid #ced4da;
border-radius: 0.25rem;
max-width: 50%;
}

.error404 main .container-box-404-form form {
font-size: 2em;
width: 100%;
}

.error404 main .container-box-404-form form input[type=search] {
height: 100%;
font-size: 1em;
border: 0;
border-radius: 0;
}

.error404 main .container-box-404-form form button[type="submit"] {
background-color: transparent;
border: 0;
}

.error404 main .container-box-404-form #close-search-form {
font-size: 2em;
background-color: transparent;
border: 0;
}

.error404 main .container-box-404-form form button[type="submit"]:hover, .error404 main .container-box-404-form #close-search-form:hover {
color: #EED483;
transition: .3s;
}

/* Footer */

footer {
color: #ffffff;
background-color: #A31D1D;
}

footer a {
color: #ffffff;
transition: .3s;
}

footer a:hover {
color: #ffffff;
opacity: .75;
transition: .3s;
}

.footer-logos figure {width: fit-content;}

footer .wp-block-social-links {
text-align: right;
gap: 0!important;
display: block;
}

footer .wp-social-link {background-color: transparent!important;}

footer .wp-social-link svg {
height: .85em!important;
width: .85em!important;
}

footer .footer-info .widget-container {
min-width: 252px;
margin: 0 auto;
}

footer .footer-info .widget-container, footer .footer-links .widget-container {margin-left: auto;}

@media (max-width: 991px) {

/* General rules */
	
.hide-on-desktop  {display: block!important;}

.hide-on-mobile {display: none;}	

/* Header */

.custom-logo {}

.header-right-col .wp-block-button__link {font-size: 1.5em;}
	
.navbar-collapse.collapse.show {display: block!important;}	

#menu-main-1 {
width: 100%;
margin: 0;
padding: 0;
padding-inline-start: 0px!important;
}

#bs-example-navbar-collapse-1 {background-color: #A31D1D;}
	
#bs-example-navbar-collapse-1 #menu-main-1 a {color: #ffffff;}
	
#bs-example-navbar-collapse-1 #menu-main-1 a:hover {
opacity: .75;
background-color: transparent;
}		

/* home page */

.libro-img {max-width: 400px;}

/* Footer */

footer .footer-info .widget-container, footer .footer-links .widget-container {width: auto;}

footer .footer-info .widget-container {
min-width: auto;
margin: 0;
}

footer .footer-info .widget-container, footer .footer-links .widget-container {margin-left: 0;}
	
footer .wp-block-social-links {
text-align: left;
padding-inline-start: 0!important;
}	
	
footer .wp-block-social-links a {
padding-top: 0;
padding-left: 0;
padding-bottom: 0;
}

footer .wp-social-link svg {
height: .7em!important;
width: .7em!important;
}

}

@media (max-width: 767px) {

/* General rules */
	
.section-py {padding: 50px 0;}

.section-pt {padding: 50px 0 0;}

.section-pb {padding: 0 0 50px;}
	
/* main .container .row {gap: 0;} */

/* Header */

.custom-logo {}

/* Header, menu overlay opened */

.header-menu-container {
max-width: none;
width: 100%;
}

.header-menu-container .navbar-nav {padding: 0 30px;}

.header-menu-container .navbar-nav li a {max-width: none;}
	
.header-menu-container .navbar-nav li .dropdown-menu {
position: relative!important;
z-index: 0;
width: 100%;
height: auto;
top: auto;
left: auto!important;
padding: 5px 10px 20px;
padding-inline-start: 10px!important;
margin-top: -10px;
transform: none!important;
box-shadow: none;
}
	
.header-menu-container .navbar-nav li .dropdown-menu li a {max-width: none;}
	
.header-menu-container .navbar-nav li .show {display: block !important;}

.header-menu-container .header-search-button {padding-inline-start: 10px;}

/* Home page */

/* Home page, section slider */

.blockquote-slider p {font-size: 2.5rem;}

/* 404 page */

.error404 main .container-box-404-form {max-width: none;}

}

@media (max-width: 576px) {

/* Home page, section slider */

.blockquote-slider p {font-size: 2rem;}

}