/*--------------------------------------------------------------
This is your custom stylesheet.

Add your own styles here to make theme updates easier.
To override any styles from other stylesheets, simply copy them into here and edit away.

Make sure to respect the media queries! Otherwise you may
accidentally add desktop styles to the mobile layout.
https://www.w3schools.com/css/css_rwd_mediaqueries.asp
--------------------------------------------------------------*/

	
/*****************************************************************************/
/************************* WORDPRESS ADMIN BAR FIX ***************************/
/*****************************************************************************/	

	
	/* Hiding Admin Bar from Elementor Editor ***************/	
	.elementor-editor-active #wpadminbar,
	.elementor-editor-preview #wpadminbar{
		display: none!important;
	}	

	
/*****************************************************************************/
/**************************** SPACING SYSTEM  ********************************/
/*****************************************************************************/	
	
	/*HOME PAGE******************************************/	
	.home-page .bb-elementor-content > .elementor, /* Front End*/
	.home-page .bb-elementor-content > .elementor > .elementor-section-wrap{ /*Editor*/
    display: flex;
    flex-direction: column;
    gap: 0!important;
		padding-top:0px;
		padding-bottom:0px;
	}	
	
	/*SEARCH RESULTS */
	.search-results .bb-elementor-content > .elementor, /* Front End*/
	.search-results .bb-elementor-content > .elementor > .elementor-section-wrap{ /*Editor*/
		padding-top:0px;	
		gap: 0!important;
	}
	
	/*PAGES***********************************************/	
	.bb-elementor-content > .elementor{ 
    	display: flex;
    	flex-direction: column;
    	gap: 120px;
		padding-top:120px;
		padding-bottom:120px;
	}

	.bb-elementor-content > .elementor > .elementor-section-wrap{ /*Editor*/  
		display: flex;
    	flex-direction: column;
    	gap: 120px !important;
	}

	
	@media (max-width: 1024px){
		.bb-elementor-content > .elementor,
		.bb-elementor-content > .elementor > .elementor-section-wrap{
			gap: 80px !important;
			padding-top:80px;
			padding-bottom:80px;
		}	
	}
	
	@media (max-width: 767px){
		.bb-elementor-content > .elementor,
		.bb-elementor-content > .elementor > .elementor-section-wrap{ 
			gap: 64px;
			padding-top:64px;
			padding-bottom:64px;
		}	
	}		
	
	/*OVERALL INLINE PADDING ********************/
	/*Apply padding to all first-level elements to avoid the content to touch the wall of the browser on mobile */		
	.bb-elementor-content > .elementor > .e-parent,
	.bb-elementor-content > .elementor > .elementor-section-wrap > .e-parent{ 
		padding-left:20px;	
		padding-right:20px;
	}
	
	/* NO PADDING - Use in a wrapper of 2 or more sections to remove the padding of the parent*/
	.bb-elementor-content > .elementor > .e-parent.no-padding,
	.bb-elementor-content > .elementor > .elementor-section-wrap > .e-parent.no-padding{ 
		padding-left:0px;	
		padding-right:0px;
	}
	
	.bb-elementor-content > .elementor > .e-parent.no-padding > .e-child,
	.bb-elementor-content > .elementor > .elementor-section-wrap > .e-parent.no-padding >.e-child{ 
		padding-left:20px;	
		padding-right:20px;
	}	
		
	
/*****************************************************************************/
/**************************** GENERAL ****************************************/
/*****************************************************************************/	
	
	.h1,.h2,.h3,.h4,.h5,.h6,address,h1,h2,h3,h4,h5,h6,hr {
   		margin: 0 !important;
    	padding: 0;
	}

	p {
    	padding: 0;
	}
	
	.elementor-widget-text-editor h2,
	.elementor-widget-text-editor h3,
	.elementor-widget-text-editor h4,
	.elementor-widget-text-editor h5,
	.elementor-widget-text-editor h6{
		margin: 0 0 1rem !important;
	}		
	
	h1, h2{
		font-variant-ligatures: no-common-ligatures;
	}	
		
	.larger p{ font-size:1.5rem}	
	.smaller p{ font-size:1.125rem; }
	
	p > strong, p > b, li > strong, li > b{	
		color: #3F3D3B;
	}
	
	.invert p > strong, .invert p > b, .invert li > strong, .invert li > b{	
		color: #FFF;
	}	
	
	@media (max-width: 1023px){
		.larger p { font-size:1.25rem;}
		.smaller p{ font-size:1rem; }
	}

	@media (max-width: 767px){
		.larger p { font-size:1.125rem;}
		.smaller p{ font-size:0.875rem; }
		.elementor-widget-heading { margin: 0 0 1rem !important;}
	}		
		
	.bg-light{
		background-color:#FFF;			
	}	
		
	.bg-dark{
		background-color:var(--e-global-color-primary);
	}

	.invert h1, .invert h2, .invert h3, .invert h4, .invert h5, .invert h6{
		color:#FFF !important;
	}  

	.invert, .invert p, .invert ul li, .invert ol li {
		color: rgba(255,255,255,0.75);
	}
		
	.invert a:not(.elementor-button){
		color: #F260A8;
	}

	.invert .elementor-button{
		color:#FFF !important;
		border:1px solid var(--e-global-color-accent);
	}	

	.invert .elementor-button:hover{
		background: var(--e-global-color-accent);
	}
	
	.breadcrumb li a{
		display:inline-block;
		transition:0.3s !important;
	}
	
	.breadcrumb li a::after{
		content:'';
		opacity:1 !important;	
		display:block;
		bottom:0;
		left:0;
		width:0;
		height: 1px;
		background-color: var(--e-global-color-accent);	
		transition:0.3s !important;
	}

	.breadcrumb li a:hover::after{
		width: 100%;
		height: 1px;	
	}
	
	.breadcrumb li::after {    
    	margin-left: 10px !important;
    	margin-right: 10px !important;
	}
	
	ul li::marker{
		color:var(--e-global-color-primary);		
	}
	
	.invert ul li::marker{
		color:#FFF;		
	}
	
	ul li, 
	ol li {
    	margin-bottom: 0.5rem;
	}	

	ul li ul, 	
	ol li ol,
	ol li ul{
    	margin-top: 0.5rem;
	}
		
	/* Forcing Page Banner Background Properties *************/
	.page-banner{
		background-repeat:no-repeat;
		background-size: cover;
		background-position:center !important;
	}	
	
	/*Forcing header to the top when Sticky (Tablet, Mobile) ************/
	.sticky-header .header{
		top:0!important;
	}
	
	/*Forcing Popup to the top on mobile ****************/
	@media (max-width: 500px){
		body.admin-bar  .dialog-lightbox-widget {
			height: calc(100vh - 56px)!important;
		}
	}		
	
	/* Post Inner Titles and Images ***************************/
	.post-content h2{
    font-size: 2rem;
		font-family: 'Cardo', serif;
	}

	.post-content h3{
		font-size: 1.5rem;
		 font-weight: bold;
	}

	.post-content img{
		box-shadow: 0px 0px 0px 8px rgba(255,255,255,1);
	}

	.post-content img.alignleft{
		margin-right: 40px;
		margin-bottom:40px;
	}

	.post-content img.alignright{
		margin-left: 40px;
		margin-bottom:40px;
	}
	
	/*Profile Post Titles *********************/
	.single-post h1.elementor-heading-title span,
	.card-profile .elementor-heading-title span {
    	font-size: 1rem;
    	font-family: 'Lato', sans-serif;
    	font-weight: 500;
		text-transform: uppercase;
		letter-spacing:0.15em; 
		display: block;
		color: var(--e-global-color-accent);
		line-height: 2em;
	}	
	
	.card-profile .elementor-heading-title span {
		font-size: 0.875rem;
		line-height: 3em;
	}
		
	/*Share ******************************/
	.a2a_default_style:not(.a2a_flex_style) a {
    	padding: 0 6px!important;
	}
	
	.a2a_default_style:not(.a2a_flex_style) a .a2a_svg {
    	opacity: 0.7;
	}
	
	.a2a_default_style a:hover .a2a_svg,
	.a2a_floating_style a:hover .a2a_svg,
	.a2a_overlay_style a:hover .a2a_svg svg {
    	opacity: 1 !important;
	}
	
	
/*****************************************************************************/
/**************************** HEADER & NAV ***********************************/
/*****************************************************************************/
	/*Header Stick z-index*/	
	.elementor-sticky--active{
		z-index:2 !important;		
	}	
	
	@media (min-width: 1024px){
		.home .header{
			background: linear-gradient(180deg, #000 0%, rgba(0, 0, 0, 0.00) 100%) !important;
		}	
	}
	
	.home .header .bottom-nav{
		border-top:1px solid rgba(255,255,255,0.15);
		background:transparent !important;
	}
	
	/* MAIN MENU *******************************/	
	.main-menu li a.elementor-item::after{
		content:'';
		opacity:1 !important;		
		bottom:0;
		display:block;
		width: 0px;
		height: 2px;
		background-color: var(--e-global-color-accent);	
		transition:0.3s;
	}

	.main-menu li a.elementor-item:hover::after{
		width: 40px;	
	}
		
	.main-menu li a.elementor-item-active::after{
		width: 40px;	
	}
	
	.main-menu .elementor-nav-menu .sub-arrow {
    	display: none;
	}

	body:not(.xsso-role-somm-level-master-sommelier) .master-somm-only {display: none;}
	.xsso-role-administrator .master-somm-only {display: block !important;}

	@media screen and (min-width: 768px) {
		.main-menu .bp-menu {display: none !important;}
	}

	@media screen and (max-width: 767px) {
		.mobile-menu .elementor-nav-menu > li.menu-item.bp-menu a {justify-content: flex-start !important;}
		.mobile-menu .elementor-nav-menu > li.menu-item.bp-menu a .sub-arrow {margin-left: auto !important;}
	}
	
	/* MOBILE MENU *******************************/
	.mobile-menu .elementor-nav-menu > li.menu-item a{		
		display:flex;
		justify-content:space-between;
	}	
	
	.mobile-menu ul.sub-menu{
		background-color:rgba(255,255,255,0)!important;
	}

	.mobile-menu ul.sub-menu li a{
		padding-left:24px;
	}

	.mobile-menu ul.sub-menu ul.sub-menu li a{
		padding-left:48px;
	}
	
	.mobile-menu svg{		
		fill:#fff;
	}
	
	/* SEARCH *******************************/
	.elementor-search-form{
		margin-bottom:0;
	}
	
	.elementor-search-form--skin-full_screen .elementor-search-form__container {
    	background-color: var(--e-global-color-primary) !important;
	}	
	
	/* PAGE BANNER ***************************/
	.my-account .page-banner,
	.my-profile .page-banner,
	.members .page-banner,
    .single-groups .page-banner,
	.search-results .page-banner{
		display:none;
	}	
	
	body.profile .page-banner,
	body.single-sommelier .page-banner{
		background-image: url(https://cmsai.kinsta.cloud/wp-content/uploads/2024/01/master-sommelier-featured-image-05.png)!important;
	}
	
	body.press-release .page-banner{
		background-image: url(http://cmsai.kinsta.cloud/wp-content/uploads/2023/09/footer-corks-background.jpg)!important;
	}

/*****************************************************************************/
/**************************** FOOTER *****************************************/
/*****************************************************************************/
	
	.footer-contact p,	
	.footer-copyright p{
		font-family: "Lato", sans-serif;
	}
	
	.footer-contact a:link, .footer-contact a:visited,
	.footer-copyright a:link, .footer-copyright a:visited{
		color:rgba(255, 255, 255, 0.75) !important;	
	}

	.footer-contact a:hover, .footer-copyright a:hover{
		color: #F2889B !important;
	}			
	
	.back-to-top .elementor-icon{
		box-shadow: 0px 10px 20px -8px rgba(94, 7, 50, 0.2) !important;
	}		
	
	/* FOOTER MENU *******************************/
	.footer-menu li a.elementor-item{
		display:inline-block;
		transition:0.3s !important;
	}

	.footer-menu li a.elementor-item::after{
		content:'';
		opacity:1 !important;		
		bottom:0;
		left:0;
		display:block;
		width:0;
		height: 1px;
		background-color: var(--e-global-color-accent);	
		transition:0.3s !important;
	}

	.footer-menu li a.elementor-item:hover::after{
		width: 100%;
		height: 1px;	
	}
		
	.footer-menu li a.elementor-item-active::after{
		width: 100%;
		height: 1px;	
	}
	
	@media (max-width: 767px){
		.footer-menu{
   			text-align: center;
		}	
	}		
	
/*****************************************************************************/
/**************************** BUTTONS ****************************************/
/*****************************************************************************/
		
	.elementor-button:hover{
		text-decoration:none !important;
	}	
	
	/* SIMPLE BUTTON *******************************/	
	.simple-button .elementor-button{
		border:none;
		background:none !important;
		padding:0;
	}

	.simple-button .elementor-button:hover,
	.simple-button .elementor-button:focus{
		color:var(--e-global-color-accent);
	}

	.invert .simple-button .elementor-button:hover{
		color:#FFF;
	}

	.simple-button .elementor-button::after{
		content:'';
		display:block;
		margin: 10px auto 0 auto;
		width: 0px;
		height: 2px;
		background-color: var(--e-global-color-accent);	
		transition:0.3s;
	}

	.simple-button .elementor-button:hover::after{
		width: 40px;
	}
	
	.simple-button.login .elementor-button:hover::after{
		width: 100%;
	}
	
	.simple-button.login .elementor-button span.elementor-button-icon{
    	margin-top: 2px !important;
	}
	
/*****************************************************************************/
/**************************** SECTIONS ***************************************/
/*****************************************************************************/
	
	/*CARD **********/		
	a.card::after{
		content:'';
		position:absolute;
		left:0;
		bottom:0;
		width:0;
		height:2px; 
		background:var(--e-global-color-accent);
		transition:0.3s;
	}	

	a.card:hover::after{
		width:100%;
	}

	a.card:hover{
  	transform: translate(0, -5px);
		box-shadow: 0px 20px 40px -24px rgba(94, 7, 50, 0.3) !important;
	}		
	
	.invert .card .elementor-heading-title{ 
		color:var(--e-global-color-primary)!important; /*#5E0732*/
	}
	
	.invert .card p{
		color: var(--e-global-color-text);
	}	
	
	/* SECTION INTRO *******************************/	
	.invert .section-intro{
		border-color:rgba(255,255,255,0.1) !important;
	}	

	/* CARD LINK PARAGRAPH  ******************************/	
	a.card p {
		color:var(--e-global-color-text);
	}		
	
	/*CTA STACKED **************************/
	.cta-stacked::after{
		display: block;
		content: '';
		position: absolute;
		top: 0px;
		right: 20px;
		bottom: 20px;
		left: 20px;		
		border: 1px solid rgba(255, 255, 255, 0.2);
		border-top:none;
		z-index:0;
		pointer-events:none;
	}
	
	@media (max-width: 767px){
		.cta-stacked::after{
			right: 12px;
			bottom: 12px;
			left: 12px;	
		}
	}		
		
	/* CERTIFICATION 'TIMELINE'  ******************************/				
	.card-certification.left::before{
		display: block;
		content: '';
		position: absolute;
		top: 12px;
		right: 0;
		bottom: 0;
		left: 12px;
		border: 1px solid rgba(0, 0, 0, 0.1);
		border-bottom: none;
		border-right: none;
		width: calc(100% - 12px);
		height: calc(100% - 12px);
	}	
	
	.card-certification.right::before{
		display: block;
		content: '';
		position: absolute;
		top: 12px;
		right: 12px;
		bottom: 0;
		left: 0;
		border: 1px solid rgba(0, 0, 0, 0.1);
		border-bottom: none;
		border-left: none;
		width: calc(100% - 12px);
		height: calc(100% - 12px);
	}		
		
	.card-certification::after{
		content:'';
		width:80px;
		height:56px;
		position:absolute;		
		top:calc(50% - 28px);	
		z-index:1;
	}
	
	.card-certification.left::after{
		right:-80px;		
		background-image: url("data:image/svg+xml,%3Csvg width='80' height='56' viewBox='0 0 80 56' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='40' cy='28' r='28' fill='%23BC0E64' fill-opacity='0.08'/%3E%3Ccircle cx='40' cy='28' r='8' fill='%23BC0E64'/%3E%3Cpath d='M20 28L0 43L1.00947e-06 13L20 28Z' fill='white'/%3E%3C/svg%3E ");
	}	
		
	.card-certification.right::after{
		left:-80px;		
		background-image: url("data:image/svg+xml,%3Csvg width='80' height='56' viewBox='0 0 80 56' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='28' cy='28' r='28' transform='matrix(-1 0 0 1 68 0)' fill='%23BC0E64' fill-opacity='0.08'/%3E%3Ccircle cx='8' cy='8' r='8' transform='matrix(-1 0 0 1 48 20)' fill='%23BC0E64'/%3E%3Cpath d='M60 28L80 43L80 13L60 28Z' fill='white'/%3E%3C/svg%3E ");
	}
	
	@media (max-width: 1023px){		
		.card-certification.left::before,
		.card-certification.right::before{
			display: block;
			content: '';
			position: absolute;
			top: 12px;
			right: 12px;
			bottom: 0;
			left: 0;
			border: 1px solid rgba(0, 0, 0, 0.1);
			border-bottom: none;
			border-left: none;
			width: calc(100% - 12px);
			height: calc(100% - 12px);
		}	
		
		.card-certification.left::after,
		.card-certification.right::after{
			left:-80px;		
			background-image: url("data:image/svg+xml,%3Csvg width='80' height='56' viewBox='0 0 80 56' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='28' cy='28' r='28' transform='matrix(-1 0 0 1 68 0)' fill='%23BC0E64' fill-opacity='0.08'/%3E%3Ccircle cx='8' cy='8' r='8' transform='matrix(-1 0 0 1 48 20)' fill='%23BC0E64'/%3E%3Cpath d='M60 28L80 43L80 13L60 28Z' fill='white'/%3E%3C/svg%3E ");
		}
	}			
	.vertical-spacer::after{
		content:'';
    	position: absolute;
    	top: 0;
    	bottom: 0;
    	left: 50%;
   		border-left: 1px dashed #B3B3B3;
		z-index:0;
	}
		
	.vertical-spacer.start::after{ top: 50%; }	
	.vertical-spacer.end::after{ bottom: 50%;}


	/* RIVER CONTAINED ******************************/
	.river-contained .elementor-widget-button{
		text-align:left !important;
	}

	
/*****************************************************************************/
/***********************ELEMENTOR WIDGETS ************************************/
/*****************************************************************************/
	
	/* TOGGLE **********************************************/	
	.elementor-toggle-item:not(:last-child),
	.elementor-accordion-item:not(:last-child){
		margin-bottom: 16px;
	}

	.elementor-toggle .elementor-tab-title,
	.elementor-toggle .elementor-tab-content,
	.elementor-accordion .elementor-tab-title,
	.elementor-accordion .elementor-tab-content{
		background: #FFF;
		border-bottom: none !important;
	}

	.elementor-toggle .elementor-tab-title,
	.elementor-accordion .elementor-tab-title{
		line-height: 1.5em !important;
		padding:24px !important;
	}

	/* ----- For some reason this rule breaks the widget animation ***************/
	.elementor-toggle .elementor-tab-content,
	.elementor-accordion .elementor-tab-content{			
			/*padding:32px!important;*/ 
	}
	.invert .elementor-toggle .elementor-tab-content p,
	.invert .elementor-toggle .elementor-tab-content ul li,
	.invert .elementor-accordion .elementor-tab-content p,
	.invert .elementor-accordion .elementor-tab-content ul li{			
			color: var(--e-global-color-text);
	}
	
	/* ---- For some reason this rule breaks the widget animation ***************/

	.elementor-toggle .elementor-tab-title a,
	.elementor-accordion .elementor-tab-title a{
		font-family:"Lato", sans-serif;
		font-size: 1.05rem;
		font-weight: 600;
		text-transform: uppercase;
		color: #5E0732 !important;
	}

	.elementor-toggle .elementor-tab-content.elementor-active,
	.elementor-accordion .elementor-tab-content.elementor-active{
		border-top: 1px solid #EBEBEB;
		box-shadow: 0px 4px 0px 0px rgba(0, 0, 0, 0.03) inset;
	}

	.elementor-accordion .elementor-accordion-item {
			border: none !important;
	}	
	
	/* TOGGLE **********************************************/	
	
	
	/* IMAGE CAROUSEL **************************************/
	.elementor-element.elementor-pagination-position-outside .swiper {
		padding-bottom: 60px;
	}	
	
	.elementor-element.elementor-pagination-position-outside .swiper .elementor-swiper-button {
		top: calc(50% - 60px / 2);
	}	
	/* IMAGE CAROUSEL **************************************/
	
	
	/* CUSTOM UNORDERED LIST */
	ul.links-list{
		margin: 0;
		list-style-type: none;
	}
	
	ul.links-list li {
		display:block;
		width: 100%;
		padding: 12px 40px 12px 0;
		background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.74991 6.35147C8.28128 6.8201 8.28128 7.5799 8.74991 8.04853L12.7014 12L8.74991 15.9515C8.28128 16.4201 8.28128 17.1799 8.74991 17.6485C9.21854 18.1172 9.97834 18.1172 10.447 17.6485L15.247 12.8485C15.7156 12.3799 15.7156 11.6201 15.247 11.1515L10.447 6.35147C9.97834 5.88284 9.21854 5.88284 8.74991 6.35147Z' fill='%236B6864'/%3E%3C/svg%3E%0A");
		background-repeat: no-repeat;
		background-position: right center;
		border-bottom: 1px solid #EBEBEB;
	}
		
	ul.links-list li:last-child{
		border: none;
	}	
	
		
	/*POST PAGINATOR *****/
	nav.elementor-pagination {
		margin-top:64px!important;
		font-family:"Lato", sans-serif;
		font-size:1rem;
	}

	.page-numbers{
		padding: 6px 12px 8px 12px;
		border-radius: 4px;
		background-color: #FFF;
		transition: all 0.3s;
	}

	a.page-numbers:hover{
		color: #FFF !important;
		background-color: var(--e-global-color-accent);
	}

	.page-numbers.current{
		background-color: rgba(255,255,255,0.5);
	}
	
	/*Fix for the editor actions after applying the overal spacing*/
	.elementor-add-section-inner{
		padding:40px;
	}
	
/*****************************************************************************/
/**************************** ELEMENTOR **************************************/
/*****************************************************************************/

	/*Paragraph Margin Fix ******/
	.elementor-widget-text-editor p:last-child,
	.elementor-widget-theme-post-excerpt p:last-child	{
		margin-bottom: 0px !important;
		margin-right: 0px !important;
	}	
	
	/*Elementor Icon List*/
	.elementor-icon-list-item a{
   	 	color: var(--e-global-color-text);
		transition:0.3s;
	}
		
	.elementor-icon-list-item a:hover{
		padding-left:8px;
		padding-right:8px;
    	color: var(--e-global-color-accent);
	}	
		
	.elementor-icon-list-item a{
		justify-content: space-between !important;
	}
	
	.list-align-right .elementor-icon-list-icon {
    	order: 1;
	}

	/*Elementor Search*/
	.elementor-search-form--skin-full_screen .elementor-search-form__container {
		z-index:999;
		background: #5E0732 url(http://cmsai.kinsta.cloud/wp-content/uploads/2023/09/footer-wine-stain.png) no-repeat bottom right;
	}
	

		
/*****************************************************************************/
/**************************** BUDDYBOSS ***************************************/
/*****************************************************************************/	
	
	.page.buddyboss-theme header.entry-header {
		display: none;
	}
	
	/* Fonts  ******************************/	
	.my-account,
	.notification-dropdown,
	.bb-card-list,
	.bb-members-list,
	.bb-members .item-options,
	.bb-activity,
	.elementor-widget-bbp-profile-completion,
	.bb-secondary-list-tabs{
		font-family:"Lato", sans-serif;		
	}
	
	/* Profile Pages  ******************************/	
	#buddypress #header-cover-image {
		z-index:0;
	}	
	
	#item-header-cover-image #item-header-avatar {
    	z-index: 0;
	}

	#item-header-cover-image #item-header-content {    
    	z-index: 0; /* Fix for the menu overlapping issue*/
	}
	
	.bb-profile-grid header{
		margin-top:40px;
		margin-bottom:64px;		
	}
	
	#cover-image-container {
    	margin-top: -1px !important;
	}
	
	.bp-dir-hori-nav:not(.bp-vertical-navs) nav#object-nav {
    	margin-bottom: 40px!important;
	}

	.bp-personal-tab a{
		font-size:1rem !important;	
		text-transform: uppercase;
	}
	
	#notifications-filter-select .select-wrap {
    	z-index: 0;
	}
			
	.bp-profile-wrapper.need-separator .group-separator-block {
    	padding: 30px 30px;
	}
	
	@media (min-width: 1024px){
		.buddypress-wrap .select-wrap select {
			padding: 0px 25px 6px 10px;
		}
	}	
	
	/* Site Header  ******************************/
	.header .site-header .user-wrap.menu-item-has-children.selected>.user-link:before,
	.header .site-header .user-wrap.menu-item-has-children>.user-link:hover:before {
    background-color: rgba(255,255,255,0.1);
		height:52px;
		left: -10px;
		right: -10px;
	}
	
	/*Sub Menu Positioning */
	.header .site-header .sub-menu {
		top: -webkit-calc(100% - 5px);
		top: calc(100% - 5px);
	}

	.bb-template-v2 .header-aside .wrapper li .wrapper .ab-submenu, .bb-template-v2 .header-aside .wrapper li .wrapper .bb-sub-menu {
		background-color: #5E0732;
	}

	.header .site-header .sub-menu .current-menu-ancestor>a,
	.header .site-header .sub-menu .current-menu-item>a,
	.header .site-header .sub-menu .current-menu-parent>a,
	.header .site-header .sub-menu li:hover>a {
		background-color:#850A47 !important;
	}
	
	.header .site-header .header-aside .sub-menu a:hover {
    	background-color: #850A47 !important;
	}
	
	.header .user-wrap-container .sub-menu-inner>li>a>i,
	.bb-template-v2 .user-wrap.menu-item-has-children ul#header-my-account-menu .current-menu-ancestor>a, .bb-template-v2 .user-wrap.menu-item-has-children ul#header-my-account-menu .current-menu-item>a,
	.bb-template-v2 .user-wrap.menu-item-has-children ul#header-my-account-menu a,
	.bb-template-v2 .user-wrap.menu-item-has-children ul#header-my-account-menu li:hover>a {
    	color: rgba(255,255,255,0.75);
	}
	
	.header .user-wrap-container .sub-menu-inner>li>a:hover>i,
	.bb-template-v2 .user-wrap.menu-item-has-children ul#header-my-account-menu a:hover,
	.bb-template-v2 .user-wrap.menu-item-has-children ul#header-my-account-menu a:focus {
    	color: #FFF !important;
	}
	
	/*User Dropdown Spacing ************/
	
	/*Decreasing Dropdown min width and aliggning with the trigger *********/
	@media (max-width: 767px){
		.header .user-wrap.menu-item-has-children .sub-menu {
			min-width: 200px!important;
			right:-5px !important;
		}
	}
	
	.header .user-wrap-container .sub-menu-inner>li.logout-link>a:before {
		background-color: rgba(255,255,255,0.1);
		padding: 0;
	}
	
	/* User Dropdown Submenu Spacing **************/
	@media (max-width: 500px){
		.site-header--elementor .user-wrap>.sub-menu .ab-sub-wrapper {
			width: 140px;
    	left: -140px !important;			
		}
	}
	
	@media (max-width: 767px){		
		/*Forcing Dropdown to fill the space*/
		.header .site-header--elementor .user-wrap>.sub-menu .wrapper .sub-menu-inner {
				width: 100%;
		}
		.header .site-header .user-wrap.menu-item-has-children>.user-link:hover:before {
			left:-5px !important;
			right:-5px !important;
		}					
		.header .user-link img {
    max-width: 32px !important;
		}
	}	
	
	/* Notifications Dropdown ***********/
	.notification-dropdown h2{
		color: #5E0732;
	}
	
	/* Adjusting Spacing in several layouts  ******************************/	
	.bb-grid {
   		margin-top: 20px;
	}
	
	.page .bb-grid,
	.single-post .bb-grid,	
	.profile .bb-grid,	
	.single-sommelier .bb-grid,
	.elementor-editor-active .bb-grid,
	.search-results .bb-grid{
		margin-top:0 !important;
	}	
	
	.bp_members .e-con>.e-con-inner{
		padding-top:0 !important;
	}

	/* Adjusting Spacing in several layouts  ******************************/
	.bb-topic-reply-link-wrap a.bbp-topic-reply-link {color: #fff;}
	
	/*********************** COURSES AND LESSONS *******************************/
	
	/* Fonts  ******************************/	
	.single-sfwd-courses {
		font-family:"Lato", sans-serif;
	}	
	
	.ld-tabs-content p{
		font-family: 'Cardo', serif;
	}
		
	/*Spacing ************************/
	body.single-sfwd-courses .bb-grid,
	body.single-sfwd-lessons .bb-grid,
	body.single-sfwd-topic .bb-grid{
		margin-top:0;
	}
		
	.bb-learndash-banner{
		z-index:0;		
		background: linear-gradient(180deg, #111 0%, #3F5864 100%);
	}
	
	.bb-learndash-banner .container{
		background: url(http://cmsai.kinsta.cloud/wp-content/uploads/2023/09/courses-background.png;) no-repeat bottom right;
	}
	
	.bb-learndash-banner:before{
		z-index:0;
		display:none;
	}
	
	.bb-single-course-sidebar{
		z-index:0;
	}
	
	.bb-single-course-sidebar a.btn-advance {
		text-transform:uppercase !important;
		letter-spacing:1.6px !important;
	}
	
	.ld-section-heading{
		margin-bottom:40px !important;
	}
	
	.ld-course-status.ld-course-status-enrolled {
    	background-color: rgba(146,164,183,0.1) !important;
	}
	
	.ld-section-heading h2 {
    	font-size: 2rem !important;
	}
	
	.ld-item-title {
    font-size: 1.125rem;
		font-weight:500;
	}
		
	.ld-item-list-item-preview  {
    	background: rgba(146,164,183,0.1) !important;
	}
	
	@media (min-width: 1024px) { 
 		.learndash-wrapper .learndash_content_wrap { 
 			max-width: 1000px; 
 		}
	}
	
	/*Lesson   *********************************/	
	.lms-topic-sidebar-wrapper {
		font-family:"Lato", sans-serif;
	}	
	
	.lms-topic-sidebar-progress .course-completion-rate,
	.lms-topic-sidebar-progress .ld-progress-steps{
		font-size:1rem !important;
	}
	
	.lms-topic-sidebar-data{
		top: 60px!important;
	}

	.lms-topic-sidebar-course-navigation .ld-course-navigation {
    	margin: 40px 30px !important;
	}	

	.lms-topic-sidebar-course-navigation a.course-entry-link{
		background: transparent;
		border:1px solid var(--e-global-color-primary) !important;
		color: var(--e-global-color-primary) !important;
	}

	.lms-topic-sidebar-course-navigation a.course-entry-link:hover{
		background: var(--e-global-color-primary) !important;
	}

	.lms-topic-sidebar-course-navigation a.course-entry-link:hover span{
		color: #FFF;
	}
	
	/* HIDE DARK MORE*/
	.sfwd-dark-mode {
		display:none;
	}

					
	
/*****************************************************************************/
/**************************** MEMBERPRESS *********************************/
/*****************************************************************************/

	.login .mp_wrapper.mp_login_form .mepr-login-actions {
		font-family: "Lato", sans-serif !important;
    	top: 120px !important;
   	 	right: 0px !important;
	}	
	
	.mp_wrapper.mp_login_form input[type="submit"]{
		line-height: 1.3 !important;
	}
	
	.mp_wrapper.mp_login_form #wp-submit:hover{
		background: var(--e-global-color-accent) !important;
	}

	.single-memberpressproduct #primary p:first-of-type {margin-top: 60px !important;}
	
	
/*****************************************************************************/
/**************************** GRAVITY FORMS *********************************/
/*****************************************************************************/	
	
	.gform_wrapper input[type="text"],
	.gform_wrapper input[type="email"],
	.gform_wrapper input[type="tel"],
	.gform_wrapper textarea{
		border: #EBEBEB;;
		box-shadow: 0px 0px 0px 0px rgba(188,14,100,0.08);
		height: 48px;
		transition: all 0.2s;
	}

	.gform_wrapper input[type="text"]:focus,
	.gform_wrapperinput[type="email"]:focus,
	.gform_wrapper input[type="tel"]:focus,
	.gform_wrapper textarea:focus{
		box-shadow: 0px 0px 0px 5px rgba(188,14,100,0.05);
	}

	.gform_wrapper .gfield_label{
		color:#5E0732 !important;
		font-size: 1.125rem!important;
		font-weight: 600;
	}

	.gform_wrapper .gfield_required{
		font-size: 1rem!important;
	}

	.gform_wrapper .gform-field-label--type-sub{
		margin-top: 4px !important;
		font-size: 1rem!important;
	}

	.gform_wrapper .gfield_checkbox input[type=checkbox]+label {
		margin-left: 0
	}

	.gform_wrapper .gfield-choice-input{
		display: none !important;
	}

	.gform_wrapper .gfield_checkbox{
		margin-top: 8px;
		gap: 20px!important;
	}

	.gform_wrapper .gfield_checkbox input[type=checkbox]+label:before {
		background: #FFF;
		border: #EBEBEB;
	}
	
	.gform_wrapper .gfield_checkbox input[type=checkbox]+label:after{		
		color: var(--e-global-color-primary) !important;
	} 	

	.gform_wrapper .gfield_checkbox label{
		color:var(--e-global-color-text) !important;
		font-size: 1.125rem !important;
	}

	.gform_wrapper .gform_button{
		font-size: 1.125rem!important;
		padding: 16px 24px !important;
		background: #5E0732 !important;
		transition: all 0.3s;
	}

	.gform_wrapper .gform_button:hover{
		background: var(--e-global-color-accent) !important;
	}            
    
	
/*****************************************************************************/
/**************************** NINJA TABLES **********************************/
/*****************************************************************************/	
	table.foo-table th,
	table.foo-table td{
		font-family: 'Lato', sans-serif;
		font-size:0.875rem;
		font-weight: 400;
		color: var(--e-global-color-text)!important;
	}
	
	table.foo-table th{
		color: var(--e-global-color-primary)!important;
	}
	
	table.foo-table tr.good-standing-true td{
		font-weight:700;
	}

	.footable .btn-primary,
	.footable .pagination>.active>a, .footable .pagination>.active>a:focus, .footable .pagination>.active>a:hover, .footable .pagination>.active>span, .footable .pagination>.active>span:focus, .footable .pagination>.active>span:hover{
		background-color: var( --e-global-color-primary ) !important;
		border: 1px solid var( --e-global-color-primary );
		color: #fff !important;
	}

	.fooicon-search:before {
    	margin-top: 2px;
	}   

	.footable .pagination>li>a, .footable .pagination>li>span{
		font-size:0.875rem;
		color: var( --e-global-color-primary ) !important;
	}


/*****************************************************************************/
/**************************** ARLO *******************************************/
/*****************************************************************************/	

.arlo-event-list{
    margin:0 !important;
}

.arlo-event-list a.arlo-event-register{
    border:none !important;
}

.arlo-price-tax{
	display: none !important;
}

@media (max-width: 1024px){		
	.arlo-event-list a.arlo-event-register{
		margin-top: 20px;
	}
}

@media screen and (max-width: 767px) {
	.arlo .arlo-oa-listitem {
		flex-direction: column;
    	align-items: flex-start !important;
	}
	.arlo .arlo-oa-listitem .arlo-title-column, .arlo .arlo-oa-listitem .arlo-offers-column, .arlo .arlo-oa-listitem .arlo-online-column, .arlo .arlo-oa-listitem .arlo-registration-column {margin-left: 20px !important;}
}

/*****************************************************************************/
/**************************** SEARCH RESULTS *********************************/
/*****************************************************************************/	

.search-no-results .page-banner{
	display:none;
}

.search-no-results #content{
	margin-top:-20px;
}

.elementor-posts-nothing-found{
	text-align:center;
}

.search-results .elementor-post__title{
	margin-bottom: 8px !important;
}

	
/*****************************************************************************/
/**************************** UTILITY CLASSES *********************************/
/*****************************************************************************/
	
.max-2000 {max-width: 2000px;} .max-1950 {max-width: 1950px;} .max-1900 {max-width: 1900px;} .max-1850 {max-width: 1850px;} .max-1800 {max-width: 1800px;} .max-1750 {max-width: 1750px;} .max-1700 {max-width: 1700px;} .max-1650 {max-width: 1650px;} .max-1600 {max-width: 1600px;} .max-1550 {max-width: 1550px;} .max-1500 {max-width: 1500px;} .max-1450 {max-width: 1450px;} .max-1400 {max-width: 1400px;} .max-1350 {max-width: 1350px;} .max-1300 {max-width: 1300px;} .max-1250 {max-width: 1250px;} .max-1200 {max-width: 1200px;} .max-1150 {max-width: 1150px;} .max-1100 {max-width: 1100px;} .max-1050 {max-width: 1050px;} .max-1000 {max-width: 1000px;} .max-950 {max-width: 950px;} .max-900 {max-width: 900px;} .max-850 {max-width: 850px;} .max-800 {max-width: 800px;} .max-750 {max-width: 750px;} .max-700 {max-width: 700px;} .max-650 {max-width: 650px;} .max-600 {max-width: 600px;} .max-550 {max-width: 550px;} .max-500 {max-width: 500px;} .max-450 {max-width: 450px;} .max-400 {max-width: 400px;} .max-350 {max-width: 350px;} .max-300 {max-width: 300px;} .max-250 {max-width: 250px;} .max-200 {max-width: 200px;} .max-150 {max-width: 150px;} .max-100 {max-width: 100px;} .max-50 {max-width: 50px;}
	
	.centered{
		margin:0 auto;
	}
	
	.img-line::after{
    display: block;
    content: '';
    position: absolute;
    top: 20px;
    right: 20px;
    bottom: 20px;
    left: 20px;
    border: 1px solid rgba(255, 255, 255, 0.4);
	}
	
	.box-line-bottom::after{
    display: block;
    content: '';
    position: absolute;
    top: 0px;
    right: 20px;
    bottom: 20px;
    left: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-top: none;
	}
	
	.box-line-dark::after{
    display: block;
    content: '';
    position: absolute;
    top: 0px;
    right: 20px;
    bottom: 20px;
    left: 20px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-top: none;
	}
	
	@media (max-width: 767px){		
		.img-line::after{
			top: 12px;
			right: 12px;
			bottom: 12px;
			left: 12px;
		}
	}

	@media only screen and (min-width: 768px) {
		.mobile-only {display: none!important;}
	}
		
/*****************************************************************************/
/**************************** YOKO CO STYLE GUIDE *********************************/
/*****************************************************************************/
		
.style-guide-section-title::before{
    content: '';
    display: block;
    margin-bottom: 24px;
    width: 100%;
    height: 4px;
    background-color: #D8D8D8;
}	
		
code {
    padding: 2px 4px;
    font-size: 90%;
    color: #c7254e;
    background-color: #f9f2f4;
    border-radius: 4px;
}