/*---------------Pop up css------------*/
#css-only-modals {
    position: fixed;
    pointer-events: none;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 10000000;
    text-align: center;
    white-space: nowrap;
    height: 100%;
}
#css-only-modals:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -.25em;
}
.css-only-modal-check {
    pointer-events: auto;
    display: none!important;
}
.css-only-modal-check:checked~.css-only-modal {
    opacity: 1;
    pointer-events: auto;
}
.css-only-modal {
    width: 800px;
    background: #fff;
    /* background: #fff; */
    z-index: 1;
    display: inline-block;
    position: relative;
    pointer-events: auto;
    padding: 35px 25px;
    text-align: right;
    border-radius: 4px;
    white-space: normal;
    display: inline-block;
    vertical-align: middle;
    opacity: 0;
    pointer-events: none;
    max-width: 95%;
    max-height:95vh;
}
.css-only-modal h2 {
    text-align: center;
}
.css-only-modal p {
    text-align: left;
}
.btn-primary2 {
 color:#fff; 
 background-color:#777; 
 border-color:#777; 
 border-radius: 4px; 
 padding: 6px 12px; 
} 
.btn-primary2:hover {
    color: #fff;
    background-color: #999;
    border-color: #999;
}
.btn-primary {
color:#fff;
background-color: #224399;
border-color: #224399;
border-radius: 50% !important;
padding: 6px 12px;
font-family: cursive;
position: absolute;
top: -15px;
right: -15px;
font-weight: bold;

}
.btn-primary:hover {
    color: #fff;
    background-color: #1a79c7;
    border-color: #1a79c7
}
.css-only-modal-check:checked~#screen-shade {
    opacity: .5;
    pointer-events: auto;
}
#screen-shade {
    opacity: 0;
    background: #000;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    pointer-events: none;
    transition: opacity .8s;
}
.css-only-modal p {
    color: #000;
    font-size: 15px;
    font-weight: bold;
}

.sched__apt a.cta__button.component__button--1 {
  color: #FFFFFF;
  background-color: #1a79c7;
  border: 2px solid #2c8ad7;
  text-decoration: none;
}
.sched__apt a.cta__button.component__button--1:hover {
  background-color: #224399;
  border: 2px solid #224399;
  text-decoration: none;
}

/*------------End pop up css------*/


/* Editables */
img.right {
    float: right;
    margin: 0px 0px 0px 10px;
}

/* Testimonials */
.btn_cta {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
}

/* Footer */
.footer-yellowstone .logo__image img {
    max-width: 300px;
}

/* Custom colors */
.section--dark a,
.section--dark .cta__button.component__button--1,
.section--dark .cta__link.component__link--1,
.section--dark .copyright__link, .section--dark #copyright__link,
.section--light .articles__categories-link {
    color: #fff;
}
.section--dark .cta__link.component__link--1:after {
    background-color: #fff;
}
.section--dark a:hover,
.section--dark .cta__link.component__link--1:hover,
.section--dark .copyright__link:hover, .section--dark #copyright__link:hover,
.section--light .articles__categories-link:hover {
    color: #9a9a9a;
}
.section--dark .cta__link.component__link--1:hover:after {
    background-color: #9a9a9a;
}
.section--dark .form-a .form__submit input.component__button--1,
.section--dark .map-a .map-search__submit {
    color: #fff;
    background-color: #5f6166;
    border: 2px solid #5f6166;
}
.section--dark .cta__button.component__button--1:hover,
.section--dark .form-a .form__submit input.component__button--1:hover,
.section--dark .map-a .map-search__submit:hover {
    color: #fff;
}
.section--dark .map-a .map__title-caption-wrap:before, .section--dark .map-a .map-search:after {
    border-color: white;
}

/* Media */
@media(min-width: 992px) {
    .footer-yellowstone .col-lg-3.col-sm-12 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .footer-yellowstone .col-lg-5.col-sm-12 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
    .footer-yellowstone .col-lg-4.col-sm-12 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }
}
@media(max-width: 768px) {
    img.right {
        float: none !important;
        display: block !important;
        margin: auto !important;
    }
}

@media(max-width:525px){
    /* .css-only-modal p{
        line-height: 21px;
    } */

    .css-only-modal{
        max-height: 100vh;
    }
}