/*!
Theme Name: Massage Angels
Theme URI: https://www.massage-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.7 

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

*/
body,
button,
input,
select,
optgroup,
textarea {
  font-family: "interstate", sans-serif;
  font-weight: 400;
}
body em,
button em,
input em,
select em,
optgroup em,
textarea em {
  font-style: italic;
}
body strong,
button strong,
input strong,
select strong,
optgroup strong,
textarea strong {
  font-weight: 700;
}

::selection {
  background: rgb(220, 245, 245);
}

.bg-primary {
  background-color: rgb(60, 190, 190);
}

.bg-primary-light {
  background-color: rgb(140, 220, 220);
}

a.button {
  border-color: rgb(60, 190, 190);
  color: rgb(60, 190, 190);
}
a.button:hover {
  border-color: rgb(60, 190, 190);
  background-color: rgb(60, 190, 190);
  color: rgb(255, 255, 255);
}

.border-color {
  border-color: rgb(220, 245, 245);
}

a {
  color: rgb(60, 190, 190);
}
a:hover {
  color: rgb(40, 160, 160);
}
a:visited {
  color: rgb(60, 190, 190);
}

.primary-bg {
  background-color: rgb(60, 190, 190);
}

.primary-light-bg {
  background-color: rgb(60, 190, 190);
}

.primary-very-light-bg {
  background-color: rgb(60, 190, 190);
}

.primary-fill {
  fill: rgb(60, 190, 190);
}
.primary-fill:hover {
  fill: rgb(40, 160, 160);
}

.primary-light-fill {
  fill: rgb(60, 190, 190);
}
.primary-light-fill:hover {
  fill: rgb(60, 190, 190);
}

.primary-very-light-fill {
  fill: rgb(60, 190, 190);
}
.primary-very-light-fill:hover {
  fill: rgb(60, 190, 190);
}

body .airmenu .menu-btn-open, body .airmenu .menu-btn-close {
  color: rgb(60, 190, 190);
}
body .airmenu .menu-btn-open:hover, body .airmenu .menu-btn-close:hover {
  color: rgb(40, 160, 160);
}

body .airmenu .menu-lightbox .menu li a {
  font-weight: 300;
}
body .airmenu .menu-lightbox .menu li a:hover {
  color: rgb(60, 190, 190);
}

body a.header-logo {
  width: 15rem;
}
@media only screen and (max-width: 40em) {
  body a.header-logo {
    width: 10rem;
  }
}
@media only screen and (min-width: 414px) and (max-width: 812px) and (max-height: 400px) {
  body a.header-logo {
    width: 10rem;
  }
}
body.scrolled a.header-logo {
  width: 10rem;
}

@media only screen and (max-width: 40em) {
  a.button {
    width: 100%;
  }
}
@media only screen and (max-width: 31.25rem) {
  body ul.social-links {
    display: none;
  }
}
footer.site-footer #menu-footer-menu li a {
  color: rgb(64, 64, 64);
}
footer.site-footer #menu-footer-menu li a:visited {
  color: rgb(64, 64, 64);
}
footer.site-footer #menu-footer-menu li a:hover {
  color: rgb(60, 190, 190) !important;
}
footer.site-footer ul.footer-social a .link-back {
  fill: rgb(220, 245, 245);
}
footer.site-footer ul.footer-social a .link-back:hover {
  fill: rgb(60, 190, 190);
}
footer.site-footer ul.footer-social a .link-icon {
  fill: rgb(60, 190, 190);
}
footer.site-footer ul.footer-social a .link-icon:hover {
  fill: rgb(220, 245, 245);
}
footer.site-footer ul.footer-social a:hover .link-back {
  fill: rgb(60, 190, 190);
}
footer.site-footer ul.footer-social a:hover .link-icon {
  fill: rgb(220, 245, 245);
}

.flexible.testimonial-module .bx-wrapper .bx-pager.bx-default-pager a {
  background-color: rgb(140, 220, 220);
}
.flexible.testimonial-module .bx-wrapper .bx-pager.bx-default-pager a.active {
  background-color: rgb(60, 190, 190);
}

body .gform_wrapper .gfield .gfield_label {
  color: rgb(64, 64, 64);
}
body .gform_wrapper .gfield .gfield_label span.gfield_required {
  color: rgb(140, 220, 220);
}
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 rgb(64, 64, 64);
}
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 rgb(60, 190, 190);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgb(140, 220, 220);
}
body .gform_wrapper .gfield .ginput_container select {
  border: 1px solid rgb(64, 64, 64);
  background-color: rgb(255, 255, 255);
}
body .gform_wrapper .gfield .ginput_container select:focus {
  border: 1px solid rgb(60, 190, 190);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgb(140, 220, 220);
}
body .gform_wrapper .gfield .ginput_container textarea {
  border: 1px solid rgb(64, 64, 64);
  background-color: rgb(255, 255, 255);
}
body .gform_wrapper .gfield .ginput_container textarea:focus {
  border: 1px solid rgb(60, 190, 190);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgb(140, 220, 220);
}
body .gform_wrapper .gform_footer input[type=submit] {
  background-color: rgb(255, 255, 255);
  border: 1px solid rgb(60, 190, 190);
  color: rgb(60, 190, 190);
}
body .gform_wrapper .gform_footer input[type=submit]:hover {
  background-color: rgb(60, 190, 190);
  color: rgb(255, 255, 255);
}