/*
 Theme Name:   Ci Ci's Bar
 Theme URI:    https://wellmade.studio
 Description:  Ci Ci's Bar Theme
 Author:       WELLMADE
 Author URI:   https://wellmade.studio
 Template:     ainsworth-parent
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
*/

@font-face {
  font-family: 'masqualerolight';
  src: url('fonts/masqualero-light-webfont.woff2') format('woff2'),
       url('fonts/masqualero-light-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'masqualeroregular';
  src: url('fonts/masqualero-regular-webfont.woff2') format('woff2'),
       url('fonts/masqualero-regular-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

body, .site-footer, .site-header {
  background-color: rgba(239, 226, 213, 1);
}
.site-header {
  transition: background-color 0.3s ease;
}
.site-main {
  font-family: 'masqualeroregular', serif;
}
/*body:not(.home) .site-menu {
  background-color: rgba(239, 226, 213, 1);
}*/
.site-menu ul {
  font-family: 'masqualerolight', serif;
}
.site-menu .menu-logo {
  width: 152px;
  top: 25px;
}
.site-logo {
  max-width: 152px;
}
@media (min-width: 768px) {
  .site-logo, .menu-logo {
    max-width: 230px;
    width: 100%;
  }
  .site-logo--secondary {
    max-width: 230px;
  }
  .site-logo--primary {
    max-width: 250px;
  }
}

/* Home */

body.home {
  background: rgba(240, 238, 226, 1);
  transition: background-color 0.3s ease;
}
body.home .site-main {
  background: #12272A;
}
body.home.collection-open {
  background: #12272A;
}
body:not(.home) .collection-overlay,
body:not(.home) .collection figure {
  background-color: rgba(239, 226, 213, 1);
}
body.home .site-footer {
  background-color: #F0EEE2;
}
body.home:not(.page-scrolled) .site-logo {
  filter: invert(1);
}
body.home:not(.page-scrolled) .menu-trigger .menu-icon--lines span {
  background: #fff;
}
body.home .site-header {
  background-color: rgba(240, 238, 226, 1);
}
body.home:not(.page-scrolled) .site-header {
  background-color: rgba(240, 238, 226, 0);
}
body.home:not(.page-scrolled) .site-header a {
  color: #fff;
}
body.home:not(.page-scrolled) .site-header a:after {
  background: #fff;
}
body.home .site-main {
  padding-top: 0;
  padding-bottom: 0;
  color: rgba(239, 226, 213, 0.8);
}

body.home.collection-open .site-logo {
  filter: invert(0);
}
body.home.collection-open .site-header {
  background-color: rgba(249, 245, 242, 1);
}
body.home.collection-open .site-header a {
  color: #1D1D1B;
}
body.home.collection-open .site-header a:after {
  background: #1D1D1B;
}
body.home.collection-open .collection-close {
  filter: invert(0);
}

body.home .section-media {
  padding: 0 20px 35px 20px;
}
body.home .section__content-block--intro {
  margin-bottom: 40px;
  padding: 20px 0 0px 0;
}
.intro-text h5 {
  font-size: 20px;
  margin: 63px 0 0 0;
  font-weight: normal;
  font-family: 'masqualerolight', serif;
}
body.home .section-media--narrow img {
  max-width: 520px;
  margin: 0 auto 20px auto;
}
body.home .section__content-block {
  font-family: 'masqualerolight', serif;
}
body.home .section__content-block h2 {
  color: #CEAE51;
  font-family: 'masqualerolight', serif;
  font-size: 60px;
  line-height: 55px;
  letter-spacing: 2px;
}
body.home .section__content-block h3 {
  font-size: 30px;
  line-height: 30px;
  font-family: 'masqualeroregular', serif;
  margin: 0 0 30px 0;
}
body.home .section__content-block .button-link {
  color: #fff;
  border-color: #fff;
  text-transform: none;
  font-size: 19px;
  font-weight: normal;
  font-family: 'masqualeroregular', serif;
  padding-bottom: 4px;
  letter-spacing: 0;
}
body.home .section__content-block .button-link:hover {
  border-color: rgba(255, 255, 255, 0);
}
.section-opening-times img {
  max-width: 333px;
  float: right;
}
body.home .content-divider {
  background: #fff;
  opacity: 0.2;
  margin: 0 0 60px 0;
}

/* Contact */

.contact .img-2 {
  max-width: 670px;
  left: 50%;
  top: 63px;
  mix-blend-mode: darken;
  transform: translate3d(-101%, 0px, 0px);
}
.contact .site-main,
.contact-page-wrap {
  background-color: rgba(239, 226, 213, 1);
}
.contact-page-wrap .contact-img {
  mix-blend-mode: darken;
}

/* Menus */

.page-template-menus h1 {
  color: #CEAE51;
  font-size: 50px;
  line-height: normal;
  font-family: 'masqualerolight', serif;
  letter-spacing: 2.162px;
  padding: 7px 0 30px 0;
}
.page-template-menus .site-header li.menu-menus a:after {
  opacity: 1;
}
.menu-section--standard {
  color: rgba(115, 115, 114, 0.8);
  line-height: 26px;
  font-family: 'masqualerolight', serif;
}
.menu-section--standard strong {
  font-weight: bold;
  color: rgba(18, 39, 42, 0.8);
}
.menu-section--standard em {
  color: rgba(18, 39, 42, 0.8);
}

.menus-navigation ul a {
  background: #F9F5F2;
  color: #737372;
}
.menus-navigation ul a:hover,
.menus-navigation ul li.current-menu-item a {
  color: #12272A;
  background: #CEAE51;
}

/* General */

.section__text-two-columns {
  color: rgba(29, 29, 27, 0.8);
  font-size: 18px;
  line-height: 24px;
}
.section__text-two-columns h1,
.section__text-two-columns h2 {
  color: rgba(29, 29, 27, 1);
  font-size: 20px;
  line-height: 26px;
}
.section__text-two-columns strong {
  font-weight: bold;
}

/* The Finer Details */

body.the-finer-details .site-main {
  padding-top: 70px;
}
body.the-finer-details .section__content-block--text {
  margin: 0;
}

.section__content-block--text .entry-content {
  color: rgba(29, 29, 27, 0.8);
  font-size: 18px;
  line-height: 24px;
}
.section__content-block--text h1,
.section__content-block--text h2 {
  font-family: 'masqualeroregular', serif;
  color: rgba(29, 29, 27, 0.8);
  font-weight: bold;
}

.page-template-bookings .site-main {
  background-color: rgba(239, 226, 213, 1);
}
body.home .section__content-block a {
  color: rgba(239, 226, 213, 0.8);
  text-decoration: none;
}

/* Media Queries */

@media (min-width: 992px) {
  .site-main {
    padding-top: 116px;
    font-size: 20px;
  }
  body.the-finer-details .site-main {
    padding-top: 94px;
  }
  .page-template-menus h1 {
    font-size: 75px;
    padding: 7px 0 50px 0;
  }
  body.home .section__content-block--intro .intro-text {
    font-size: 40px;
    line-height: 46px;
  }
  body.home .section__content-block--intro {
    padding: 110px 0 0px 0;
  }
  body.home .section__content-block h2 {
    color: #CEAE51;
    font-size: 120px;
    line-height: 100px;
    margin-bottom: 100px;
  }
  .section-pintxos h2 {
    margin-left: -70px;
    margin-top: -30px;
  }
  .section-pintxos img {
    padding: 0 100px 0 0;
  }
  body.home .section__content-block h3 {
    font-size: 40px;
    line-height: 40px;
    margin: 0 0 80px 0;
  }
	body.home .section__content-block a:hover {
		opacity: 0.5;
	}
	body.home .section__content-block .button-link:hover {
		opacity: 1;
	}
  .section-cocktails {
    padding-top: 20px;
    padding-bottom: 115px;
  }
  .section-cocktails img {
    padding-left: 100px;
    margin-top: 140px;
  }
  .section-cocktails h2 {
    margin-left: -140px;
  }
  .section-cocktails .col-lg-2 {
    width: 8%;
  }
  .section-opening-times .entry-content section {
    text-align: center;
    transform: translate3d(200px, 0, 0);
  }
  body.home .section-media--narrow img {
    margin: 0 auto 65px auto;
  }
  body.home .content-divider {
    margin: 0 0 125px 0;
  }

  body.privacy-policy .site-main .page {
    background-color: rgba(239, 226, 213, 1);
    background-image: url(images/cloud-3.png), url(images/cloud-4.png), url(images/cloud-5.png);
    background-position: left -170px, right 36%, 6% 64%;
    background-repeat: no-repeat;
    background-blend-mode: darken;
  }
  body.the-finer-details .site-main .page {
    background-color: rgba(239, 226, 213, 1);
    background-image: url(images/cloud-6.png), url(images/cloud-7.png), url(images/cloud-8.png);
    background-position: center 18vw, left 50%, 9% 83.5%;
    background-repeat: no-repeat;
    background-blend-mode: darken;
  }

  body.pintxos .img-1 {
    max-width: 400px;
    right: 50px;
    top: 75px;
    padding: 200px 0;
  }
  body.cocktails .page-content {
    padding-bottom: 250px;
  }
  body.cocktails .img-1 {
    max-width: 328px;
    left: 50px;
    top: 0px;
    padding: 30px 0 200px 0;
  }
  body.cocktails .img-2 {
    max-width: 320px;
    right: 30px;
    top: 300px;
    padding: 200px 0;
  }
  body.cocktails .img-3 {
    max-width: 419px;
    left: 0px;
    bottom: -150px;
    padding: 200px 0;
  }
  body.the-finer-details .img-1 {
    max-width: 331px;
    left: 115px;
    bottom: -100px;
    padding: 100px 0 100px 0;
  }
  body.the-finer-details .img-2 {
    max-width: 424px;
    left: 55%;
    bottom: 0px;
    position: relative!important;
  }
  .page-template-bookings .site-main {
    background-image: url(images/cloud-booking.png);
    background-position: center;
    background-repeat: no-repeat;
    background-blend-mode: darken;
    background-size: 1366px;
  }
}
@media (min-width: 1200px) {
  body.home .section__content-block h2 {
    font-size: 150px;
    line-height: 120px;
  }
  .section-opening-times h2 span {
    transform: translate3d(185px, 10px, 0px);
    display: inline-block;
  }
  .section-opening-times img {
    margin: 130px 110px 0 0;
  }
}
@media (min-width: 1280px) {
  .section-opening-times .entry-content section {
    transform: translate3d(330px, 0, 0);
  }
}