/* General ================== */
html {scroll-behavior: smooth;}
body, html {
height: 100%;
min-height: 100%;
}
body {
font-weight: 400;
line-height: 1.75;
font-size: 1.1rem;
color: #444;
background-color: #F3F3F3;
}
strong {font-weight:700;}
a {color: #106B64; text-decoration: none;}
a:hover, a:focus {color: #016977;}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .display-1, .display-2, .display-3, .display-4, .display-5, .display-6 {
font-family: 'Poppins', sans-serif;
}
.breadcrumb {
background-color: transparent;
margin: 0;
font-size:80%;
}
img {max-width: 100%;}
.tracking-tighter {letter-spacing: -.1em;}
.tracking-wider {letter-spacing: .1em;}
.fs-tiny {font-size: 80%;}
.text-shadow {text-shadow: 1rem 1rem 1rem rgba(0,0,0,.15);}
.btn {
font-weight: 700;
letter-spacing: .08em;
font-family: 'Poppins', sans-serif;
}
.btn:hover {text-decoration: none !important;}
.btn-tiny {
font-size: 75%;
padding: .2rem .3rem;
}
.btn-primary, .bg-primary {
background-color: #106B64 !important;
}
.btn-primary, .border-primary {
border-color: #106B64 !important;
}
.btn-primary:hover, .btn-primary:focus, a.bg-primary:hover, a.bg-primary:focus {
background-color: #F8971F !important;
border-color: #F8971F !important;
}
cite:before {content: "— ";}
.z-1 {z-index:-1;}
.z0 {z-index:0;}
.z1 {z-index:1;}
.z2 {z-index:2;}
/* Header
==================================== */
#mainNav {
z-index: 999;
position: relative;
font-family: 'Poppins', sans-serif;
}
#mainNav .nav-link, #mainNav .dropdown-item {
}
#mainNav .navbar-toggler {
z-index: 9999;
position: absolute;
right: .5em;
top: .5em;
}
/* Index
==================================== */
.wrap-page-title {
height: 50vh!important;
}
.index-caption {
z-index:4;
}
.index-caption h1 {
line-height: 1.2;
}
#saleTabs.nav-tabs .nav-link {
color: #333;
border-width: 0 0 3px 0;
border-color: #fff;
}
#saleTabs.nav-tabs .nav-link.active {
border-color: #106B64;
}
/* Slider
==================================== */
.index-slider .slick-list,
.index-slider .slick-track,
.index-slider .slick-slide {
height: 100%;
width: 100%;
position: relative;
overflow: hidden;
background-color: #333;
}
.index-slider .slick-active>img {
max-width: none;
min-height: 100%;
min-width: 100%;
position: absolute;
top: 50%;
left: 50%;
margin-right: -50%;
transform: translate(-50%, -50%);
}
.index-slider .slick-dots {
position: absolute;
bottom: 1em;
right: 1em;
z-index:999;
}
.testimonials-slider .blockquote {
font-size: 90%;
}
/** arrows **/
.slick-prev, .slick-next {
position: absolute;
font-size: 0;
bottom: 0;
background-color: transparent;
border: 0;
padding: 0;
z-index: 1;
cursor:pointer;
}
.slick-prev {left: 0;}
.slick-next {left: 100px;}
.slick-prev:before, .slick-next:before {
content:'';
display: block;
width: 30px;
height: 15px;
background-size: cover;
background-position: center;
}
.slick-prev:before {
background-image: url(https://cdn1.gttwl.net/attachments/tribesdestinationstravel.gttcms.net/ltmq6z/1673899600_original.png);
}
.slick-next:before {
background-image: url(https://cdn1.gttwl.net/attachments/tribesdestinationstravel.gttcms.net/ltmq6z/1673899552_original.png);
}
.slick-dots {
display: block;
width: 100%;
padding: 0;
list-style: none;
text-align: center;
margin: 10px 0 0;
z-index:5;
}
.slick-dots li {
position: relative;
display: inline-block;
width: 20px;
height: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button {
font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 20px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}
.slick-dots li button:hover, .slick-dots li button:focus {
outline: none;
}
.slick-dots li button:hover:before,.slick-dots li button:focus:before {
opacity: 1;
}
.slick-dots li button:before {
line-height: 10px;
position: absolute;
top: 0;
left: 0;
width: 10px;
height: 10px;
content: '•';
text-align: center;
opacity: .25;
background-color: #fff;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
border-radius: 20px;
}
.slick-dots li.slick-active button:before {
opacity: .75;
background-color: #fff;
}
/* Parallax Banner
==================================== */
.bcg-parallax {
position: relative;
overflow: hidden;
background-color: #000;
}
.bcg {
position: absolute;
background-size: cover;
background-position: center;
width: 100%;
height: 150%;
top: 0;
z-index: 1;
opacity: 0.7;
}
.bcg-content {
position: absolute;
width: 80%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index:2;
}
.bcg-content a {color: #fff;}
/* BOOTSTRAP CARDS
-------------------------------------------------- */
.card-body-overlay {width: 95%;}
.card-body-overlay p.card-text {font-size: 75%;}
/* SECTIONS
-------------------------------------------------- */
/* PAGES ----------------------- */
/* Pagination ------------------ */
.pagination {
-webkit-box-pack: center!important;
-ms-flex-pack: center!important;
justify-content: center!important;
font-family: 'Montserrat', sans-serif;
}
.pagination a:not(:disabled):not(.disabled) {
cursor: pointer;
}
.pagination a, .pagination span {
position: relative;
display: block;
padding: .5rem .75rem;
margin: 0;
line-height: 1.25;
}
.pagination .disabled span, .pagination .active span {
color: #6c757d;
pointer-events: none;
cursor: auto;
border-color: #dee2e6;
}
/* CTA HERO
-------------------------------------------------- */
/* FOOTER
-------------------------------------------------- */
#footer {
background-color: #fff;
font-size: 90%;
font-family: 'Montserrat', sans-serif;
color: #fff;
}
#footer a {color: #ededed;}
#footer a:hover, #footer a:focus {text-decoration: underline;}
#footer .credits {font-size: 80%;}
/* RESPONSIVE CSS
-------------------------------------------------- */
@media (max-width: 768px) {
}
@media (min-width: 768px) {
}
@media (min-width: 768px) and (max-width: 991px) {
}
@media (max-width: 991px) {
.navbar-brand img {
max-height: 60px;
}
}
@media (min-width: 992px) {
.navbar-brand img {
max-height: 80px;
}
}
@media (min-width: 992px) and (max-width: 1200px) {
}
@media (min-width: 1201px) {
}
/* print styles */
@media print {
}