@import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&display=swap');

body {
    font-family: 'Libre Baskerville', serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 1.5;
}

header, footer, .btn, .nav-pills > li > a, #allocationWishList td.header {
    font-family: 'Libre Baskerville', serif;
}

h1, .h1, h2, .h2, h3, .h3, h4, h5, h6, .blog-nav-title.page-title, .blogEntryTitle, .blogLeftNavItemTitle {
    font-family: 'Libre Baskerville', serif;
    font-weight: 700;
}

.h1, h1 {
  font-size: 2.1em;
}

.h2, h2 {
  font-size: 1.5em;
}

.site-content table td {
  vertical-align: middle;
}

.site-content table.four td {
  vertical-align: top;
}

.b-logo-image {
  width: 280px;
}

#TLOY_Logo_RGB_H_Black {
  fill: #fff;
}

.header-small #TLOY_Logo_RGB_H_Black {
  fill: #000;
}

.insta-follow, .newsletter-slide {
  border-top: 1px solid #f5f5f5;
  padding: 2% 3%;
  margin-top: 3%;
}

.insta-follow .title {
  text-align: center;
  padding-bottom: 2%;
}

.insta-follow .title a {
  text-decoration: none;
}

.insta-follow .title a:hover, .insta-follow .title a:focus {
  text-decoration: underline;
}

.insta-pic {
  margin: 15px auto;
}

.newsletter-slide {
    margin: 3% auto 1%;
}

.newsletter-slide-inner {
  max-width: 1320px;
  margin: 0 auto;

  left: -131%;
  position: relative;
  transition: 2s;
}

.bottom .newsletter-slide-inner {
  left: 0px;
}

.newsletter-slide h2 {
  text-align: center;
}

.newsletter-slide #subscribeForm {
  margin-top: 20px;
  max-width: 1170px;
}

/*.newsletter-slide #subscribeForm .control-label {
  text-align: left;
}*/

.preferences.mb-2 {
  margin-bottom: 0;
}

.preferences.mb-2 h3 {
  display: none;
}

legend.preference-title {
  font-weight: 700;
}

.btn.focus, .btn:focus, .btn:hover, .btn:active:focus, .btn-default:active:focus, .btn-primary:active:focus, .btn-default.active, .btn-default.focus, .btn-default:active, .btn-default:focus, .btn-default:hover, .btn-default:active:hover, .btn-primary.active, .btn-primary.focus, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .btn-primary:active:hover {
  border: 1px solid #444 !important;
}

.site-content table.legal-table td, .site-content table.legal-table th {
    vertical-align: top;
    padding: 10px 15px
}

.product-list .desktop-title h3 {
  max-width: 300px;
}



/* age gate */
.agemodal .modal-dialog {
    margin: 50px auto;
    max-width: 400px;
    width: 100%;
}

.agemodal .modal-content {
    border-radius: 0;
}

.age-modal-inner {
    margin: -15px;
}

.agemodal .age-text-wrap {
    padding: 3%;
    background-color: #ffffff;
}

.agemodal .modal-content {
    text-align: center;
}

.agemodal .modal-content p.age-text {
    font-size: 1.2em;
}

.agemodal .modal-content p.age-text.headline {
    margin: 30px 0;
}

.agemodal .modal-content p .btn {
    margin-top: 20px;
    font-size: 16px;
    text-transform: capitalize;
}


/* ************************************ */

@media (min-width: 768px) {
  .social-accounts > li {
    line-height: 25px;
  }
}

/* ************************************ */

@media (max-width: 991px) {
  #TLOY_Logo_RGB_H_Black {
    fill: #000;
  }
}

@media (max-width: 767px) {
  .agemodal .modal-dialog {
        margin: 30px auto;
    }

  .insta-follow {
    padding: 0 15px;
  }
    .insta-follow .title h2 {
    font-size: 20px;
  }

  a#return-to-top {
    bottom: 44px;
    height: 30px;
    line-height: 30px;
    width: 30px;
  }

  .site-content table.legal-table td {
        display: table-cell !important;
        padding: 10px 15px;
    }

}

/* ************************************* */

@media (max-width: 767px) {

    h1 {
        font-size: 32px;
    }

    a#return-to-top {
      line-height: 26px;
    }

    .newsletter-slide-inner, .bottom .newsletter-slide-inner {
      left: 0px;
    }

}