@import url("https://fonts.googleapis.com/css2?family=Cinzel:wght@400..900&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");
:root {
--bianco: #ffffff;
--marrancio: #837465;
--arancio: #d66826;
--grigio-chiaro: #bdbdbd;
}
@font-face {
font-family: 'Montserrat';
src: url(//thebookofmormonmusical.it/wp-content/themes/bom-theme/assets/fonts/Montserrat/Montserrat-Regular.woff2) format('woff2'),
url(//thebookofmormonmusical.it/wp-content/themes/bom-theme/assets/fonts/Montserrat/Montserrat-Regular.woff) format('woff'),
url(//thebookofmormonmusical.it/wp-content/themes/bom-theme/assets/fonts/Montserrat/Montserrat-Regular.ttf) format('truetype');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Montserrat';
src: url(//thebookofmormonmusical.it/wp-content/themes/bom-theme/assets/fonts/Montserrat/Montserrat-Bold.woff2) format('woff2'),
url(//thebookofmormonmusical.it/wp-content/themes/bom-theme/assets/fonts/Montserrat/Montserrat-Bold.woff) format('woff'),
url(//thebookofmormonmusical.it/wp-content/themes/bom-theme/assets/fonts/Montserrat/Montserrat-Bold.ttf) format('truetype');
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Montserrat';
src: url(//thebookofmormonmusical.it/wp-content/themes/bom-theme/assets/fonts/Montserrat/Montserrat-Black.woff2) format('woff2'),
url(//thebookofmormonmusical.it/wp-content/themes/bom-theme/assets/fonts/Montserrat/Montserrat-Black.woff) format('woff'),
url(//thebookofmormonmusical.it/wp-content/themes/bom-theme/assets/fonts/Montserrat/Montserrat-Black.ttf) format('truetype');
font-weight: 900;
font-style: normal;
font-display: swap;
}
html {
scroll-behavior: smooth;
}
body.page-template-page-nosidebar {
font-family: 'Montserrat', sans-serif;
font-weight: normal;
overflow-x: hidden;
font-size: 19px;
line-height: 1.7em;
}
html:not(.homepage):not(.homepage-test) #main.container {
margin-top: 1rem;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
padding: 40px;
}
p, div, span {
font-family: 'Montserrat', sans-serif;
font-weight: normal;
}
.hidden {
display: none !important;
}
p a {
color: var(--marrancio);
text-decoration: underline;
text-transform: none;
font-weight: normal;
}
p a:hover {
color: var(--marrancio);
} #header .navbar-brand img {
height: 70px;
}
#header.bg-light {
background-color: rgb(255 255 255) !important;
}
body.page-template-page-full #main {
padding: 0px;
} footer#footer {
background: transparent;
text-align: center;
}
footer .row {
align-items: center;
justify-content: space-between;
}
.social-icons {
display: flex;
flex-direction: row;
gap: 20px;
justify-content: center;
align-items: center;
padding-top: 50px;
}
.social-icons a {
color: var(--marrancio);
font-size: 30px;
}
footer {
font-family: 'Montserrat', sans-serif;
font-weight: 500;
font-size: 13px;
color: var(--marrancio);
}
footer a {
color: var(--marrancio);
text-decoration: underline;
} .home .entry-title, .home header, header .page-title, .homepage-test .entry-title, .homepage-test header {
display: none;
}
.home #main, .homepage-test #main {
margin-top: 0px;
}
.sinossi {
width: 60%;
margin: auto;
padding-top: 50px;
}
.sinossi div {
font-family: 'Montserrat', sans-serif;
text-align: center;
font-size: 18px;
line-height: 1.3em;
margin-bottom: 20px;
}
.sinossi h2 {
color: var(--arancio);
text-align: center;
font-weight: 900;
font-family: 'Montserrat', sans-serif;
margin-bottom: 0px;
line-height: 0.9em;
font-size: 50px;
letter-spacing: -1px;
}
.sinossi h2.grigio {
color: var(--marrancio);
font-size: 50px;
border-bottom: 1px solid;
padding-bottom: 30px;
margin-bottom: 30px;
}
.disp {
background: transparent;
color: #fff;
text-align: center;
font-weight: 900;
font-family: 'Montserrat', sans-serif;
margin: 50px 0;
line-height: 0.9em;
font-size: 40px;
letter-spacing: 1px;
padding: 10px;
}
.disp a, .disp a:hover {
color: #fff;
font-family: 'Montserrat', sans-serif;
font-weight: 900;
background: var(--arancio);
padding: 5px 30px;
}
.disp a:hover {
background: #b04d12;
}
.video-bom {
position: relative; 
width: 60%; 
padding-bottom: 33.75%;
height: 0; 
overflow: hidden; 
max-width: 100%; 
background: #000;
margin: 100px auto 50px auto;
} @media only screen and (max-width: 767px) {
.video-bom {
width: 90%;
padding-bottom: 56.25%;
}
.sinossi {
width: 100%;
padding: 0 30px;
}
.sinossi h2 {
font-size: 40px;
}
.sinossi h2.grigio {
font-size: 30px;
}
.disp {
font-size: 25px;
padding: 10px 20px;
}
} @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) and (orientation: portrait) {
.disp a, .disp a:hover {
color: #fff;
font-family: 'Montserrat', sans-serif;
font-weight: 900;
}
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) and (orientation: landscape) { 
}
@media only screen and (min-device-width: 820px) and (max-device-width: 1180px) and (-webkit-min-device-pixel-ratio: 1) and (orientation: landscape) { 
}
@media only screen and (min-device-width: 1025px)  and (max-device-width: 1180px) and (-webkit-min-device-pixel-ratio: 1) and (orientation: landscape) { 
}