#editpage { position: fixed; top: 4px; left: 4px;  z-index:9999; }
#editpage a { float:left; padding: 3px 6px 5px 6px; background: #db1174; color: #FFB8DB; display: block; font-weight: normal; font-size:14px; z-index:9999; margin:0 1px; text-decoration:none; line-height:1em; stroke-width:2px; 
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; }
#editpage a:hover { background: #ffffcc; color: #000; text-decoration:none; }

h1 { font-weight:300; color:#4183AD; font-size:30px; }
h3 { margin:0 0 10px 0; font-size:22px; }
h3.secondary { font-size:20px; color:#2b901c; }
h3 span.spacer { padding:0 15px; }
h3.secondary span.spacer { padding:0 18px; }
h3 small { font-size:16px; color:#969696; }
h3 strong { color:#40B6FF; font-weight:400; font-size:26px; }

.reviews { padding-top:20px; }
.reviews h1 { margin-bottom:30px; text-align:center; }

a:focus, a:hover { outline:none; text-decoration:none; }

.uk-button-primary { background-color:#F1373A; border:none; border-bottom:4px solid #FF816E; 
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px; }
.uk-button-large { padding:3px 32px; font-size:24px; border-bottom:6px solid #FF816E; }
.uk-button-primary:hover { border-color:#fff; }
.inside .uk-button-primary { line-height:44px; font-size:20px; }

blockquote { margin:10px auto; padding:15px 20px 20px 20px; width:100%; max-width:800px; text-align:center; color:#63799b; font-weight:400; border-bottom:2px dotted #ccc; }
blockquote p { margin:8px 0 0 0; font-size:22px !important; }

.uk-lightbox { background:rgba(0,0,0,.7); }

#header { background-color:#144100; padding:10px 0; text-align:center; width:100%; }
#header img { width:100%; max-width:320px; }

.hero { position:relative; z-index:2; width:100%; background-color:#fff; }
.hero img { width:100%; }
.hero .hero-video { position:relative; }
.hero .hero-video video { display:block; width:100%; }
.hero .hero-logo {
    position:absolute;
    top:40%;
    left:50%;
    z-index:3;
    width:min(42vw, 520px);
    transform:translate(-50%, -50%);
    pointer-events:none;
    max-width:200px;
}
.hero .hero-logo img {
    display:block;
    width:100%;
    filter:drop-shadow(0 12px 30px rgba(0,0,0,.45));
}
.hero .tours { position:absolute; top:20px; right:30px; }
.hero .tours .uk-button-secondary { background-color:rgba(0,0,0,.8); font-size:20px; padding:3px 15px 3px 28px;
    -webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px; }
.hero .tours .uk-button-secondary:hover { background-color:#0f7ae5; }
.hero .tours .uk-button-secondary i { position:relative; top:-2px; }
.hero .tours .uk-dropdown { padding:0; background-color:rgba(0,0,0,.8); }
.hero .tours .uk-dropdown-nav a { padding:8px 15px; color:#fff; font-size:16px; text-align:center; border-top:1px dotted #666; }
.hero .tours .uk-dropdown-nav a:hover { background-color:#0f7ae5; }

.content { margin:1px 0 1px 0; width:100%; background-color:#000; }
.content .uk-inline { width:100%; max-width:100%; }
.content img { width:100%; max-width:100%; }
.content .uk-overlay { margin-top:-10px; text-align:center; color:#fff; font-size:22px; padding:0; }
.content .uk-overlay p { margin:15px 0 0 0; line-height:1.2em; }
.content .uk-overlay p span { padding:0 5px; }
.content .uk-overlay p.time { color:#40B6FF; font-size:20px; }
.content .uk-overlay p.cost { margin-top:0; color:#FFC117; font-size:20px; }
.content .uk-overlay p.cost small { color:#fff; font-size:12px; }
.content .uk-overlay .uk-button-primary { font-size:18px; padding:5px 20px; line-height:30px; }

.inside { padding:20px 50px 50px 50px; }
.inside p { font-size:18px; line-height:1.6em; }
.inside p.disclaimer { font-size:14px; line-height:1.3em; color:#8d8d8d; }

.sidebar h2 { margin:25px 0 -10px 0; }

.photos { margin-bottom:1px; }
.photos div { border:1px solid #fff; overflow:hidden; }

.ctas { position:relative; z-index:3; width:100%; text-align:center; background:#c9b890 url('../images/ctas-bkg.jpg') no-repeat top center; background-size:contain; }
.ctas .layout { width:100%; max-width:1600px; margin:0 auto; }
.ctas .padding { padding:0 20px; }
.ctas .item { position:relative; z-index:3; margin-top:-50px; text-align:center; }
.ctas .item .pad { padding:0 5%; }
.ctas img { position:relative; z-index:4; width:100%; max-width:175px; max-height:175px; margin:0 auto; }
.ctas .box { position:relative; margin-top:-90px; z-index:2; padding:80px 20px 0 20px; padding-bottom:0; background-color:#fff; border-top:30px solid #57903E; border-bottom:5px solid #57903E; }
.ctas .box h2 { margin:0 0 50px 0; font-size:36px; color:#447704; line-height:1.1em; }
.ctas .item p { position:relative; top:-30px; z-index:4; margin:0; }

.rovers { margin:3px 0 0 0; width:100%; background-color:#000; }
.rovers video { width:100%; }
.rovers .uk-cover { left:53%; }

.chris { margin:2px 0 1px 0; width:100%; background-color:#000; }
.chris img { width:100%; }

.cphotos .uk-inline { border:1px solid #fff; background:#000; }
.cphotos .uk-inline.first { border-left:none; }
.cphotos .uk-inline.last { border-right:none; }
.cphotos .uk-overlay { padding:12px 15px; line-height:1.2em; color:#fff; text-align:center; }

.inside .tours { padding:40px 0 20px 0; }
.inside .tours .uk-button { margin:0 5px 10px 5px; padding:0 15px; font-size:16px; line-height:35px; }
.inside .tours .uk-button:hover { background-color:#0f7ae5 !important; border-color:#0f7ae5 !important; }
.inside .tours .uk-card-media-top { overflow:hidden; 
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px; }
.inside .tours .uk-card-body { padding:20px 20px 10px 20px; text-align:center; 
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px; }
.inside .tours .uk-card-body h3 { font-size:17px; color:#4183AD; line-height:1.2em; }
.inside .tours .uk-card-body p { margin:8px 0; font-size:14px; line-height:1.3em; }
.inside .tours .uk-card-body .price { margin-bottom:20px; padding-left:30px; font-size:13px; line-height:1.8em; color:#969696; text-align:left; }
.inside .tours .uk-card-body .price span { font-size:26px; color:#40B6FF; font-weight:bold; }
.inside .tours .uk-card-body .price span.spacer { padding-left:20px; }
.inside .tours .uk-card-body .duration { margin:0; color:#2b901c; font-size:18px; }
.inside .tours .uk-card-body .uk-button-primary.info { background-color:#2b901c; border-color:#1f6814; }

.footer { width:100%; padding:60px 0; background:#000 url('../images/footer-bkg.jpg') repeat-y center center; background-size:cover; text-align:center; color:#fff; }
.footer .layout { padding:0 60px; }
.footer .logo img { width:100%; max-width:200px; }
.footer .text { font-size:18px; }
.footer .text .links a { color:#61b5f9; }
.footer .text .links a.phone { font-size:30px; color:#fff; }
.footer .text .links a:hover { color:#fff; }

.covid { padding:4px 10px 5px 10px; text-align:center; font-size:14px; letter-spacing:1px; background-color:#1d5c1d; }
.covid a { color:#95e1ff; }
.covid a:hover { color:orange; }


/* MEDIA QUERIES */


/* min-width 640px, small screens */
@media only screen and (min-width: 640px) { 
    
    .ctas .item .pad { padding:0 20%; }
    .ctas img { max-width:200px; max-height:200px; }
    
    .photos .uk-inline { border-left:1px solid #fff; border-right:1px solid #fff; }
    
    .rovers video { border-right:3px solid #fff; }
    
    .content .uk-overlay { padding:0 30px; }
    .footer .text div { float:right; }
    .footer .logo { text-align:left; }
    .footer .text { text-align:center; }
    
    .hero .hero-logo { max-width:300px; }
    
}

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

    .hero .hero-logo { width:min(68vw, 320px); }

}



/* min-width 960px, medium screens */
@media only screen and (min-width: 960px) { 

    .ctas { background-size:cover; padding-bottom:40px; }
    .ctas .item { margin-top:-100px; }
    .ctas .item .pad { padding:0; }
    .ctas img { max-width:250px; max-height:250px; }
    
    .photos .uk-inline { border:none; border-left:2px solid #fff; border-right:2px solid #fff; }

    .content .uk-overlay.uk-position-center { top:50%; left:0%; transform: translate(0%,-50%); }
    .content .uk-overlay { width:55%; margin-top:-15px; padding-left:10%; }
    .content .uk-overlay p span { padding:0 15px; }
    .content .uk-overlay p.time { font-size:22px; }
    .content .uk-overlay p.cost { margin-top:15px; font-size:30px; }
    .content .uk-overlay p.cost small { font-size:14px; }
    
    .hero .hero-logo { max-width:400px; }

}

/* min-width 1024px, ipad */
@media only screen and (min-width: 1024px) { 
    
}

/* min-width 1200px, large screens */
@media only screen and (min-width: 1200px) { 
    
    .hero .hero-logo { max-width:500px; }
    
}

/* min-width 1400px */
@media only screen and (min-width: 1400px) { 

    
}

/* min-width 1600px, x-large screens */
@media only screen and (min-width: 1600px) { 

}