@use "sass:color";
@font-face {
  font-family: 'CocoGothicBold';
  src: url("../fonts/Coco-Gothic-Bold.ttf") format("truetype"); }
@font-face {
  font-family: 'CocoGothicFat';
  src: url("../fonts/Coco-Gothic-Fat.ttf") format("truetype"); }
@font-face {
  font-family: 'CocoGothicHeavy';
  src: url("../fonts/Coco-Gothic-Heavy.ttf") format("truetype"); }
@font-face {
  font-family: 'CocoGothicLight';
  src: url("../fonts/Coco-Gothic-Light.ttf") format("truetype"); }
@font-face {
  font-family: 'CocoGothicRegular';
  src: url("../fonts/Coco-Gothic-Regular.ttf") format("truetype"); }
@font-face {
  font-family: 'MayekaBold';
  src: url("../fonts/Mayeka-Bold.otf") format("opentype"); }
@font-face {
  font-family: 'MayekaLight';
  src: url("../fonts/Mayeka-Light.otf") format("opentype"); }
@font-face {
  font-family: 'MayekaRegular';
  src: url("../fonts/Mayeka-Regular.otf") format("opentype"); }
@font-face {
  font-family: 'MayekaSemiBold';
  src: url("../fonts/Mayeka-SemiBold.otf") format("opentype"); }
@font-face {
  font-family: 'MayekaThin';
  src: url("../fonts/Mayeka-Thin.otf") format("opentype"); }
a:hover, a:focus {
  color: #f2dfc5;
  text-decoration: none; }

body {
  font-family: 'CocoGothicLight'; }

footer {
  background-color: #828e9a; }
  footer h4 {
    text-transform: uppercase; }
  footer p {
    color: #f2dfc5; }

h1 {
  text-transform: uppercase; }

input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
textarea:focus,
textarea.form-control:focus,
.uneditable-input:focus {
  border-color: #f2dfc5;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(242, 223, 197, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(242, 223, 197, 0.6); }

span.hours {
  float: right;
  margin-right: calc(100% - 227px); }

.btn {
  color: #f2dfc5;
  border: 2px solid #f2dfc5; }
  .btn:hover, .btn:focus, .btn:active, .btn.active {
    background: #f2dfc5; }

.btn-send {
  background-color: #f2dfc5;
  border: 2px solid #f2dfc5;
  color: #ffffff;
  margin-left: 0px !important; }
  .btn-send:hover, .btn-send:focus, .btn-send:active, .btn-send.active {
    background: #f2dfc5; }

.coco-gothic-light {
  font-family: 'CocoGothicLight'; }

.mayeka-light {
  font-family: 'MayekaLight'; }

.mayeka-regular {
  font-family: 'MayekaRegular'; }

.nav > li > a {
  font-family: 'MayekaRegular'; }
  .nav > li > a:hover {
    color: #f2dfc5;
    background-color: #ffffff; }

.navbar-header-top {
  float: none !important;
  position: relative;
  background: #828e9a;
  z-index: 0; }
  .navbar-header-top .info a {
    font-size: 13px;
    color: #ffffff;
    font-weight: 700;
    letter-spacing: 2px;
    text-align: center; }
    .navbar-header-top .info a:hover {
      color: #f2dfc5; }

.navbar-header {
  background-color: #fff;
  float: none !important;
  position: relative;
  z-index: 0; }

.navbar-wrapper {
  width: 100%; }

.number {
  font-family: 'MayekaRegular'; }

.owl-pagination .owl-page.active span,
.owl-pagination .owl-page:hover span {
  background: #f2dfc5; }

.text-gray {
  color: #828e9a !important; }

.yamm {
  background-color: #ffffff; }

#contact p.field-container {
  margin-bottom: 1px; }
#contact span.field-label {
  font-size: .8em; }
#contact textarea, #contact .form-control {
  font-family: candara, arial, verdana, sans-serif; }

#contact-form {
  padding-bottom: 25px; }

#contact-info {
  /*color: $dark-gray;*/ }

#contact-modal {
  background-color: #ffffff;
  height: 100%;
  opacity: .8;
  position: absolute;
  text-align: center;
  width: 100%; }

#contact-modal-message {
  font-size: 16px;
  font-weight: bold;
  margin-top: 385px;
  opacity: 1;
  padding-right: 10px; }
  #contact-modal-message.success {
    color: #27ae60; }
  #contact-modal-message.error {
    color: #c0392b; }

#hero blockquote p {
  color: #828e9a; }
#hero h1 {
  color: #828e9a; }

#menu .menu-section {
  border-bottom: dashed 1px #f2dfc5;
  font-weight: bold;
  margin-bottom: 2px;
  margin-top: 20px;
  text-transform: uppercase; }
#menu .menu-item {
  padding-left: 23px; }
#menu .menu-subtext {
  color: #828e9a;
  font-size: .8em;
  line-height: 20px; }

#portfolio-post {
  background-color: #e0e3e6; }

#team .col-xs-12 {
  padding-left: 0px !important;
  padding-right: 0px !important; }

#team .team-member {
  background-color: #828e9a;
  border-radius: 3px;
  color: #ffffff;
  margin: 5px;
  padding: 15px 35px 15px 35px; }
  #team .team-member:hover {
    background-color: #74818f; }
  #team .team-member .team-member-name {
    color: #f2dfc5;
    font-size: 1.1em;
    text-transform: uppercase; }
  #team .team-member .team-member-ig {
    color: #e0e3e6;
    float: right;
    font-size: .9em; }

#testimonials blockquote p {
  color: #343434; }
#testimonials header h1 {
  color: #343434; }

#testimonials #owl-testimonials:before,
blockquote:before {
  color: #f2dfc5; }

::selection {
  background: #f2dfc5;
  color: #ffffff; }

::-moz-selection {
  background: #f2dfc5;
  color: #ffffff; }

@media (max-width: 575px) {
  #blurb-header-lg {
    display: none; }

  #blurb-header-sm {
    display: block; }

  .hashtag {
    display: none; } }
@media (min-width: 576px) {
  #blurb-header-lg {
    display: block; }

  #blurb-header-sm {
    display: none; } }
@media (max-width: 1024px) {
  .navbar-header {
    padding: 25px 0; }
    .navbar-header .btn {
      border-color: #828e9a;
      color: #828e9a; }
      .navbar-header .btn:hover {
        background-color: #828e9a; } }

/*# sourceMappingURL=opal.css.map */