/*
 Theme Name:   SSR Executive 
 Theme URI:    https://www.ssrexecutive.com
 Description:  GeneratePress child theme for SSR Executive Travel
 Author:       The Creative Web Minds
 Author URI:   https://thecreativewebminds.com
 Template:     generatepress
 Version:      1.0.0
*/

.ssr-hero-slider {
	position: relative;
	width: 100%;
	height: 700px;
	overflow: hidden;
}

.ssr-hero-slider .swiper-slide {
	position: relative;
}

.ssr-hero-slider .swiper-slide .grid-container{
	position: relative;
	height: 100%;
	padding-top: 100px;
}

.slide-image{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 40px;
	z-index: 2;
}

.slide-image img{
	max-height: 330px;
	width: auto;
}

.slide-content {
	position: absolute;
	top: 50%;
	left: 40px;
	transform: translateY(-50%);
	color: #fff;
	max-width: 680px;
	z-index: 99;
}

.slide-content h1 {
	margin-bottom: 16px;
	font-family: "Dancing Script", cursive;
	font-weight: 700;
	position: relative;
	z-index: 99;
}

.slide-content p {
	font-size: 18px;
	margin-bottom: 35px;
}

.btn-primary {
	display: inline-block;
	background: #9F89B0;
	color: var(--tertiary-accent-neutral);
	padding: 12px 24px;
	font-size: 16px;
	font-weight: 600;
	border-radius: 6px;
	transition: all 0.3s ease-in-out;
	text-decoration: none;
	text-transform: uppercase;
}

.btn-primary:hover {
	background: #6F5F7B;
	color: var(--tertiary-accent-neutral);
}

.ssr-hero-slider .btn-primary{
	background: #9F89B0;
	color: var(--tertiary-accent-neutral);
	padding: 12px 35px;
}

.ssr-hero-slider .btn-primary:hover{
	background: #6F5F7B;
	color: var(--tertiary-accent-neutral);
}

.menu-book-now-btn a{
	text-decoration: none;
	display: block;
	padding: 5px 20px 7px !important;
	line-height: 1 !important;
	color: var(--tertiary-accent-neutral) !important;
}

.menu-book-now-btn a:after{
	display: none !important;
}

.menu-book-now-btn:hover a{
	color: var(--tertiary-accent-neutral) !important;
}

.menu-book-now-btn{
	margin-left: 10px;
}

.ssr-hero-slider .swiper-slide{
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.ssr-hero-slider .swiper-slide.slide-one{
	background-image: url('/wp-content/uploads/2025/09/Local.jpg');
}

.ssr-hero-slider .swiper-slide.slide-two{
	background-image: url('/wp-content/uploads/2025/09/airport-transfer.jpg');
	background-position: left top;
}

.ssr-hero-slider .swiper-slide.slide-three{
	background-image: url('/wp-content/uploads/2025/09/terminal.jpg');
	background-position: center bottom;
}

.ssr-hero-slider .swiper-slide.slide-two .slide-content h1{
	padding-left: 4px;
}


@media only screen and (max-width: 767px){
	.ssr-hero-slider .swiper-slide.slide-two{
		background-image: url('/wp-content/uploads/2025/09/Airport-transfer-mobile.jpg');
		background-position: 70% center;
	}
	
	.ssr-hero-slider .swiper-slide.slide-three{
		background-image: url('/wp-content/uploads/2025/09/terminal-mobile.jpg');
		background-position: center bottom;
	}
	
}/***/

.ssr-hero-slider .swiper-slide:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	inset: 0;
	background: #000000;
	background: linear-gradient(90deg, rgba(0, 0, 0, .9) 0%, rgba(64, 64, 44, .8) 50%, rgba(0, 0, 0, .51) 100%);
	background-size: cover;
	background-repeat: no-repeat;
	z-index: 1;
}


.main-navigation .main-nav ul li a:after{
	content: '';
	height: 0.5px;
	width: 0;
	display: block;
	background-color: var(--tertiary-accent-neutral);
	margin-top: -5px;
	transition: all 0.5s ease-in-out;
}

.main-navigation .main-nav ul li:hover a:after{
	width: 100%;
}

/* General animation setup */
.animate {
  opacity: 0;
  transform: translateY(30px);
  transition: all 0.6s ease-out;
}

.animate.in-view {
  opacity: 1;
  transform: translateY(0);
}

/* Optional: stagger animations */
.slide-content h1 {
  transition-delay: 0.1s;
}
.slide-content p {
  transition-delay: 0.3s;
}
.slide-content a {
  transition-delay: 0.5s;
}

.slide-image img {
  opacity: 0;
  transform: translateX(30px);
  transition: all 0.8s ease-out;
}

.slide-image.in-view img {
  opacity: 1;
  transform: translateX(0);
}

.ssr-icon-card img{
	transition: all 0.5s ease-in-out;
}

.narrow-content{
	max-width: 900px;
	margin-left: auto;
	margin-right: auto;
}

blockquote {
	padding: 70px 40px 40px 50px;
	font-style: normal;
	border: 1px solid #1A1F2B;
	border-radius: 6px;
	background: url('/wp-content/uploads/2025/07/ssr-quotes.png');
	background-repeat: no-repeat;
	background-position: 20px 20px;
	background-size: 50px auto;
	overflow: hidden;
	transition: all 0.3s ease-in-out
}

blockquote:before{
	content:'' !important;
	width: 250px;
	height: 250px;
	border-radius: 50%;
	background: rgba(30, 44, 61, 0.1) !important;
	display: block;
	position: absolute !important;
	z-index: 1;
	top: -50px !important;
	left: -50px !important;
	transition: all 0.3s ease-in-out
}

blockquote:hover:before{
	top: -80px !important;
	left: -80px !important;
}

blockquote p{
	position: relative;
	z-index: 2;
	font-size: 18px;
}

.ssr-review-slider blockquote{
	margin: 0 20px;
}

.ssr-review-slider .swiper-wrapper{
	padding-bottom: 5px;
}

.ssr-fleet-slider{
	width: calc(100vw - 80px);
}

.footer-widgets a {
	text-decoration: none;
	display: inline-block;
	transition: all 0.3s ease-in-out;
}

.footer-widgets a:after{
	content: '';
	height: 0.5px;
	width: 0;
	display: block;
	background-color: #9F89B0;
	transition: all 0.3s ease-in-out;
}

.footer-widgets a:hover{
	color: #9F89B0;
}

.footer-widgets a:hover:after{
	width: 100%;
}

.footer-widgets .widget {
	margin-bottom: 20px;
}

.wp-block-social-links.has-large-icon-size {
	margin-bottom: 30px;
}

.ssr-icon-card p {
	font-size: 16px;
}

.ssr-services-section .ssr-icon-card h5{
	min-height: 65px;
}

.ssr-services-section .ssr-icon-card p {
	min-height: 75px;
	margin-bottom: 1rem;
}

.ssr-inner-page-hero{
	position: relative;
	width: 100%;
	overflow: hidden;
}

.inner-page-hero-content{
	display: flex;
	min-height: 350px;
	align-items: center;
	padding: 120px 40px 0;
}

.inner-page-hero-content h1{
	font-family: "Dancing Script", cursive;
	font-weight: 700;
	margin-bottom: 0;
}

.ssr-inner-page-hero .inside-page-hero{
	background: linear-gradient(90deg,rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.75) 50%, rgba(0, 0, 0, 0.1) 100%);
}

.sidebar-border-box{
	position: relative;
	transition: all 0.3s ease-in-out;
}

.sidebar-border-box:before{
	content: '';
	left: 5px;
	top: 5px;
	right: 5px;
	bottom: 5px;
	border: 1px solid #9F89B0;
	display: block;
	position: absolute;
	border-radius: 5px;
}

.ssr-account-benefit:before{
	content: '';
	left: 20px;
	top: 20px;
	right: 20px;
	bottom: 20px;
	border: 1px solid #9F89B0;
	display: block;
	position: absolute;
	border-radius: 5px;
}

.ff-default .ff-el-form-control:focus{
	border-color: #9F89B0 !important;
}

.ff-default .ff-el-form-control{
	background-color: #fff !important;
}

.ssr-career-form{
	color: #fff;
}

#booking-form-iframe{
	border-radius: 6px;
}

.floating-wa{
	position: fixed;
	right: 10px;
	bottom: 20px;
	z-index: 999;
}

.floating-wa a{
	display: flex;
	background: #25D366;
	color: #F5F6FA;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	align-items: center;
	justify-content: center;
}

.floating-wa a svg{
	width: 25px;
	height: 25px;
}

#ssr-popup {
	position: fixed;
	top: 0; left: 0;
	width: 100%; height: 100%;
	display: flex; align-items: center; justify-content: center;
	z-index: 9999;
}

#ssr-popup-overlay {
	position: absolute;
	top:0; left:0; width:100%; height:100%;
	background: rgba(0,0,0,0.5);
}

#ssr-popup-content {
	position: relative;
	background: #000;
	background-image: url('/wp-content/uploads/2025/09/popup-bg.jpg');
	background-size: cover;
	background-position: center;
	padding: 20px;
	max-width: 700px;
	width: 90%;
	border-radius: 10px;
	z-index: 10000;
	border: 1px solid #d7d7d7;
}

#ssr-popup-content:before{
	content:'';
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom:0;
	background: rgba(0, 0, 0, 0.75);
	border-radius: 10px;
}

#ssr-popup-close {
	position: absolute;
	top: 10px; right: 15px;
	font-size: 24px;
	cursor: pointer;
	color: #fff;
	background: #9F89B0;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 99999;
}

.ssr-popup-form-title{
	position: relative;
	padding: 20px 10px;
	text-align: center;
}

.ssr-popup-form-title h2{
	font-family: var(--gp-font--dancing-script);
	color: #fff;
	font-weight: bold;
}

.ssr-popup-form-title p{
	color: #fff;
	line-height: 1.5;
	font-size: 16px;
}

.ssr-popup-form-title a{
	color: #fff;
}

.ssr-popup-form-title .ff-message-success {
	color: #fff;
}

.ssr-review-slider{
	max-width: calc(100vw - 80px) !important;
}

.ssr-quotation-form{
	position: relative;
	z-index: 99;
}

div[name='g-recaptcha-response']{
	transform: scale(0.8);
	transform-origin: 0 0;
}

.single-post .site-content .content-area {
	max-width: 900px;
	margin-left: auto;
	margin-right: auto;
}

.single-post .site-content{
	background-color: var(--background-color);
}

.single-post .inner-page-hero-content h1 {	
	padding: 120px 0 70px;
}

.single-post .site-content .inside-article h2{
	font-family: "Dancing Script", cursive;
	font-weight: 700;
	margin-top: 1.5em;
}

.wp-block-table th{
	background: #9F89B0;
	color: #fff;
}

.wp-block-table td, .wp-block-table th {
	border: 1px solid #9F89B0;
}

.wp-block-table thead {
	border-bottom: 0;
}

.entry-meta .cat-links a{
	background-color: #9F89B0;
	color: #fff;
	border-radius: 15px;
	padding: 5px 20px;
	text-decoration: none;
	font-weight: 500;
}

.entry-meta .byline{
	display: none;
}

.entry-meta .posted-on{
	font-weight: 700;
	font-size: 1.2em;
}

footer.entry-meta {
	margin-top: 4em;
}

.single-post .site-content .comments-area{
	margin-bottom: 3em;
}

.blog,
.single-post,
.archive{
	background-color: var(--background-color);
}

.blog .post-image .wp-post-image,
.archive .post-image .wp-post-image{
	max-height: 400px;
	object-fit: cover;
	object-position: top center;
	border-radius: 10px;
}

.blog .site-content,
.archive .site-content{
	margin-top: 70px;
	margin-bottom: 70px;
}

.blog .post .entry-title,
.archive .post .entry-title{
	font-size: 30px;
}

.blog footer.entry-meta,
.archive footer.entry-meta{
	display: none;
}

.blog .post .read-more,
.archive .post .read-more{
	color: var(--secondary-color);
	font-weight: bold;
	text-decoration: none;
	border-bottom: 1px solid;
}

.sidebar .widget h2.wp-block-heading,
.sidebar .wp-block-search__label{
	font-family: var(--gp-font--dancing-script);
	font-weight: bold;
	font-size: 35px;
}

.sidebar .ssr-widget-box,
.sidebar .wp-block-search{
	background-color: #000000;
	position: relative;
	border-radius: 6px;
	padding: 40px;
	color: #fff;
}

.sidebar .ssr-widget-box:before,
.sidebar .wp-block-search:before{
	content: '';
	left: 20px;
	top: 20px;
	right: 20px;
	bottom: 20px;
	border: 1px solid #9F89B0;
	display: block;
	position: absolute;
	border-radius: 5px;
}

.sidebar .ssr-widget-box a{
	color: #d7d7d7;
	text-decoration: none;
	transition: all 0.3s ease-in-out;
}

.sidebar .ssr-widget-box a:hover{
	border-bottom: 1px dashed;
}

.sidebar .ssr-widget-box li{
	position: relative;
	display: flex;
	gap: 10px;
}

.sidebar .ssr-widget-box li:before{
	content:'';
	display: block;
	width: 20px; 
	height: 20px;
	flex: 0 0 20px;
	background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='%23d7d7d7' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M1 8a7 7 0 1 0 14 0A7 7 0 0 0 1 8m15 0A8 8 0 1 1 0 8a8 8 0 0 1 16 0M4.5 7.5a.5.5 0 0 0 0 1h5.793l-2.147 2.146a.5.5 0 0 0 .708.708l3-3a.5.5 0 0 0 0-.708l-3-3a.5.5 0 1 0-.708.708L10.293 7.5z'/></svg>") no-repeat center;
	background-size: contain;
	vertical-align: middle;
	margin-top: 6px;
}

.sidebar .wp-block-search__inside-wrapper {
	z-index: 999;
	position: relative;
}

.sidebar .wp-block-search__label{
	margin-bottom: 1rem;
}




@media only screen and (max-width: 767px){
	.ssr-hero-slider {
		height: auto;
	}
	
	.slide-image {
		position: relative;
		top: auto;
		transform: none;
		right: auto;
		z-index: 2;
		padding: 100px 40px 40px;
	}
	
	.slide-content {
		position: relative;
		top: auto;
		left: auto;
		transform: none;
		color: #fff;
		max-width: 100%;
		z-index: 2;
		padding: 0 40px 60px;
	}
	
	.main-navigation.toggled .main-nav {
		flex-basis: calc(100% + 60px);
		background-color: #1E2C3D;
		padding: 20px 20px 40px;
		width: calc(100% + 60px);
		margin-left: -30px;
		margin-right: -30px;
		box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;
	}
	
	.menu-book-now-btn {
		width: auto !important;
		margin-top: 20px;
	}
	
	.inner-page-hero-content{
		min-height: 250px;
	}
	
	#ssr-popup-content{
		max-height: 70vh;
		overflow-y: scroll;
	}
	
	.ssr-career-form {
		max-width: 100%;
		box-sizing: border-box;
		display: block;
	}
	
	.ssr-career-form div[name='g-recaptcha-response'] {
		transform: scale(0.6);
		transform-origin: 0 0;
	}
}/***/

@media only screen and (min-width: 768px) and (max-width: 1025px){
	.main-navigation .main-nav ul li a{
		padding-left: 10px;
		padding-right: 10px;
	}
	
	.menu-book-now-btn{
		padding: 8px 10px;
	}
	
	.main-navigation a{
		font-size: 14px;
	}
}/****/


@media only screen and (min-width: 1280px){
	.ssr-fleet-slider{
		max-width: 1400px !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	
	.ssr-review-slider{
		max-width: calc(100vw - 80px) !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	
}/****/


@media only screen and (min-width: 1480px){	
	.ssr-review-slider{
		max-width: 1400px !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	
}/****/