@charset "utf-8";
/* CSS Document */

body {
    background-attachment: fixed;
    background-image: url(/assets/images/uploads/theme-003/striped-background.png?1658330511);
    background-position: center;
    background-repeat: repeat;
    font-size: 1.25rem;
    line-height: 2.023rem;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {margin-top:1rem; margin-bottom:1rem;}

section {
    overflow: hidden;
    position: relative;
    z-index: 0;
}

header {
    z-index: 999;
}

.header-container {
    background-color: #9BB9BFcc;
    display: inline-grid;
    grid-gap: 1px;
    grid-template-columns:250px auto auto;
    width: 100%;
}

@media (min-width:1200px){
    .header-container {position: fixed;}
}

.header-container #navigation > ul > li > a {
    color: #ffffff;
}

.logo-wrapper img {
    align-self: center;
    height: auto;
    justify-self: center;
    padding: 1rem;
    width: 250px;
	background-color:#fffc;
}

.header-item {
    text-align: center;
    margin: auto;
}

#nav-ad { display: inline-block; padding: 0 5px; }
    #nav-ad img { max-height: 100px; width: 100%;}

/* Video Header */

.video-grid {
    display: grid;
}

.mbYTP_wrapper {
    grid-area: 1 / 1 / span 1 / span 1;
}

.video-content {
    align-content: center;
    background-color: #00000044;
    display: inline-grid;
    grid-area: 1 / 1 / span 1 / span 1;
    justify-content: center;
}

@media (max-width:992px) {
    .video-content h1{
        font-size: calc(1.1rem + 1.25vw);
    }
}


/* Jumbo Header */

.jumbo-header {
    display: grid;
    grid-template: auto / auto;
    z-index: 0;
}

.jumbo-img {
    grid-area: 1 / 1 / span 1 / span 1;
    z-index: 10;
}

.heading-container {
    align-content: center;
    display: grid;
    grid-area: 1 / 1 / span 1 / span 1;
    justify-content: center;
    z-index: 20;
}

.heading-container .video-link {
    color: white;
}

.skip-arrow, .youtube-link {
    align-self: flex-end;
    color:  #F15A2999;
    font-size: 4rem;
    grid-area: 1 / 1 / span 1 / span 1;
    justify-self: center;
    line-height: 100%;
    margin-bottom: 2rem;
    transition: all 0.5s;
    z-index: 30;
}

.skip-arrow:hover, .youtube-link:hover {
    color:  #F15A29ff;
    font-size: 4rem;
    line-height: 100%;
}

.btn-nav {
    align-items: center;
    background-color: #3E4F59ff;
    color: #ffffff99;
    display: grid;
    font-size: 1.25rem;
    font-weight: bold;
    justify-content: center;
    padding: 1rem;
    text-align: center;
    text-decoration: none;
    transition: all 0.5s;
}

.btn-nav:hover {
    background-color: #F15A29ff;
    color: #ffffffff;
}

.go-to-top {
    color: #00000000;
    position: fixed;
    right: 30px;
    bottom: 60px;
    transition: all 1s;
}

.go-to-top-alt {
    color: #000000ff;
    position: fixed;
    right: 30px;
    bottom: 60px;
    transition: all 1s;
}

.go-to-top:hover, .go-to-top-alt:hover {
    color: #e8e8e8ff;
}

section.section-width {
    padding: 0 6rem;
}

.section-02 {
    background-image: url(/assets/images/uploads/1920x1080/missouri-river-tourism-0001-roads00028.jpg?1658170011);
    background-position: top center;
    background-size: cover;
    background-repeat: repeat;
}

.section-04 {
    background-image: url(/assets/images/uploads/1920x1080/missouri-river-tourism-0003-oahesunset05-17-20cc0026.jpg?1658173413);
    background-position: bottom center;
    background-size: cover;
    background-repeat: repeat;
}

/* global seperator styles */

.seperator {
	border-bottom: 1px solid #e2e2e2;
	position: relative;
	padding-bottom: 30px;
}

.seperator:before {
	-webkit-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	content: '';
	position: absolute;
	left: 50%;
	bottom: 0;
	width: 120px;
	height: 4px;
	background: #e2e2e2;
}

.stats-container {
    display: grid;
    gap: 1rem;
}

.stat {
    background-color: #006595ff;
    color: #ffffff99;
    display: grid;
    gap: 0.75rem;
    height: 100% ;
    padding: 1.5rem;
    text-decoration: none;
    transition: all 1s;
    z-index: 200;
}

.stat:hover {
    background-color: #F15A29ff;
    color: #ffffffff;
    display: grid;
    text-decoration: none;
}

.stat-icon {
    font-size: 5rem;
    justify-self: center;
    line-height: 100%;
    margin: auto;
    text-align: center;
}

.counter, .no-counter {
    font-size: 4rem;
    font-weight: bold;
    line-height: 100%;
    text-align: center;
}

.stats-title {
    font-size: 2.5rem;
    font-weight: bold;
    line-height: 100%;
    text-align: center;
}

.stats-content {
    font-size: 1.25rem;
    font-weight: bold;
    line-height: 161%;
    text-align: center;
}

.places-container {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
    padding: 1rem;
    text-decoration: none;
    z-index: 0;
}

.place-container {
    display: grid;
    overflow: hidden;
    margin: 0.5rem;
    text-decoration: none;
    z-index: 0;
}

.place-container > .places-photo {
    align-self: center;
    color: #ffffffff;
    grid-area: 1 / 1 / span 1 / span 1;
    justify-self: center;
    z-index: 50;
}

.place-container > .overlay {
    align-self: center;
    background-color: #F15A2900;
    grid-area: 1 / 1 / span 1 / span 1;
    height: 0;
    justify-self: center;
    transition: all 1s;
    width:0;
    z-index: 100;
}

.place-container:hover > .overlay {
    background-color: #F15A29cc;
    height: 100%;
    width: 100%;
}

.place-container > .places-title {
    align-self: center;
    color: #ffffff00;
    font-size: 1.5rem;
    font-weight: bold;
    grid-area: 1 / 1 / span 1 / span 1;
    justify-self: center;
    line-height: 100%;
    transition: all 1s;
    z-index: 150;
}

.place-container:hover > .places-title {
    color: #ffffffff;
}

.trip-container {
    cursor: pointer;
    display: grid;
    text-decoration: none;
    margin: 0.5rem 0;
    z-index: 0;
}

.trip-container > .trip-photo, .trip-container > #trip-photo {
    color: #ffffffff;
    grid-area: 1 / 1 / span 1 / span 1; 
    z-index: 50;
}

.trip-container > .overlay {
    align-self: center;
    background-color: #F15A2900;
    grid-area: 1 / 1 / span 1 / span 1;
    height: 0;
    justify-self: center;
    transition: all 1s;
    width: 0;
    z-index: 100;
}

.trip-container:hover > .overlay {
    background-color: #F15A29cc;
    cursor: pointer;
    height: 100%;
    width: 100%;
}

.trip-container > .trip-title {
    align-self: center;
    color: #ffffff00;
    font-size: 1.65rem;
    font-weight: bold;
    grid-area: 1 / 1 / span 1 / span 1;
    justify-self: center;
    line-height: 162%;
    text-align: center;
    transition: all 1s;
    z-index: 150;
}

.trip-container:hover > .trip-title {
    color: #252525ff;
}

.footer-section {
    background-color: #282828ff;
    background-image: url(/assets/images/uploads//theme-002/footer-pattern.png?1658269161);
    background-position: center;
    background-repeat: repeat;
    color: #ffffffff;
}

.footer-section ul {
   list-style: none;
}

.footer-section ul > li > ul {
    display: none;
}

.footer-section a {
   color: #ffffffff;
    text-decoration: none;
}

#footer-navigation li:last-child {
    display: none;
}

footer {
    background-color:  #181818ff; 
}

@media (max-width:1200px) {
    section.section-width {
        padding: 0;
    }
}

@media (max-width:1200px) {
	#navigation > ul > li > a { font-size: 1rem; line-height: 100%; }
    .header-container {
        grid-template-columns: auto;
    }
}

@media (max-width:992px) {
    .header-container {
        grid-template-columns: auto ;
    }
}

a {color:#F15A2999;}
a:hover {color:#F15A29;}
#page-content {min-height:100vh;}
.page-header {background-image:url(/assets/images/uploads/theme-001/oahesunset05-17-20cc0026.jpg?1658519439); background-size:cover; background-position:center; height:75vh; position:relative; background-attachment:fixed;}
.page-header h1 {position:absolute; left:0; bottom:0; width:100%; text-align:center; color:#fff; background-color:#9BB9BFcc; margin:0; padding:1rem}
@media (max-width:767px){
    .page-header {background-position:top center;  background-repeat:no-repeat; height:30vh; position:relative; background-attachment:scroll; background-size:auto 100%;}
}
.grid {
    display: grid;
    gap: 1rem;
    grid-template-rows: auto 1fr auto auto;
    height: 100%;
}

.btn-primary {
     color:#fff;
     background-color:#F15A29ff;
     border-color:#F15A29ff;
}
.btn-primary:hover {
     color:#fff;
     background-color:#006595ff;
     border-color:#006595ff;
}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {background-color:#F15A29ff;}
.nav-link {color:#F15A2999;}
.nav-link:hover {color:#F15A29ff;}

.accordion-button {color:#fff; background-color:#006595ff;}
.accordion-button:after {background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");}

.trip-container {cursor:auto;}
.trip-container:hover > .overlay {cursor:auto;}
a.trip-container {cursor:pointer;}
a.trip-container:hover > .overlay {cursor:pointer;}

.ad-slide-item {display: flex !important; justify-content: center; gap: .5rem;}
    .ad-slot img { max-width: 100% !important; height: auto !important;}

.event-item.slide-item
{
    margin: 0 10px;
}

.news-item.slide-item
{
    margin: 0 15px;
}
#news-carousel .news-item {
    border: 1px solid #FACDBE;
}
.news-read-more {background-color:rgba(255,255,255,0.75); padding:2rem; margin:1rem auto;}
.news-read-more h2, .news-read-more h3 {margin-top:0;}
.news-read-more :last-child {margin-bottom:0;}

.page-header.with-slider { height: auto !important; }

.page-header.with-slider .page-header-slider .slides-container .slide-item img { width: 100%; height: auto; }
.page-header.with-slider .page-header-slider .slick-list,
.page-header.with-slider .page-header-slider .slick-track,
.page-header.with-slider .page-header-slider .slick-slide {height:100%;}