/*!
Theme Name: kabin-sitaula
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
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: kabin-sitaula
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.

kabin-sitaula 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/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

@import url("https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Nunito:ital,wght@0,200..1000;1,200..1000&family=PT+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap");

@font-face {
  font-family: "Founders Grotesk";
  src: url("./assets/fonts/FoundersGrotesk-Bold.woff2") format("woff2"),
    url("./assets/fonts/FoundersGrotesk-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Founders Grotesk";
  src: url("./assets/fonts/FoundersGrotesk-Regular.woff2") format("woff2"),
    url("./assets/fonts/FoundersGrotesk-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Founders Grotesk";
  src: url("./assets/fonts/FoundersGrotesk-Semibold.woff2") format("woff2"),
    url("./assets/fonts/FoundersGrotesk-Semibold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Founders Grotesk";
  src: url("./assets/fonts/FoundersGrotesk-Light.woff2") format("woff2"),
    url("./assets/fonts/FoundersGrotesk-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Founders Grotesk";
  src: url("./assets/fonts/FoundersGrotesk-Medium.woff2") format("woff2"),
    url("./assets/fonts/FoundersGrotesk-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  line-height: 1.15;
  color: #000;
  -webkit-text-size-adjust: 100%;
  font-family: "Nunito", sans-serif;
}

p {
  line-height: 1.67;
  font-size: 18px;
  font-weight: 300;
}

:root {
  --primary--color: #002e5b;
}

a:hover,
a:focus,
a {
  text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  /* font-family: 'Barlow Condensed', sans-serif; */

  font-family: "PT Sans", sans-serif;
}

.top__header {
  background: var(--primary--color);
  color: #fff;
  padding: 11px 0;
}

.header-social {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.header-social li {
  vertical-align: middle;
  margin-right: 12px;
  display: inline-block;
}

.header-social li a:hover {
  color: #ffea29;
}

.contact-information div {
  display: inline-block;
  margin-left: 13px;
}

.contact-information div:first-child {
  margin-left: 0;
}

.contact-information div a {
  display: inline-block;
  color: var(--primary-color);
  vertical-align: middle;
}

.top__header .contact-information div {
  font-size: inherit;
}

.top__header .contact-information div i {
  color: #ffea29;
  vertical-align: bottom;
  margin-left: 12px;
}

.top__header .contact-information div {
  display: inline-block;
  margin: 0;
}

.top__header .contact-information div a:hover {
  color: #ffea29;
}

.contact-information div {
  display: block;
  margin: 0;
  margin-bottom: 13px;
  font-size: 18px;
}

.contact-information div i {
  margin-right: 15px;
}

.title {
  font-size: 22px;
  line-height: 1.3;
  font-weight: 500;
  opacity: 0.6;
  letter-spacing: -0.4px;
}

.title a {
  color: #000;
}

.title a:hover {
  color: var(--primary--color);
}

.site-header {
  position: sticky;
  top: 0;
  left: 0;
  z-index: 100;
  background: #fff;
}

.main-navigation > div > ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.main-navigation > ul > li {
}

.main-navigation > div > ul > li {
  position: relative;
  padding: 25px 22px 25px 0;
}

.main-navigation > div > ul > li > ul {
  position: absolute;
  left: 0;
  top: 120%;
  width: 250px;
  margin: 0;
  padding: 16px 0 16px 16px;
  list-style: none;
  background: #fff;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.3s linear;
  -moz-transition: 0.3s linear;
  -ms-transition: 0.3s linear;
  -o-transition: 0.3s linear;
  transition: 0.3s linear;
}

.main-navigation > div > ul > li:hover > ul {
  top: 100%;
  opacity: 1;
  visibility: visible;
  -webkit-transition: 0.3s linear;
  -moz-transition: 0.3s linear;
  -ms-transition: 0.3s linear;
  -o-transition: 0.3s linear;
  transition: 0.3s linear;
}

.main-navigation > div > ul > li > ul > li > a {
  color: #000000a3;

  font-weight: 600;
  font-size: 18px;
  display: block;
  padding-bottom: 10px;
}

.main-navigation > div > ul > li > ul > li:hover > a {
  color: var(--primary--color);
}

.main-navigation > div > ul > li > ul > li:last-child a {
  padding-bottom: 0;
}

.main-navigation > div > ul > li > a {
  color: #000;
  font-family: "PT Sans", sans-serif;
  font-weight: 600;
  font-size: 18px;
  letter-spacing: 0.3px;
}

.main-navigation > div > ul > li:hover > a,
.main-navigation > div > ul > li.current_page_item > a {
  color: var(--primary--color);
}

.main-navigation {
  margin-left: auto;
  display: flex;
  align-items: center;
  align-self: stretch;
  margin-right: 20px;
}

.searchInput {
  border: none;
  background: none;
  outline: none;
  float: left;
  padding: 0;
  color: #000;
  font-size: 14px;
  transition: 0.4s;
  line-height: 40px;
  width: 0px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
  background: #fff;
  padding: 0 20px;
}

.flex-control-nav {
  display: none;
}

.searchButton {
  font-size: 17px;
  background: #fff;
  outline: none;
  float: right;
  width: 40px;
  height: 40px;
  cursor: pointer;
  border-radius: 50%;
  color: var(--primary--color);
  border: none;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.4s;
  position: relative;
  z-index: 1;
}

.searchBox:hover > .searchInput {
  width: 240px;
  padding: 0 56px 0 14px;
  -webkit-border-radius: 42px;
  border-radius: 42px;
  background: #fff;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
}

.searchBox:hover .searchButton {
  font-size: 15px;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.about-content {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.searchBox {
}

.section {
  padding: 100px 0;
}

.about__us .heading {
  font-size: 35px;
  margin-bottom: 31px;
  font-size: 55px;
  font-weight: 600;
}

.heading {
  letter-spacing: -1px;
  font-family: "PT Sans", sans-serif;
  font-size: 39px;
  font-weight: bold;
  color: var(--primary--color);
  margin-bottom: 35px;
  font-weight: 500;
}

.about__us p {
  margin-top: 0;
  line-height: 1.7;
  font-size: 22px;
  font-weight: 500;
}

.about__us p:last-child {
  margin-bottom: 0;
}

.profile-img-2x {
  margin: 0 -20px;
}

.statics__section {
  background: var(--primary--color);
  padding: 100px 0;
  color: #fff;
}

.statics__section h3 {
  font-weight: 600;
  color: #fff;
  font-size: 56px;
  opacity: 1;
  margin: 0;
}

.statics__section p {
  margin: 0;
  font-size: 18px;
}

.has-testimonial {
  display: flex;
  height: 100%;
  flex-direction: column;
  text-align: left;
  justify-content: center;
}

.has-testimonial p {
  line-height: 1.6;
  font-size: 20px;
}

.testimonial-from {
  padding-top: 20px;
}

.testimonial-from img {
  height: 53px;
  width: 53px;
  object-fit: cover;
  border: 3px solid #fff;
  border-radius: 100%;
}

.testimonial-from strong {
  display: block;
  font-size: 16px;
  padding-bottom: 8px;
}

.testimonial-from {
  font-size: 15px;
  display: flex;
  align-items: center;
}

.has-testimonial {
  position: relative;
}

.testimonial-from > div {
  margin-right: 14px;
}

.has-testimonial i {
  font-size: 60px;
  position: absolute;
  left: 0;
  top: 0;
  color: #ffffff52;
}

.service i {
  font-size: 36px;
  margin-right: 20px;
  margin-top: 5px;
  color: var(--primary--color);
}

.service .title {
  margin: 0 0 9px 0;
}

.service p {
  margin: 0;
  font-size: 17px;
  line-height: 1.67;
}

.video-content {
  position: relative;
  top: -20px;
  padding: 20px 0;
  background: #fff;
  text-align: center;
}

.video-content h3 {
  margin: 0;
  padding: 0 30px;
}

.latest__video .video iframe {
  width: 100%;
}

.video-content time {
  color: #0f0f0f82;
}

.heading a {
  background: var(--primary--color);
  color: #fff;
  font-size: 17px;
  padding: 9px 21px;
  border-radius: 6px;
}

.heading a:hover {
  opacity: 0.5;
}

.site-footer {
  background: #f4f4f4;
  padding-bottom: 19px;
  padding-top: 40px;
}

.site-footer ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.footer-links {
  display: flex;
  text-align: center;
  line-height: 1.7;
  justify-content: center;
  list-style-type: none;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.footer-links li a {
  display: block;
  font-size: 17px;
  margin-right: 21px;
  color: #000;
}

.footer-links li a:hover,
.site-footer .social li a:hover {
  color: var(--primary--color);
}

.site-footer .social {
  display: flex;
  padding-top: 26px;
  -webkit-justify-content: center;
  justify-content: center;
}

.site-footer p {
  margin: 0;
}

.site-footer .social li a {
  display: block;
  color: #3333333d;
  font-size: 22px;
  margin-right: 15px;
}

.footer-logo {
  margin-top: 35px;
}

.footer-logo p {
  margin-top: 12px;
  font-size: 15px;
}

.responsive-menu {
  font-size: 17px;
  background: #fff;
  width: 40px;
  height: 40px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
  cursor: pointer;
  border-radius: 50%;
  color: var(--primary--color);
  border: none;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.4s;
  position: relative;
  z-index: 1;
}

.uk-open > .uk-offcanvas-bar {
  left: 0;
}

.uk-offcanvas-bar {
  background: #002e5c;
  padding: 0;
}

.uk-offcanvas-bar > div > ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.uk-offcanvas-bar > div > ul > li {
  position: relative;
}

.uk-offcanvas-bar > div > ul > li > a {
  font-size: 16px;
  padding-left: 12px;
  display: block;
  text-transform: uppercase;
  font-weight: 600;
  font-family: "PT Sans", sans-serif;
  padding-bottom: 8px;
  padding-top: 10px;
}

.uk-offcanvas-bar > div > ul > li > a:hover {
  background: #ffffff0d;
}

.widget-title {
  margin: 0;
  color: #fff;
  background: var(--primary--color);
  text-transform: uppercase;
  font-size: 25px;
  padding: 12px;
}

.widget {
  margin-bottom: 25px;
  background: #f1f1f1;
}

.widget ul {
  padding: 0 0 14px 14px;
  list-style: none;
}

.widget ul li a {
  color: #000;
  display: block;
  font-size: 18px;
  margin-bottom: 9px;
  padding-left: 13px;
}

.widget ul li a:hover {
  color: var(--primary--color);
}

.widget ul li:last-child a {
  margin-bottom: 0;
}

.video--frame {
  width: 100%;
  min-height: 650px;
  position: relative;
}

.video--frame iframe {
  width: 100%;
  position: absolute;
  left: 0;

  height: 100%;
}

.author-detail {
  line-height: 1.54;
}

.uk-offcanvas-bar > div > ul > li.menu-item-has-children span {
  position: absolute;
  right: 0;
  top: 0;
  background: #002040;
  height: 40px;
  width: 40px;
  cursor: pointer;
  text-align: center;
  line-height: 40px;
  z-index: 1;
}

.uk-offcanvas-bar > div > ul > li > ul {
  background: #0000004f;
  padding-top: 8px;
  display: none;
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.uk-offcanvas-bar > div > ul > li > ul > li > a {
  display: block;
  color: #fff;
  padding: 12px 0 12px 12px;
}

.the-content p,
.the-content {
  line-height: 1.9;
  font-size: 20px;
  color: #000;
}

.video img {
  width: 100%;
}

.the-content h1,
.the-content h2,
.the-content h3,
.the-content h4,
.the-content h5,
.the-content h6 {
  color: #000;
  margin-top: 0;
}

.the-content h2 {
  font-size: 30px;
}

.the-content h3 {
  font-size: 25px;
}

.the-content h4 {
  font-size: 20px;
}

.detail-header h1 {
  font-size: 55px;
  line-height: 1.2;
  color: var(--primary--color);
  font-weight: 600;
  margin: 31px 0 23px 0;
  font-family: "PT Sans", sans-serif;
}

.margin-auto {
  margin: auto;
}

.author img {
  -webkit-border-radius: 100%;
  box-shadow: -11px 0 34px 1px rgba(0, 0, 0, 0.11);
  border-radius: 100%;
}

.author-detail strong {
  margin: 0;
  font-size: 16px;
  font-weight: 500;
}

.detail-header {
  padding-bottom: 60px;
}

.blog-social-share span {
  color: #040000c9;
  display: block;
  font-size: 13px;
}

.blog-social-share ul {
  margin: 14px 0 0 0;
  padding: 0;
  display: flex;
  list-style: none;
}

.blog-social-share ul li {
  margin-right: 14px;
}

.blog-social-share ul li a {
  color: #333333ba;
}

.contact-us-form form input,
.contact-us-form form textarea {
  max-width: 100%;
  width: 100%;
  /* border: 0 none; */
  padding: 0px 20px;
  background: #fff;
  height: 46px;
  color: #000;
  border: 1px solid #3333332b;
  transition: 0.2s ease-in-out;
  transition-property: color, background-color, border;
  font-size: 17px;
}

.contact-us-form form textarea {
  height: 200px;
  font-family: "PT Sans", sans-serif;
  padding: 20px;
}

.contact-us-form form p label {
  font-weight: 500;
  font-size: 16px;
  display: block;
  text-transform: uppercase;
  font-family: "PT Sans", sans-serif;
}

.contact-us-form form input,
.contact-us-form form textarea {
  margin-top: 12px;
}

.banner__img img {
  width: 100%;
  height: 750px;
  object-fit: cover;
}

.banner__section {
  position: relative;
  text-align: center;
}

.banner__section .banner__text {
  position: absolute;
  left: 50%;
  bottom: 70px;
  width: 100%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 990;
}

.banner__text .banner-title {
  color: #fff;
  font-size: 60px;
  font-weight: 700;
  line-height: 70px;
  letter-spacing: -0.03em;
  text-align: center;
  text-shadow: 0px 4px 4px #00000040;
  margin-bottom: 18px;
}

.contact-us-form form input[type="submit"] {
  width: auto;
  padding: 12px 20px;
  font-family: "PT Sans", sans-serif;
  border: none;
  text-transform: uppercase;
  color: #fff;
  cursor: pointer;
  background: var(--primary--color);
  font-weight: 600;
  font-size: 15px;
  height: 45px;
}

.contact-us-form {
  background: #f1f1f1;
  padding: 35px;
  padding-left: 43px;
  padding-right: 43px;
}

.btn {
  background: var(--primary--color);
  color: #fff;
  display: inline-block;
  font-size: 14px;
  font-family: "Nunito", sans-serif;
  text-transform: uppercase;
  font-weight: bold;
  padding: 16px 25px;
  border-radius: 10px;
  cursor: pointer;
  border: none;
}

.btn i {
  margin-left: 5px;
}

.btn-outline {
  background: none;
  border: 1px solid #111;
  color: #111;
}

.btn:hover {
  background: #111;
  color: #fff;
}

.about__us {
  padding: 150px 0;
  background-repeat: no-repeat;
  background-position: center bottom;
  /* -webkit-background-size: cover; */
  /* -o-background-size: cover; */
  background-size: cover;
  background-image: linear-gradient(to left, #fffffe 41%, #f1f1f196 201%),
    url("./assets/img/map-bg.jpg");
  background-attachment: fixed;
}

.contact-address {
  margin-bottom: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid #ccc;
}

.contact-address h2 {
  letter-spacing: -1px;
  margin: 0 0 30px 0;
}

.contact-address i {
  color: var(--primary--color);
  padding: 12px 0;
  border: 1px solid var(--primary--color);
  margin-right: 14px;
  height: 45px;
  width: 45px;
  text-align: center;
  border-radius: 100%;
  font-size: 20px;
  vertical-align: middle;
}

.contact-address div {
  margin-bottom: 12px;
  color: var(--primary--color);
}

.contact-address div a {
  color: #000;
  font-size: 20px;
  letter-spacing: 0px;
}

.contact-address div a:hover i {
  color: #fff;
  background: var(--primary--color);
}

.contact-address div a:hover {
  color: var(--primary--color);
}

.contact-address div:last-child {
  margin-bottom: 0;
}

.contact-column .heading {
  letter-spacing: -1px;
  margin: 0 0 18px 0;
  font-size: 24px;
}

.contact-column .social a {
  font-size: 20px;
  display: inline-block;
  vertical-align: middle;
  color: #000;
  margin-right: 15px;
}

.about-content a {
  font-size: 20px;
  font-weight: 600;
  color: #0000009c;
  display: inline-block;
  margin-top: 16px;
}

.about-content a:hover {
  color: var(--primary--color);
}

.section-spacing-small {
  padding: 50px 0;
}

.footer-links > div,
.footer-links > div ul {
  display: flex;
  text-align: center;
  justify-content: center;
}

/* Pagination */
.small-cap {
  display: flex;
  justify-content: center;
}

.page-numbers.current {
  width: 30px;
  display: block;
  height: 30px;
  background: #0259a6;
  text-align: center;
  color: #fff;
  border-radius: 5px;
}

.page-numbers {
  font-size: 20px;
  margin-right: 10px;
}

.booking__form form {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-gap: 15px;
}

.booking__form {
  width: 100%;
  margin: auto;
  padding: 30px;
  box-shadow: 0 0 3px #0000002e;
  border-radius: 10px;
}

.wpcf7-form-control.wpcf7-checkbox label {
  display: flex;
  gap: 10px;
  align-items: baseline;
  font-weight: 500;
}

.booking__form form p {
  margin: 0;
  grid-column: span 6;
  font-weight: 600;
}

.booking__form form p label {
  font-size: 14px;
}

.post-thumbnail {
  margin-bottom: 30px;
}

.post-thumbnail img {
  width: 100%;
}

.booking__form form p input,
.booking__form form p textarea {
  box-sizing: border-box;
  width: 100%;
  border: 1px solid #cacaca;
  border-radius: 8px;
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: -0.02em;
  color: #1d3141;
  height: 43px;
  padding: 0 15px;
  font-family: var(--primary-font);
  margin-top: 8px;
}

.booking__form form p input[type="checkbox"] {
  width: auto;
  display: inline-block;
  margin: 0;
  height: auto;
}

.booking__form form p:nth-last-child(2),
.booking__form form p:nth-last-child(3) {
  grid-column: span 12;
}

.booking__form form p textarea {
  height: 150px;
  padding: 5px 15px;
}

.booking__form form p input[type="submit"] {
  border: none;
  font-family: "Mulish", sans-serif;
  font-weight: bold;
  width: auto;
  color: #fff;
  cursor: pointer;
  transition: background 0.3s ease-in-out;
  -webkit-transition: background 0.3s ease-in-out;
  -moz-transition: background 0.3s ease-in-out;
  -ms-transition: background 0.3s ease-in-out;
  -o-transition: background 0.3s ease-in-out;
  background: var(--primary--color);
}

.booking__form form p input[type="submit"]:hover {
  background: #111;
}

.show__detailing {
  padding: 30px;
  background: #fff;
  box-shadow: 0 0 3px #0000002e;
  margin-bottom: 30px;
  border-radius: 10px;
}

.form__wrapper form label {
  font-family: "Nunito", sans-serif;
  font-size: 14px;
  font-weight: 600;
}

.form__wrapper form label > strong {
  color: red;
}

.registration__form .heading-wrap h1 {
  text-align: left;
  font-family: "Founders Grotesk";
  font-weight: 400;
  color: #111;
  font-size: 35px;
  text-transform: none;
}

.form__wrapper form input,
.form__wrapper form select,
.form__wrapper form textarea {
  background-color: #fff;
  border: 1px solid #00000075;
  padding: 10px 16px;
  font-family: "Founders Grotesk";
  width: 100%;
  margin: 5px 0 0;
  font-size: 14px;
}

.form__wrapper form label {
  font-family: "Founders Grotesk";
  font-weight: 400;
}

.form__wrapper form input[type="checkbox"] {
  width: auto;
}

.heading-wrap h1 {
  font-family: "Barlow Condensed", sans-serif;
  color: var(--primary--color);
  font-size: 40px;
  text-align: center;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 30px;
}

.show__detailing h3 {
  font-family: "Barlow Condensed", sans-serif;
  color: var(--primary--color);
  font-size: 30px;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 7px;
}

.show__detailing p {
  font-size: 15px;
  font-weight: 500;
  margin-bottom: 8px;
  margin-top: 0;
  line-height: 1.5;
}

.show__detailing ul {
  margin: 0;
  padding-left: 16px;
}

.show__detailing ul li {
  margin-bottom: 12px;
}

.show__note {
  margin-top: 30px;
  padding: 20px;
  margin-bottom: 15px;
  border-radius: 10px;
  text-align: center;
  background: rgb(19 110 184 / 0.1);
  border: 1px solid rgb(19 110 184 / 0.4);
}

.show__note p {
  margin: 0;
  font-weight: 600;
}

.page-template-template-video,
.page-template-template-thankyou {
  min-height: 100vh;
  background: #000;
}

.total__time {
  display: inline-block;
  background: var(--primary--color);
  padding: 10px 18px;
  font-family: "Barlow Condensed", sans-serif;
  text-align: center;
  text-transform: uppercase;
  font-weight: 600;
  color: #fff;
  font-size: 14px;
  letter-spacing: 0.5px;
  border-radius: 4px;
}

.video__wrapper iframe {
  width: 100%;
  height: 750px;
  border-radius: 20px;
}

.video__wrapper p {
  font-size: 14px;
  margin-top: 12px;
  color: #ffffff4b;
}

.video__content {
  border-radius: 0 10px 10px 0;
  height: 100%;
}

.video__content .show__note {
  border-radius: 10px;
  padding: 15px;
  margin-top: 12px;
}

.btn-wrap {
  margin-top: 30px;
}

.btn-wrap > a {
  display: inline-block;
  text-align: center;
  margin-right: 5px;
  font-family: "Founders Grotesk";
  font-weight: 500;
  font-size: 15px;
  margin-right: 15px;
  letter-spacing: 0.03em;
}

.show__payment .uk-subnav > * > :first-child {
  background: none;
  border: 1px solid var(--primary--color) !important;
  color: var(--primary--color);
  display: inline-block;
  font-size: 14px;
  font-family: "Nunito", sans-serif;
  text-transform: uppercase;
  font-weight: bold;
  padding: 12px 21px;
  border-radius: 6px !important;
  cursor: pointer;
  border: none;
}

.show__payment .uk-subnav .uk-active a {
  color: #fff;
  background: var(--primary--color);
}

.stripe__wrapper {
  border-radius: 10px;
  padding: 10px;
  width: 100%;
  text-align: center;
}

.stripe__wrapper img {
  width: 100%;
  height: 150px;
	
 width: 100%;       /* adjust size */
  height: 150px;      /* keep it equal to width */
  object-fit: cover;  /* keeps proportions without stretching */
  border-radius: 50%; /* makes it perfectly round */
  display: block;
  margin: 0 auto;     /* centers it */
}

.show__img img {
  width: 100%;
  max-height: 423px;
  border-radius: 20px;
  object-fit: contain;
}

.header-default {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  background: transparent;
}

.show__banner__section {
  position: relative;
  background: #000;
  /* height: 100dvh; */
}

.show__banner__content {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.copyright {
  margin-top: auto;
  padding: 10px 0;
  font-size: 14px;
  color: #ffffffc9;
}

.show-step {
  width: 100%;
}

.show-step[data-step="2"],
.show-step[data-step="4"] {
  height: 100dvh;
  display: flex;
  padding-top: 75px;
  align-items: center;
}

.show-step[data-step="3"] {
  padding-top: 140px;
  padding-bottom: 50px;
}

.banner__img__first::before {
  content: "";
  background: #00000082;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: auto;
}

.show__banner__section > img,
.banner__img__first img {
  width: 100%;
  height: 100dvh;
  object-fit: cover;
}

.header-default .custom-logo {
  margin: 15px 0;
  width: 150px;
  border-radius: 10px;
}

.banner__img__content {
  position: absolute;
  left: 50%;
  width: 100%;
  bottom: 100px;
  transform: translateX(-50%);
  padding: 20px;
}

.show-step {
  color: #fff;
  text-align: center;
}

.show__banner__section p {
  font-family: "Founders Grotesk" !important;
  font-weight: 400;
}

.show__banner__content h1,
.show__content h2,
.show__banner__content h3 {
  color: #fff;
  font-weight: bold;
  font-family: "Nunito", sans-serif;
  margin-bottom: 0;
  line-height: 1;
  font-size: 60px;
}

.show__content h2,
.show__banner__content h3 {
  text-align: center;
  font-family: "Founders Grotesk";
  font-weight: 400;
}

.show__content > p {
  font-family: "Founders Grotesk";
  font-weight: 400;
  text-align: center;
  color: #fff;
}

.uk-modal-body {
  border-radius: 15px;
}

#modal-payment h3,
#modal-group-1 h3,
#modal-group-2 h3 {
  font-weight: 400;
  font-family: "Founders Grotesk";
  margin-bottom: 0;
  line-height: 1;
  font-size: 35px;
}

#modal-payment p,
#modal-group-1 p,
#modal-group-2 p {
  font-weight: 400;
  font-family: "Founders Grotesk";
  margin: 0;
  margin-top: 8px;
  color: #333;
  margin-bottom: 13px;
  line-height: 1.2;
}

#modal-group-2 .uk-modal-dialog {
  width: 959px;
}

#modal-payment .btn__wrap {
  display: flex;
  gap: 20px;
}

#modal-payment .btn__wrap > a {
  width: 100%;
  text-align: center;
}

.modal-outline {
  border: 1px solid #666;
  padding: 20px;
  border-radius: 10px;
  height: 100%;
  margin-top: 15px;
}

.modal-outline > img {
  margin-bottom: 20px;
}

.modal-outline p {
  font-size: 16px;
}

.modal-outline p strong {
  font-weight: 500;
}

.paypal-btn {
  background: #fdc33a;
  padding: 10px 25px;
  width: 100%;
  border-radius: 100px;
  outline: none;
  border: none;
  text-align: center;
}

/* .video__wrap {
  padding: 30px;
  border-radius: 10px;
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  background: hsla(0, 0%, 100%, 0.17);
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
} */

.img__wrap {
  position: relative;
  margin-top: 30px;
}

.img__wrap img {
  filter: blur(1px);
}

.img__wrap .show__time {
  font-family: "Founders Grotesk";
  position: absolute;
  right: 20px;
  top: 20px;
  color: #fff;
  z-index: 999;
  text-transform: uppercase;
  font-size: 14px;
  letter-spacing: 0.06em;
}

.img__wrap .watch-show {
  position: absolute;
  left: 50%;
  text-wrap: nowrap;
  transform: translateX(-50%);
  bottom: 20px;
}

.img__wrap .img__wrap .show__time span {
  display: block;
  font-size: 20px;
  text-transform: none;
}

.img__wrap img {
  width: 100%;
  max-height: 300px;
  object-fit: cover;
  border-radius: 8px;
}

.video__wrap {
  margin-top: 30px;
  text-align: left;
}

.video__wrapper p {
  font-size: 16px;
  margin-top: 20px !important;
  color: #ffffffd6;
}

.video__wrap p,
.video__wrap ul li {
  color: #fff;
  font-size: 16px;
}

.video__wrap ul li {
  text-align: left;
  margin-bottom: 8px;
}

.video__wrap ul {
  padding-left: 15px;
}

.btn-pink {
  background: #d14ba2;
  color: #fff;
  font-weight: 500;
  padding: 16px 25px;
  letter-spacing: 0.02em;
  font-family: "Founders Grotesk" !important;
  border-radius: 10px;
}

.btn-outline-white {
  border-color: #fff;
  color: #fff;
}

.show__banner__content p {
  margin: 0;
  margin-top: 0px;
  margin-bottom: 0px;
  line-height: 1.3;
  margin-bottom: 15px;
  margin-top: 18px;
  font-family: "Nunito", sans-serif !important;
  font-weight: 600;
  color: #f1f1f1;
}

.custom-logo {
  width: 200px;
  padding: 10px 0;
}

.show__modal__wrapper .uk-modal-dialog {
  width: 850px;
  padding: 15px;
  border-radius: 10px;
}

.img__wrapper {
  height: 100%;
}

.img__wrapper img {
  width: 100%;
  height: 335px;
  border-radius: 10px;
  object-fit: cover;
}

.btn__wrap {
  margin-top: 40px;
}

.btn__wrap p {
  font-size: 14px;
  margin-top: 18px;
}

.show__img {
30  margin-top: 10px;
}

.modal-outline .form__wrapper p {
  text-transform: none;
  font-size: 16px;
  line-height: 1.1;
  letter-spacing: 0;
}

@media (max-width: 768px) {
  .video__wrapper iframe {
    height: 350px;
  }

  .btn-wrap {
    gap: 15px;
  }

  .btn-wrap > a {
    width: 100%;
  }

  .show__banner__content h1,
  .show__content h2,
  .show__banner__content h3 {
    font-size: 37px;
  }

  #modal-payment .btn__wrap {
    flex-direction: column;
  }
}
@media (max-width: 768px) {
  .btn-wrap {
    display: flex;
    flex-direction: column;
  }
  .btn-wrap .rewatch {
    order: 2; /* Move Back button below */
  }
  .btn-wrap .watch-show {
    order: 1; /* Keep this first */
  }
}