/*!
Theme Name: BDrive
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: bdrive
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.

BDrive 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/
*/
:root {
    --clr-body: #faf5ff;
    --clr-neutral: #ffffff;

    --clr-gray1: #2a0033;
    --clr-gray2: #4a007a;
    --clr-gray3: #9400d3;

    --clr-violet: #793EF1;
    --clr-pink: #FF00BF;
	--color_theme: #793EF1;

    --header-height: 7rem;

    --ff-main: 'Poppins', sans-serif;
    --ff-sora: 'Poppins', sans-serif;
}
.woocommerce-checkout  .e-con.e-flex {
	--flex-wrap: none !important;
}
*{
	margin: 0;
	padding: 0;
}
html, body{
	overflow-x: hidden;
	font-family: var(--ff-main);
}
.elementor-icon-box-icon{
    margin-top: 0.25rem;
}
header{
	display: flex;
	background: #ffffff;
	padding: 0rem 2rem;
	color: #000000;
	font-weight: 500;
	position: fixed;
	width: 100%;
	z-index: 100;
	min-height: 75px;
}
header #main-nav{
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 1rem;
}
header nav#main-nav ul, header nav#main-nav div{
	flex: 1;
	text-align: center;
	margin: 0;
	padding: 0;
}
header nav#main-nav ul{
	list-style: none;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
header a, header a:visited{
	color: inherit;
	text-decoration: none;
}
header a:hover{
	color: #793EF1;
	transition: 0.45s;
}
header nav .current-menu-item a{
	color: #793EF1;
}
.right-menu li:last-child a {
  background: #793EF1;
  color: #fff;
  padding: 0.5rem 1rem;
  border-radius: 25px;
}
button.forminator-button{
	background: #793EF1;
	color: #ffffff;
}
.right-menu li:last-child a:hover{
  background: linear-gradient(135deg,  #a97ffe, #793EF1);
  transition: 0.5s;
}
button.forminator-button:hover{
	background-color: #409ba2;
}

header.inactive{
	background: transparent;
}
header.inactive img{
	min-height: 125px;
	max-height: 125px;
}
header.inactive ul li a {
  color: #ffffff;
}
header.alt{
	background: #ffffff;
	border-bottom: 1px solid #d3d3d391;
}
header.alt ul li a {
  color: #000000;
}

header img, footer img, header.alt img{
	min-height: 50px;
	max-height: 100px;
	width: auto;
}

#menu-toggle {
  display: none;
  background: none;
  border: none;
  font-size: 2rem;
  color: #793EF1;
  cursor: pointer;
	padding: 0;
}
#mobile-nav{
	display: none;
}

main {
	display: block;
	min-height: 60vh;
	margin-top: 65px;
	padding: 2rem;
}
h1 {
	font-size: 2em;
	margin: 0.67em 0;
}


hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}


pre {
	font-family: monospace, monospace;
	font-size: 1em;
}


a {
	background-color: transparent;
}

abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	text-decoration: underline dotted;
}

b,
strong {
	font-weight: bolder;
}

code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

img {
	border-style: none;
}

button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}

button,
input {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

fieldset {
	padding: 0.35em 0.75em 0.625em;
}


legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}

progress {
	vertical-align: baseline;
}

textarea {
	overflow: auto;
}

[type="checkbox"],
[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}

[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}

details {
	display: block;
}

summary {
	display: list-item;
}

template {
	display: none;
}

[hidden] {
	display: none;
}

*,
*::before,
*::after {
	box-sizing: inherit;
}

html {
	box-sizing: border-box;
}

body,
button,
input,
select,
optgroup,
textarea {
	color: #404040;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	font-size: 1rem;
	line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
}

p {
	margin-bottom: 1.5em;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", courier, monospace;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

body {
	background: #fff;
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul,
ol {
	margin: 0 0 1.5em 3em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: 700;
}

dd {
	margin: 0 1.5em 1.5em;
}

embed,
iframe,
object {
	max-width: 100%;
}

img {
	height: auto;
	max-width: 100%;
}

figure {
	margin: 1em 0;
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

a {
	color: #4169e1;
}

a:visited {
	color: #e9e4e4;
}

a:hover,
a:focus,
a:active {
	color: #191970;
}
footer a:hover{
	color: var(--clr-pink);
}

a:focus {
	outline: thin dotted;
}

a:hover,
a:active {
	outline: 0;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	color: rgba(0, 0, 0, 0.8);
	line-height: 1;
	padding: 0.6em 1em 0.4em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
}

button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
	border-color: #aaa #bbb #bbb;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111;
}
input[type="email"] {
  text-transform: none !important;
  autocapitalize: none;
  text-autocapitalize: none;
}


select {
	border: 1px solid #ccc;
}

textarea {
	width: 100%;
}

.main-navigation {
	display: block;
	width: 100%;
}

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

.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 100%;
	left: -999em;
	z-index: 99999;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	display: block;
	left: auto;
}

.main-navigation ul ul a {
	width: 200px;
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
}

.main-navigation li {
	position: relative;
}

.main-navigation a {
	display: block;
	text-decoration: none;
}

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

@media screen and (min-width: 37.5em) {

	.menu-toggle {
		display: none;
	}

	.main-navigation ul {
		display: flex;
	}
}

.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%;
}

.sticky {
	display: block;
}

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

.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;
}


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

.bypostauthor {
	display: block;
}

.widget {
	margin: 0 0 1.5em;
}

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

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

.custom-logo-link {
	display: inline-block;
}

.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;
}

.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;
}


.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	display: none;
}

.infinity-end.neverending .site-footer {
	display: block;
}


.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;
}

#primary[tabindex="-1"]:focus {
	outline: 0;
}


.alignleft {
	float: left;
	margin-right: 1.5em;
	margin-bottom: 1.5em;
}

.alignright {
	float: right;
	margin-left: 1.5em;
	margin-bottom: 1.5em;
}

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

footer{
	background: #3f0086;
	color: #ffffff;
	padding: 2rem 2rem 1rem 2rem;
}
footer section{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
}
footer ul, footer nav{
	list-style: none;
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
footer img.footer-secondary-image {
    min-width: 100px;
    height: auto;
    max-height: 175px;
    max-width: 175px;
}

.footer-payment-icons img{
    min-height: 35px;
    max-height: 35px;
    width: auto;
    border-radius: 5px;
    background: #ffffff;
    padding: 5px;
}
footer hr{
    margin: 3rem 0;
}
footer a{
	color: #ffffff;
	text-decoration: none;
}
footer .copyright{
	margin: 2rem 0;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 0.5rem;
	flex-wrap: wrap;
}
footer .copyright p{
	text-align: left;
	padding: 0;
	margin: 0;
}
footer .footer-tagline{
	font-size: 1.2rem;
}
footer nav, footer div.footer-branding{
	flex: 1;
}
footer .footer-menu-1{
	justify-content: center;
	align-items: center;
}
footer .footer-menu-2{
	align-items: flex-end;
}
footer .footer-socials{
    padding: 1.25rem 0;
}
footer .footer-socials a{
    padding: 1rem;
    display: inline-flex;
    border: 1px solid #ffffff;
    border-radius: 50%;
    height: 25px;
    width: 25px;
    justify-content: center;
    align-items: center;
    margin-right: 1rem;
}

/*TABLETS*/
@media (min-width: 768px) and (max-width: 1024px) {
  
}



/*MOBILE*/
@media (max-width: 767px) {
	header {
	    flex-direction: column;
	    padding: 1rem 1rem;
	  }
	header.inactive{
		background: #ffffff;
	}
	header.inactive img{
		min-height: 75px;
		max-height: 75px;
	}
	header.inactive ul li a {
	  color: inherit;
	}
	header.inactive nav .current-menu-item a{
		color: #793EF1;
	}
  #mobile-nav{
  	display: flex;
  	justify-content: space-between;
  	align-items: center;
	
  }

  #menu-toggle {
    display: block;
  }
  header #main-nav{
  	display: none;
  }

  header #main-nav.active {
  	display: flex;
    flex-direction: column;
    text-align: center;
    background: #fff;
    width: 100%;
    gap: 1.6rem;
	  padding: 3rem 2rem;
	  
  }
  #main-nav .logo-center{
  	display: none;
  }

  #main-nav.active {
    display: flex;
	 }

  #main-nav ul {
    flex-direction: column;
    gap: 1.6rem;
  }
	#main-nav ul.right-menu{
		gap: 2rem;
	}
  .logo-center {
    margin: 1rem 0;
  }
  header nav ul {
    justify-content: center;
  }
  #sitelogo {
    display: block;
  }
  .logo-center {
    display: block;
  }
  header > #sitelogo {
    display: block;
  }
  footer .footer-menu-2{
      align-items: center;
  }
	footer{
		text-align: center;
		margin: auto;
		padding: 3rem 2rem;
	}
	footer .copyright{
		flex-direction: column;
		align-items: center;
		justify-content: center;
		margin: 0 0 2rem 0;
	}
	footer .copyright p{
		text-align: center;
	}
	 footer section, footer ul{
	 	justify-content: center;
	 	align-items: center;
		flex-direction: column;
		gap: 2rem;
	}
	footer ul{
		padding: 0 0 0 0;
		margin: 0 0 0 0;
	}
	footer div.footer-branding{
		text-align: center;
	}
	footer .footer-menu-1, footer .footer-menu-1{
		align-items: flex-start;
	}
	
}




/* FORM STYLES */
.wpcf7-form {
  max-width: 95%;
  margin: auto;
  padding: 2rem;
}

.wpcf7-form label {
  display: block;
  font-weight: 600;
  margin-bottom: 0.5rem;
  color: #333;
}

.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="url"],
.wpcf7-form input[type="tel"],
.wpcf7-form input[type="number"],
.wpcf7-form input[type="date"],
.wpcf7-form textarea,
.wpcf7-form select{
  width: 100%;
  padding: 12px 14px;
  margin-bottom: 1rem;
  border: 1px solid #ddd;
  border-radius: 5px;
  background: #f9f9f9;
  font-size: 15px;
  transition: all 0.3s ease;
}
.wpcf7-form textarea{
	height: 125px;
	resize: none;
}

.wpcf7-form input:focus,
.wpcf7-form textarea:focus {
  outline: none;
  border-color: #000000;
  background: #fff;
  box-shadow: 0 0 0 3px rgba(28, 93, 133, 0.15);
}

.custom .wpcf7-form input[type="submit"], .custom form .elementor-button{
	width: 100%;
	border-radius: 5px;
	background: #793EF1 !important;
}
.custom .wpcf7-form input[type="submit"]:hover, .custom form .elementor-button:hover{
	width: 100%;
	border-radius: 5px;
	background: #793EF1 !important;
	transition: 0.5s;
}
.custom .wpcf7-form label, .custom .wpcf7-form p{
	margin-bottom: 0;
}
.customBooking .circleIcon{
	background: linear-gradient(135deg, #FF00BF , #793EF1) !important;
}
.customBooking .inputList i{
	color: #360D49;
}
.custom .wpcf7-form input[type="text"],
.custom .wpcf7-form input[type="email"],
.custom .wpcf7-form input[type="url"],
.custom .wpcf7-form input[type="tel"],
.custom .wpcf7-form input[type="number"],
.custom .wpcf7-form input[type="date"],
.custom .wpcf7-form textarea,
.custom .wpcf7-form select{
	background: #ffffff;
}

.wpcf7-form input[type="submit"] {
  display: inline-block;
  padding: 12px 28px;
  background: var(--clr-pink);
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  border: none;
  border-radius: 50px;
  cursor: pointer;
  transition: background 0.3s ease, transform 0.2s ease;
}

.wpcf7-form input[type="submit"]:hover {
  background: var(--clr-violet);
  transform: translateY(-2px);
}

.wpcf7-spinner {
  margin-left: 10px;
}

.wpcf7-response-output {
  margin-top: 1.5rem;
  padding: 12px;
  border-radius: 8px;
  font-size: 14px;
}

.wpcf7-response-output.wpcf7-mail-sent-ok {
  background: #e6f9f0;
  border: 1px solid #2ecc71;
  color: #2d7a54;
}

.wpcf7-response-output.wpcf7-validation-errors {
  background: #fff4f4;
  border: 1px solid #e74c3c;
  color: #a12828;
}


/* WOOCOMMECE RELATED STYLING */
.wc-block-components-sidebar-layout.is-mobile, div.woocommerce{
	padding: 2rem 1rem;
}
body.woocommerce-checkout{
	background: #F5F6F8;
}
form.wc-block-components-form .wc-block-components-checkout-step{
	padding: 1rem;
	margin: 0 0 1rem 0;
	background: #FFFFFF;
	border-radius: 0.6rem;
	
}
form.wc-block-components-form #order-notes{
	padding: 1rem;
}
form.wc-block-components-form div:empty {
  display: none !important;
}
body.woocommerce-checkout footer{
	margin-top: 3rem;
}

/* Hide 'No payment methods' until checkout is loaded */
.woocommerce-checkout #payment {
  opacity: 0;
  transition: opacity 0.3s ease;
}
.woocommerce-checkout form.woocommerce-checkout.processing #payment,
.woocommerce-checkout form.woocommerce-checkout.loading #payment {
  opacity: 0;
}
.woocommerce-checkout form.woocommerce-checkout.loaded #payment {
  opacity: 1;
}