/* Laura CSS Fixes for responsive */

/* --------------------------------
   --------------------------------
   -------- GENERAL STYLES --------
   --------------------------------
   -------------------------------- */
body {
    overflow-x:hidden;
}

/*Navigation bg opacity*/
body:not([class*='no-hero-image']) #MainMenu.navbar {
    background-color:rgba(255,255,255,.85);
}

#navbar-main-container::after {
    opacity:.85;
}

/*Footer trees bg size when responsive*/
@media screen and (max-width:767px){
    #jr-footer-tree-row {
        background-size:cover;
    }
}

/* SUBFOOTER */
@media screen and (max-width:768px) {
    #jr-sub-footer .fl-col.fl-col-small:not(:nth-child(3)) {
        border:none;
    }
}

@media screen and (min-width:769px) and (max-width:774px){
    #jr-sub-footer .fl-col.fl-col-small:nth-child(1) {
        height:579px;
    }
}

@media screen and (min-width:775px) and (max-width:804px){
    #jr-sub-footer .fl-col.fl-col-small:nth-child(1) {
        height:544px;
    }
}

@media screen and (min-width:805px) and (max-width:908px){
    #jr-sub-footer .fl-col.fl-col-small:nth-child(1) {
        height:525px;
    }
}

@media screen and (min-width:909px) and (max-width:1092px){
    #jr-sub-footer .fl-col.fl-col-small:nth-child(1) {
        height:490px;
    }
}

@media screen and (min-width:1093px) and (max-width:1196px){
    #jr-sub-footer .fl-col.fl-col-small:nth-child(1) {
        height:445px;
    }
}

@media screen and (min-width:1197px) {
    #jr-sub-footer .fl-col.fl-col-small:nth-child(1) {
        height:419px;
    }
}

/*Sign up alerts small screen*/
@media screen and (min-width:601px) and (max-width:768px) {
    #jr-road-alert .fl-module-content .fl-rich-text p {
        text-align:center;
    }
    
    #jr-road-alert .fl-module-content .fl-rich-text p img{
        margin:0px;
        float:none !important;
    }
}

@media screen and (max-width:600px) {
    #jr-road-alert .fl-module-content {
        padding-left:20px;
        padding-right:20px;
    }
    
    #jr-road-alert .fl-module-content .fl-rich-text p {
        text-align:center;
    }
    
    #jr-road-alert .fl-module-content .fl-rich-text p img{
        margin:0px;
        float:none !important;
        display: inline-block;
    }
}

/*Footer social media*/
@media screen and (max-width:370px){
    #jr-footer > div > div > div > div.fl-col.fl-node-5b50cbd3d1ca8.fl-col-small > div {
        width:100%;
    }
}

@media screen and (max-width:768px){
    #jr-social-icons .fl-html {
        text-align:center;
    }
}

/*Footer - Copyright*/
@media screen and (max-width:768px){
    #jr-footer .fl-rich-text p:nth-child(2) {
        text-align:center;
    }
}

/* Footer */
@media screen and (max-width:768px) {
    #menu-footer-menu-top a,
    #menu-footer-menu-bottom a {
        text-align:center;
    }
}    

/* --------------------------
   --------------------------
   -------- HOMEPAGE --------
   --------------------------
   -------------------------- */

/*Stories from Olympic slider*/
@media screen and (max-width:425px){
    #jr-featured-story-head .jr-featured-story-head-container h3.upper.orange {
        font-size:27px;
    }

    #jr-featured-story-head .jr-featured-story-head-container h3.upper.orange em {
        font-size:30px;
    }
}

img.fl-photo-img.wp-image-2420.size-full {
    width:100%;
}

/* NATURAL WONDERS SLIDER */

/*Inside Slider Orange title*/
@media screen and (min-width:320px) and (max-width:375px) {
    #home-natural-wonders h2.fl-post-carousel-title {
        font-size:28px;
    }
}

@media screen and (min-width:597px) and (max-width:813px) {
    #home-natural-wonders h2.fl-post-carousel-title {
        font-size:24px;
    }
}

/*Olympic National Park Slider*/
@media screen and (max-width:767px) {
    .fl-photo-content img {
        margin-top:0px;
        margin-bottom:0px;
        width: auto;
    }
    
    #jr-home-olympic-slider .fl-post-slider-content {
        position: absolute;
        display:block;
        top:0px;
        height: 100%;
        background: #0a0000;
        background: -ms-linear-gradient(bottom, rgba(10,0,0,1) 0%, rgba(10,0,0,0) 100%);
        background: -moz-linear-gradient(bottom, rgba(10,0,0,1) 0%, rgba(10,0,0,0) 100%);
        background: -o-linear-gradient(bottom, rgba(10,0,0,1) 0%, rgba(10,0,0,0) 100%);
        background: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgba(10,0,0,1)), color-stop(1, rgba(10,0,0,0)));
        background: -webkit-linear-gradient(bottom, rgba(10,0,0,1) 0%, rgba(10,0,0,0) 100%);
        background: linear-gradient(to top, rgba(10,0,0,1) 0%, rgba(10,0,0,0) 100%);
    }
}

@media screen and (min-width:655px) and (max-width:767px) {
    .fl-node-5b4facad3dd49 .fl-post-slider-title {
        font-size:40px;    
    }
    
    #jr-home-olympic-slider p {
        font-size:26px;
    }
    
    #jr-home-olympic-slider .fl-node-5b4facad3dd49 > .fl-module-content,
    #jr-home-olympic-slider .fl-post-slider-post .fl-post-slider-mobile-img,
    #jr-home-olympic-slider .fl-photo {
        /* !important: respect the height given for small screens */
        height:480px !important;
    }

    #jr-home-olympic-slider .fl-post-slider, 
    #jr-home-olympic-slider .fl-module-post-slider .bx-wrapper, 
    #jr-home-olympic-slider .fl-builder-content .bx-wrapper .bx-viewport,
    #jr-home-olympic-slider .fl-photo-content,
    #jr-home-olympic-slider .fl-post-slider-post .fl-slide-bg-photo {
        height:100% !important;
    }

    #jr-home-olympic-slider .fl-post-slider-post .fl-slide-bg-photo {
        display:block;
    }
}

@media screen and (max-width:654px) {
    .fl-node-5b4facad3dd49 .fl-post-slider-title {
        font-size:34px;    
    }
    
    #jr-home-olympic-slider p {
        font-size:20px;
    }

    #jr-home-olympic-slider .fl-node-5b4facad3dd49 > .fl-module-content,
    #jr-home-olympic-slider .fl-post-slider-post .fl-post-slider-mobile-img,
    #jr-home-olympic-slider .fl-photo {
        /* !important: respect the height given for small screens */
        height:400px !important;
    }

    #jr-home-olympic-slider .fl-post-slider, 
    #jr-home-olympic-slider .fl-module-post-slider .bx-wrapper, 
    #jr-home-olympic-slider .fl-builder-content .bx-wrapper .bx-viewport,
    #jr-home-olympic-slider .fl-photo-content,
    #jr-home-olympic-slider .fl-post-slider-post .fl-slide-bg-photo {
        height:100% !important;
    }

    #jr-home-olympic-slider .fl-post-slider-post .fl-slide-bg-photo {
        display:block;
    }
}

@media screen and (min-width:445px) and (max-width:522px) {
    #jr-home-olympic-slider .fl-node-5b4facad3dd49 > .fl-module-content,
    #jr-home-olympic-slider .fl-post-slider-post .fl-post-slider-mobile-img,
    #jr-home-olympic-slider .fl-photo {
        /* !important: respect the height given for small screens */
        height:500px !important;
    }

    #jr-home-olympic-slider .fl-post-slider, 
    #jr-home-olympic-slider .fl-module-post-slider .bx-wrapper, 
    #jr-home-olympic-slider .fl-builder-content .bx-wrapper .bx-viewport,
    #jr-home-olympic-slider .fl-photo-content,
    #jr-home-olympic-slider .fl-post-slider-post .fl-slide-bg-photo {
        height:100% !important;
    }

    #jr-home-olympic-slider .fl-post-slider-post .fl-slide-bg-photo {
        display:block;
    }
}

@media screen and (max-width:444px) {
    #jr-home-olympic-slider .fl-module-content.fl-node-content .fl-post-slider .bx-wrapper .bx-viewport,
    #jr-home-olympic-slider .fl-node-5b4facad3dd49 > .fl-module-content,
    #jr-home-olympic-slider .fl-post-slider-post .fl-post-slider-mobile-img,
    #jr-home-olympic-slider .fl-photo {
        /* !important: respect the height given for small screens */
        height:600px !important;
    }

    #jr-home-olympic-slider .fl-post-slider, 
    #jr-home-olympic-slider .fl-module-post-slider .bx-wrapper, 
    #jr-home-olympic-slider .fl-builder-content .bx-wrapper .bx-viewport,
    #jr-home-olympic-slider .fl-photo-content,
    #jr-home-olympic-slider .fl-post-slider-post .fl-slide-bg-photo {
        height:100% !important;
    }

    #jr-home-olympic-slider .fl-post-slider-post .fl-slide-bg-photo {
        display:block;
    }
}

@media screen and (max-width:399px) {
    
}

/*Homepage Instagram feed*/
.crt-feed-container .crt-grid-post-v2 .crt-post-fullname a {
    font-size:18px;
}

.crt-feed-container .crt-grid-post-v2 .crt-post-hover .crt-post-content-text {
    font-size:14px;
}

.crt-grid-post-v2 .crt-post-hover .crt-post-content-text a {
    display:none;
}

.crt-grid-post-v2 .crt-post-header .crt-social-icon, .crt-post-v2 .crt-post-header .crt-social-icon {
    height:10px;
    margin-bottom:none;
}

@media screen and (max-width:375px) {
    #jr-home-olympic-slider .fl-module-content.fl-node-content .fl-post-slider .bx-wrapper .bx-viewport,
    #jr-home-olympic-slider .fl-node-5b4facad3dd49 > .fl-module-content,
    #jr-home-olympic-slider .fl-post-slider-post .fl-post-slider-mobile-img,
    #jr-home-olympic-slider .fl-photo {
        /* !important: respect the height given for small screens */
        height: 650px !important;
}
}

@media screen and (max-width:320px) {
    #jr-home-olympic-slider .fl-module-content.fl-node-content .fl-post-slider .bx-wrapper .bx-viewport,
    #jr-home-olympic-slider .fl-node-5b4facad3dd49 > .fl-module-content,
    #jr-home-olympic-slider .fl-post-slider-post .fl-post-slider-mobile-img,
    #jr-home-olympic-slider .fl-photo {
        /* !important: respect the height given for small screens */
        height: 690px !important;
}
}

/* -------------------------
   -------------------------
   -------- STORIES --------
   -------------------------
   ------------------------- */

@media screen and (max-width:435px) {
    .fl-node-5af3622f7ef93 {
        padding-left:30px;
    }
}

@media screen and (max-width:430px){
    div[data-node="5b7de3c19929e"] .fl-node-content {
        padding-left:10px;
    }
}

/*Stories-transportation*/
#jr-section-title h3.upper.dark-green em {
    font-size:38px;
}

@media screen and (max-width:992px){
    #jr-section-title h3.upper.dark-green em {
        font-size:26px;
    }
}

/*--- olympic national park */

/* FM - Disabling this because it looks worse
#jr-cond-alerts-row .fl-node-5b7c394c4116e .fl-col {
    width:100%;
}

#jr-road-alert .fl-rich-text {
    text-align:center;
    height:44px;
}

#jr-road-alert img {
    float:none;
}
*/

/*--- 2 nation vacation, sidebar title margin */
div[data-node="5b7c394c41161"] #jr-section-title h3 em {
    margin-left:-9px;
}

/*--- culinary indulgences sidebar left margin */
div[data-node="5b7c394c41161"] .fl-module-content {
    margin-left:35px;
}

/* ------------------------------
   ------------------------------
   -------- DESTINATIONS --------
   ------------------------------
   ------------------------------ */

/* Subnav after top banner positioning */
@media screen and (min-width:768px) and (max-width:1110px) {
    .jr-sub-nav {
        padding-top:10px !important;
    }
}

@media screen and (min-width:767px) {
    #SubMenu .navbar-brand {
        padding-top:10px;
    }

    #SubMenu .navbar-toggle {
        margin-top:7px;
    }
}

@media screen and (max-width:766px){
    #SubMenu .navbar-brand {
        padding-top:6px;
    }

    #SubMenu .navbar-toggle {
        margin-top:4px;
    }
}

/* ----- Port Angeles and Lake Crescent */
#jr-section-title h3.upper.dark-green {
    margin-bottom:0px;
}

/* ----- Hoh Rainforest | Make sidebar image darker */
.fl-node-5b523dfa55aba .uabb-blog-posts .uabb-post-thumbnail a{
    background-color:#000;
    display: block;
    height: 100%;
}

.fl-node-5b523dfa55aba .uabb-blog-posts .uabb-post-thumbnail a img{
    opacity: .7;
}

/* --------------------------------
   --------------------------------
   -------- DRIVE THE LOOP --------
   --------------------------------
   -------------------------------- */

/*top fullscreen card*/
@media screen and (max-width:768px) {
    .jr-loop-item-featured .fl-module-content {
        margin:0px;
    }
}

@media screen and (max-width:723px) {
    .jr-loop-item-featured h3.uabb-post-heading a {
        font-size:25px !important;
    }
}

@media screen and (max-width:699px) {
    .fl-node-5b5a5a1e168cf .uabb-post-wrapper .uabb-blog-post-content {
        min-width:178px;
    }
}

@media screen and (min-width:634px) and (max-width:699px){
    .fl-node-5b5a5a1e168cf .uabb-blog-post-inner-wrap .uabb-post-thumbnail {
        width:70%;
        float:right;
    }
}

@media screen and (min-width:565px) and (max-width:633px){
    .fl-node-5b5a5a1e168cf .uabb-blog-post-inner-wrap .uabb-post-thumbnail {
        width:50%;
        float:right;
    }
}

@media screen and (min-width:549px) and (max-width:564px){
    .fl-node-5b5a5a1e168cf .uabb-blog-post-inner-wrap .uabb-post-thumbnail {
        width:65%;
        float:right;
    }
}

@media screen and (min-width:436px) and (max-width:548px){
    .fl-node-5b5a5a1e168cf .uabb-blog-post-inner-wrap .uabb-post-thumbnail {
        width: 55%;
        float: right;
        height: 178px;
    }
    
    .uabb-thumbnail-position-right .uabb-post-thumbnail.uabb-crop-thumbnail img {
        height:100%;
    }
}

@media screen and (min-width:396px) and (max-width:435px){
    .fl-node-5b5a5a1e168cf .uabb-blog-post-inner-wrap .uabb-post-thumbnail {
        width: 50%;
        float: right;
        height: 178px;
    }
    
    .uabb-thumbnail-position-right .uabb-post-thumbnail.uabb-crop-thumbnail img {
        height:100%;
    }
}

@media screen and (max-width:395px){
    .fl-node-5b5a5a1e168cf .uabb-blog-post-inner-wrap .uabb-post-thumbnail {
        width: 50%;
        float: right;
        height: 178px;
    }
    
    .uabb-thumbnail-position-right .uabb-post-thumbnail.uabb-crop-thumbnail img {
        height:100%;
    } 
    
    .fl-node-5b5a5a1e168cf .uabb-post-wrapper .uabb-blog-post-content {
        min-width:138px;
    }
    
    .fl-node-5b5a5a1e168cf.jr-loop-item-featured h3.uabb-post-heading a {
        font-size:20px !important;
    }
}

/*stack cards*/
@media screen and (min-width:992px) and (max-width:1299px) {
    h3.uabb-post-heading a {
        font-size:26px !important;
    }
    
    .uabb-post-wrapper .uabb-post-heading {
        line-height:27px;
    }
}

@media screen and (min-width:769px) and (max-width:991px) {
    h3.uabb-post-heading a {
        font-size:20px !important;
    }
    
    .uabb-post-wrapper .uabb-post-heading {
        line-height:19px;
    }
}

@media screen and (max-width:593px) {
    h3.uabb-post-heading a {
        font-size:19px !important;
    }
    
    .uabb-post-wrapper .uabb-post-heading {
        line-height:16px;
    }
}

@media screen and (max-width:654px) {
    .jr-loop-item-featured h3.uabb-post-heading a {
        font-size:20px !important;
        line-height:23px;
    }
}

/*stack-cards - image full height*/
.uabb-post-thumbnail a {}

.uabb-post-thumbnail a img {}

/*--- IE Flexbox fix */
.jr-loop-item .uabb-blog-post-content, .jr-loop-item-featured .uabb-blog-post-content {
    height:178px;
    -ms-flex:1 0 auto;
    display:-ms-flexbox;
}


/* ------------------------
   ------------------------
   -------- EVENTS --------
   ------------------------
   ------------------------ */


/* ------------------------------
   ------------------------------
   -------- THINGS TO DO --------
   ------------------------------
   ------------------------------ */
@media screen and (max-width:768px){
    .fl-node-5b64335e061e9,
    .fl-node-5b64435096316,
    .fl-node-5b6443f17b483,
    .fl-node-5b6443f17b490 {
        height:241px;
    }

    .fl-node-5b64335e061e9,
    .fl-node-5b6443f17b483 {
        margin-bottom:20px;
    }
}

/* change overlay color */
div[data-post-id="1807"] .fl-col-bg-overlay .fl-col-content:after {
    background-color:rgba(0,0,0,.4);
}

/* ----------------------------
   ----------------------------
   -------- ROAD TRIPS --------
   ----------------------------
   ---------------------------- */

/* ---- strait of juan de fuca bottom space */
div[data-post-id="3578"] .fl-node-5b7c705004b7f,
div[data-post-id="3578"] .fl-node-5b7c7058626b1,
div[data-post-id="3578"] .fl-node-5b7c702438165,
div[data-post-id="3578"] #stories,
div[data-post-id="3578"] #jr-story-slider-query {
    display:none;
}



/* --------------------------------
   --------------------------------
   -------- TRANSPORTATION --------
   --------------------------------
   -------------------------------- */
div[data-node="5b7c394c41167"] .jr-section-title-container {
    padding:0px;
}

div[data-node="5b7c394c41167"] h3 {
    font-size:28px;
}

@media screen and (min-width:769px) and (max-width:991px){
    div[data-node="5b7c394c41167"] h3 {
        font-size:17px;
    }
}

@media screen and (max-width:768px){
    div[data-node="5b7c394c41167"] h3 {
        font-size:29px;
    }
}



/* --------------------------------
   --------------------------------
   -------- TRAVEL PLANNER --------
   --------------------------------
   -------------------------------- */
@media screen and (min-width:992px) and (max-width:1299px){
    div[data-node="5b7c394c41161"] a.external:first-child {
        display: block;
        width: 100%;
        height: 320px;
        text-align: center;
    } 

    div[data-node="5b7c394c41161"] a.external:first-child img {
        float:none;
        display:block;
        margin:auto !important;
    }
}

/* --------------------------------
   --------------------------------
   -------- Sub Navigation --------
   --------------------------------
   -------------------------------- */
@media screen and (max-width:630px) {
.sub-nav .navbar-header .navbar-brand {
  width: 80%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-right:0px !important;
  padding-right:0px !important;

}

}

@media screen and (max-width:319px) {
.sub-nav .navbar-header .navbar-brand {
  width: 77%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-right:0px !important;
  padding-right:0px !important;

}
}