.hero-container {
    width: 100%;
    background-size: cover;
    background-position: bottom;
    height: 47vw;
}

#content {
    display: inline-block;
}

.entry {
    padding: 0 0 0 0 !important;
}
#content-left {
    float: left;
    margin: 0px 0 0 3.5%;
    width: 65%;
}

#content-right {
    float: right;
    margin: 0px 3.5% 10px 0;
    position: sticky; /* JTC: took this out because Mediavine doesn't support sticky sidebar */
#    top: -220px;
    top: 90px;
    min-width: 280px !important;
    width: 301px !important;
#    overflow: auto;
}

#waterfall-title {
    font-size: 80px;
    font-weight: 400;
    margin: 0;
    line-height: 1;
}

#waterfall-subtitle {
    font-size: 24px;
    line-height: 1;
}

#waterfall-sub-subtitle {
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
}


.waterfalls-template-default .site-inner,
.waterfalls-template-default article {
    padding: 30px 0 90px;
}

.waterfalls-template-default .tabs-photos img {
    width: 135px;
    height: 90px;
    object-fit: cover;
    margin-bottom: 10px;
}

.waterfalls-template-default .tabs-photos br {
    display: none;
}

.waterfalls-post-item .vc_gitem_row.vc_row.vc_gitem-row-position-bottom {
    background: #fff;
    min-height: 100px;
}

.waterfalls-post-item .vc_gitem-post-data {
    margin-bottom: 0;
}

/*** About This Waterfall ***/
#about-this-waterfall {
    outline: none;
    border-style: none;
}

#about-this-waterfall-text {
    border: 1px solid #ddd;
}
#about-this-waterfall #map {
    margin: 30px 0 10px;
}

#about-this-waterfall #map p {
    margin: 0;
}

#about-this-waterfall h4 {
    text-align: center;
    background-color: #03A9F4;
    color: #fff;
    padding: 10px;
    text-transform: uppercase;
    font-size: 16px;
    /*font-size: 18px;*/
}

#about-this-waterfall-acf {
    padding: 0 10px 10px 10px;
}

#about-this-waterfall-acf hr {
    border-top: 1px dashed #32b0f3;
}

.field-value {
    font-weight: 600;
    font-size: 13px;
}

#about-this-waterfall a.get-directions, #about-this-waterfall a.field-value {
    font-weight: 600;
    font-size: 13px;
}

#about-this-waterfall a.rating, #about-this-waterfall a.difficulty, #about-this-waterfall .field-title {
    font-weight: 800;
    font-size: 13px;
}

#about-this-waterfall span.rating, #about-this-waterfall span.difficulty {
    font-weight: 600;
    font-size: 13px;
}

#about-this-waterfall .vc_column-inner {
    padding: 0;
    margin: auto;
    width: 350px;
}

#waterfall-sidebar .vc_tta-tab.vc_active {
    width: 100%;
}

.about-this-waterfall-tab-content {
    border: 1px solid #e1e1e1;
    padding: 20px;
}

.about-this-waterfall-tab-content .vc_tta-panel-body {
    padding: 0 !important;
    margin: 0;
}

#about-this-waterfall .vc_separator {
    margin: 15px 0 30px;
}

#about-this-waterfall .vc_tta-tab a {
    font-size: 20px;
    padding: 0;
}

#newsletter-waterfalls-sidebar {
    outline: none;
    border-style: none;
    overflow: hidden;
    background-color: #78ccf5;
    padding: 10px;
    margin-bottom: 10px; 
}

#newsletter-waterfalls-sidebar-text {
    /* font-size: 1.8rem; */
    /* margin-bottom: 5px; */
}

#newsletter-waterfalls-sidebar-subtext {
    object-fit: cover;
    display: block;
    margin: 0px 0px 5px 0px;
    font-size: 1.2rem;
    overflow: hidden;
    /* margin-bottom: 5px; */
}
    
.sidebar-social-media {
    float: left;
    margin: 5px;
}


#visitor-reviews {
    margin-top: 50px;
    padding-bottom: 15px;
}

#visitor-reviews,
#tagged-with,
#visitor-comments {
    display: inline-block;
    width: 100%;
}

#tagged-with {
    border-top: 1px dashed #32b0f3;
    padding: 15px 0;
}

#tagged-with {
    margin-top: 20px;
    border-bottom: 1px dashed #32b0f3 ;
}

/*** Waterfall Tabs ***/
#waterfallTabs {
    margin-top: 80px;
}

#waterfallTabs h2 {
    margin-bottom: 25px;
}

#waterfallTabs .tab {
    overflow: hidden;
    margin-bottom: 30px;
}

#waterfallTabs .tab button {
    float: left;
    border: none;
    border-radius: 0;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
    font-size: 17px;
    width: 25%;
}

#waterfallTabs .tab button.active {
    background-color: #33aff2;
}

.tabcontent {
    display: none;
    border-top: none;
}

/*** Photos Tab ***/
#photos a {
    width: 18.45%;
    width: 153px;
    float: left;
    height: 120px;
    min-height: 120px;
    overflow: hidden;
    margin: 14px 1.9% 0 0;
}

#photos a:nth-of-type(5n+5) {
    margin-right: 0;
}

#photos br {
    display: none;
}

#photos img {
    min-width: 100%;
    min-height: 100%;
}

.tabs-photos figure {
    width: 20% !important;
    float: left;
    margin-bottom: 30px;
}

.tabs-photos .vc-acf-field-picker-field {
    float: none;
    clear: both;
}

.photo-journal p a {
    width: 20%;
    float: left;
}

.tabs-photos figcaption b {
    font-weight: 400;
}

/*** More Info ***/
#top-10-lists,
#related-trip-reports,
#related-itineraries-posts,
#related-featured-articles,
#nearby-attractions,
#trip-planning-resources,
#pj-featured-photos-wrapper,
#misc-tags {
    display: inline-block;
    margin: 30px 0 30px;
    width: 100%;
}

#related-trip-reports,
#top-10-lists,
#related-itineraries-posts,
#trip-planning-resources {
    border-bottom: 1px dashed #32b0f3;
}

#pj-featured-photos-wrapper h3 {
    text-align: center;
}

#pj-featured-photos-wrapper h2 {
    text-align: center;
}

#pj-featured-photos > figure {
    margin-bottom: 35px;
    border-bottom: 1px dashed #32b0f3;
    margin-left: auto;
    margin-right: auto;
}
/*** Nearest Waterfalls ***/
.mplus_nw li.nw-list-item .title {
    display: block;
    text-decoration: none;
    text-align: left;
    color: #444444;
    font-family:'Montserrat', san-serif;
    font-size: 18px;
    font-weight: 700;
    font-style: normal;
    line-height: 1.2;
    padding: 10px;
    margin-bottom: 0px;
    width: 100%;
}
#nearest-waterfalls .mplus_nw li.nw-list-item {
    list-style-type: none;
}

#nearest-waterfalls {
    margin-top: 50px;
}

.mplus_nw > ul {
    border-bottom: 1px dashed #32b0f3;
}

#visitor-comments-label,
#tagged-with-label,
#visitor-reviews-label {
    font-weight: 600;
    /*margin-bottom: 44px; */
}

#route-button a.button,
#route-button a.button:hover,
#route-button a.button:active,
#route-button a.button:visited,
#submit-uwr-button a.button,
#submit-uwr-button a.button:hover,
#submit-uwr-button a.button:active,
#submit-uwr-button a.button:visited {
    /*color: #0000EE;*/
    color: #FFFFFF;
    text-decoration: none;
}

#visitor-reviews,
#visitor-comments {
    border-bottom: 1px dashed #32b0f3 ;
    margin-bottom: 11px; 
    padding-bottom: 44px;
}

#visitor-comments span.visitor-comments-label {
    display:block;
    padding-top: 22px;
}

#tagged-with li {
    margin: 0;
}

#tagged-with ul,
#tagged-with ul li {
    display: inline;
}

#tagged-with {
    display: inline-block;
}

/* pj-photos */
#pj-featured-photos img.alignleft {
    margin: 0;
}

#pj-featured-photos-wrapper {
    display: inline-block;
}

#pj-featured-photos figcaption {
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #000;
    text-decoration: none;
    display: inline-block !important;
    padding: 12px 0 !important;
    text-align: left;
}


/* Add spacing on top for anchor link */
#waterfallTabs:before{
    clear: both;
    content: "";
    display: block;
    height: 150px; /* fixed header height*/
    margin: -150px 0 0; /* negative fixed header height */
}

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

    .hero-container {
        background-position: center;
        height: 600px;
    }

    #content-left {
        margin-left: 5.5%;
        width: 63%;
    }

    #content-right {
        margin-right: 5.5%;
        width: 23%;
#        top: -210px;
	top: 90px;
    }

    #photos a {
        width: 186px;
        margin: 14px 2.5% 0 0;
    }

    #photos a:nth-of-type(5n+5) {
        margin-right: 2.5%;
    }

    #photos a:nth-of-type(4n+4) {
        margin-right: 0;
    }
}

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

    #photos a:nth-of-type(4n+4) {
        margin-right: 2.5%;
    }

    #photos a:nth-of-type(3n+3) {
        margin-right: 0;
    }

    #photos a {
        width: 31.66%;
        height: 160px;
    }

}

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

    #content-left {
        margin-left: 5.5%;
        width: 60%;
    }

}

/*@media screen and (max-width:1235px) { */
    /*body.single-waterfalls > div {
        font-size: 14px;
        font-size: 1.4rem;
    } */

    /*.single-waterfalls h4 {
        font-size: 16px;
        font-size: 1.6rem;
    }*/
/*} */

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

    #content-left {
        width: 58%;
    }

}

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

    .hero-container {
        height: 550px;
    }

    #content-right {
        margin-right: 7.5%;
        width: 30%;
    }

    #content-left {
        margin-left: 7.5%;
        width: 51.5%;
    }

    #waterfallTabs .tab button {
        padding: 12px 13px;
        font-size: 13px;
    }

    #photos a {
        height: 120px;
    }

}

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

    #content-left {
        width: 49%;
    }

    #waterfallTabs .tab button {
        padding: 12px 13px;
    /*    font-size: 11px; */
    }

}

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

/*    body.single-waterfalls > div {
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 2;
    }

    /*.single-waterfalls h3#post-subtitle {
        font-size: 20px;
        font-size: 1.45em;
    }*/


    #content-right {
        float: none;
	margin: 0 auto;
        text-align: center;
        /*width: 90%; */
        display: block;
	position: unset;
    }

    #content-left {
        margin: 0 auto;
        width: 90%;
        float: none;
        padding: 0;
    }

/*    #content-right {
        margin: 0 5% 0 10px;
        display: inline;
        min-width: 250px !important;
        position: relative;
        top: 0;
    }

    #photos a {
        height: 160px;
    } */

    #about-this-waterfall-text {
        float: unset;
        display: inline-block;
        position: relative;
        /*width: 54%; */
	/*width: 90%; */
	/*display: table-header-group;*/
    }

    #about-this-waterfall #map {
        /*margin: 30px 10px 0 0px;*/
        vertical-align: top;
        /*width: 42%; */
	/*width: 78; */
    }

    #about-this-waterfall-text div {
        text-align: left;
    }

    #map {
	float: unset;
	display: inline-block; 
	position: relative;
	/*display: table-footer-group;*/
    }

}

@media screen and (max-width:720px) {*

    .hero-container {
        height: 500px;   /* bring back hero until waterfall refresh done */
	/* height: 80px; /* eliminating hero on mobile */
    }

    /*#about-this-waterfall h4 {
        font-size: 15px;
    }*/

/*    #map {
	float: unset;
	display: inline-block;
	position: relative;
    } */

}

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

    /*.single-waterfalls h3#post-subtitle {
        font-size: 1.35em;
        font-size: 16px;
    }*/

    #waterfallTabs {
        margin-top: 40px;
    }

    .waterfalls-template-default .site-inner,
    .waterfalls-template-default article {
        padding-top: 30px;
    }

    #waterfallTabs .tab button {
    /*    font-size: 12px; */
    }

    /** Two column styling **/
    #waterfallTabs .tab {
        margin-bottom: 0;
    }

    #content-left {
        float: none;
        margin: 10px auto;
        width: 90%;
/*        font-size: 12px; */
    }

    #content-right {
        float: none;
        margin: 25px auto 0;
    }

    #pj-featured-photos figure.grid1x {
        width: 100% !important;
    }



    #photos p {
        margin: 0;
        padding: 0;
    }

    #photos a {
        float: left;
        height: 0;
        margin: 10px 2.5% 0 0;
        min-height: 175px;
        width: 48.7%;
    }

    #photos img {
        min-width: 50%;
        min-height: 50%;
    }

    #photos img.landscape {
        min-width: 100%; /* Changed at 02-16-18 11:46 */
        min-height: 100%;
    }

    #photos img.portrait {
        min-width: 100%;
        min-height: 50%;
    }

    #photos a:nth-of-type(3n+3) {
        margin: 10px 2.5% 0 0;
    }

    #photos a:nth-of-type(2n+2) {
        margin: 10px 0 0 0;
    }

}

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

    .hero-container {
        height: 450px;  /* keep hero until waterfall refresh done */
	/*height: 80px; /* eliminating hero on mobile */
    }

    #waterfallTabs .tab button {
        border: 1px solid #fff;
        padding: 14px 2px;
    /*   font-size: 11px; */
    }
}
/* commenting out this so thumbnails and sidebar on  mobile behaves better
@media screen and (max-width:450px) {

    div#about-this-waterfall,
    #about-this-waterfall #map,
    #about-this-waterfall img,
    #about-this-waterfall-text {
        width: 100%;
    }
}

@media screen and ( max-width: 440px ){
    #photos a {
        min-height: 265px;
        width: 100%;
    }
}
*/
/* Toning down font sizes of sidebar for small screens */
/* @media screen and ( max-width: 600px) {
    #about-this-waterfall-text h4 {
        font-size: 12px; 
    }
    #about-this-waterfall-text .field-value,
    #about-this-waterfall-text .field-title,
    #about-this-waterfall-text .field-title a,
    #about-this-waterfall-text .field-title span {
        font-size: 10px;
    }
}

@media screen and ( max-width: 440px) {
    #about-this-waterfall-text h4 {
        font-size: 9px;
    }
    #about-this-waterfall-text .field-value,
    #about-this-waterfall-text .field-title,
    #about-this-waterfall-text .field-title a,
    #about-this-waterfall-text .field-title span {
        font-size: 7px;
    }
} */

/* Font Responsiveness */
@media screen and (max-width:1200px) {

    .responsive-tabs .responsive-tabs__list__item {
        font-size: 13px !important;
        font-size: 1.2rem !important;
    }
}

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

    .responsive-tabs .responsive-tabs__list__item {
        font-size: 12px !important;
        font-size: 1.1rem !important;
    }
}


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

    .responsive-tabs .responsive-tabs__list__item {
        font-size: 11px !important;
        font-size: 1rem !important;
    }

}

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

    .responsive-tabs .responsive-tabs__list__item {
        font-size: 10px !important;
        /*font-size: 1rem;*/
    }
}

/* Nearest Waterfall fix */
@media screen and (max-width:767px) {
    .nw-list-item {
        width: 100% !important;
    }
    .nw-list-item a {
        width: 100% !important;
    }

    .nw-list-item .thumbnail {
        width: 100%;
        height: 100vw;
    }
    .nw-list-item  .thumbnail img {
        width: 100% !important;
    }
}

@media only screen and (max-width: 991px) and (min-width: 768px) {
    .mplus_nw > ul li.last {
        margin-right: 3%;
    }
}