/*  MICROTHEMER STYLES  */


/*= Header ==================== */

/** Header >> Sub Menu Container **/
.wpbf-menu-container ul.sub-menu {
	padding: 15px !important;
	border-radius: 25px !important;
}
.wpbf-menu .sub-menu a {
	font-size: 12px !important;
}

/** Header >> Sub Menu Container Copy 1 **/
.sub-menu li {
	padding: 5px !important;
	border-radius: 25px !important;
}


/*= General =================== */

/** General >> Pseudo is Relative **/
.pseudo, 
.relative {
	position: relative !important;
}

/** General >> High Z **/
.higher-z {
	position: relative !important;
	z-index: 9 !important;
}

/** General >> Far Right Img Row **/
.far-right-img-row {
	position: relative !important;
}

/** General >> 50VW Image Col Copy 1 **/
.far-right-img-row .far-right-image-col {
	height: 100vh !important;
	object-fit: cover !important;
	position: absolute !important;
	top: 40px !important;
	right: 0 !important;
}


/*= Headings ================== */

/** Headings >> Fl callout title text **/
.large-h2 .fl-callout-title-text, 
.large-h2 h2 {
	font-size: 72px !important;
	line-height: 1em !important;
	font-weight: 500 !important;
}

/** Headings >> Fl heading text **/
.eyebrow-h1 .fl-heading-text, 
.eyebrow-h1 h {
	
}
.eyebrow-h1 .fl-heading-text, 
.eyebrow-h1 {
	font-family: inter !important;
	font-size: 16px !important;
	font-weight: 700 !important;
	text-transform: none !important;
	letter-spacing: 1.5px !important;
}


/*= Blobs ===================== */

/** Blobs >> Blue Blob **/
.blue-blob-callout::after {
	width: 150px !important;
	height: 150px !important;
	position: absolute !important;
	top: -20px !important;
	left: -30px !important;
	z-index: -1 !important;
	-webkit-transform-origin: center !important;
	transform-origin: center !important;
	transform: rotateZ(-90deg) !important;
	opacity: .3 !important;
	content: '' !important;
	background-image: url('/wp-content/uploads/2023/08/blob-2.svg') !important;
}

/** Blobs >> Pink Blob **/
.pink-blob-callout::after {
	width: 150px !important;
	height: 150px !important;
	position: absolute !important;
	top: -20px !important;
	left: -30px !important;
	z-index: -1 !important;
	-webkit-transform-origin: center !important;
	transform-origin: center !important;
	transform: rotateZ(-60deg) !important;
	opacity: .3 !important;
	content: '' !important;
	background-image: url('/wp-content/uploads/2023/08/blob-3.svg') !important;
}

/** Blobs >> Green Blob **/
.green-blob-callout::after {
	width: 150px !important;
	height: 150px !important;
	position: absolute !important;
	top: -20px !important;
	left: -40px !important;
	z-index: -1 !important;
	-webkit-transform-origin: center !important;
	transform-origin: center !important;
	transform: rotateZ(-90deg) !important;
	opacity: .3 !important;
	content: '' !important;
	background-image: url('/wp-content/uploads/2023/08/blob-4.svg') !important;
}


/*= Accordions ================ */

/** Accordions >> Active Tab **/
.fl-accordion-item-active .fl-accordion-button {
	border-radius: 25px 25px 0 0 !important;
}

/** Accordions >> Active Tab Copy 1 **/
.fl-accordion-item-active .fl-accordion-content {
	background: white !important;
	border-radius: 0 0 25px 25px !important;
}


/*= Calendar Styling ========== */

/** Calendar Styling >> Tt meeting name **/
.tt-form-left-sidebar .tt-meeting-name {
	font-family: fraunces !important;
	color: #002F4D !important;
	letter-spacing: 1px !important;
}

/** Calendar Styling >> Tt host item **/
.tt-form-left-sidebar .tt-host-item {
	display: none !important;
}

/** Calendar Styling >> Svg **/
.ant-space-item svg {
	fill: #002F4D !important;
}

/** Calendar Styling >> Ant space item (#2) **/
.ant-space .ant-space-item:nth-of-type(2) {
	font-family: inter !important;
	font-weight: 500 !important;
}

/** Calendar Styling >> Selected day **/
.flatpickr-day.selected, 
.flatpickr-day.selected:hover {
	background: #F28B24 !important;
	border-radius: 80px !important;
}

/** Calendar Styling >> Cal Days **/
.tt-flatpickr-calendar .flatpickr-calendar .flatpickr-day {
	border-radius: 80px !important;
}
.flatpickr-day:hover {
	background-color: #C8E8F1 !important;
	border-color: #C8E8F1 !important;
}

/** Calendar Styling >> Disabled Days **/
.flatpickr-day.flatpickr-disabled {
	color: #C8E8F1
	border-radius: 80px !important;
}
.flatpickr-day.flatpickr-disabled:hover {
	color: black !important;
	opacity: .5 !important;
	background: white !important;
	border-color: white !important;
}

/** Calendar Styling >> Time Button Selection **/
.tt-slot-list .ant-list-item .ant-btn-block {
	border-radius: 50px !important;
}
.tt-slot-list .ant-list-item .ant-btn-block:hover {
	color: white !important;
	background-color: #F28B24 !important;
	border-color: #F28B24 !important;
}

/** Calendar Styling >> Cal form fields **/
.timetics-input .ant-input-lg:focus {
	border-color: #002F4D !important;
}

/** Calendar Styling >> Booking Buttons on form **/
.tt-booking-body-wrap .submit-btn, 
.tt-booking-body-wrap .ant-btn.backbtn {
	font-family: inter !important;
	text-transform: uppercase !important;
	letter-spacing: 1.5px !important;
}
.tt-booking-body-wrap .submit-btn {
	border-radius: 50px !important;
	background: #F28B24 !important;
}
.tt-booking-body-wrap .submit-btn .anticon svg {
	fill: #F28B24 !important;
}
.tt-booking-body-wrap .ant-btn.backbtn span {
	color: #002F4D !important;
	border-color: #002F4D !important;
}
.tt-booking-body-wrap .ant-btn.backbtn .anticon svg {
	fill: white !important;
}

/** Calendar Styling >> Ant result title **/
#main .ant-result-title {
	font-family: Fraunces !important;
	color: #002F4D !important;
	font-size: 36px !important;
}

/** Calendar Styling >> Submit button **/
#fluentform_1 button[type="submit"] {
	font-family: inter !important;
	font-weight: bold !important;
	text-transform: uppercase !important;
	letter-spacing: 2px !important;
	background: #F28B24 !important;
	padding-left: 35px !important;
	border-radius: 50px !important;
}
#fluentform_1 button[type="submit"]:hover {
	opacity: 1 !important;
	background: #d2791f !important;
}

/** Calendar Styling >> Fl col content **/
.footer-log-col .fl-col-content {
	width: 180px !important;
	height: 180px !important;
	margin: auto !important;
}


/*( < 980 )*/
@media (max-width: 979.98px) {
	/** Headings >> Fl callout title text **/
	.large-h2 .fl-callout-title-text, 
.large-h2 h2 {
	font-size: 54px !important;
}

}


/*( < 768 )*/
@media (max-width: 767.98px) {
	/** General >> 50VW Image Col Copy 1 **/
	.far-right-img-row .far-right-image-col {
	height: 80vh !important;
	position: static !important;
	top: 0 !important;
}

	/** General >> Pseudo is Relative **/
	.pseudo, 
.relative {
	position: relative !important;
}

	/** Headings >> Fl callout title text **/
	.large-h2 .fl-callout-title-text, 
.large-h2 h2 {
	font-size: 54px !important;
}

}


/*( < 480 )*/
@media (max-width: 479.98px) {
	/** General >> 50VW Image Col Copy 1 **/
	.far-right-img-row .far-right-image-col {
	height: 60vh !important;
	position: static !important;
	right: 0 !important;
}

	/** Headings >> Fl callout title text **/
	.large-h2 .fl-callout-title-text, 
.large-h2 h2 {
	font-size: 42px !important;
}

}