/*
CTC Separate Stylesheet
Updated: 2025-05-30 18:23:09
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.4.3.1748629389
*/



:root {
    --space-xl: 60px;
    --space-l: 48px;
    --space-m: 24px;
    --space-s: 16px;
    --space-xs: 12px;
    
    --radius-xl: 200px;
    --radius-l: 24px;
    --radius-m: 12px;
    --radius-s: 4px;

    --box-shadow: 20px 20px 50px 5px rgba(0, 0, 0, 0.2);
}

@media(width >= 768px) {
:root {
    --space-xl: 108px;
    --space-l: 84px;
    --space-m: 48px;
    --space-s: 36px;
    --space-xs: 12px;
    
    --radius-xl: 200px;
    --radius-l: 48px;
    --radius-m: 16px;
    --radius-s: 4px;
    }
}




/* ------------------------------------------------------------ */
/* Custom Classes */
/* ------------------------------------------------------------ */


.very-bold {
    font-weight: 800 !important;
}
.uppercase {
    text-transform: uppercase !important;
}
.bigger {
    font-size: 120% !important;
        line-height: 1.4em;
}
.smaller {
    font-size: 80% !important;
	line-height: 1.4em;
}
.center {
    text-align: center!important;
}

.left {text-align:left!important;}
.right {text-align:right!important}



.hidden {
    display:none!important;
}

.nowrap {
    white-space: nowrap;
}

.disclaimer {
    color: #757575;
    font-size: 90%;
    line-height: 1.5;
	font-style:italic;
}

.light-blue {color:#27AAE1}

.dark-blue {color:#21409A}

.black {color:#2f2f2f}

.white {color:#ffffff}

.red {color:#ED1C24;}


.mb0 {margin-bottom:0!important;}
.mb5 {margin-bottom:5px!important;}
.mb10 {margin-bottom:10px!important;}
.mt0 {margin-top:0!important;}
.mt5 {margin-top:5px!important;}
.mt10 {margin-top:10px!important;}



/* BEGIN utility classes */
.max-l {
    max-width: 1000px!important;
    text-wrap:balance;
}
.max-m {
    max-width: 800px!important;
    text-wrap:balance;    
}
.max-s {
    max-width: 600px!important;
    text-wrap: balance;
}
/* END utility classes */


/*h1, h2, h3, h4, h5, h6 {*/
/*    -webkit-margin-after:0.5rem;*/
/*    margin-block-end:0.5rem;*/
/*}*/

li::marker {
    color: var(--e-global-color-accent);
}

/*main#content p a {*/
/*    text-decoration: underline;*/
/*    &:hover {*/
/*        text-decoration: none;    */
/*    }*/
/*}*/



/* ------------------------------------------------------------ */
/* Typography */
/* ------------------------------------------------------------ */
body {
    overflow-wrap: break-word;
}

p + h1, p + h2, p + h3, p + h4, p + h5, p + h6 {
    margin-top: .75em;
}
ul + p, ol + p, ul + h1, ol + h1, ul + h2, ol + h2, ul + h3, ol + h3, ul + h4, ol + h4, ul + h5, ol + h5, ul + h6, ol + h6 {
    margin-top: .75em;
}
p {
    margin-bottom: 1em;
}
ol, ul {
    line-height: 1.4;
}
ol > li, ul > li {
    margin-bottom: 3px;
}
ul ul {
    list-style-type: disc;
}
ol ul {
    list-style-type: disc;
}
ul {margin-left:1em;}
ol {padding-left: 1.5em;}

blockquote {
    font-style: italic;
}
.elementor hr {
    background-color: #bcbcbc;
}
pre, code, kbd, tt, var {
    font-size: inherit;
}

.disclaimer {
	font-weight:400;
	font-style: italic;
}


ul {
    -webkit-padding-start: var(--space-xs);
            padding-inline-start: var(--space-xs);
}

/* removes p margin when only 1 p exists */
/*
p {
  margin: 0;
}
p:not(:last-child) {
    margin-bottom: 2rem;
}
*/

/*
main .e-parent > .e-con-inner {
    padding: 4rem 1rem;
}

main .e-child {
    padding:var(--space-s);
}
main .e-loop-item .e-child {
    padding: 1rem;
}  
*/

@media (width >= 768px){
/*
    p {
      margin: 0;
    }
    p:not(:last-child) {
        margin-bottom: 2rem;
    }
*/

/*
    main .e-parent > .e-con-inner {
        padding: 8rem 1rem;
        }

    main .e-child {
        padding: var(--space-m);
        }
    main .e-loop-item .e-child {
        padding: 1rem;
    }    

*/

}
	
	
/* BEGIN buttons */
.btn-secondary a.elementor-button {
    background-color: var(--e-global-color-accent);
    &:hover {
        background-color: #f34248;
    }
}

/* END buttons */



/* BEGIN Stripes class */
body .stripers {
  position: relative;
  isolation: isolate;  /*keeps z-index:-1 behind main’s content, not the page */
}

body .stripers::before,
body .stripers::after {
  content: "";
  position: absolute;
  inset: 0 auto 0;
  width: 143px;
  transform: skewX(-17deg);
  z-index: -1;
  pointer-events: none;
}

body .stripers::before {
  right: 100px;
  background: color-mix(in srgb, var(--e-global-color-primary), transparent 90%);
}

body .stripers::after {
  right: 374px;
  background: color-mix(in srgb, var(--e-global-color-accent), transparent 90%);
}


@media (width < 768px){
	
body .stripers::before, body .stripers::after {
    width: 95px;
}	
	
body .stripers::after {
    right: 277px;
}	
	
}
/* End Stripes class */


/* ------------------------------------------------------------ */
/* BEGIN Button Skew */
/* ------------------------------------------------------------ */
/* .elementor-widget-button .elementor-button{
  -webkit-clip-path: polygon(12px 0, 100% 0, calc(100% - 12px) 100%, 0 100%);
          clip-path: polygon(12px 0, 100% 0, calc(100% - 12px) 100%, 0 100%);
} */

.elementor-widget-button .elementor-button {
  transform: skewX(-17deg);
}
.elementor-widget-button .elementor-button .elementor-button-content-wrapper {
  transform: skewX(17deg);	
}

/* exception for header button on mobile */
@media (width < 768px){
	.header-button.elementor-widget-button .elementor-button {
  transform: skewX(0deg);
}
.header-button.elementor-widget-button .elementor-button .elementor-button-content-wrapper {
  transform: skewX(0deg);	
}
}

/* ------------------------------------------------------------ */
/* END Button Skew */
/* ------------------------------------------------------------ */


.wpforms-container label {
    margin-bottom: 13px;
    margin-top: 17px;
}

#wpforms-submit-1138 {
    margin-top: 12px;
}

.wpforms-error {
    color: red;
}

.elementor-editor-active #podium-website-widget {
  display: none !important;
}


#podium-prompt {
	display: none!important;
}

 body #fareharbor-cartframe iframe#fareharbor-cartframe-iframe {
    bottom: 90px!important;
}

access-widget-ui::part(acsb-trigger) {
    display: none!important;
}



























/*mega menu nav*/



@media screen and (min-width: 1215px) {
	

#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row.img-hover:first-child {
    margin-bottom: 1em;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row.img-hover .mega-menu-column > ul.mega-sub-menu {
    position: relative;
    display: flex;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row.img-hover .mega-menu-column > ul.mega-sub-menu > li.widget_media_image img
{
    width:100%;
}


#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row.img-hover .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item-object-page {
	position: absolute;
    display: block;
    float: none;
    text-align: center;
    top: 50%;
    width: 100%;
    transform: translate(-50%, -50%);
    margin: auto;
    left: 50%;
    padding: 0 30px;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row.img-hover .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item-object-page a {
	text-align: center;
    color: white;
}
	
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator {
    display: none;
}	
	
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu {
    box-shadow: 0px 5px 5px 0px rgb(0 0 0 / 15%)!important;
}
	
#mega-menu-item-1401 {display:none!important;}

	
}



@media screen and (min-width: 1215px) and (max-width: 1549px) {
	
	#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link {
	font-size:16px;
	}	
	
	.elementor-106 .elementor-element.elementor-element-32a9eb1 .elementor-button {
    font-size: 16px!important;
}
	
}

@media screen and (max-width: 1214px) {
	
	.club-chardonnay-header {display: none!important;}	
	

#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row.img-hover .mega-menu-column > ul.mega-sub-menu > li.widget_media_image {
    display: none;
}
	
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu {
    padding: .75em 0 .75em 0;
    border: 1px solid #21409A;
    max-width: 100%;
    width: 100%;
    margin: 10px 0;
}
	
#mega-menu-wrap-menu-1 .mega-menu-toggle + #mega-menu-menu-1 {
    padding: 5px 20px 13px 20px;
    border-bottom: 1px solid #ddd !important;
    box-shadow: 0px 5px 5px -4px rgba(0, 0, 0, .1)!important;
}	
	
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column-standard > a.mega-menu-link, #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link, #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover {
    font-weight: 500;
    color: #21409A;
    margin-bottom: .75em;
}	
	
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator {
    font-size: 26px;
    color: #21409A;
}	
	
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link {
 
    padding: 0!important;
}	
	
}