/*
Theme Name: Macnab Sporting Travel Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: macnab
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Macnab Sporting Travel is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.4.7.1775041190
Updated: 2026-04-01 10:59:50

*/


.eael-nav-menu-wrapper {top: 25px;}
.quicklinkmenu ul {
	columns: 2;
  	-webkit-columns: 2;
  	-moz-columns: 2;
	gap: 35px;
}
.bannerheading span {
	font-family: "Ananda Black", Sans-serif; 
	font-weight: 400;
	background: linear-gradient(45deg, #867031, #d0bf7d, #d2a742);
  	-webkit-background-clip: text;
  	-webkit-text-fill-color: transparent;
	font-size: 126px;
	position: relative;
	top: -12px;
	line-height: 1;
	padding: 0 5px 0 7px;
	z-index: 2;
}
.txtposition span {left: 30px;}
.sample span {left: 40px;}

/* ===== Slider dots style start ===== */
#bdt-slider-9b2a4bd .bdt-position-center-left {
    left: 30px; /* adjust position */
    transform: translateY(-50%) !important;
}
#bdt-slider-9b2a4bd .bdt-dots-container,
#bdt-slider-9b2a4bd .swiper-pagination {
    transform: none !important;
    writing-mode: horizontal-tb !important;
}
#bdt-slider-9b2a4bd .swiper-pagination {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
    counter-reset: slide;
}
#bdt-slider-9b2a4bd .swiper-pagination-bullet {
    width: 50px;
    height: 30px;
    background: transparent !important;
    opacity: 1;
    margin: 0;
    padding: 0px 0;
    position: relative;
	font-family: "Soligant", Sans-serif; 
	display: flex;
    align-items: center;
    justify-content: center;
}
#bdt-slider-9b2a4bd .swiper-pagination-bullet.swiper-pagination-bullet-active:after {
	width: 40px;
    background-color: #fff;
    height: 1px;
    right: 5px;
    transform: translate(12px, -2px);
}
#bdt-slider-9b2a4bd .swiper-pagination-bullet::before {
    content: counter(slide, decimal-leading-zero);
    counter-increment: slide;
    font-size: 16px;
    color: #fff;
    font-weight: 400;
    text-align: left;
    transform: rotate(0deg) !important;
    writing-mode: horizontal-tb !important;
}
#bdt-slider-9b2a4bd .swiper-pagination-bullet-active::before {
    font-weight: 400;
    color: #fff;
	font-size: 25px;
}
#bdt-slider-9b2a4bd .swiper-pagination-bullet:last-child {
    border-bottom: none;
}
/* ===== Slider dots style end ===== */

.scrolldown .bdt-scroll-button {position: relative;}
.scrolldown .bdt-scroll-button::before {
	content: "";
  	position: absolute;
  	inset: -3px;
  	border-radius: 50%;
  	border: 6px solid transparent;
  	border-top: 6px solid white;
  	border-right: 6px solid white;
  	animation: spin 6s linear infinite;
}
.scrolldown .bdt-scroll-button::after {
  	content: "";
  	position: absolute;
  	inset: 0;
  	border-radius: 50%;
  	border: 2px solid rgba(255,255,255,0.3);
}
@keyframes spin {
	  100% {
		transform: rotate(360deg);
	  }
}
.sidetxt .elementor-heading-title {writing-mode: sideways-lr;}
.cardbox .bdt-interactive-card-text h3 {font-size: 48px; font-weight: 400; line-height: 1; font-family: "Soligant", Sans-serif;}
.cardbox .bdt-interactive-card-text h3 strong {color: #c39436; font-weight: 400; margin-left: 95px; display: block;}
.colorspan span {display: block; color: #c39436;}
.yellowtxt span {color: #c39436;}
.txtpath .e-text-path svg {background-image: url('images/downarrow.png'); background-repeat: no-repeat; background-position: center;}
.txtpath .e-text-path text {
  transform-origin: 50% 50%;
  transform-box: fill-box;
  animation: rotateTextPath 25s linear infinite;
}
@keyframes rotateTextPath {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.rotateicon .eael-feature-list-icon {rotate: -180deg;}
.icon .elementor-icon {width: 150px; height: 150px; margin: auto; display: flex; justify-content: center; align-items: center;}
.icon.bottom .elementor-icon {padding: 68px 20px 20px 20px;}
.icon.up .elementor-icon {padding: 20px 20px 68px 20px;}
body.error404 .site-main {text-align: center; padding: 50px 20px;}
body.error404 .site-main h1 {font-family: "ClassyVogue", Sans-serif; font-size: 35px; line-height: 1; color: #031730;}
body.error404 .siteheader::before {background-image: linear-gradient(180deg, #031730 51%, #031730 95%) !important;}
.circleicon .eael-feature-list-icon {border: 1px solid;}
.inputwrap {display: flex; gap: 12px;}
.inputwrap div {width: 50%;}
.wpcf7-form textarea {width: 100%;}
.wpcf7-form select {padding: 12px 17px 12px 17px; outline: none; border-radius: 50px;}
.wpcf7-form select option {color: #000;}
.wpcf7-form .wpcf7-number {background-color: transparent !important; border-radius: 50px; color: #fff; border: 1px solid #FFFFFF6E !important; padding: 12px 17px 12px 17px;}
.wpcf7-response-output {text-align: center; background-color: #fff; font-family: "Jost", Sans-serif; font-size: 15px;}
.wpcf7-not-valid-tip {font-size: 15px !important;}
.wpcf7-form .wpcf7-submit {max-width: 170px; text-align: center; margin: auto !important; padding: 16px 60px !important;}
.slant-bottom {
    position: relative;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 73%);
}
.boxwrap {
	padding: 100px 50px 100px 50px;
    background-image: linear-gradient(180deg, #F2D992 0%, var(--e-global-color-accent) 71%);
    border-radius: 80px 0px 80px 0px;
	max-width: 540px;
	text-align: center;
}
.boxwrap h3 {font-family: "ClassyVogue", Sans-serif; font-size: 60px; font-weight: 400; text-decoration: none; line-height: 1em; margin-top: 0px; color: #031730;}
.boxwrap p {font-family: "Jost", Sans-serif; font-size: 18px; font-weight: 400; text-decoration: none; line-height: 1.4em; color: #000000;}
.boxbtn a {font-family: "ClassyVogue", Sans-serif; font-size: 18px; font-weight: 400; text-transform: none; text-decoration: none; line-height: 1.1em; background-color: #fff; color: #000; border-radius: 100px; padding: 15px 30px;}
.boxbtn a:hover {background-color: #031730; color: #fff;}
.boxbtn {margin-top: 35px;}
.shape1 {position: relative; clip-path: polygon(0% 0%, 100% 0%, 100% 68%, 0% 100%);}
.shape2 {position: relative; clip-path: polygon(0 0, 100% 0, 100% 100%, 0 68%);}
.shape1::after {
	content: "";
    position: absolute;
    bottom: -25px;
    left: 0;
    width: 100%;
    height: 150px;
    background: linear-gradient(
        to bottom,
        rgba(0,0,0,0.25),
        rgba(0,0,0,0)
    );
    clip-path: polygon(0% 100%, 100% 68%, 100% 100%, 0% 100%);
    pointer-events: none;
}
#bdt-slider-9b2a4bd .swiper-carousel {background-color: #031730;}
.btmspace {margin-bottom: 20px;}
.wpcf7-form .walcf7-datepicker {background-image: url('images/calender.png') !important; background-repeat: no-repeat !important; background-position: 96% 50% !important;}
.wpcf7-form textarea {border-radius: 20px !important;}




@media only screen and (min-width: 1025px) and (max-width: 1200px) {
.boxwrap h3 {font-size: 50px;}	
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
.cardbox .bdt-interactive-card-text h3 {font-size: 40px;}	
.icon .elementor-icon {width: 100px; height: 100px;}
.icon.bottom .elementor-icon {padding: 48px 20px 15px 20px;}
.icon.up .elementor-icon {padding: 15px 20px 48px 20px;}
#bdt-slider-9b2a4bd .bdt-position-center-left {left: 0px;}
.bannerheading span {font-size: 100px;}
.boxwrap {padding: 60px 30px 60px 30px; border-radius: 50px 0px 50px 0px; max-width: 400px;}
.boxwrap h3 {font-size: 40px;}
.boxbtn a, .boxwrap p {font-size: 16px;}
.imgmask22 img {-webkit-mask-image: none !important; -webkit-mask-size: inherit !important;}
.imgposition22 {position: inherit !important;}
.boxposition {position: inherit !important;}
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
.imgmask img {-webkit-mask-image: none !important; -webkit-mask-size: inherit !important;} 
.imgposition {position: inherit !important;}
#bdt-slider-9b2a4bd .bdt-position-center-left {left: 0px;}
#bdt-slider-9b2a4bd .swiper-pagination-bullet {width: 40px;}
.bannerheading span {font-size: 70px; line-height: 1.2; top: 0;}
#bdt-slider-9b2a4bd .swiper-pagination-bullet.swiper-pagination-bullet-active:after {width: 25px;}
.cardbox .bdt-interactive-card-text h3 {font-size: 30px;}
.cardbox .bdt-interactive-card-text h3 strong {margin-left: 0;}
.quicklinkmenu li a {text-align: center !important; justify-content: center !important;}
.quicklinkmenu ul {columns: 1; -webkit-columns: 1; -moz-columns: 1;}
.icon .elementor-icon {padding: 68px 20px 20px 20px !important;}
.slant-bottom {clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);}
.boxwrap {padding: 50px 20px 50px 20px; border-radius: 40px 0px 40px 0px;}
.boxwrap h3 {font-size: 30px;}
.boxbtn a {font-size: 15px; padding: 15px 25px;}
.boxwrap p {font-size: 16px;}
.shape1 {clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);}
.shape2 {clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);}
.txtposition span {left: 20px;}
.boxposition {position: inherit !important;}
}