/**
 * Theme Name: lm
 * Template:   twentytwentyfour
 * ...other header fields
 */
/**
 * GENERAL BEHAVIOURS
*/
html {
  scroll-behavior: smooth;
}


footer {
	margin-block-start: 0rem !important;
}



/**
 * CONTENT SIZE
 */
.content-m {
    max-width: 1080px !important;
}

.content-s {
    max-width: 800px !important;
}




/**
 * TAILWIND NEEDS
 */

.w-full {
	width: 100%;
}

/* custom */
.mbs-4 p {
	margin-block-start: 1rem !important;
}

.text-justify {
	text-align: justify;
}


/**
 * GENERAL COMPONENTS
 */
.standard-figure{
	border-radius: 10px;
	overflow:hidden;
}


/* text */
@media (max-width: 782px) {
	h1 {
		font-size: 1.8rem;
	}
	h2 {
		font-size: 1.6rem;
	}
		h3 {
		font-size: 1.2rem;
	}
		h4 {
		font-size: 1.1rem;
	}
}
*:focus {
    outline: none;
}


/*
 * HOME
 */
.page-id-2 .wp-block-spacer:first-child{/* remove first space(exists way better?)*/
	display:none !important;
}



/*Hero*/
.hero{
		padding-top:50px;

}
.hero__title{
	margin:  0 100px;
	line-height: 1;
	font-size:100px;
}
.hero__title:nth-child(2){
	margin-left:50px;
	}
.hero__subtitle{
	width: 100%;
}

.hero__figure{
	width:45%;
}


.home__menu h2 a {
    text-decoration: none;
}

.contenitore-libri{
	padding-top: min(4rem, 5vw)  !important;
	padding-bottom: min(4rem, 5vw) !important;
}



@media (max-width: 1280px) {
	.hero__title{
		font-size: 65px;
	}
}

/*MEDIA QUERIES's HOME*/
@media (max-width: 960px) {

	
	.hero{
		flex-direction: column;
	}
	.hero__title{
		font-size: 40px;
	}
	.hero__figure{
		width:80%;
		max-height:400px;
	}

	.chi-sono{
		flex-direction:column-reverse;
	}
	.chi-sono__figure{
		width:80%;
	}

    .home__menu h2 {
        font-size: 1.5rem;
    }
	.hero>*:first-child{
		flex-direction:row;
		justify-content:center;
		
	}
	.hero__subtitle{
		text-align:center;
		width:100%;
	}
	
	.hero__title{
		font-size: 50px;
		margin:  0 !important;
	}
	.hero__figure{
		width:100%;
	}

	.chi-sono__figure{
		width:100% ;
	}
	.contenitore-libri{
		flex-direction:column;
	}
}

/* Table of contents */
#ez-toc-container {
    box-shadow: none;
}

.ez-toc-title-container {
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
}









#modal-1 .wp-block-navigation__container li a,  {
    text-decoration: none !important;
    /* wp default*/
    font-family: var(--wp--preset--font-family--heading);
    font-weight: 400;
    line-height: 1.4;
    font-size: 2rem;
}

.wp-block-site-title a {
	    font-family: var(--wp--preset--font-family--heading);
	font-weight: 400;
}



@media (min-width: 768px){
	/* menu ul */
	.wp-block-navigation__container {
		font-size: 0.8rem;
		gap: 0.75rem !important;
	}
}

@media (min-width: 960px){
	/* menu ul */
	.wp-block-navigation__container {
		font-size: 1rem;
		gap: 1rem !important;
	}
}


@media (max-width: 768px) {
	.wp-block-navigation__container li {
    transition: transform 0.3s ease;
}

.wp-block-navigation__container li:hover {
    transform: translateX(10px);
}

    #modal-1 .wp-block-navigation__container li a {
        font-size: 1.5rem;
		width: 100%;
    }
	#modal-1 .wp-block-navigation__container li {
		width: 100%;
    }
	#modal-1 ul.wp-block-navigation__container {
        width: 100%;
    }
	
	  /* hamburger button */
  .wp-block-navigation__responsive-container-open  {
    display: block !important;
  }

  /* full menu */
  .wp-block-navigation__responsive-container:not(.is-menu-open.has-modal-open) {
    display: none !important;
  }
}

/* animations */

@keyframes bounce {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-20px);
  }
  55% {
    animation-timing-function: cubic-bezier(0.6, 0, 0.4, 1); /* Aggiungi un po 'di smorzamento all'ultimo frame */
  }
  100% {
    transform: translateY(0);
  }
}
/*ARROW*/
.arrow{
	animation: bounce 1s infinite alternate;
	margin:20px 0;
	opacity:.6;
}
.arrow:active{
	text-decoration:none;
}



/*CHI SONO*/

.chi-sono__figure{
	min-width:45%;
}
.chi-sono__parafrafo{
	margin-left:20px;
	width:45%;
}
/*LIBRI*/
.separatore-libri{
	transform:skewY(-1deg) translatey(50%);
	z-index:10;
	
}
.separatore-libri h2{
	margin-left:50px;
	color:white;	
}


/* BOOK CARD */

.book-container {
  z-index: 1;
  perspective:2000px;
}

.book-container__book {
  position: relative;
  display: block;
  width: 300px;
  height: 390px;
  margin: 5% auto;
  border-radius: 2px 4px 4px 2px;
  font-family: acumin-pro, sans-serif;
  font-weight: 400;
  color: #ffffff;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transition: -webkit-transform .5s;
  -moz-transition: -moz-transform .5s;
  transition: transform .5s;
}

.book-container__book:hover {
   cursor:pointer;
  -webkit-transform: rotate3d(0,1,0,35deg);
  -moz-transform: rotate3d(0,1,0,35deg);
  transform: rotate3d(0,1,0,35deg);
}

.book-container__book > div,
.book-container__book__front > div {
  display: block;
  position: absolute;
}


.book-container__book__front {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform-origin: 0% 50%;
  -moz-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
  -webkit-transition: -webkit-transform .5s;
  -moz-transition: -moz-transform .5s;
  transition: transform .5s;
  -webkit-transform: translate3d(0,0,20px);
  -moz-transform: translate3d(0,0,20px);
  transform: translate3d(0,0,20px);
  z-index: 10;
}

.book-container__book__front > div {
  width: 300px;
  height: 400px;
}

.book-container__book__left-side{
  width: 40px;
  left: -20px;
  height: 400px;
  background-color: rgba(232,229,234);
  -webkit-transform: rotate3d(0,1,0,-90deg);
  -moz-transform: rotate3d(0,1,0,-90deg);
  transform: rotate3d(0,1,0,-90deg);
}

.book-container__book__cover svg{
  position: absolute;
  top: 50%;
  left: 45%;
  margin-top: -100px;
  margin-left: -110px;
  width: 300px;
}


.book-container__book_cover__author{
  font-family: acumin-pro, sans-serif;
  font-weight: 400;
  position: absolute;
  top: 300px;
  left: 50px;
  opacity: .8;
  }
.book-container__book_cover__title{
	max-width:200px;
	position:absolute;
	top:50px;
	left:30px;
}

.book-container__book_cover__author > div {
  border-radius: 0 3px 3px 0;
 
}

.book-container__book__front:after {
  content: '';
  position: absolute;
  top: 1px;
  bottom: 1px;
  left: -1px;
  width: 1px;
}

.book-container__book__cover:after {
  content: '';
  position: absolute;
  top: 0;
  left: 10px;
  bottom: 0;
  width: 3px;
  background: rgba(0,0,0,0.1);
}


.book-container h2 {
  width: 300px;
  height: 40px;
  color: #ffffff;
  font-size: 15px;
  line-height: 40px;
  padding-right: 10px;
  text-align: right;
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: rotate(90deg) translateY(-40px);
  -moz-transform: rotate(90deg) translateY(-40px);
  transform: rotate(90deg) translateY(-40px);
}

.book-container__book__cover {
 background: linear-gradient(45deg,  #DAD5DC 0%, #f2ebf4 100%);
}


.book-container__book__left-side h2 span:first-child {
  font-weight: 400;
  font-size: 13px;
  padding-right: 20px;
}

.book-container__book__left-side h2 span:last-child{
  font-family: acumin-pro, sans-serif;
} 

/* tra-vita-e-ricerca page id*/
.page-id-11 h3 {
	padding-top: 20px;
}

/* Il contributo di Napoli alla storia del neotomismo page id*/
.page-id-313 h2 {
	padding-top: 20px;
}

ul.footer__menu {
	gap: 6px !important;
}

footer > div {
	padding-top: 40px !important;
	padding-bottom: 40px !important;
	margin-top: -1px !important;
}

#ez-toc-container {
	border: none!important;
}


.animate-link > p {
    transition: transform 0.3s ease;
}

.animate-link > p:hover {
    transform: translateX(10px);
	  text-decoration: underline;
}