/*****************************
** Custom site styles can be added to this file - EDIT AT YOUR OWN RISK!!!
*****************************/

.yt-icon {
  display: inline-block;
  cursor: pointer;
}

.yt-icon svg {
  width: 100%;
  height: 100%;
}

.yt-icon.small {
  width: 40px;
  height: auto;
}

.yt-outline,
.yt-triangle-outline {
  stroke: #b38b2e;
  stroke-width: 4;
  opacity: 0;
  transition: opacity .25s ease;
  fill:#fff;
}

.yt-icon:hover .yt-outline,
.yt-icon:hover .yt-triangle-outline {
  opacity: 1;
}

.typeahead__button button { height: 100%; background: #B7A157 !important;  border: 1px solid #fff !important; }
.typeahead__search-icon { color: #FFF !important;  }

.typeahead__field input, 
.typeahead__field textarea, 
.typeahead__field [contenteditable], 
.typeahead__field .typeahead__hint {
  background: #fff !important;
  width: 200px !important;
  height: 40px;
  font-size: 16px !important;
  font-family: 'Lato', sans-serif;
  color: #151616;
  border: 1px solid #fff !important;
}

.btn-primary.active.focus, 
.btn-primary.active:focus, 
.btn-primary.active:hover, 
.btn-primary:active.focus, 
.btn-primary:active:focus, 
.btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, 
.open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover
{
   color: #fff;
   background-color: transparent; 
   border-color: none;
 
}
.btn.active.focus, 
.btn.active:focus, 
.btn.focus, 
.btn:active.focus, 
.btn:active:focus, 
.btn:focus {
    /*outline: thin dotted;*/
    outline: inherit;
    outline-offset: -2px;
}

    .hamburger-button {
        width: 40px;
        height: 28px;
        position: relative;
        border: none;
        background: transparent;
        padding: 0;
        margin: 10px 0;
        cursor: pointer;
    }

    .hamburger-button span {
        display: block;
        height: 3px;
        width: 100%;
        background: var(--primary-text-color);
        border-radius: 2px;
        position: absolute;
        left: 0;
        transition: all 0.3s ease-in-out;
    }

    .hamburger-button:hover span {
        background: #fff;
    }

    .hamburger-button span:nth-child(1) {
        top: 0;
    }

    .hamburger-button span:nth-child(2) {
        top: 12px;
    }

    .hamburger-button span:nth-child(3) {
        bottom: 0;
    }

    .hamburger-button.active span:nth-child(1) {
        transform: rotate(45deg);
        top: 12px;
    }

    .hamburger-button.active span:nth-child(2) {
        opacity: 0;
    }

    .hamburger-button.active span:nth-child(3) {
        transform: rotate(-45deg);
        bottom: 12px;
    }

.btn-primary:hover {
    background: transparent;
}

.irv-keyword-search .typeahead__container button:hover { background: #000 !important; }
.irv-keyword-search .typeahead__search-icon:after { color: #fff !important; }