/*!
Theme Name: Babalibri
Theme URI: http://www.oogo.io
Author: Oogo
Author URI: http://www.oogo.io
Description: Official UI for Babalibri
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
Text Domain: oogo
*/
/*!
*
*
Author: Oogo
Author URI: http://www.oogo.io
Description: Style settings
Version: 1.0.0
*
*
*
*/
@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,200;0,400;0,700;0,900;1,200;1,400;1,700;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Bitter:ital,wght@0,300;0,400;0,700;0,900;1,400;1,700;1,900&display=swap");
/******** THEME SETTINGS ********/
/* Theme */
/* jade green */
/* Link */
/* burnt sienna */
/* Button */
/* burnt sienna */
/* Main Menu */
/* dark gray */
/* Side Menu */
/* dark gray */
/* Content */
/* black gray */
/* Title */
/* burnt sienna */
/* Condensed */
/* Heading */
/* gray */
/* Box */
/* palegraylight */
/* Border */
/* List marker */
/* Footer */
.container-fluid {
  padding: 0;
}

/****** TYPOGRAPHY ******/
.bitter {
  font-family: "Bitter";
}

.headline.dashed {
  border-bottom: 2px dashed #2FABC0;
}

.headline.dashed.gray {
  border-bottom: 1px dashed #807f7c;
}

.headline.dashed.gray h2 {
  font-family: "Bitter";
  color: #807f7c;
  /*font-size:20px;*/
  font-weight: 400;
}

.headline h2 {
  font-family: "Bitter";
  /*font-size: 28px;*/
  font-weight: 400;
  color: #807f7c;
}

.headline h2 a {
  font-family: "Montserrat";
  color: #343431;
  margin-top: 4px;
}

.headline h2 a:hover {
  color: #AAAAA7;
}

.headline h3 a {
  font-family: "Montserrat";
  font-weight: 800;
  /*color: $content-color;*/
}

/*.headline h3 a:hover {
  color: $content-color-hover;
}*/
.bt-color-bg {
  background-color: #E76E51;
  color: white;
}

.bt-color-bg:hover {
  background-color: #eeb165;
  color: white;
}

.theme-content-color {
  color: #2FABC0;
}

.theme-title-color {
  color: #E76E51;
}

/****** HEADER ******/
/* ---- SLIDER ---- */
.carousel-item {
  /*background-color: $theme-color;*/
  background-repeat: no-repeat;
  background-size: cover;
  /*height: 600px;*/
  /*padding-top: 140px; // leave space for header-menu*/
  text-align: center;
}

#slider .carousel-item-cover {
  background-color: #a35abe;
}

@media (max-width: 1024px) {
  #slider .title-font {
    font-size: 24px;
  }
  #slider .content-font {
    font-size: 16px;
  }
}
@media (max-width: 600px) {
  #slider .title-font {
    font-size: 30px;
  }
  #slider .content-font {
    font-size: 18px;
  }
  #slider .carousel-item {
    height: auto;
    padding-top: 0;
    aspect-ratio: 1/1;
  }
}
.carousel .carousel-control {
  -moz-opacity: 0;
  filter: alpha(opacity=0);
  opacity: 0;
  z-index: 0;
}

.carousel:hover .carousel-control {
  -moz-opacity: 0.5;
  filter: alpha(opacity=50);
  opacity: 0.5;
}

.carousel .carousel-control:hover {
  -moz-opacity: 1;
  filter: alpha(opacity=100);
  opacity: 1;
}

.container-inner {
  padding: 0 30px;
}

.opaque {
  background-color: rgba(47, 171, 192, 0.8);
}

ul#access-menu > li > a {
  background-color: #E76E51;
}

/* ---- SLIDER IMAGE ---- */
.publication:after {
  content: "";
  background-image: url("inc/img/book-shadow.png");
  height: 30px;
  width: 100%;
  display: block;
  position: absolute;
  /*z-index: 1;*/
  background-size: contain;
  background-repeat: no-repeat;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
  filter: alpha(opacity=30);
  -moz-opacity: 0.3;
  opacity: 0.3;
  bottom: -22px;
}

.publication img {
  height: 400px;
  padding: 30px 15px 10px 15px;
}

@media (max-width: 600px) {
  .publication img {
    padding-top: 120px;
  }
}
/* ---- HEADER LOGO ---- */
.site-header {
  border-bottom: none;
}

.site-branding {
  max-width: 250px;
  margin-bottom: 14px;
}

@media (max-width: 600px) {
  .site-branding {
    max-width: 180px;
  }
}
/* ---- HEADER MENU ---- */
.mainmenu {
  top: 0;
  margin-top: 8px;
}

.mainmenu ul ul {
  border-radius: 5px;
}

.front-page ul#main-menu > li > a,
.front-page #openmenu {
  color: #fff;
  z-index: 30;
}

.front-page ul#main-menu > li > a {
  background-color: inherit;
}

.front-page ul#main-menu > li > a:hover {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
}

#openmenu {
  padding: 14px 20px;
}

#modal-login .modal-content {
  border-radius: 20px;
  padding: 10px;
}

.modal-header {
  border-bottom: none;
}

/* ---- SEARCH DROPDOWN ---- */
#searchform .bt {
  background-color: #E76E51;
  color: #fff;
  font-weight: 800;
}

#searchform .bt:hover {
  background-color: #eeb165;
}

#searchform .dropdown > a:after {
  content: "\f347";
  font-family: "dashicons";
  display: inline-block;
  vertical-align: top;
}

a.dropdown-item {
  color: #343431;
}

.custom-control {
  padding-left: 0;
}

.custom-control label {
  padding-left: 1.5em;
}

.form-check {
  margin-bottom: 0.3em;
}

/* ---- AGE SELECTION ---- */
.age-selectors {
  font-size: 18px;
}

@media (max-width: 600px) {
  .age-selectors {
    font-size: 14px;
  }
}
/* ---- BABAGIOCO ---- */
.babagioco {
  text-align: center;
}

.babagioco img {
  max-width: 200px;
}

/* ---- CATALOGUES ---- */
.catalogue-img {
  max-width: 150px;
}

@media screen and (min-width: 320px) {
  .catalogue-img {
    max-width: 100%;
  }
}
/* ---- AUDIO/VIDEO PLAYER ---- */
.openaudio,
.openaudio .playbtn {
  cursor: pointer;
  top: 15px;
}

.playbtn {
  background-color: #E76E51;
  color: white;
  right: 15px;
}

.openaudio .mixcover {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.02) 70%);
}
.openaudio .controls {
  top: 100%;
  transform: translateY(-65px);
}
.openaudio .controls .title-container {
  min-height: 40px;
  top: 15px;
  left: 15px;
  right: 70px;
}
.openaudio .controls .audiotitle a {
  color: #fff;
}
.openaudio .controls .audiotitle a:hover {
  opacity: 0.8;
}
.openaudio .controls .info-container {
  right: 15px;
  left: 15px;
  top: 65px;
}
.openaudio .controls .player-container {
  right: 15px;
  left: 15px;
  bottom: 20px;
}
.openaudio .controls .player-container .audioplayer .time-current,
.openaudio .controls .player-container .audioplayer .time-duration {
  padding: 0 5px;
}
.openaudio .controls .player-container .audioplayer .audiotrack {
  border-radius: 6px;
  background: #fafafa;
  width: 100%;
  height: 10px;
}
.openaudio .controls .player-container .audioplayer .audiotrack .audioseek {
  background: #e76e51;
  width: 0;
  height: 10px;
}
.openaudio .controls .player-container .audioplayer .audiotrack .audioseek .audiothumb {
  background: #e76e51;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  bottom: -5px;
}

/* ---- TAGS ---- */
#tags a {
  font-weight: 600;
  color: white;
}

#tags a:hover {
  background: #fdd46c;
  color: black;
}

#tags .custom-gutter {
  margin-left: -5px; /* Regola questi valori per ottenere la spaziatura desiderata */
  margin-right: -5px;
}

#tags .custom-gutter-item {
  padding-left: 5px; /* Regola questi valori per ottenere la spaziatura desiderata */
  padding-right: 5px;
  margin: 5px 0;
}

#tags .tag-link {
  text-align: center;
  padding: 10px 20px;
  box-sizing: border-box;
  display: block;
}

/* ---- NEWSLETTER ---- */
#mc_embed_signup {
  background-color: #2FABC0;
}

/* --- FLIP CARDS ---- */
.reveal-group {
  color: #343431;
}

/* ---- MONDOBABA ---- */
.mondobaba {
  padding-right: 30px;
}

@media (max-width: 1024px) {
  .mondobaba img {
    width: 60%;
  }
  .mondobaba {
    padding: 0 20px;
  }
}
.mondobaba p.description {
  font-family: "Bitter";
  font-style: italic;
  font-weight: 300;
  font-size: 18px;
}

.mondobaba a.bt {
  background-color: #E76E51;
}

.mondobaba a.bt:hover {
  background-color: #eeb165;
}

a.popup-view {
  background-color: #E76E51;
}

/* ---- FOOTER ---- */
.footer-bg {
  background-color: #2FABC0;
}

@media (max-width: 600px) {
  #colophon .logo {
    text-align: center;
  }
}
@media (max-width: 1024px) {
  .license {
    text-align: center;
  }
}
.CC {
  max-width: 150px;
}

/* ---- DATA TABLE ---- */
.data-label {
  width: 30%;
  text-transform: uppercase;
  font-weight: 600;
  padding: 10px 0;
  border-bottom: thin solid #bdbdbd;
  font-size: 12px;
}

.data-value {
  width: 70%;
  font-weight: 400;
  padding: 10px 0;
  border-bottom: thin solid #bdbdbd;
  font-size: 14px;
}

/* ---- CLICKABLE ROW ---- */
tr.clickable-row {
  cursor: pointer;
}

tr.clickable-row td {
  border-bottom: thin solid #dee2e6;
}

/* ---- PUBLICATION PAGE ---- */
.heading-box {
  background-color: #E76E51;
  padding: 8px 12px;
  text-transform: uppercase;
  /*font-weight: 600;*/
  display: inline-block;
  color: #fff;
  font-size: 12px;
  line-height: 1.2em;
}

.color-box {
  padding: 20px;
  background-color: #ebeae6;
}

.author-thumb {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background-position: center;
  background-size: cover;
  margin: 0 auto;
  border: 3px solid #fff;
  box-sizing: border-box;
}

@media (max-width: 600px) {
  .author-thumb {
    width: 150px;
    height: 150px;
  }
}
/* COOKIE */
.cn-button.bootstrap {
  background: #E76E51 !important;
}

/* BOOK DIMENSIONS */
/* class cover */
.cover-book {
  /*width: 300px;
    height: 400px;*/
  position: relative;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: flex-end; /* Allinea l'immagine in basso */
  padding: 10px;
}

.cover-book img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: bottom;
     object-position: bottom;
}

/* class cover with square container */
.cover-container {
  width: 100%;
  padding-top: 100%;
  position: relative;
  background-color: #f5f5f5;
  margin-bottom: 5px;
}

.cover-container img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
     object-fit: contain; /* Mantiene le proporzioni */
}

/* CONTACTS */
form#contact .bootstrap-select {
  width: 100% !important;
}/*# sourceMappingURL=style.css.map */
.site-branding {
  font-weight: bold;
}
table {
  margin: 30px 0;
  width: 100%;
}
body {
  overflow-x: hidden;
}
main {
  padding: 15px;
}