/*
Theme Name: West Hawaii Region
Theme URI: http://gumdesign.com
Description: Total child theme.
Author: Gum Design
Author URI: http://gumdesign.com
Template: Total
Version: 1.16
*/





/* @group Layout */

.site-content .modern-menu-widget {
	background: #FFF;
}

.sticky .wpex-card {
	background-color: var(--wpex-palette-76-color);
}

.modern-menu-widget {
	border-radius: 0;
}

.news-card, .corner-bevel {
	corner-shape: bevel; 
    border-bottom-right-radius: 2rem;
}

.services-related-pages .wpex-post-cards-list, callout {
	background-color: var(--wpex-palette-76-color);
	padding: 30px;
}

ul.services a,
ul.aside-links a,
ul.resources-links a
 {
	padding: .4rem 0;
	padding: .7rem 0;
	display: block;
}
ul.services-list li,
ul.aside-links li,
ul.resources-links li
 {
	
	line-height: 1.3;
	margin: 5px 0;
}



ul.related, ul.services {
  /* Adds spacing between the text and the triangle */
  padding-left: 10px; 
 
}

.related li::marker,  .services li::marker{
  content: "\25B6\a0\a0"; /* Right-pointing triangle character */
	color: var(--wpex-palette-44-color);
  font-size: 0.6em; /* Scale the triangle size */
   padding-right: 10px;
}



.wpex-text-white a:hover {
	color: #FFF;
	opacity: .8;
}

.top-bar-content {
	width: 100%;
}

.acf-map {
    width: 100%;
    height: 600px;
    border: #ccc solid 1px;
    margin: 0;
}




.locations-list li {
	margin-bottom:1rem;
}

.locations-list a:hover {
	color:var(--wpex-palette-44-color);
}

/* adjust spacing */
.vc_row.vc_column-gap-35>.vc_column_container {
    padding: 0 40px;
}


.vcex-image-banner.hero  .vcex-ib-content-wrap {
	width:40%;
	padding:0;
	background:url(https://wordpress-826537-6366644.cloudwaysapps.com/wp-content/uploads/sails-white-20@600x.webp) top right no-repeat;
}

.vcex-image-banner.hero  .vcex-ib-content{
	background:url(https://wordpress-826537-6366644.cloudwaysapps.com/wp-content/uploads/sails-white-20@600x.webp) top right no-repeat;		
}


.wpex-carousel:where(.arrwpos-abs) .wpex-carousel__arrow {
    position: absolute;
    inset-block-start: 30% !important;
    transform: translateY(-30%) !important;
}

.vcex-carousel-container {
	max-width: 100rem;
	margin: 0 auto;
}

.wpex-carousel .vcex-feature-box-image {
	padding: 15px;
}

.wpex-carousel .vcex-feature-box-content {
	background: rgba(255,255,255,.5);
	padding: 30px;
}

.wpex-carousel .vcex-feature-box {
	gap:0;
}

.hero-text {
		padding: 30px;
		background: rgba(255,255,255,.5);
	}
@media screen and (min-width: 1024px) {
	.hero-text {
		margin-left: -30px;
	}
	/* carousel adjust arrows*/
.wpex-carousel:where(.arrwpos-abs) .wpex-carousel__arrow {
    position: absolute;
    inset-block-start: 90% !important;
    transform: translateY(-90%) !important;
}

}



@media screen and (min-width: 768px) {
	.pull-up {
		margin-top: -50px !important;	
	}
	

}

.hero-wide {
		padding-inline:20px;
		padding-inline:0px;
	}


@media screen and (min-width: 1440px) {
	.hero-wide {
		padding-inline:60px;
	}
}


@media screen and (max-width: 768px) {
	
	.wpex-shape-divider-path {
		display:none;
	}
	
	.vcex-image-banner.hero {
/* 		 flex-direction: row; */
		display:block;
	}
	
	.vcex-image-banner.hero .vcex-ib-content-wrap {
		padding:0;
		width:100% !important;
	}
	/*  wrap content	 */
	.vcex-ib-content-wrap {
		position:relative;
	}
	
	.vcex-image-banner.hero > .vcex-ib-content {
		width:100%;
	}
  
}



/* tabs */
:is(.vc_tta-tabs.vc_general.vc_tta-style-total_2,.vc_tta-tabs.vc_general.vc_tta-style-total_3,.vc_tta-tabs.vc_general.vc_tta-style-total_4) .vc_tta-panel-body  {
	padding-top:1rem;
}
.vc_tta-tabs.vc_general.vc_tta-style-total_4 .vc_tta-tabs-list {border-radius:0}


.vc_tta-panel-title {
	background:  var(--wpex-palette-73-color);
}

/* @end */

/* @group Footer */
/* make clickable area 44px - WGA AAA */
.footer-builder  a:not(.theme-button) {
	text-decoration: underline !important;
	padding: .7rem 0;
}

.footer-builder li a:hover {
	color: #fff;
}


.footer-builder a {
	color:var(--wpex-palette-48-color);
}


/* @end */

/* @group helpers */


/*.wpex-vc_row-pt-sm {
    padding-top: clamp(2rem, 1.5rem + 3.125vw, 4rem);
}
.wpex-vc_row-pb-sm {
    padding-bottom: clamp(2rem, 1.5rem + 3.125vw, 4rem);
}*/



.wpex-text-white * {
	color:#fff;
}

.vcex-module h2:first-child,
.vcex-module h3:first-child,
.vcex-module h4:first-child {
	margin-top:0
}


h2.border {
	border-bottom: 3px solid var(--wpex-palette-45-color);
}

.vc_tta-tabs-container {
	font-size: 1.2em;
}


hr {
	height: 3px;
}

.border-white {
	border: 15px solid #fff;
}

.facetwp-facet.facetwp-facet-location_map {
	margin-bottom: 0;
}

.theme-button.outline {
	border-color: var(--wpex-palette-74-color);
}

.no-list-style, .no-list-style ul{ 
	list-style: none;
	margin-left: 0;
}

.unstyled li {
	list-style: none;
}


.bg-triangle {
	background:transparent url(images/triangles-gold-2@600.png) center center repeat-x;
	background-size: 20%;
	background-size: 300px;
	background-position-y: 2em;
	
}


.clippath {
	clip-path: polygon(20% 0%, 100% 0, 100% 100%, 0 100%, 0% 20%);
	clip-path: polygon(100% 0, 100% 0, 100% 100%, 0 100%, 0 8%);	
}
/* https://bennettfeely.com/clippy/ */
.slant {
	clip-path: polygon(100% 0, 100% 0, 100% 96%, 0 100%, 0 4%); 
}
.slant-bottom {
	clip-path: polygon(100% 0, 100% 0, 100% 96%, 0 100%, 0 0); 
}
.slant-top , .slant-top .vcex-feature-box-media {
	clip-path: polygon(100% 0, 100% 0, 100% 100%, 0 100%, 0 4%); 
}


/* Responsive Scroll Table 
1. The Wrapper Container */
.table-container {
  width: 100%;
  overflow-x: auto;            /* Enables the horizontal scrollbar when needed */
  -webkit-overflow-scrolling: touch; /* Smooth scrolling on iOS devices */
  margin-bottom: 1rem;
}

/* 2. The Table Element */
.table-container table {
  width: 100%;
  border-collapse: collapse;   /* Clean border styling */
  text-align: left;
}

/* 3. Text Wrapping Prevention */
.table-container th,
.table-container td {
  padding: 12px 16px;
  white-space: nowrap;         /* Keeps data on one line to force horizontal scrolling */
}


/* @end */

/* @group Facet WP */

.filter-bar .facetwp-facet {
	
	margin: 0;
}

.filter-bar {
	background: rgba(255,255,255,.5);
}

.filter-bar select {
	padding: 10px;
}

.facetwp-reset {
	border: 0;
	border-radius: var(--wpex-btn-border-radius);
	background: var(--wpex-btn-bg, var(--wpex-accent));
	color: var(--wpex-btn-color, var(--wpex-on-accent));
	font-size: var(--wpex-btn-font-size);
    font-family: var(--wpex-btn-font-family);
    font-style: var(--wpex-btn-font-style);
    text-transform: var(--wpex-btn-text-transform);
    letter-spacing: var(--wpex-btn-letter-spacing);
    line-height: var(--wpex-btn-line-height);
    font-weight: var(--wpex-btn-font-weight);
	padding: 10px 20px;
    transition: .15s all ease;
}

/* @end */


/* @group Cards */

.wpex-post-cards-ul_list {
	list-style: none;
	margin-left: 0;
	
}

.wpex-post-cards-ul_list li {
	display: inline-block;
	margin-right: 10px;
}


.wpex-post-cards-ul_list a {
	padding:5px;
}


.locations-list .wpex-post-cards-ul_list li {
	display: block;
}


.provider-card {
	line-height:1.2;
}

.provider-card-list {
	background: #fff;
}

.provider-card-list a.provider-link {
	display: block;
	padding: .8rem 0;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 0.1rem;
	/*margin: 10px 15px 15px 15px;*/
}

.provider-link .wpex-icon {
	padding-left: 10px;
}

/*.provider-card-list:hover, 
.vcex-feature-box:hover {
	transition: transform 0.2s ease-in-out,box-shadow 0.2s ease-in-out;
    box-shadow: 0 5px 20px rgb(0 0 0 / 20%);
}*/


.services-image-card .overlay-title-center-boxed{
	justify-content: end;
		align-items: end;
}

.services-image-card .overlay-title-center-boxed .title {
	font-weight: normal;
	line-height: 1.3;
	background: var(--wpex-palette-44-color);
	padding: .4rem 1rem .4rem 4rem ;
	margin: 0;

	text-align: right;
/*	corner-shape: bevel;
	border-top-left-radius: 4rem;*/
	clip-path: polygon(20% 0%, 100% 0, 100% 20%, 0% 20%);
	clip-path: polygon(20% 0%, 100% 0, 100% 100%, 0 100%);
}


.services-image-card.small .overlay-title-center-boxed .title {
	/*font-size: var(--wpex-text-base);*/
	padding: .4rem 1rem .4rem 4rem;
	
}


/* bugfix - grid settings for phone portait is set to 1 column */
@media only screen and (max-width: 767px) {
.services-image-card .vc_col-xs-3 {
	width: 100%;
}
}
/* @end */

/*------------------------------------------------------------------
[# Greater than tablets]
-------------------------------------------------------------------*/
@media only screen and (min-width: 768px) {
}

/*------------------------------------------------------------------
[# Tablet & Small Desktop Widths 768px - 1280px]
-------------------------------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 1280px) {
}

/*--------------------------------------------------------------
- Tablet Portrait
--------------------------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
}

/*--------------------------------------------------------------
- Tablet Landscape
--------------------------------------------------------------*/
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
}

/*--------------------------------------------------------------
- All Devices under 960px
--------------------------------------------------------------*/
@media only screen and (max-width: 959px) {
}

/*--------------------------------------------------------------
- Phone Portrait and Landscape
--------------------------------------------------------------*/

@media only screen and (max-width: 767px) {
  /* disable equal heights on mobile */
  .wpex-vc-row-columns-match-height .wpex-vc-column-wrapper {
    height: auto !important;
  }
  
  .wpex-p-15 {
  	padding: 10px !important;
  }
  .wpex-mb-30 {
  	
  	margin-bottom: 20px !important;
  }
  
  .wpex-vc_row-pt-sm {
  	padding-top: 30px;
  }
   .wpex-vc_row-pbt-sm {
  	padding-bottom: 30px;
  }
  
  .vc_row[class*=wpex-vc_row-gap-]>.vc_column_container>.vc_column-inner {
    padding-inline: calc(var(--wpex-vc-gutter) / 3);
}

  .wpex-gap-40, .wpex-grid-gap-40, .wpex-row.gap-40 {
    gap: 20px;
}

.wpex-row .col {
	margin-bottom: 20px;
}

.hero-text {
    padding: 20px;
  
}

/*.services-image-card .overlay-title-center-boxed .title {
	font-size: 1rem;
}*/

/*.overlay-title-center-boxed.wpex-absolute {
	position: relative;
	
	corner-shape: none;
    border-top-left-radius: 0;
}*/

/*.hero-wide .vcex-image {
	margin-right: -15px;
	margin-left: -15px;
}*/

.hero-wide .vcex-image img {
	padding: 10px !important;
}

slant-top, .slant-top .vcex-feature-box-media {
    clip-path: polygon(100% 0, 100% 0, 100% 100%, 0 100%, 0 2%);
}

.slant-bottom {
    clip-path: polygon(100% 0, 100% 0, 100% 98%, 0 100%, 0 0);
}

.vc_row.vc_column-gap-35>.vc_column_container {
    padding: 0 15px;
}

.home #community.has-bg-image {
	background-image: none !important;
}

}

/*--------------------------------------------------------------
- Between Phone and Mobile
--------------------------------------------------------------*/
@media only screen and (max-width: 500px) {
}