@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap');

/*
 Theme Name:   Travolo Child
 Theme URI:    http://vecurosoft.com/products/wordpress/travolo/
 Description:  This is a child theme for Travolo WordPress Theme
 Author:       Vecurosoft
 Author URI:   http://vecurosoft.com/
 Template:     travolo
 Version:      1.3
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         two-columns, three-columns, left-sidebar, right-sidebar, flexible-header, custom-background, custom-colors, custom-header, custom-menu, theme-options, editor-style, featured-images, microformats, post-formats,  sticky-post, threaded-comments, translation-ready
 Text Domain:  travolo-child
*/

/*  [ Add your custom css below ]
- - - - - - - - - - - - - - - - - - - - */

@font-face {
    font-family: "Carla Lauren";
    src: url("/wp-content/uploads/homepage/Nt-Carla-Lauren-Demo.ttf") format('truetype');
    src: url("/wp-content/uploads/homepage/Nt-Carla-Lauren-Demo.otf") format("opentype");
}
:root {
  --theme-color: #07dff6;
  --theme-color2: #07dff6;
  --primary-color: #07dff6;
  --theme2-color-rgb: 55, 212, 217;
  --vs-secondary-color: #111330;
  --title-color: #07dff6;
  --body-color: #ffffff;
  --smoke-color: #f7f7f7;
  --black-color: #000000;
  --white-color: #ffffff;
  --yellow-color: #fec624;
  --success-color: #28a745;
  --error-color: #dc3545;
  --vs-border-color: #07dff6;
  --title-font: "Carla Lauren", sans-serif;
  --body-font: "DM Sans", sans-serif;
  --icon-font: "Font Awesome 5 Pro";
  --main-container: 1220px;
  --container-gutters: 30px;
  --section-space: 120px;
  --section-space-mobile: 80px;
  --section-title-space: 80px;
  --ripple-ani-duration: 5s;
}

.wpte-elementor-widget {
  --primary-color: #07dff6;
}

body {
	background: var(--e-global-color-travolo_opt_body_bg);
}
h1,h2,h3,h4,h5,h6 {
  font-family: var(--title-font);
}
nav,
.main-menu a {
  font-family: var(--title-font);
  font-size: 16px;
  font-weight: 300;
  text-transform: uppercase;
  letter-spacing: 3px;
  word-spacing: 6px;
}

.elementor-page .wpte-elementor-widget.wpte-adv-trips_one.layout-2 .wpte-card {
  --_content-background: #000000 !important;
}
.elementor-page .wpte-elementor-widget.wpte-adv-trips_one.layout-2 .wpte-card .wpte-card__content::before {
  z-index: 0;
}
.elementor-page .wpte-elementor-widget h2.wpte-card__title {
  z-index: 10;
}

.single-trip .entry-header .entry-title {
  font-weight: 300;
}

.wte-title-duration .days {
  color: #000;
}

.widget {
  background-color: var(--body-bg);
}

.share-links .social-links a {
  background-color: var(--primary-color);
}
.vs-comments-wrap .vs-post-comment {
  background-color: var(--body-bg);
}
.share-links .tagcloud a {
  background-color: var(--primary-color);
}
.vs-comments-wrap .replay-btn {
  background-color: var(--primary-color);
}
.vs-btn {
  background-color: var(--primary-color);
}
.vs-blog-details .blog-single {
  box-shadow: none;
  border: 1px solid;
  border-color: var(--primary-color);
}
.blog-meta span, .blog-meta a {
  color: var(--white-color);
}
.play-btn > i {
  background-color: var(--primary-color);
}
.play-btn::before,
.play-btn::after,
.play-btn:hover::before,
.play-btn:hover::after {
  background-color: var(--primary-color);
}
.vs-blockquote::before {
  color: #07dff655;
}
.post-pagination .pagi-icon {
  color: #ffffff;
}
.hero-layout4 .hero-subtitle, .hero-layout5 .hero-subtitle {
  color: #ffffff;
  font-weight: 300;
}
.vs-menu-wrapper .mobile-logo {
  background-color: #ffffff;
}
.wte_enquiry_contact_form .enquiry-form-title,
.wte_enquiry_contact_form .package-name-holder {
  color: var(--white-color);
}

.alt_form_fields input,
.alt_form_fields textarea {
  border-radius: 0px !important;
  border-bottom-style: solid !important;
  border-bottom-width: 3px !important;
}
.alt_form_fields input[type="radio"] {
  border: none !important;
}
.alt_form_fields div.wpforms-container-full input[type="radio"]:focus::before {
  top: -2px;
  left: -2px;
}
.alt_form_fields div.wpforms-container-full input[type="radio"]:checked::before,
.alt_form_fields div.wpforms-container-full input[type="radio"]::after {
  top: 7px;
  left: 7px;
}
.alt_form_fields div.wpforms-container-full input[type="radio"]::after {
  opacity: 1;
  visibility: visible;
}

.wte_enquiry_contact_form input,
.wte_enquiry_contact_form select,
.wte_enquiry_contact_form textarea {
  background-color: transparent;
  color: var(--theme-color);
  border-radius: 0px !important;
  border-bottom-style: solid !important;
  border-bottom-width: 3px !important;
  border-bottom-color: var(--theme-color);
  border-top-style: none !important;
  border-left-style: none !important;
  border-right-style: none !important;
}

.wte_enquiry_contact_form select,
.wte_enquiry_contact_form textarea {
  padding-left: 14px;
}
.wte_enquiry_contact_form input[type="submit"] {
  border: none !important;
  background-color: var(--theme-color);
  color: var(--white-color);
}
.wte_enquiry_contact_form input[type="radio"] {
  border: none !important;
}
.wte_enquiry_contact_form div.wpforms-container-full input[type="radio"]:focus::before {
  top: -2px;
  left: -2px;
}
.wte_enquiry_contact_form div.wpforms-container-full input[type="radio"]:checked::before,
.wte_enquiry_contact_form div.wpforms-container-full input[type="radio"]::after {
  top: 7px;
  left: 7px;
}
.wte_enquiry_contact_form div.wpforms-container-full input[type="radio"]::after {
  opacity: 1;
  visibility: visible;
}

.radioselect::placeholder, .form-control::placeholder, .form-select::placeholder, textarea::placeholder, input::placeholder {
  color: var(--theme-color);
}

.blog-style7 {
  background-color: transparent;
}
.elementor-page .wpte-elementor-widget.wpte-adv-trips_four .wpte-card__image img {
  aspect-ratio: auto !important;
}
.main-menu ul.sub-menu {
  background-color: var(--black-color);
}
.main-menu ul.sub-menu li a::before {
  box-shadow: none;
}

.post-password-form {
  display: flex;
  max-width: 600px;
  margin: 20px auto;
}
.post-password-form .theme-input-group .theme-input-style {
  border: 1px solid var(--theme-color);
  border-radius: 0px;
  background: var(--white-color);
  color: var(--black-color);
}

.wpte-adv-trips .wpte-grid {
  gap: 60px 8% !important;
}

.social-style a svg {
  fill: var(--white-color);
}

.cowboys-password-form {
  display: flex;
  flex-direction: column;
  max-width: 600px;
  margin: 50px auto 400px;
}
.cowboys-password-form .cowboys-password-img {
  display: flex;
  max-width: 400px;
  margin: 10px auto;
}
.cowboys-password-form p {
  text-align: center;
  margin: 20px auto;
}

@media (min-width:768px) {
  .wpte-adv-trips .wpte-grid {
    gap: 110px 8% !important;
  }
}