/*!
Theme Name: Ibiza Angels
Theme URI: https://www.ibiza-angels.co.uk
Author: thisishel
Author URI: http://thisishel.com
Template: angel-group
Description: A custom child theme for The Angel Group theme built around underscores
Version: 1.0.2.19

Ibiza Angels is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.

*/
/*--------------------------------------------------------------
# Breakpoints & Mixins & Generic CSS
--------------------------------------------------------------*/
@font-face {
  font-family: "ibiza-angels";
  src: url("./fonts/angels-webfont.woff2") format("woff2"), url("./fonts/angels-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  text-transform: uppercase;
}
.site.main {
  padding-top: 4.125rem;
}
@media only screen and (min-width: 40em) {
  .site.main {
    padding-top: 5.625rem;
  }
}

body,
button,
input,
select,
optgroup,
textarea,
p {
  font-family: "Lora", serif;
  font-weight: 400;
  font-size: 1.25rem;
}
body em,
button em,
input em,
select em,
optgroup em,
textarea em,
p em {
  font-style: italic;
}
body strong,
button strong,
input strong,
select strong,
optgroup strong,
textarea strong,
p strong {
  font-weight: 600;
}

body p span.large {
  font-size: 1.25rem;
}

h5 {
  font-size: 1.25rem;
}

h6 {
  font-size: 1.125rem;
}

.dropcap::first-letter {
  font-size: 3.75rem;
  float: left;
  line-height: 1;
  font-family: "ibiza-angels";
  margin-right: 0.25rem;
  text-transform: uppercase;
}

::selection {
  background: #f0e6d2;
}

.bg-primary {
  background-color: #d1a661;
}

.bg-primary-light {
  background-color: #edd9b4;
}

a.button {
  border-color: #d1a661;
  color: #d1a661;
  background-color: transparent;
}
a.button:hover {
  border-color: #d1a661;
  background-color: #d1a661;
  color: white;
}

.border-color {
  border-color: #f0e6d2;
}

body a {
  color: #d1a661;
}
body a:visited {
  color: #d1a661;
}
body a:hover {
  color: #a07840;
}
body a h1, body a h2, body a h3, body a h4, body a h5, body a h6 {
  color: #404040;
}
body a h1:hover, body a h2:hover, body a h3:hover, body a h4:hover, body a h5:hover, body a h6:hover {
  color: #a07840;
}
body a h1:visited, body a h2:visited, body a h3:visited, body a h4:visited, body a h5:visited, body a h6:visited {
  color: #d1a661;
}

.primary-bg {
  background-color: #d1a661;
}

.primary-light-bg {
  background-color: #d1a661;
}

.primary-very-light-bg {
  background-color: #d1a661;
}

.primary-fill {
  fill: #d1a661;
}
.primary-fill:hover {
  fill: #a07840;
}

.primary-light-fill {
  fill: #d1a661;
}
.primary-light-fill:hover {
  fill: #d1a661;
}

.primary-very-light-fill {
  fill: #d1a661;
}
.primary-very-light-fill:hover {
  fill: #d1a661;
}

.flexibleWrapper {
  padding-top: 4.375rem;
}
@media only screen and (min-width: 40em) {
  .flexibleWrapper {
    padding-top: 6.25rem;
  }
}

body .airmenu .menu-btn-open, body .airmenu .menu-btn-close {
  color: #d1a661;
}
body .airmenu .menu-btn-open:hover, body .airmenu .menu-btn-close:hover {
  color: #a07840;
}
body .airmenu.right {
  top: 4rem;
  right: 2.75rem;
}
@media only screen and (min-width: 40em) {
  body .airmenu.right {
    top: 5rem;
    right: 4rem;
  }
}
body .airmenu .menu-btn-close {
  top: 3.25rem !important;
}
@media only screen and (min-width: 40em) {
  body .airmenu .menu-btn-close {
    top: 5rem !important;
  }
}

body.scrolled .airmenu.right {
  top: 2.75rem;
}
@media only screen and (min-width: 40em) {
  body.scrolled .airmenu.right {
    top: 3rem;
  }
}
body.scrolled .airmenu .menu-btn-close {
  top: 2.75rem !important;
}
@media only screen and (min-width: 40em) {
  body.scrolled .airmenu .menu-btn-close {
    top: 3rem !important;
  }
}

body .airmenu .menu-lightbox .menu li a {
  font-weight: 400;
}
body .airmenu .menu-lightbox .menu li a:hover {
  color: #d1a661;
}

a.header-logo a.header-logo {
  width: 8.75rem;
}

@media only screen and (min-width: 40em) {
  a.header-logo {
    width: 11rem;
  }
}
.scrolled a.header-logo {
  width: 7.125rem;
  padding: 0.5rem 0;
}
@media only screen and (min-width: 40em) {
  .scrolled a.header-logo {
    width: 7.125rem;
  }
}

body ul.social-links {
  top: 3.75rem !important;
  left: 1rem;
}
@media only screen and (min-width: 40em) {
  body ul.social-links {
    top: 5rem !important;
    left: 2.5rem;
  }
}
body ul.social-links li a svg path {
  fill: #d1a661;
}
body ul.social-links li a:hover svg path {
  fill: #a07840;
}

body.scrolled ul.social-links {
  top: 3rem !important;
}
@media only screen and (min-width: 40em) {
  body.scrolled ul.social-links {
    top: 3rem !important;
  }
}

footer.site-footer {
  font-size: 1rem;
}
footer.site-footer #menu-footer-menu li a {
  color: #404040;
}
footer.site-footer #menu-footer-menu li a:visited {
  color: #404040;
}
footer.site-footer #menu-footer-menu li a:hover {
  color: #d1a661;
}
footer.site-footer ul.footer-social a .link-back {
  fill: #f0e6d2;
}
footer.site-footer ul.footer-social a .link-back:hover {
  fill: #d1a661;
}
footer.site-footer ul.footer-social a .link-icon {
  fill: #d1a661;
}
footer.site-footer ul.footer-social a .link-icon:hover {
  fill: #f0e6d2;
}
footer.site-footer ul.footer-social a:hover .link-back {
  fill: #d1a661;
}
footer.site-footer ul.footer-social a:hover .link-icon {
  fill: #f0e6d2;
}

.hero-image {
  background-size: cover;
  height: 50vh;
  transition: all 0.2s ease;
}
@media only screen and (min-height: 41.25rem) {
  .hero-image {
    height: calc(100vh - 220px);
  }
}

@media only screen and (min-height: 41.25rem) {
  body.home .hero-image {
    height: calc(100vh - 220px);
  }
}

.flexible.testimonial-module .bx-wrapper .bx-pager.bx-default-pager a {
  background-color: #edd9b4;
}
.flexible.testimonial-module .bx-wrapper .bx-pager.bx-default-pager a.active {
  background-color: #d1a661;
}
.flexible.border-module .container p {
  font-size: 1.375rem;
}
.flexible.long-prose .container p, .flexible.long-prose .container ul, .flexible.long-prose .container li {
  font-size: 1rem;
}

body .gform_wrapper .gfield .gfield_label {
  color: #404040;
}
body .gform_wrapper .gfield .gfield_label span.gfield_required {
  color: #edd9b4;
}
body .gform_wrapper .gfield .ginput_container input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
  border: 1px solid #404040;
}
body .gform_wrapper .gfield .ginput_container input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]):focus {
  border: 1px solid #d1a661;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #edd9b4;
}
body .gform_wrapper .gfield .ginput_container select {
  border: 1px solid #404040;
  background-color: white;
}
body .gform_wrapper .gfield .ginput_container select:focus {
  border: 1px solid #d1a661;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #edd9b4;
}
body .gform_wrapper .gfield .ginput_container textarea {
  border: 1px solid #404040;
  background-color: white;
}
body .gform_wrapper .gfield .ginput_container textarea:focus {
  border: 1px solid #d1a661;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #edd9b4;
}
body .gform_wrapper .gform_footer input[type=submit] {
  background-color: transparent;
  border: 1px solid #d1a661;
  color: #d1a661;
}
body .gform_wrapper .gform_footer input[type=submit]:hover {
  background-color: #d1a661;
  color: white;
}

/* Instagram Feed */
body #sb_instagram #sbi_load .sbi_load_btn, body #sb_instagram .sbi_follow_btn a {
  background-color: #d1a661 !important;
}