/*!
Theme Name: 1DMC
Theme URI: http://underscores.me/
Author: Machine Code
Author URI: https://machinecode.co.za
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: onedmc
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

1DMC is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/* Base setup */
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Oswald:wght@200..700&display=swap");

/* # RESET ################################################################################################## */

/* Box sizing rules */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* Prevent font size inflation */
html {
  -moz-text-size-adjust: none;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
}

/* Remove default margin in favour of better control in authored CSS */
body,
h1,
h2,
h3,
h4,
p,
figure,
blockquote,
dl,
dd {
  margin-block-end: 0;
}

/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */
ul[role="list"],
ol[role="list"] {
  list-style: none;
}

/* Set core body defaults */
body {
  min-height: 100vh;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}

/* Set shorter line heights on headings and interactive elements */
h1,
h2,
h3,
h4,
button,
input,
label {
  line-height: 1.1;
}

/* Balance text wrapping on headings */
h1,
h2,
h3,
h4,
h5,
h6 {
  text-wrap: balance;
}

/* Avoid text overflows */

p,
h1,
h2,
h3,
h4,
h5,
h6 {
  overflow-wrap: break-word;
}

/* A elements that don't have a class get default styles */
a:not([class]) {
  text-decoration-skip-ink: auto;
  color: currentColor;
}

/* Make images easier to work with */
img,
picture,
video,
canvas,
svg {
  max-width: 100%;
  display: block;
}

/* Inherit fonts for inputs and buttons */
input,
button,
textarea,
select {
  font-family: inherit;
  font-size: inherit;
}

/* Make sure textareas without a rows attribute are not tiny */
textarea:not([rows]) {
  min-height: 10em;
}

/* Anything that has been anchored to should have extra scroll margin */
:target {
  scroll-margin-block: 5ex;
}


input[type="text"],input[type="email"],input[type="tel"], textarea, ul{
  font-family:'Open Sans';
}

/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/

/* Navigation
--------------------------------------------- */

header {
  background-color: #fff;
  height: 66px;
  padding: 0px 0px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  z-index: 999;
  width: 100%;
	top:0;
  gap:180px;
    box-shadow: 0 1px 6px rgba(0,0,0,0.2);
 
}

.hinterior{
  width:60%;
   display: flex;
  justify-content: space-between;
  align-items: center;
}

.home header, .page-template-region header, .page-template-contact header, .single-country header {
    box-shadow: none;
  background-color: rgba(0,0,0,0);
  height: 66px;
  padding: 0px 0px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  z-index: 999;
  width: 100%;
	top:0;
  gap:180px;

  & .rfp{

  color:white;
  font-family:'Oswald';
  border:1px solid #04966e;  
  padding:2px 10px;
  font-size:20px;
  border-radius:10px;
  cursor: pointer;
  max-width: fit-content
}

 
}



.home header .nav-menu, .page-template-region .nav-menu, .page-template-contact .nav-menu, .single-country .nav-menu {
  list-style: none;
  & a {color:white}}

header.scrolled {
  background-color:white!important;
   box-shadow: none;
 
  & a{color: #04966e !important;}

  & .rfp{
  color:#04966E;
  border:1px solid #04966E;
}
}

.custom-logo{
  margin-top:5px;
  width:238px;
  height:auto;
  filter:saturate(0) invert(90) grayscale(10)  brightness(100);
}

.page-template-destinations .custom-logo,.page-template-about .custom-logo, .page-template-news-archive .custom-logo, .single-post .custom-logo{
  filter:none;
}

header.scrolled .custom-logo{
    filter:none;
}

.site-branding{
  flex-basis: 238px;
}

.headersocial{
  flex-basis:5.5%;
 margin-left: auto;
}

.main-navigation{
   flex-basis:auto;
}

.nav-menu {
  list-style: none;
  & a {
    font-family: "Oswald", serif;
    font-optical-sizing: auto;
    font-size: 20px;
    color:#04966E;
    text-transform: uppercase;
    text-decoration: none;
  }
}

.headersocial {
  display: flex;
  gap: 14.58px;
}

.rfpholster{
    flex-basis:238px;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end
}
.rfp{

   color:#fff;
  border:1px solid #04966E;
  font-family:'Oswald';
  background: #04966e;
  padding:2px 10px;
  font-size:20px;
  border-radius:10px;
  cursor: pointer;
  max-width: fit-content
}

.scrolled .rfp{
  color:#fff!important;;
  border:1px solid #04966E
}
/* Menu test */
/* --- Base desktop styles --- */
.menu-toggle {
  display: none; /* Hidden on desktop */
  background: none;
  border: none;
  color: #04966E;
  font-size: 24px;
  cursor: pointer;
}

#primary-menu {
  display: flex;
  gap: 20px;
}

ul#primary-menu{
    margin-left: 0px !important;
  padding-left:0px
}

#primary-menu li {
  list-style: none;
}

/* --- Responsive mobile styles --- */
@media (max-width: 768px) {

   .hinterior{
    width:100%;
  }

.custom-logo{
  max-width:130px;
}
   header {
    height: 60px;
    flex-wrap: nowrap;
    padding: 10px 20px;
    justify-content: space-between;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background:white;
  }
  
  .home header , .page-template-region header {
    height: 50px;
    flex-wrap: nowrap;
    padding: 10px 20px;
    justify-content: space-between;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background:none;
  }

  .menu-toggle {
    display: block;
    order: 3;
    margin-left: auto;
    background: none;
    border: none;
    color: #04966E;
    font-size: 28px;
    cursor: pointer;
    z-index: 10000; /* ensure toggle stays above the menu */
  }

  .scrolled .menu-toggle {
    color: #04966E;
  }

  .headersocial {
    display: none;
  }

  .rfpholster{
    display: none;
  }

  .rfp{
    display: none;
  }

  .main-navigation {
    width: 100%;
  }

  /* 🔽 This is the important part */
  #primary-menu {
    display: none;
    flex-direction: column;
    gap: 10px;
    background-color: white;
    position: absolute;         /* detach from normal flow */
    top: 70%;                  /* position right below the header */
    left: 0;
    width: 100vw;               /* full viewport width */
    padding: 20px 0;
    z-index: 9998;              /* just below the button */
  }

   header:has(.toggled){
    background: white
  }

   .scrolled #primary-menu{
    background:white;
  }

  #primary-menu.active {
    display: flex;
  }
.home header .nav-menu, .page-template-region .nav-menu {
  & a {
    color: #04966E;
  }
}
  .nav-menu a {
    color: #04966E;
    text-align: center;
    display: block;
    padding: 12px 0;
    font-size: 18px;
    text-transform: uppercase;
  }

  /* Optional: add slight shadow below the menu */
  #primary-menu.active {
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
  }
}





p {
  margin-top: 0px;
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
  display: block;
}

@media screen and (min-width: 37.5em) {
  .menu-toggle {
    display: none;
  }

  .main-navigation ul {
    display: flex;
    gap: 38px;
  }
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
  margin: 0 0 1.5em;
}

.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
  display: flex;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
  flex: 1 0 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
  text-align: end;
  flex: 1 0 50%;
}

/* Ute */

@media(max-width:800px){
  .slicknav_nav .custom-logo-link{
    display: none;
  }

  .slicknav_menutxt{
    display: none!important;
  }
}

/* Footer */

footer {
  height: 198px;
  background: #363636;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  /* padding: 40px 145px 20px 68px; */
   padding: 40px 0px;
}

.col1 {
  flex-basis: 195px;
  margin-right: 49px;
  font-family: "Open Sans", serif;
  font-optical-sizing: auto;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 126px;
  & .fcnt {
    height: fit-content;
    display: flex;
    flex-direction: column;
    gap: 11px;
  }
  & .fcnt a {
    display: flex;
    gap: 10.1px;
    color: white;
    text-decoration: none;
    font-size: 14px;
  }
  & .fcnt a img {
    width: 18px;
    max-width: 18px;
    height: auto;
  }
}

.col2 {
  flex-basis: 231px;
  margin-right: 60px;
  font-family: "Open Sans", serif;
  font-optical-sizing: auto;
  color: white;
  font-size: 14px;
}

.col3 {
  flex-basis: 136px;
  margin-right: 30px;
  display: flex;
  flex-direction: column;
  & a {
    color: white;
    text-decoration: none;
    font-family: "Open Sans", serif;
    font-optical-sizing: auto;
    font-size: 14px;
  }
}

.col4 {
  flex-basis: 88px;
  margin-right: 98px;
  height: 124px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  & a {
    color: white;
    text-decoration: none;
    font-family: "Open Sans", serif;
    font-optical-sizing: auto;
    font-size: 14px;
  }

   & .socifoot {
    display: flex;
    flex-direction:column;
    gap: 11.21px;
    margin-top:5px 
  }

  & .socifoot a img {
    width: 30px;
    filter:invert(90);
  }

}

.col5 {
  flex-basis: 320px;
  display: flex;
  flex-direction: column;
  & p {
    color: white;
    font-family: "Open Sans", serif;
    font-optical-sizing: auto;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 26px;
    margin-bottom: 5px;
    margin-top:-3px!important;
  }
  & input {
    width: 250px;
    height: 39px;
    font-family: "Open Sans", serif;
    font-optical-sizing: auto;
    font-size: 14px;
    color: #4d5662;
    padding: 0px 13px;
    outline: 1px solid #4d5662;
    margin-bottom: 18px;
  }
  & input::placeholder {
    font-family: "Open Sans", serif;
    font-optical-sizing: auto;
    font-size: 14px;
    color: #4d5662;
  }

  & .wpcf7-submit {
    outline:none;
    border:none;
    background: #00956d;
    font-family: "Open Sans", serif;
    font-optical-sizing: auto;
    font-size: 14px;
    line-height: 0px;
    color: white;
    text-decoration: none;
    padding: 10px 20px;
    width:fit-content;
  }
}

footer form{
  position: relative;
}

footer .wpcf7 form .wpcf7-response-output{
  position: absolute;
  top:95px;
  left:0px;
  height:40px;
  display: flex;
  justify-content: center;
  align-items: center;
  width:100%; 
}

.wpcf7-spinner{
  display: none;
}

@media(max-width:800px){
  footer{
    flex-direction: column;
    height:fit-content;
    padding: 20px;
    justify-content: center;
    align-items: center;
  }
  
  .col1,.col2,.col3,.col4,.col5{
    flex-basis: 100%;
    margin:20px 0px;
    justify-content: flex-start;
    align-items:center;
    height: fit-content;
    width:100%;
    text-align: center;
  }
  
  .col1 a:first-of-type{
    margin: 20px
  }
  
   .col4 .socifoot{
    margin-top:20px;
    flex-direction: row;
  }
}

/* Posts and pages
--------------------------------------------- */
.sticky {
  display: block;
}

.post,
.page {
  /* margin: 0 0 1.5em; */
  margin: 0px;
}

.updated:not(.published) {
  display: none;
}

.page-content,
.entry-content,
.entry-summary {
  margin: 1.5em 0 0;
}

.page-links {
  clear: both;
  margin: 0 0 1.5em;
}

/* Comments
--------------------------------------------- */
.comment-content a {
  word-wrap: break-word;
}

.bypostauthor {
  display: block;
}

/* Widgets
--------------------------------------------- */
.widget {
  margin: 0 0 1.5em;
}

.widget select {
  max-width: 100%;
}

/* Media
--------------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
  display: inline-block;
}

/* Captions
--------------------------------------------- */
.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.wp-caption .wp-caption-text {
  margin: 0.8075em 0;
}

.wp-caption-text {
  text-align: center;
}

/* Galleries
--------------------------------------------- */
.gallery {
  margin-bottom: 1.5em;
  display: grid;
  grid-gap: 1.5em;
}

.gallery-item {
  display: inline-block;
  text-align: center;
  width: 100%;
}

.gallery-columns-2 {
  grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
  grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
  grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
  grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
  grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
  grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
  grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
  grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
  display: block;
}

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/

/* Jetpack infinite scroll
--------------------------------------------- */

/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
  display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
  display: block;
}

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/

/* Accessibility
--------------------------------------------- */

/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}

.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  clip-path: none;
  color: #21759b;
  display: block;
  font-size: 0.875rem;
  font-weight: 700;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
  outline: 0;
}

/* Alignments
--------------------------------------------- */
.alignleft {
  /*rtl:ignore*/
  float: left;

  /*rtl:ignore*/
  margin-right: 1.5em;
  margin-bottom: 1.5em;
}

.alignright {
  /*rtl:ignore*/
  float: right;

  /*rtl:ignore*/
  margin-left: 1.5em;
  margin-bottom: 1.5em;
}

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1.5em;
}

/* Home page */

#mainbanner {
   height: 70vh;
  background-size: cover;
  background-position: center;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  border-bottom: 6px solid #f8931f;

  & h1 {
    margin-top: 0px;
    color: white;
    text-align: center;
    font-family: "Oswald", serif;
    font-optical-sizing: auto;
    font-size: 60px;
    line-height: 70px;
    font-weight: 400;
    color: white;
    margin-bottom: 40px;
  }
}

.video-banner {
  position: relative;
  overflow: hidden;
}

.background-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover; /* makes video fill the section */
  z-index: 0;
}

.video-banner .container {
  position: relative;
  z-index: 1; /* keeps text above video */
  color: #fff; /* ensure text is visible */
}

.finder {
  width: 449px;
  display: flex;
  gap: 14px;
}

.fsearch {
  display: flex;
}

.fsearch input {
  height: 52px;
  width: 190px;
  background: rgba(0, 149, 107, 0.54);
  outline: none;
  border: none;
  color: white;
  font-family: "Oswald", serif;
  font-optical-sizing: auto;
  font-size: 20px;
  padding-left: 30.67px;
}

.fsearch input::placeholder {
  color: white;
}

.magnificz {
  background: #00956b;
  width: 47px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.destfind {
  background-color: #f8931f;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  & a {
    color: white;
    font-family: "Oswald", serif;
    font-optical-sizing: auto;
    font-size: 20px;
    font-weight: 500;
    text-decoration: none;
  }
}


@media(max-width:800px){
  #mainbanner{
    /* margin-top:40px; */
    height:fit-content;
    padding:40px 20px 20px 20px;
    
    & h1{
      font-size:40px;
      line-height:50px;
    }
  }
  
  .finder{
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  
  .destfind{
    width:237px;
    height:52px;
  }
}

#countrygrid {
  padding: 35.5px 0px 60px 0px;
  background-image: url("/wp-content/uploads/2024/12/worldbg-scaled.jpg");
  background-size: 100%;
  background-position: center center;
  background-repeat: no-repeat;
}

.cgswitch {
  box-sizing: border-box;

  width: 827px;
  height: fit-content;
  display: block;
  margin: 0 auto;
  background: #ffffff;
  box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.160784);
  padding: 30px 0px 24px 0px;
}

.cgswitches {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 14px;
  font-family: "Oswald", serif;
  font-size: 16px;
}

.cgswitches a:first-of-type {
  color: white;
  background: #00956b;
  text-decoration: none;
  letter-spacing: 1%;
  padding: 10px 48px;
}

.cgswitches a:nth-of-type(2) {
  color: #4d5662;
  background: rgba(0, 149, 107, 0.34);
  text-decoration: none;
  letter-spacing: 1%;
  padding: 10px 27px;
}

.cgswitches a:nth-of-type(3) {
  color: #4d5662;
  background: rgba(0, 149, 107, 0.13);
  text-decoration: none;
  letter-spacing: 1%;
  padding: 10px 17px;
}

.cgcontent p {
  font-family: "Oswald", serif;
  font-size: 16px;
  color: #4d5662;
  text-align: center;
  font-weight: 400;
  padding: 0px 63px;
}


.hmintro{
  width:60%;
    margin:0 auto;
  
  & h1{
    font-family: 'Oswald';
    text-align: center;
    margin:0px auto 20px auto;
    font-weight: 600;
    letter-spacing: 1px;
    color:#054837
  }
  
  & p{
    font-family: "Open-sans", sans-serif;
        color: #4d5662;
        font-size: 16px;
        font-weight: 400;
        line-height: auto;
        margin-bottom: 10px;
        height: 120px;
  }
}

@media(max-width:800px){
  .hmintro{
    width:90%
  }
}

.countrygrid {
  display: grid;
  gap: 28px;
  grid-template-columns: 346px 346px 346px;
  justify-content: center;
  margin-top: 37.77px;
}

.countrygrid > a{
  text-decoration: none;
}

.card {
  height: 440px;
  max-width: 346px;
  background: white;
  padding: 13.5px 13px 26.5px 13px;
  box-shadow: 0px 3px 3px rgba(17, 47, 116, 0.219608);
  backdrop-filter: blur(5px);
  border-bottom: 4px solid #f8931f;
  & img {
    max-width: 100%;
    width: 100%;
    height: 198px;
  }
  & h3 {
    color: #054837;
    font-family: "Oswald", sans-serif;
    font-size: 24px;
    font-weight: 600;
    line-height: 31px;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-top: 11.73px;
    margin-bottom: 8px;
  }

  & p {
    font-family: "Open-sans", sans-serif;
    color: #4d5662;
    font-size: 16px;
    font-weight: 400;
    line-height: auto;
    margin-bottom: 10px;
    height:120px;
  }

  & .card-cta {
    color: #054837;
    text-transform: uppercase;
    font-family: "Oswald", sans-serif;
    text-decoration: none;
    font-weight: 600;
    line-height: 31px;
  }
}

.cardfinal h4 {
  font-family: "Oswald", sans-serif;
  font-size: 40px;
  font-weight: 400;
  color: #054837;
  margin-top: 10px;
  margin-bottom: 32px;
}

.cardfinal p {
  font-family: "Open-Sans", sans-serif;
  color: #054837;
  font-size: 16px;
  margin-bottom: 31px;
}

.cardfinal a {
  background: #f8931f;
  text-decoration: none;
  font-family: "Oswald", sans-serif;
  color: white;
  font-size: 20px;
  font-weight: 400;
  padding: 6px 25px;
}

@media(max-width:800px){
  #countrygrid{
    padding:20px;
  }
  
  .cgswitch{
    width:100%;
  }
  
  .cgswitches{
    align-items: stretch;
  }
  .cgswitches a{
    flex-basis:33.33%;
   text-align: center;
    padding: 10px 10px!important;;
  }
  
  .countrygrid{
    grid-template-columns: 1fr;
   align-items: center;

   & .card{
    margin:0 auto;
   }
  }

 .cardfinal{
    padding: 20px;
    
    & h4{
      text-align: center;
    }
    
    & a{
      display: block;
      width:fit-content;
      margin: 0 auto;
    }
  }
}


#testimonials {
  height: fit-content;
}

.tflex {
  display: grid;
  grid-template-columns: 62% auto;
  height: 100%;
}

.testholster {
  padding: 42px 75px 22px 173px;
  background-color: #054837;
}
.testholster h2 {
  margin-top: 0px;
  font-family: "Oswald", sans-serif;
  color: #f8931f;
  font-size: 40px;
  letter-spacing: 0.5px;
  font-weight: 400;
  text-wrap:none;
}

/* .testo p:first-of-type {
  font-family: "Open Sans", sans-serif;
  color: #ffffff;
  font-size: 26px;
  font-weight: 300;
  font-style: italic;
  margin-top: 20px;
}

.testo p:nth-of-type(2) {
  font-family: "Open Sans", sans-serif;
  color: #ffffff;
  font-size: 16px;
  font-weight: 600;
  margin-top: 60px;
} */
 .testo div p {
  font-family: "Open Sans", sans-serif;
  color: #ffffff;
  font-size: 24px;
  font-weight: 300;
  font-style: italic;
  margin-top: 20px;
}

.testo > p:last-of-type {
  font-family: "Open Sans", sans-serif;
  color: #ffffff;
  font-size: 18px;
  font-weight: 600;
  margin-top: 30px;
}

.newsigner {
  background: #00956b;
  padding-left: 28px;
}

.newsigner h4 {
  font-family: "Oswald";
  font-style: normal;
  font-weight: 400;
  font-size: 30px;
  line-height: 70px;
  color: #ffffff;
  margin-bottom: 0px;
  margin-top: 10px;
}

.newsigner p {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: 0.01em;
  color: #ffffff;
  margin-top: -12px;
  margin-bottom: 10px;
}

.newsigner label {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: 0.01em;
  color: #ffffff;
  display: block;
  margin-bottom: 10px;
}

.newsigner input {
  width: 342px;
  height: 42px;
  border: 1px solid #4d5662;
  margin-bottom: 10px;
  display: block;
}

.newsigner input.btn-orange{
  background: #f8931f;
    text-decoration: none;
    font-family: "Oswald", sans-serif;
    color: white;
    font-size: 20px;
    font-weight: 400;
    padding: 6px 25px;
    width: 150px;
    height: 42px;
    text-align: center;
  border:none
}


.newsigner input:nth-of-type(2) {
  margin-bottom: 27px;
}

.newsigner a {
  background: #f8931f;
  text-decoration: none;
  font-family: "Oswald", sans-serif;
  color: white;
  font-size: 20px;
  font-weight: 400;
  padding: 6px 25px;
}

.testimonialslider.slick-dotted .slick-dots {
  left: -10px;
  bottom: -40px;
  display: block;
  width: fit-content;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;

  & li button:before {
    font-size: 8px;
    color: white;
    opacity: 1;
  }
  & li.slick-active button:before {
    font-size: 8px;
    color: #e23e12;
  }
}

@media(max-width:800px){
  #testimonials{
    height: fit-content;
  }
  
  .tflex{
    display: flex;
    flex-direction: column;
    text-align: center;
    
    
  }
  .testimonialslider.slick-dotted .slick-dots{
    position: relative;
    display: block;
    margin: 0 auto;
  }
  
  .testholster,.newsigner{
    padding-left:0px;
    padding-top:0px;
    padding:20px 20px 40px 20px;
    justify-content: center;
    align-items: center;
    align-content: center;
  }
  
  .newsigner h4{
    margin-top:0px;
  }
  
  .testimonialslider{
    width: 100%;
  }
  
   .newsigner  input{
    min-width:100%;
    width:100%;
    margin: 0 auto
  }
}


#connector {
  padding: 30px 175px 52px 175px;

  & h2 {
    font-family: "Oswald", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 40px;
    letter-spacing: 1px;
    line-height: 70px;
    color: #054837;
    margin-bottom: 0px;
    text-align: center;
    margin: 0px 0px;
  }
}

.connect {
  margin-top: 20px;
  display: grid;
  grid-template-columns: 203px 845px;
  justify-content: center;
  gap: 40px;
}

.cinfo {
  display: flex;
  flex-direction: column;

  & .cname {
    font-family: "Oswald", sans-serif;
    font-size: 24px;
    line-height: auto;
    margin-top: 0px;
    color: #4d5662;
  }
  & .ctitle {
    font-family: "Oswald", sans-serif;
    font-size: 16px;
    line-height: auto;
    margin-top: 0px;
    color: #4d5662;
    margin-bottom: 18px;
  }

  & .cdesc {
    font-family: "Open-Sans", sans-serif;
    font-size: 16px;
    color: #4d5662;
    margin-top: 0px;
  }
}

.ccontact {
  margin-top: 10.5px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  & a {
    background: #fff;
    text-decoration: none;
    font-family: "Oswald", sans-serif;
    color: #f8931f;
    border: 1px solid #f8931f;
    font-size: 20px;
    font-weight: 400;

    width: 140px;
    height: 42px;
    text-align: center;
    line-height: 38px;
  }

  & a:hover {
    background: #f8931f;
    color: #fff;
  }
}

.wpcf7 form .wpcf7-response-output {
  background:#F8931F;
  border:none!important;
  color:white;
  text-align: center;
  font-family:'Oswald';
  display: block;
  margin:20px 0px 20px;
  width:fit-content;
 
}

.page-template-contact .wpcf7 form .wpcf7-response-output{
  margin:20px 0px 0px
}

@media(max-width:800px){
  #connector{
    padding: 20px;

    & h2{
      line-height:50px;
    }
  }
  
  .connect{
    display: flex;
    flex-direction:column;
    justify-content: center;
    align-items: center;
  }
  
  .ccontact{
    flex-direction: column;
    margin-top: 20px;
    & a{
      width:100%;
    }
  }
}



#blogitems {
  padding: 47px 0px 37.5px 0px;
  background: rgba(0, 149, 107, 0.11);

  & h2 {
    font-family: "Oswald", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 40px;
    letter-spacing: 1px;
    line-height: 70px;
    color: #054837;
    margin-bottom: 0px;
    text-align: center;
    margin: 0px 0px;
  }
}

.titlebanner {
  max-width: 1104px;
  margin: 0 auto;
  position: relative;
  display: block;
  height: 42px;
  margin-bottom: 30px;
  & a {
    position: absolute;
    right: 0;
    top: 15px;
    background: #054837;
    text-decoration: none;
    font-family: "Oswald", sans-serif;
    color: white;
    font-size: 20px;
    font-weight: 400;
    padding: 6px 25px;
    width: 150px;
    height: 42px;
    text-align: center;
  }
}

.page-template-region .titlebanner a{
  background-color:var(--seco)
}

.bgrid {
  margin-top: 45px;
  display: grid;
  grid-template-columns: 252px 252px 252px 252px;
  justify-content: center;
  gap: 32px;

  & .bgcard {
    /* height: 290px; */
     height: 340px;
    background: white;
    padding: 13px 18px 10px 18px;
    border-bottom: 4px solid #f8931f;
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.160784);
  }

  &  a{
    text-decoration: none!important
  }

  & .bgcard img {
    width: 100%;
    height: 110px;
    object-fit: cover;
  }

  & .bgcard h5 {
    font-family: "Open-sans", sans-serif;
    color: #054837;
    font-size: 17px;
    font-weight: 600;
    margin-top: 8px;
    margin-bottom: 5px;
  }

   & .bgcard h6{
    display: none;
  }

  & .bgcard p {
    font-family: "Open-sans", sans-serif;
    color: #4d5662;
    font-size: 16px;
    font-weight: 400;
    margin-top: 8px;
    margin-bottom: 5px;
  }
}

.single-country .bgrid {
  display: grid;
  grid-template-columns: 300px 300px 300px;
}

/* Tablet */
@media (max-width: 1024px) {
  .single-country .bgrid {
    grid-template-columns: 1fr 1fr;
    padding: 0 40px;
  }
}

/* Mobile */
@media (max-width: 768px) {
  .single-country .bgrid {
    grid-template-columns: 1fr;
  }
}

.bgrid:not(.listview){
  & .gridonly{
    display: block;
  }

  & .listonly{
    display: none;
  }

}

.bgrid.listview{
  display:grid;
  grid-template-columns: 1fr;
  width:60%;
  
  & .bgcard{
    display: flex;
    flex-direction:column;
    gap:20px;
    height:fit-content;
    padding:10px;
  }

  & .gridonly{
    display: none;
  }

  & .listonly{
    display: block;
  }
  
  & .bgcard img{
   display: none;
  }

  & .bgcard h6{
    display: block;
     font-family: "Open-sans", sans-serif;
    background-color: #054837;
    width:fit-content;
    color:white;
    font-size: 12px;
    text-transform: capitalize;
    font-weight: 600;
    margin-top: 4px;
    margin-bottom: 2px;
    padding:2px 5px;
    border-radius:5px;
  }
}
@media(max-width:800px){
  #blogitems{
    padding:20px 20px 40px 20px;
    height:fit-content;
  }
  
  .titlebanner{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    max-width: 100%;
    height:fit-content;
    & a{
      position: relative;
    }
  }
  
  .bgrid{
    grid-template-columns: 1fr;
  }
  
  .bgrid .bgcard{
    height:fit-content;
  }
  .bgrid .bgcard img{
    height:200px
  }

  .bgrid.listview{
    width:95%;
  }
  
}

/* DMC */

#dmcbanner {
  position: relative;
  height: 700px;

  & .dbholster {
    position: absolute;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 680px;
  }

  & .dbholster img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center bottom;
    border-bottom: 6px solid var(--accent);
  }

  & .dmcbox {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
   bottom: 0;
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
  }


  & .dmcbox h1 {
    font-family: "Oswald", sans-serif;
    text-transform: uppercase;
    font-size: 120px;
    font-weight: 400;
    color: white;
    line-height: auto;
    margin-top: 0px;
    margin-bottom: 24px;
  }

  & .dmcboxinfo {
    width: 702px;
    /* min-height: 258px; */
    
    display: grid;
    grid-template-columns: 531px 170px;
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.160784);
  }

  & .dbi_left {
    padding: 20px;
    background:white;
    display: flex;
    flex-direction: column;
  }

  & .dbil_top {
    display: grid;
    /* grid-template-columns: 341px 111px; */
    grid-template-columns: 1fr;
    gap: 28px;
    align-items: center;
  }

  & .dbili_t_l h4 {
    font-family: "Oswald", sans-serif;
    color: var(--accent);
    font-size: 30px;
    margin: 0px 0px;
    font-weight: 500;
    text-transform: uppercase;
  }

  & .dbili_t_l p {
    color: #4d5662;
    font-family: "Open Sans";
    font-weight: 400;
    margin-top: 12px;
    font-size: 16px;
  }
  
  &  .dbil_bot{
    margin-top: auto;
  }

  & .dbil_bot .ccontact {
    /*! margin-top: 100%; */
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 21px;
  }

  & .dbil_bot .ccontact a {
    background: var(--accent);
    text-decoration: none;
    font-family: "Oswald", sans-serif;
    color: white;
    border: 0px solid black;
    font-size: 20px;
    font-weight: 400;
    width: 150px;
    height: 42px;
    text-align: center;
    line-height: 38px;
  }

  & .dbil_bot .ccontact a:hover {
    background: var(--accent);
    color: #fff;
  }

 & .dbi_right {
    background: linear-gradient(rgba(255,255,255,0.5), rgba(255,255,255,0.5)), var(--accent);
    padding: 20px 14px;
    box-sizing: border-box;
   box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.160784);
  }

  & .dbi_right img {
    width: 100%;
    height:180px;
    object-fit: cover;
    margin-bottom: 10px;
    border-radius:5px;
  }

  & .dbi_right .dbiname {
    margin-top: 11px;
    color: white;
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
    font-size: 16px;
    text-align: center;
  }

  & .dbi_right .dbititle {
    color: white;
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    font-size: 16px;
  }

    & .dbi_right .langs{
    display: flex;
    flex-wrap:wrap;
    gap:10px;
    margin-top: 10px
  }
  
  & .dbi_right .langs img{
    width:20px;
    height:auto;
    border-radius: 0px;
  }
}

.titlewithlogo{
  display: flex;
  justify-content: center;
  align-items: center;
  gap:20px;
  margin-top: 20px; 
  & p{
    color:white;
    font-size:20px;
    font-weight:400;
     font-family: "Oswald", sans-serif;
  }
  
  & img{
    background:white;
    padding:10px;
    border-radius:10px;
    height:100px;
    margin-top:-12px;
  }
}

.titlewithlogo p,
.titlewithlogo img {
  opacity: 0;
  transform: translateY(30px);
  animation: slideUp 1s ease-out forwards ;
}

/* Add a small delay so the p fades in first, then the image */
.titlewithlogo p {
  animation-delay: 0.25s;
}

.titlewithlogo img {
  animation-delay: 0.25s;
}

@keyframes slideUp {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

#dmcintro {
  /* padding: 35px 172px 36px 172px;
   width:75%; */
     padding: 35px 0px 36px 0px;
   width:60%;
  margin:0 auto;
  & h2 {
    margin-top: 20px;
    margin-bottom: 20px;
    font-weight: 400;
    font-size: 24px;
    font-weight: 600;
    font-family: "Oswald", sans-serif;
    color: #4d5662;
    text-align: center;
    text-transform: uppercase;
    line-height: 36px;
    letter-spacing: 1px;
    text-wrap:nowrap;
  }

  & p {
    font-size: 16px;
    font-weight: 400;
    font-family: "Open Sans", sans-serif;
    color: #4d5662;
    text-align: center;
    margin-top: 10px;
  }

    & ul{
    color:#4d5662
  }
}

@media(max-width:1440px){
  #dmcintro{
     padding: 35px 0px;
  }
}

@media(max-width:1366px){
  #dmcintro{
    width:80%
  }
}

@media(max-width:1280px){
  #dmcintro{
    width:85%
  }
}

.single-country .testholster {
  background: var(--accent);

  & h2 {
    color: white;
  }
   & a{
    text-decoration: none;
  }
}


@media(max-width:1920px){
  .single-country .testholster{
    /* padding: 42px 75px 22px 34%; */
     padding: 42px 75px 42px 32.5%;
  }
}

@media(max-width:1440px){
  .single-country .testholster{
    /* padding: 42px 75px 22px 19%; */
    /* padding: 42px 75px 42px 75px; */
      padding: 42px 75px 42px 32.5%;
  }
}

@media(max-width:1366px){
  .single-country .testholster{
    /* padding: 42px 75px 22px 16%; */
    padding: 42px 75px 42px 16.5%;
  }
}

@media(max-width:1280px){
  .single-country .testholster{
    /* padding: 42px 75px 22px 11%; */
      padding: 42px 75px 42px 12%;
  }
}

.single-country .newsigner {
  padding: 0px;
   background-size: cover;
  background-position: center center;
  img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}

#highlights {
  padding: 27px 174px 78.5px 174px;

  & h2 {
    font-family: "Oswald", sans-serif;
    font-size: 30px;
    font-weight: 600;
    line-height: 31px;
    color: var(--accent);
    margin-top: 0px;
    margin-bottom: 49px;
    text-align: center;
    text-transform: uppercase;
  }
}

.highlightgrid {
  display: grid;
  grid-template-columns: 346px 346px 346px;
  gap: 29px;
  justify-content: center;

  & .hicard {
    /* height: 357px; */
    background: white;
    box-shadow: 0px 3px 3px rgba(17, 47, 116, 0.219608);
    backdrop-filter: blur(5px);
    padding: 13.5px 13px 13.27px 13px;
    border-bottom: 4px solid var(--accent);
  }

  & .hicard img {
    width: 100%;
    height: 198px;
    object-fit: cover;
  }

  & .hicard h5 {
    font-family: "Oswald";
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 31px;
    text-transform: uppercase;
    color: var(--accent);
    backdrop-filter: blur(5px);
    margin: 11.73px 0px 8px 0px;
  }

  & .hicard p {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #4d5662;
  }
}

#experiences {
  padding: 32px 0px 59px 0px;
   background: linear-gradient(rgba(255,255,255,0.85) 100%, rgba(255,255,255,0.5)), var(--accent) 100%;
  & h2 {
    font-family: "Oswald", sans-serif;
    font-size: 30px;
    font-weight: 600;
    line-height: 31px;
    color: var(--accent);
    margin-top: 0px;
    margin-bottom: 49px;
    text-align: center;
    text-transform: uppercase;
  }
}

.expitems {
  display: grid;
  grid-template-columns: 513px 4px 513px;
  gap: 41px;
  justify-content: center;

  & .exp_a {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }

  & .exp_c {
    background: var(--accent);
  }

  & .exp_item {
    display: flex;
    justify-content: flex-start;
    gap: 14px;
  }

  & .exp_item .expi_a p {
    font-size: 30px;
    line-height: 25px;
    color: var(--accent);
    margin-top: 0px;
    padding: 0px 0px;
  }

  & .exp_item .expi_b p {
    font-size: 16px;
    color: #4d5662;
    font-family: "Open Sans";
  }
}


#besttime{
  padding:50px 0px;
}

#besttime h3{
   font-family: "Oswald", sans-serif;
    font-size: 30px;
    font-weight: 600;
    line-height: 31px;
    color: var(--accent);
    margin-top: 0px;
    margin-bottom: 49px;
    text-align: center;
    text-transform: uppercase;
}

#besttime .btptext {
  font-size: 16px;
        font-weight: 400;
        font-family: "Open Sans", sans-serif;
        color: #4d5662;
        text-align: left;
        margin-top: 10px;
        width:60%;
        margin:0px auto 49px auto;
}

.bmonths{
  max-width: 90%;
  margin:0 auto;
  display: flex;
  flex-wrap:wrap;;
  justify-content: center;
  gap:20px;
}

.bmonths div{
  background: linear-gradient(rgba(255,255,255,0.85) 100%, rgba(255,255,255,0.5)), var(--accent) 100%;
  padding:5px 10px;
  width:50px;
  text-align: center;
  font-family: 'Open Sans';
  font-size:14px;
  color:#4d5662;
  border-radius:5px;
}

.itin h2 {
  margin-bottom: 33px;
}

.itin p {
  font-family: "Open Sans";
  font-size: 20px;
  font-weight: 300;
  color: white;
  margin-bottom: 20px;
}

#dmcfaq {
 padding: 35px 220px 36px 220px;
    background: linear-gradient(rgba(255,255,255,0.85) 100%, rgba(255,255,255,0.5)), var(--accent) 100%;

  & h2 {
    font-family: "Oswald", sans-serif;
    font-size: 30px;
    font-weight: 600;
    line-height: 31px;
    color: var(--accent);
    margin-top: 0px;
    margin-bottom: 49px;
    text-align: center;
  }

  & h2 span {
    font-weight: 400;
  }

 & .dfaqs {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin:0 auto;
    width: 75%;
  
    gap: 28px;
  }

  & .dfqitem p:first-of-type {
    font-family: "Open Sans";
    font-weight: 600;
    font-size: 16px;
    color: var(--accent);
  }

  & .dfqitem p:not(:first-of-type) {
    font-family: "Open Sans";
    font-weight: 400;
    font-size: 16px;
    color: #4d5662;
  }
}

@media(max-width:1440px){
  #dmcfaq{
      padding: 35px 0px;
  }
}


@media(max-width:1366px){
  #dmcfaq .dfaqs{
    width:80%
  }
}

@media(max-width:1280px){
 #dmcfaq .dfaqs{
    width:85%
  }
}



@media(max-width:800px){
 
  #dmcbanner{
    position: relative;
    min-height: fit-content;
    height:897px;
    
  }
  
  #dmcbanner .dmcbox{
    position: absolute;
    top:20px;
    padding:20px;
    height:fit-content;
  }
  
  #dmcbanner h1.dmctitle{
     margin-top:0px;
    margin-bottom:0px;
    font-size:40px;
  }

#dmcbanner  .dbholster{
    height: 890px; 
    position: relative;
  }

  .titlewithlogo{
    margin-bottom:20px;
    flex-direction:column;
  }
  
  #dmcbanner .dmcboxinfo{
    position: relative;
    height: fit-content;
    width:100%;
    grid-template-columns: 1fr;
    text-align: center;
  }
  
  #dmcbanner .dbi_left{
    padding:20px 20px 20px 20px; 
   
  }
  
  #dmcbanner .dbil_top{
    grid-template-columns: 1fr;
    justify-content: center;
    align-items: center;
  }
  
  #dmcbanner .dbili_t_r img{
    display: block;
    margin:0 auto 20px auto;
    width:150px;
    height:auto;
  }
  
  #dmcbanner .dbi_right img{
    display: block;
    margin:0 auto;
      max-width:60%;
  }
  
  
  /* #dmcintro{
    padding: 20px;
  } */
    
  #dmcintro{
    padding: 45px 20px 20px 20px;
  }
  #highlights{
    padding:20px;
  }
  
  .highlightgrid{
    grid-template-columns: 1fr
  }
  
  .single-country #experiences{
    padding:20px;
    
    & .expitems{
      grid-template-columns: 1fr;
    }
    
    & .exp_c{
      display: none;
    }
  }
  
  #dmcfaq{
    padding:20px;
  }
}

/* DMC Blog Section */
.single-country{
   margin: 0px;
}



.single-country #blogitems {
  background: white;

  & h2 {
    color: var(--accent);
  }

  & .titlebanner a {
    background: var(--accent);
  }

  & .bgcard {
    border-bottom: 4px solid var(--accent);
  }

  & .bgcard h5 {
    color: var(--accent);
  }
}

/* Single Regions ************************************************************************************************************************************************************************/

#region_banner {
  margin: 0px;
  height: 600px;
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;
  border-bottom: 6px solid var(--seco);
  position:relative;
  overflow: hidden;

  & h1 {
    margin: 0px;
    font-family: "Oswald";
    color: white;
    font-size: 120px;
    font-weight: 400;
    text-align: center;
      position: relative;
   z-index: 500;
  }

 & .rexplore {
    background: var(--seco);
    font-family: "Oswald";
    color: white;
    font-size: 30px;
    line-height: auto;
    display: flex;
    justify-content: center;
    align-items: center;

    font-weight: 400;
    text-align: center;
    padding: 0px 30px;
    height: 51px;
    max-height: 51px;
    margin-top: 11px;
   position: relative;
   z-index: 500;
  }

  & .region-video-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
}

& .region-banner .container {
  position: relative;
  z-index: 2;
}

& .region-bg-fallback {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: top;
  z-index: 0;
}


  
}


#single_regions {
  background: var(--prim);
  padding: 30px 185px;

  & p {
    font-size: 16px;
    text-align: center;
    font-family: "Open Sans";
    color: white;
    margin-bottom: 50px;
  }

  & h4{
    text-align: center;
    color:white;
    font-family:'Oswald';
    margin:0px 0px 20px 0px;
    font-size: 30px;
    font-weight:400
  }
}

.srcolumns {
  column-count: 6;
  margin-bottom: 10px;
  column-gap: 14px;
}

.srcolumns a {
  display: block;
  text-decoration: none;
  margin-top: 0px;
  font-family: "Open Sans";
  font-size: 16px;
  color: white;
  margin-bottom: 32px;
}

#regioncards {
  padding: 55.87px 181.33px;
  display: grid;
  grid-template-columns: 257.58px 257.58px 257.58px 257.58px;
  gap: 21.59px;
  justify-content: center;
  
  & a {
    text-decoration: none;
  }

  & .rcard {
    padding: 10.05px 9.68px 18px 9.68px;
    border-bottom: 4px solid var(--seco);
    background: #ffffff;
    box-shadow: 0px 3px 3px rgba(17, 47, 116, 0.219608);
    backdrop-filter: blur(5px);
  }

  & .rcard img {
    width: 100%;
    height: 147.4px;
    object-fit: cover;
    object-position: center;
  }

  & .rcard h5 {
    color: var(--prim);
    margin-top: 11.63px;
    margin-bottom: 11.63px;
    font-family: "Oswald";
    font-size: 22px;
    line-height: 31px;
    text-transform: uppercase;
    font-weight: 500;
  }

  & .rcard p {
    font-family: "Open Sans";
    margin-top: 0px;
    color: #4d5662;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 9px;
    padding-right: 10px;
     height:96px;
    white-space: wrap;
    overflow: hidden;
    text-overflow: ellipsis;
   
  }

  & .rcard p:last-of-type {
    color: var(--seco);
    text-decoration: none;
    font-family: "Oswald";
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 500;
    margin: 0px 0px;
    height:20px;
  }
}

.page-template-region #blogitems {
  background: var(--prim);
  padding: 47px 0px 115.5px 0px;

  & h2 {
    color: white;
    font-size: 30px;
  }

  & .bgcard {
    border-bottom: 4px solid var(--seco);
  }
}


.page-template-region .bgcard h5{
  color:var(--prim)
}

.custom-select{
  display: none;
}

@media(max-width:800px){
  #region_banner{
    padding:20px;
    height:fit-content;
    & h1{
      font-size:40px;
    }    
    & .rexplore{
      height:fit-content;
      font-size:20px;
    }
  }
  
  #single_regions{
    padding:20px;
    position: relative;
     & p{
      margin-bottom: 15px
    }
  }
  
  #regioncards{
    padding:20px;
    grid-template-columns: 1fr
  }
  .page-template-region #blogitems{
    padding:20px;
  }

  .srcolumns{
    display: none;
  }


    /* The container must be positioned relative: */
.custom-select {
  display: block;;
  position: relative;
  font-family: Arial;
}

.custom-select select {
  display: none; /*hide original SELECT element: */
}

.select-selected {
  background-color: #f8931f;
   font-family:'Oswald';
}

/* Style the arrow inside the select element: */
.select-selected:after {
  position: absolute;
  content: "";
  top: 19px;
  right: 10px;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-color: #fff transparent transparent transparent;
}

/* Point the arrow upwards when the select box is open (active): */
.select-selected.select-arrow-active:after {
  border-color: transparent transparent #fff transparent;
  top: 7px;
}

/* style the items (options), including the selected item: */
.select-items div,.select-selected {
  color: #ffffff;
  padding: 8px 16px;
  border: 1px solid transparent;
  border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
  cursor: pointer;
}

/* Style items (options): */
.select-items {
  position: absolute;
  background-color: #f8931f;
  font-family:'Oswald';
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
}

/* Hide the items when the select box is closed: */
.select-hide {
  display: none;
}

.select-items div:hover, .same-as-selected {
  background-color: rgba(0, 0, 0, 0.1);
} 
  
  
}

/* About Page ####################################################################################################################################################### */

.page-template-about{
  margin-top:100px;
}

.page-template-about .orangebar{
  display: none !important;
}

#abouthead {
  margin-top: 70px;

  & h1 {
    font-family: "Oswald";
    font-style: normal;
    font-weight: 400;
    font-size: 60px;
    line-height: 70px;
    /* or 117% */
    text-align: center;
    color: #054837;
    margin-top: 0px;
    margin-bottom: 30px;
  }
}

#abouthead .hmintro h1{
    font-family: 'Oswald';
    text-align: center;
    margin:0px auto 20px auto;
    font-weight: 600;
    letter-spacing: 1px;
    color:#054837;
    font-size:42px
  }
  
#abouthead .hmintro p{
        font-family: "Open Sans";
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 22px;
        margin-bottom: 10px;
        height:fit-content;
        color: #4d5662;
  }

  #abouthead .hmintro{
  margin-bottom:40px;
  width: 100%;
  max-width: 1094px;
}

.hmintro h2, .hmintro h1, .hmintro h3, .hmintro h4, .hmintro h6, .hmintro h5{
  font-family: 'Oswald';
  margin-bottom:5px;
  color:#4d5662
}

.aboutbox {
  margin: 0 auto;
  display: block;
  width: 1094px;
  max-width: 1094px;
  padding: 10px;
  box-sizing: border-box;
  background: #ffffff;
  box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.160784);
  padding: 34px 49px 44px 32px;

  & .ab_grid {
    display: grid;
    grid-template-columns: 203px auto;
    gap: 32px;
  }

  & .abg_a > img {
    margin-bottom: 30px;
  }

  & .ab_list {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }

  & .abl_item {
    display: flex;
    flex-grow: 0;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 15px;
  }

  & .abl_item p {
    font-family: "Open Sans";
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: #054837;
    margin-top: -2px;
  }

  & .abg_b h4 {
    font-family: "Oswald";
    font-style: normal;
    font-weight: 400;
    font-size: 26px;
    line-height: 26px;
    margin-top: -2px;
    color: #054837;
  }

  & .abg_b h6 {
    font-family: "Oswald";
    font-weight: 400;
    font-size: 24px;
    margin-top: 20px;
    margin-bottom: 0px;
    color: #4d5662;
  }

  & .abg_b p.abg_btxt {
    font-family: "Oswald";
    font-weight: 400;
    font-size: 16px;
    margin-top: 0px;
    margin-bottom: 10px;
    color: #4d5662;
  }

  & .abg_b p {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 12px;
    color: #4d5662;
  }
}

.deskonly{
  display: block;
}

.mobonly{
  display: none;
}

@media(max-width:768px){
  .deskonly{
  display: none;
}

.mobonly{
  display: block;
}
  
  h4.mobonly{
     font-family: "Oswald";
    font-style: normal;
    font-weight: 400;
    font-size: 26px;
    line-height: 26px;
    margin: 0px auto 30px;
    text-align: center;
    color: #054837;
  }  
}


.subform .wpcf7 form.sent .wpcf7-response-output {
  background:#054837;
  border:none!important;
  color:white;
  text-align: center;
  font-family:'Oswald';
  display: flex;
  justify-content: center;
  align-items: center;
  
  margin:0px auto 0px;
  height:42px;
 
}


@media(max-width:800px){
  #abouthead{
    padding:20px;
     margin-top:20px;
  }
  #abouthead h1{
    font-size:40px
  }
  
  .aboutbox{
    max-width:100%;
    padding:30px;
  }
  
  .aboutbox .ab_grid{
    grid-template-columns: 1fr;
   
  }
  
  .aboutbox .abg_a{
    display: flex;
    flex-direction: column;
    
    
  }
}

.faqheader {
  margin-top: 50px;
  margin-bottom: 30px;
  text-align: center;
  & h3 {
    font-family: "Oswald";
    font-style: normal;
    font-weight: 500;
    font-size: 30px;
    line-height: 31px;
    text-align: center;
    text-transform: uppercase;
    color: #054837;
    margin-bottom: 30px;
  }

 & .iqa_links {
    display: flex;
    justify-content: center;
    gap: 64px;
  }

  & .iqa_links a {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    text-decoration-line: underline;
    color: #054837;
    text-align: center;
  }
  
  & .iqa_links a:nth-of-type(3){
    display: none
  }

   & .iqa_links br{
    display: none
  }
}

@media(max-width:800px){
  .faqheader .iqa_links{
    padding:20px;
    display: grid;
    grid-template-columns: 1fr;
  }
}

.page-template-about .tflex {
  grid-template-columns: 61% auto;
}

.page-template-about .newsigner {
  padding-left: 0px;
   background-size: cover;
  background-position: 0px center;
}

.page-template-about .newsigner img{
  width: 100%;
  height:100%;
  object-fit: cover
}

@media(max-width:800px){
  .page-template-about .newsigner{
    padding:0px
  }
}

.page-template-about .testholster {
  padding: 42px 75px 22px 36%;
  & h2 {
    color: white;
  }

  & p {
    font-size: 16px;
    line-height: auto;
    letter-spacing: 1%;
    margin-bottom: 0px;
  }

  & ul {
    margin-top:25px;
    padding-left: 14px;
  }

  & li {
    font-family: "Open Sans";
    color: white;
    font-size: 16px;
    line-height: auto;
    letter-spacing: 1%;
    margin-bottom: 19px;
    font-weight:300;
  }
}

@media(max-width:1440px){
  .page-template-about .testholster {
  padding: 42px 75px 22px 20%; }
}

@media(max-width:1366px){
  .page-template-about .testholster {
  padding: 42px 75px 22px 17%; }
}



@media(max-width:768px){
  .page-template-about .testholster {
  padding: 42px }
}

.testholster.expad{
  padding: 73px 75px 22px 173px;
}

.page-template-about .testholster.expad{
  padding: 73px 75px 73px 36%;
  height:fit-content;
}

@media(max-width:1440px){
  .page-template-about .testholster.expad{
  padding: 42px 75px 22px 20%; }
}

@media(max-width:1366px){
  .page-template-about .testholster.expad{
  padding: 42px 75px 22px 17%; }
}



@media(max-width:768px){
  .page-template-about .testholster.expad{
  padding: 42px }
}

.testholster.expad h2{
  margin-bottom:50px;
}

.page-template-about #experiences {
  background: white;
  margin-top: 20px;
  padding: 32px 0px 0px 0px;
  & h2 {
    color: #f8931f;
  }

  & p {
    font-family: "Open Sans";
    font-size: 16px;
    line-height: 22px;
    max-width: 1030px;
    margin: 0 auto 30px auto;
    color: #4d5662;
  }

  & .expitems {
    grid-template-columns: 460px 4px 480px;
    margin: 0px auto 0px;
  }

  & .exp_c {
    background: none;
  }
}

.orangebar {
  height: 2px;
  width: 100%;
  background-color: #f8931f;
  max-width: 1030px;
  display: block;
  margin: 35px auto;
}

.green {
  color: #054837 !important;
}

ul.teset {
  font-family: "Open Sans";
  margin-left: 0px;
  padding-left: 0px;
  list-style: none;
  margin-top: 0px;
  margin-bottom: 0px;
  & li {
   position: relative;
    padding-left: 30px;
    font-family: "Open Sans";
    font-size: 16px;
    line-height: 22px;
    max-width: 1030px;
    color: #4d5662;
    margin-bottom: 10px;
  }

  & li::before {
  content: "◦";
  position: absolute;
  left: 0;
  top: -2.2px; /* ✅ aligns with first line */
  font-size: 35px;
  color: #f8931f;
}
}

/* ul.tesetg {
  font-family: "Open Sans";
  margin-left: 0px;
  padding-left: 20px;
  margin-top: -5px;
  & li {
    list-style-type: circle;
    padding-left: 10px;
    font-family: "Open Sans";
    font-size: 16px;
    line-height: 22px;
    max-width: 1030px;
    color:#4d5662;
    margin-bottom: 10px;
  }
  & li::marker {
    color: #054837;
    font-size: 24px;
    line-height: 24px;
  }
} */

ul.tesetg {
  font-family: "Open Sans";
  margin-left: 0px;
  padding-left: 0px;
  list-style: none;
  & li {
   position: relative;
    padding-left: 30px;
    font-family: "Open Sans";
    font-size: 16px;
    line-height: 22px;
    max-width: 1030px;
    color: #4d5662;
    margin-bottom: 10px;
  }

  & li::before {
  content: "◦";
  position: absolute;
  left: 0;
  top: -2.2px; /* ✅ aligns with first line */
  font-size: 35px;
  color: #054837;
}
}

.grndiv {
  width: 2px;
  background: #054837 !important;
}

.mt60 {
  margin-top: 60px;
}


@media(max-width:800px){
  .page-template-about #experiences{
    padding:20px;
    max-width:100%;
  }
  
  .page-template-about #experiences .expitems{
    grid-template-columns: 1fr;
    gap:0px;
    margin-top:50px;
  }
  .page-template-about #experiences .expitems .exp_a{
  margin-top:-30px
  }
  
  .orangebar{
    margin:0px
  }

  .expads{
    margin-top:30px!important;
  }
}


@media(max-width:800px){
  #itineraries .expad{
    padding:20px;
    
    & h2{
      margin-bottom:20px
    }
    
    & li{
      text-align: left;
    }
  }
}

#subscriber {
  background-color: #f8931f;
  padding: 40px 75px 40px 75px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;

  & h2 {
    font-family: "Oswald";
    font-style: normal;
    font-weight: 500;
    font-size: 30px;
    line-height: 40px;
    text-align: center;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #ffffff;
    margin-top:0px
  }
  & p {
    margin: 17px auto 20px auto;
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    color: #ffffff;
  }
}

.subform form {
  display: flex;
  gap: 47px;
  align-items: flex-end;
  & > div {
    display: flex;
    flex-direction: column;
    gap: 5px;
  }

  & label {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 0.01em;

    color: #ffffff;
  }
  & input {
    width: 311px;
    height: 42px;
  }

   & input[type="submit"] {
    background-color: #054837;
    color: white;
    font-family: "Oswald";
    font-weight: 500;
    outline: none !important;
    box-shadow: none;
    border: none;
    padding: 11px;
    height: 42px;
    width: 150px;
  }
}

@media(max-width:800px){
  #subscriber{
    padding:20px;
  }
  
  #subscriber form{
    flex-direction: column;
    align-items: flex-start;
    gap:30px;
    width:100%;
    
   
  }
}

/* News Page ################################################################################################################################################################################# */

.page-template-news-archive{
  margin-top:100px;
}

.page-template-news-archive #abouthead .container h1{
  margin-bottom: 0px
}

.featured_posts{
  display: flex;
  justify-content: center;
  align-items: center;
  gap:29px;
  padding:50px 214px 39px 214px;
  width:fit-content;
  margin:0 auto;
}

.featcard{
  width:318px;
  height:420px;
  
  & .fc_pholster {
    width:100%;
    height:230px;
    margin:0px;
  }
  
  & .fc_pholster img{
    width:100%;
    height:100%;
    object-fit: cover;
    
  }
  
  & .fc_tholster{
    height:190px;
    background-color:#054837;
    padding: 20px 14px
  }
  
  & .fc_tholster h4 {
      font-family: 'Oswald';
      font-style: normal;
      font-weight: 500;
      font-size: 20px;
      line-height: 26px;
      text-transform: uppercase;
      color: #FFFFFF;
      margin-top:0px;
    margin-bottom:8px;
      text-wrap:wrap;
  }
  
  & .fc_tholster p{
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #FFFFFF;

  }
    & .fc_tholster a{
    text-decoration: none;
  }
}

#main_news_articles{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding:0px 162px;  
}

.mna_box{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  
  & h2{

font-family: 'Oswald';
font-style: normal;
font-weight: 500;
font-size: 30px;
line-height: 31px;
text-align: center;
text-transform: uppercase;
color: #054837;
margin-top:0px;
margin-bottom:62px;
  }
}

.mnafilter{
  display: flex;
  gap:32.86px;
  margin-bottom: 27px;
  
  & a{
font-family: 'Oswald';
font-style: normal;
font-weight: 400;
font-size: 24px;
line-height: 31px;
text-align: center;
text-decoration: underline;
color: #054837!important;
  }  
  & a.actived{
    color:#f8931f!important;
  }
}

.lm_btn{
  background-color: #00956b;
  margin: 49px auto 79px auto;
  width:150px;
  height:42px;
  color:white;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 30px;
  text-align: center;
  letter-spacing: 0.03em;
  cursor: pointer;
  color: #FFFFFF;
}

.listgrid{
  display: flex;
  justify-content: center;
  gap:10px;
  
  & a{
    background-color: #00956b;
  margin: 20px auto 10px;
  width: 120px;
  height: 42px;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 16px;
  text-align: center;
  letter-spacing: 0.03em;
  cursor: pointer;
  color: #FFFFFF;
   text-decoration: none; 
    text-transform: uppercase;
  }
}



@media(max-width:800px){
  .featured_posts{
    padding:0px;
    flex-direction: column;
    margin:20px auto;
  }
  
  #main_news_articles{
    padding: 20px;
  }
  
  .mnafilter{
    display: grid;
    grid-template-columns: 1fr 1fr;
  } 
  
}


/* SINGLE POST ######################################################################################################################################################################################### */

.single-post{
  margin: 0px 0px!important;
}

h1.entry-title{
font-family: 'Oswald';
font-style: normal;
font-weight: 400;
font-size: 40px;
line-height: 55px;
text-align: center;
color: #054837;
  width:40%;
  text-wrap:wrap;
  margin:50px auto;
}

article{
  padding:0px 172px;
}

article .post-thumbnail{
  display: block;
  margin:0px auto 63px auto;
  width:60%;
  max-width:60%x;
  /*! height:425px; */
  & img{
    margin:0 auto;
    width:100%;
    height:100%;
    object-fit: contain;
  }

}
article h1, article h2, article h3, article h4, article h5, article h6{
  font-family: 'Oswald';
  color:#4d5662
}

article p,article li{

font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 24px;
color: #4D5662;
margin-bottom:20px;
}


.featdmc {
  margin-top:60px;
  background: #891d00;
  display: flex;
  padding: 66px 260px 72px 171px;
  gap:87px;
  justify-content: center;
  align-items: flex-start;
  
  & .fd_info{
    display: flex;
    justify-content: flex-start;
    align-items:flex-start;
  }
  
  & .fd_info h2{
font-family: 'Oswald';
font-style: normal;
font-weight: 400;
font-size: 59px;
line-height: 65px;
margin-top:0px;
text-transform: uppercase;
color: #FFFFFF;
margin-top:-15px;

  }
  
 & .dmcboxinfo {
    width: 702px;
    height: 258px;
    background: white;
    display: grid;
    grid-template-columns: 531px 170px;
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.160784);
  }

  & .dbi_left {
    padding: 29px 27px 34px 24px;
  }

  & .dbil_top {
    display: grid;
    grid-template-columns: 341px 111px;
    gap: 28px;
    align-items: center;
  }

  & .dbili_t_l h4 {
    font-family: "Oswald", sans-serif;
    color: #891d00;
    font-size: 30px;
    margin: 0px 0px;
    font-weight: 500;
    text-transform: uppercase;
  }

  & .dbili_t_l p {
    color: #4d5662;
    font-family: "Open Sans";
    font-weight: 400;
    margin-top: 12px;
    font-size: 16px;
  }

  & .dbil_bot .ccontact {
    margin-top: 14px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 21px;
  }

  & .dbil_bot .ccontact a {
    background: #891d00;
    text-decoration: none;
    font-family: "Oswald", sans-serif;
    color: white;
    border: 0px solid black;
    font-size: 20px;
    font-weight: 400;
    width: 150px;
    height: 42px;
    text-align: center;
    line-height: 38px;
  }

  & .dbil_bot .ccontact a:hover {
    background: #932203;
    color: #fff;
  }

  & .dbi_right {
    background: rgba(137, 29, 0, 0.56);
    padding: 29px 26px;
    box-sizing: border-box;
    box-shadow: 3px 0px 3px rgba(137, 29, 0, 0.56);
  }

  & .dbi_right img {
    width: 119px;
    height: 119px;
    margin-bottom: 10px;
  }

  & .dbi_right .dbiname {
    margin-top: 11px;
    color: white;
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
    font-size: 16px;
  }

  & .dbi_right .dbititle {
    color: white;
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    font-size: 16px;
  }
}

@media(max-width:800px){
  article{
    padding:20px;
  }
  
  h1.entry-title{
    text-wrap: balance;
    width:100%;
      margin-top:10px;
  }
  
  article .post-thumbnail{
    width:100%;
    height:auto;
  
    & img{
      width:100%;
      height:auto;
    }
  }
  
  .featdmc{
    padding: 20px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap:20px;
  }
  
  .fd_info{
    font-size:40px;
    margin-top:20px;
    margin-bottom: 0px;
    height:fit-content;
    & br{
      display: none;
    }
  }
  
   .featdmc .dmcboxinfo{
    position: relative;
    height: fit-content;
    width:100%;
    grid-template-columns: 1fr;
    text-align: center;
     margin-top:0px;
  }
  
  .featdmc  .dbi_left{
    padding:20px 20px 20px 20px; 
   
  }
  
  .featdmc  .dbil_top{
    grid-template-columns: 1fr;
    justify-content: center;
    align-items: center;
  }
  
  .featdmc  .dbili_t_r img{
    display: block;
    margin:0 auto 20px auto;
    width:150px;
    height:auto;
  }
  
  .featdmc  .dbi_right img{
    display: block;
    margin:0 auto;
  }
  
  
}

/* CONTACT PAGE ########################################################################################################################################################################### */

.page-template-contact{
  margin-top: 0px;
}


#contact_page{
  padding:72px 226px 130px 226px;
  background-image: url('/wp-content/uploads/2025/06/cbg.jpg');
  background-size: cover;
  height:100%;
  min-height:955px
}

#contact_page h1{
font-family: 'Oswald';
font-style: normal;
font-weight: 400;
font-size: 60px;
line-height: 70px;
text-align: center;
color: #FFFFFF;
margin:30px auto 57px auto;
}

.cb_box{
  background: rgba(5,72,55,0.86);
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding:26px 145px 20px 54px;
  
  max-width:1094px;
  margin:0 auto;
}

.cbox_left h4{
font-family: 'Oswald';
font-style: normal;
font-weight: 400;
font-size: 24px;
line-height: 31px;
text-transform: uppercase;
color: #FFFFFF;
overflow-wrap: normal!important;
text-wrap:wrap;
margin:0px 0px 20px 0px;
}

.cblicon{
  display: flex;
  gap:14px;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 10px;
  & a{
    color:white!important;
    text-decoration: none;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 30px;
  }
}

.cbliconm{
  display: flex;
  gap:14px;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 30px;
  margin-bottom:30px;
  & img{
    margin-top:6px;
  }
  & a{
    color:white!important;
    text-decoration: none;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 30px;
  }
}

.cblsoc{
  display: flex;
  gap:10.95px;
  
  & img{
    width:40px;
    filter: invert(90);
  }
}

.cbox_right form{
    width:394px;
  
  & label{
   font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 22px;
letter-spacing: 0.01em;

color: #FFFFFF;
  }
  
  & input[type="text"]{
    margin-top:14px;
      margin-bottom:19px;
    width:392px;
    height:42px;
  }
  
  & input[type="email"]{
    margin-top:14px;
      margin-bottom:19px;
    width:392px;
    height:42px;
  }
  
   & textarea{
    margin-top:14px;
      margin-bottom:19px;
    width:392px;
    height:130px;
  }
  
  & .wpcf7-list-item{
    margin:0px 0px 0px 0px
  }
  
  & .wpcf7-list-item label{
    display: flex;
    flex-wrap: nowrap;
    gap:16px;
  }
  
  & input[type="checkbox"]{
    width:25px;
    height:25px;
    margin:0px;
  }
  
  & input[type="submit"]{
  margin-top:24px;font-family: 'Oswald';
font-style: normal;
font-weight: 500;
font-size: 20px;
line-height: 30px;
text-align: center;
letter-spacing: 0.03em;
color: #FFFFFF;
text-transform: uppercase;
display: flex;
    justify-content: center;
    align-items: center;
background: #F8931F;
    outline: none!important;
    border:none!important;
    width:150px;
    height:42px;
}
  
  }


  @media(max-width:800px){
  #contact_page{
    padding: 20px;
  }
  
  #contact_page h1{
    font-size: 40px;
    margin-bottom:15px
    
  }
  
  .cb_box{
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding:20px;
    gap:30px;
  }
  
  .cbox_right{
    max-width: 100%;
  }
  
  .cbox_right form{
    width:100%;
    
    & input[type="text"]{
      max-width: 100%;
      width:100%;
    }
    
     & input[type="email"]{
      max-width: 100%;
      width:100%;
    }
    
     & textarea{
      max-width: 100%;
      width:100%;
    }
  }
  
  
}



/* Destinations */

.page-template-destinations{
  margin-top:66px;
}

body:has(#wpadminbar){
  /* margin-top:34px; */

  & header{
    margin-top:32px;
  }
}

#region-menu{
  background: #f2f2f2;
  padding:20px;
  display: flex;
  justify-content: center;
  align-items:center;
  gap:20px;

}

.destfindbt {
  background-color:#04966E;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 150px;
  height:52px;
  & a {
    color: white;
    font-family: "Oswald", serif;
    font-optical-sizing: auto;
    font-size: 20px;
    font-weight: 400;
    text-decoration: none;
    text-align: center;
  }
}

.magnificzbt {
  background: #00956b;
  height:40px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  padding:0px 10px 0px 15px;
  
  & input{
    outline:none;
    border:none;
    background:none;
    color:white;
    
  }
}

@media(max-width:800px){
  #region-menu{
    flex-direction: column;
    gap:10px;
  }
  
  #region-menu label{
    display: none;
  }
  
 
}

/* #regions-wrapper{
  padding:20px 100px;
	 min-height:80vh;

}
.region-section:not(:first-of-type){
    margin-top:50px;
  }

.region-section:not(:last-of-type){
    border-bottom:1px solid #f3f3f3;

}
.region-section{
  padding-bottom:50px;
  

  
 
 
  & h2{
    color: #00956b;
    font-size:28px;  
    line-height: 28px;
    text-transform: uppercase;
    font-family:'Oswald';
    font-weight:500;
    margin-bottom:20px;
  }
  
  & a {
    text-decoration: none;
    
  }
  
   & .srcolumns a:hover {
   color: #00956b;
    
  }
  
  & .srcolumns a{
    color:gray;
    font-family:'Open Sans'!important;;
  }
} */




.dmclabel{
  font-weight: 400;
  text-transform: capitalize
}

#regions-wrapper{
  padding:20px 100px;
	 min-height:80vh;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: start;
}

#regions-wrapperall{
  padding:0px 100px 20px 100px;
	 min-height:80vh;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: start;
}

.srcolumnsrg{
  list-style: none;
  column-count:4;
  column-gap:20px;
  
  & li{
    margin-bottom: 10px;
  }
  
  & li a{
    color:#4d5662;
    text-decoration: none;
    font-family: 'Open Sans';
    font-size:14px;
    font-weight:700;    
  }
  
  & li a:hover{
    color: #04966e!important;
  }
}

@media(max-width:1440px){
  .srcolumnsrg{
    column-count:3
  }
}

@media(max-width:800px){
  .srcolumnsrg{
    column-count:1
  }
   #regions-wrapperall{
    padding:0px
  }
}

.region-section{
  padding-bottom:0px; 
 
  & h2{
    color: #00956b;
    font-size:28px;  
    line-height: 28px;
    text-transform: uppercase;
    font-family:'Oswald';
    font-weight:500;
    margin-bottom:20px;
    margin-top:0px
  }
  
  & a {
    text-decoration: none;
    
  }
  
  & .srcolumns{
    display: flex;
   flex-wrap:wrap;
    gap:30px
  }
  
   & .srcolumns a:hover {
   color: #00956b;
    
  }
  
  & .srcolumns a{
    flex-basis: auto;
    color:#4d5662;
    font-family:'Open Sans'!important;
    margin:0px
  }
}

@media(max-width:800px){
.page-template-destinations #regions-wrapper{
  padding:20px
}  
 
}


.floating-contact-btn {
  font-family:'Oswald',sans-serif;
  letter-spacing: 2px;
  position: fixed;
  top: 50%;
  right: 0;
  transform: translateY(-50%) rotate(-90deg);
  transform-origin: right center;
  background-color: #054837; /* base color */
  color: #fff;
  font-weight: 600;
 
  text-transform: uppercase;
  text-align: center;
  padding: 0.75rem 1.5rem;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
  text-decoration: none;
  transition: all 0.3s ease;
  z-index: 9999;
  display: inline-block;
  right:20px;
}

.floating-contact-btn:hover {
  background-color: #00956b; /* hover color */
  transform: translateY(-50%) rotate(-90deg) scale(1.05);
  box-shadow: 0 6px 14px rgba(0, 0, 0, 0.25);
}






/* Single Post */
.single-post #primary{
  margin-top:100px 
}


/* Archive */
.archive{
  margin:66px 0px 0px 0px;
}

h1.page-title{
  font-family: "Oswald";
    font-style: normal;
    font-weight: 400!important;;
    font-size: 60px!important;
    line-height: 70px;
    text-align: center;
    color: #054837;
    margin-top: 100px;
    margin-bottom: 38px;
  letter-spacing: 1px;
  text-transform: uppercase;
}


.archive .nav-links{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin:40px auto;
  width:100%;
}

.nav-previous, .nav-next{
  display: flex;
  justify-content: center;
  padding:0px 10px;
}
.nav-previous a,.nav-next a{
  font-family: 'Oswald';
    font-size: 16px;
    line-height: 20px;
    text-transform: uppercase;
    background: #d3d3d3;
    color: #212121 !important;
    padding: 5px 10px;
    margin-right: 20px;
    border-radius: 5px;
  text-align:center;
  text-decoration: none;
  width:150px;
  display: block;
}




/* Itinerary */
.single-itinerary{
  margin:0px;
}



.single-itinerary #region_banner {  
  border-bottom:4px solid var(--itin);
}

.single-itinerary #region_banner h1{
  font-size:50px
}

.single-itinerary #region_banner .itinerary-category{
  background: var(--itin);
    font-family: "Oswald";
    color: white;
    font-size: 30px;
    line-height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 400;
    text-align: center;
    padding: 0px 30px;
    height: 51px;
    max-height: 51px;
    margin-top: 11px;
    position: relative;
    z-index: 500;
}



.single-itinerary section{
  background: #f3f3f3
}


.single-itinerary section h1,.single-itinerary section h2,.single-itinerary section h3,.single-itinerary section h4,.single-itinerary section h5,.single-itinerary section h6{
  font-family: 'Oswald';
  font-weight: 400;
  letter-spacing: 1px;
}

.single-itinerary section p,.single-itinerary section a,.single-itinerary section li, .single-itinerary section b, .tripdays p{
  font-family: "Open-sans", sans-serif;
    color: #4d5662;
    font-size: 16px;
    font-weight: 400;
    line-height: auto;
    margin: 10px 0px; 
    letter-spacing: 0px
}

.tripdays h4{
    font-size: 18px!important;
}

#itincontent{
  padding: 35.5px 20% 35.5px 20%;
  
}

#itinfields{
   padding: 35.5px 20% 35.5px 20%;
  
  & h3{
    font-size:40px;
    text-align: center;
    margin-top:0px;
  }
  
  & .besttimes{
    margin: 35px 0px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    gap:10px;
    font-size:16px;
    font-family: 'Open Sans';
  
  }
  
  & .besttimes > div{
      background:var(--itin);
    color:white;
    width:100px;
    text-align: center;
    padding:2px 10px;
    border-radius:2px;
  }
  
}

.itinhighlighter{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width:70%;
  margin:40px auto
}



.itinitem{
  display: flex;
  gap:40px
}

.itindown{
  background:var(--itin);
  position: relative;
  width:3px
}

.itinitem:last-of-type .itindown{
  background:#f3f3f3;
}

.itd{
  position: relative;
  background: var(--itin);
  width:50px;
  height:50px;
  left:-24px;
  border-radius: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
}


.itd img{
  width:20px;
  filter:invert(90);
}

 .itincard::after {
            content: "";
            border-style: solid;
            border-width: 12px;
            position: absolute;
            top: 10px;
            left: -22px;
            transform: translateY(-50%);
            border-color: transparent white transparent transparent;
   
        }

.itincard{
background:#fff;
  padding: 13.5px 13px 26.5px 13px;
  box-shadow: 0px 3px 3px rgba(17, 47, 116, 0.219608);
  backdrop-filter: blur(5px);
  margin:20px 0px;
  border-radius:0px 8px 8px 8px;
  
  & img{
    width:100%;
    height: 400px;
    object-fit: cover;
    border-radius: 5px 5px 0px 0px
  }
  
  & h4 {
    color:#303030;
      font-size:24px;
    margin:15px 0px;
  }
  
  & h5{
    color:var(--itin);
    font-size:20px;
    margin:0px 0px 15px 0px;
  }
}


.tripdayslide {
  position: relative;
  overflow: hidden;
  width: 100%;
  max-width: 100%;
}

.tripdayslide img {
 
  display: none;
  object-fit: cover;
  transition: opacity 0.5s ease-in-out;
}

.tripdayslide img.active {
  display: block;
  opacity: 1;
}

.tripdays-dots {
  text-align: center;
  margin-top: 10px;
}

.tripdays-dots button {
  background-color: #ccc;
  border: none;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  margin: 0 4px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.tripdays-dots button.active {
  background-color: var(--itin);
} 


@media(max-width:1090px){
  .itinhighlighter{
    width:90%;
  }
}

@media(max-width:1000px){
  .single-itinerary #itincontent{
    padding:20px 20px
  }
  
  #itinfields .besttimes{
    flex-wrap: wrap;
  }
   .single-itinerary #itinfields{
    padding:20px 20px;
  }
  .itinhighlighter{
    width:90%;
  }
  
  .single-itinerary .itincard {
    
    & img{
      height:200px;
    }
  }
}


#getquote{
  background: var(--itin);
  width:fit-content;
  margin:0px auto 20px;
  padding:5px 10px;
  border-radius:5px;
  font-family: 'Oswald';
  letter-spacing: 1px;
  color:white;
  font-size:20px;
  cursor:pointer;
}


 /* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 9999; /* Sit on top */
  left: 0;
  top: 0;
  width: 100vw; /* Full width */
  height: 100vh; /* Full height */
  overflow: hidden; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
 
  justify-content:center;
  align-items:center;
}

/* Modal Content/Box */
.modal-content {
    border-radius:5px;
  background-color: #04966e;
 
  padding: 20px;
  border: 0px solid #888;
  width: 30%; /* Could be more or less, depending on screen size */
  font-family: "Open-sans", sans-serif;
    color: white;
    font-size: 16px;
    font-weight: 400;
    line-height: auto;
    position: relative;

    letter-spacing: 0px;
  height:fit-content;
}

.modal-content input[type="submit"]{
  margin-top: 24px;
    font-family: 'Oswald';
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    text-align: center;
    letter-spacing: 0.03em;
    color: #FFFFFF;
    text-transform: uppercase;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #F8931F;
    outline: none !important;
    border: none !important;
    width: 150px;
    height: 42px;
  }


body:has(.modopened){
  overflow: hidden!important;
  
}

.modal h3{
  text-align:center;
  margin:0px 0px 10px;
  color:var(--itin);
  font-family:'Oswald';  
  letter-spacing: 1px;
  font-weight: 400;
  font-size:24px;
  text-transform: uppercase;
}

.modal-content input[type="text"],.modal-content input[type="email"]{
  margin-top: 14px;
    margin-bottom: 19px;
    width: 100%;
    height: 42px;
}


/* The Close Button */
.close {
  color: #fff;
  float: right;
  font-size: 28px;
  font-weight: bold;
  margin-top:-20px;
}

.close:hover,
.close:focus {
 
  text-decoration: none;
  cursor: pointer;
} 

.modal .wpcf7{
  width:fit-content;
  display: block;
  margin:0 auto;
}

.modal .wpcf7 input, .modal .wpcf7 textarea{
  width:100%;
  margin:10px 0px
}

.modal .wpcf7 .wpcf7-list-item{
  margin:10px 0px;
  
}


@media(max-width:1000px){
  .modal{
    top:50px;
    z-index: 999999
  }
  .modal-content{
    width:90%;
   
  }
}


/* Single Posts */

.post-template-default .entry-content{
  width:73%;
  margin:0 auto 40px auto;
}

@media(max-width:1440px){
  .post-template-default .entry-content{
  width:77%}
}

@media(max-width:1366px){
  .post-template-default .entry-content{
  width:78%}
}