/**
Theme Name: atdw-master
Author: Thirtypointfour Design
Author URI: https://thirtypointfour.com.au
Description: A custom designed fgramework to base ATDW projects on
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: atdw-master
Template: astra
*/

.event-schedule {display: flex;
	flex-direction: column;row-gap: 10px;width: 100%;}
.schedule-item {	
	display: flex;
		flex-direction: row;
		justify-content: flex-start;
		max-width: 50%;
		column-gap: 20px;
	}
	
/* Initially hide the first <p> element inside #the_content */
#the_content.colapsed > *:not(span) + p {
    opacity: 0;
    overflow: hidden;
    transition: opacity 0.5s ease, max-height 0.5s ease;
}

#the_content.colapsed.more > *:not(span) + p {
    opacity: 1;
}

.acf-map {
	height: 350px;
	margin-bottom: 20px;
}

/*
.stick-to-top {
	position:sticky!important;
	top:20px;
}
*/

.narrow-container {
	width: 100%;
	max-width: 1000px;
	margin-left:auto;
	margin-right:auto;
}

.small, .map-link-toggle {font-size: 80%;}

.text-center {text-align: center;}

.muted-wrapper .text-muted {color: #fff;}

.reset-marg {margin-bottom: 0!important;margin-top: 0!important;}

.reset-pad {padding-bottom: 0!important;padding-top: 0!important;}

.margin-bot {margin-bottom: 2em;}

.margin-top {margin-top: 1em;}

.margin-bot-double {margin-bottom: 3em;}

ul .btn-default-li {margin-bottom: 10px;}

.btn.btn-default {padding: 10px 20px; border-radius: 15px 15px 15px 0; background: var(--ast-global-color-3);color: #fff;transition: 0.25s;}

.btn.btn-default:hover {padding: 10px 30px 10px 20px;}

ul .btn-default-li a, .flex-centered {display: flex; align-items: center;}

/*
.sticky {
	position: sticky;
    top: 140px;
}
*/

.service-item {
	display: flex;
	row-gap:20px;
	flex-direction: column;
	margin-bottom: 20px;
}

.flex-inline {
	display: flex;
	column-gap:20px;
}

.flex-center {
	justify-content: center;
}

.flex-column {
	display: flex;
    flex-direction: column;
    row-gap: 2em;
}

.flex-column.flex-column-half-gap {
	row-gap:15px;
}

.inner-flex-column {
	display: flex;
    flex-direction: column;
    row-gap: 1em;
}

.flex-start {
        align-items: flex-start;
}

.flex-column-nogap {
	display: flex;
    flex-direction: column;
    row-gap: 0;
}

.flex-column .flex-column {
    row-gap: 1em;
}

.handwritten {
	font-family: "Caveat";
    font-weight: normal;
    letter-spacing: -1px;
}

.has-overlay {
	position: relative;
}
.overlay {
	position: absolute;
	top: 0; right: 0; bottom: 0; left: 0;
	background: rgba(0, 0, 0, 0.4);
	z-index: 1;
}
.has-overlay .content-wrapper {z-index: 10;
    flex-direction: column;
    align-content: flex-start;
    align-items: flex-start;}
.default-padding {padding: 2em;}

.border-radius {overflow: hidden;border-radius: 20px;}

.highlight-wrapper {background: #fff;border-radius: 20px;}

.background-image {background-position: center center; background-size: cover:color:#fff;}

.background-image h3 a, .background-image h3, .background-image p {color:#fff!important;}

.muted-wrapper {background: #203a0242;border-radius: 20px;}

.outline-wrapper {border: 1px solid #eee;}

.flex-inline .inner-column {min-width: 33%; }

.service-links .btn.btn-default {padding: 15px 30px; border:1px solid #eee; border-radius: 5px; display: inline-block;}

.service-grid img { border-radius: 10px;margin-top: 20px;min-width: 100%}

.service-grid h3, .service-grid h3 a {color: var(--ast-global-color-1);}

.schedule-item svg, .btn-default svg, .list-inline-item svg {height: 20px!important; margin-right: 10px;}

h4 svg {margin-right: 10px;}

.button-ul-inline {list-style: none;margin: 0!important; padding: 0!important;display: flex;
    justify-content: space-evenly;}

.button-ul-inline li {display: inline-block}

.button-ul-inline li a {line-height: 1;}

.list-inline {list-style: none;margin: 0!important;padding: 0!important;}
.list-inline-item {float: left; margin-right: 10px;}
.list-inline-item a {display: flex; align-items: center;}
.list-inline-item svg {width:20px!important;height:20px;}

.image-wrap {position: relative;min-width: 100%}
.image-wrap .service-rate {
	background: rgba(0, 0, 0, 0.5);
	position: absolute;
	bottom: 1em; left: 1em;
	color: #fff;
	color: #fff;display: flex;align-items: center;padding: 5px 10px; border-radius:10px;
}

.image-count {position: absolute;bottom: 6%; right: 19%;  transition: opacity 0.5s ease;background: rgba(0, 0, 0, 0.5); color: #fff;display: flex;column-gap:5px;align-items: center;padding: 5px 10px; border-radius:10px;}

.supporting-image:hover .image-count {background: var(--ast-global-color-2);}
.image-count svg {color: #fff;padding: 0;margin: 0;}

#multimedia:hover .image-count {opacity: 1;}

.margin-top {margin-top: 1em!important}

.margin-bot {margin-bottom: 1em!important}

.left-col {
	display: flex;
	flex-direction: column;
	row-gap: 2em;
	margin-top: 1em;
}

#multimedia, .content-wrapper {
    display: flex;
    column-gap:10px;
}

#contacts {
	position: sticky;
    top: 140px;
    margin-left: 0;
	margin-right: 0;
}

#contacts h4 {color: #fff; margin-bottom: 1em;}

.single-listing .header-images, .single-event .header-images {
    background: linear-gradient(to bottom, #203A02 400px, #F0EDE7 300px)!important;
	}
.default-indent {padding-left: 20px;
	padding-right: 20px;}
	
.default-section .default-section.default-padding {padding: 2em;}
	
.truncate {
	max-width: 360px;
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

@media (max-width: 921px) {
	
	.ast-single-entry-banner {
		
	padding-left: 20px;
	padding-right: 20px;
	margin-bottom: 20px;
	}
	
	.content-wrapper, #multimedia {
    flex-direction: column;
    row-gap:1em;
	}
	
	#multimedia .supporting-image {
	grid-gap: 10px;
    display: grid;
    grid-template-columns: 66% 2fr;
    grid-template-rows: 170px 170px;
    }
    
    #multimedia .supporting-image.media-items-1 {
	grid-gap: 0px;
    display: grid;
    grid-template-columns: 100%;
    grid-template-rows: 100%;
    }
    
    .single-listing .header-images, .single-event .header-images {
    background: linear-gradient(to bottom, #203A02 400px, #F0EDE7 300px)!important;
	}
	
	.flex-inline {
	flex-direction: column;
	row-gap:1em;
	}
	
	.schedule-item {	
		max-width: 100%!important;
	}
   
}

@media (min-width: 922px) {
	
	.single-listing .header-images, .single-event .header-images {
    background: linear-gradient(to bottom, #203A02 400px, #F0EDE7 300px)!important;
	}
	
	.truncate {
	max-width: 250px;
	}
	
	.left-col {

	margin-top: 0;
	}
	
	
	
	.content-wrapper {
		flex-direction: row-reverse;
	}
	
	.column-list {
	display: grid;
	grid-template-columns: repeat(3, 1fr); /* Creates 4 equal columns */
	gap: 20px; /* Adjust the gap between items as needed */
	}
	
	#contacts {
	position: sticky;
    top: 140px;
    margin-left: 2em;
	margin-right: 2em;
	}
	
	.wpgb-grid-16 .wpgb-masonry .wpgb-card:nth-child(even) .wpgb-card-inner, .wpgb-grid-26 .wpgb-masonry .wpgb-card:nth-child(even) .wpgb-card-inner {
    flex-flow: row-reverse;
	}
}
.list-inline-item.btn-list a {padding: 5px 15px;
    border-radius: 5px;
    border: 1px solid var(--ast-global-color-3);}

.display-neat li {
	display:inline-flex;
	width: 100%;
}
.display-neat li .day {
	width: 50px;
}
.default-list.smaller-list {
	font-size: 80%;
}

.default-list.smaller-list li {
	margin-bottom: 0;
}

#multimedia.has-supporting .featured-image {
    flex: 3; /* Takes up 66% of the container width */
}

.content-wrapper .left-col {
    flex: 4; /* Takes up 66% of the container width */
}

#multimedia.has-supporting .supporting-image, .content-wrapper .right-col {
    flex: 2; /* Takes up 33% of the container width */
}

#multimedia.no-supporting .featured-image {
    flex: 1; /* Takes up 66% of the container width */
}

#multimedia.no-supporting .supporting-image {
      display: none;
}

.supporting-image {
	position: relative;
    grid-gap: 10px;
    display: grid;
    grid-template-columns: 60% 2fr;
    grid-template-rows: 300px 300px;
}

.supporting-image.media-items-1 {
	grid-template-columns: 100% 1fr;
}

.supporting-image .slide:first-child {
    grid-row: 1/span 2;
}

.supporting-image .slide.hide {
    display: none;
}
.supporting-image .slide img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Optional: Maintain aspect ratio and cover entire space */
}

.button-ul, .column-list, .default-list {
	list-style: none;
	margin: 0;
	padding: 0!important;
}

.default-list li {
	margin-bottom: 0.5em;
}

.column-list {
  
}



/* Style for list items */
.column-list-item {
  /* Add your styling for list items here */
  /* For example, you can add padding, margin, etc. */
}
.right-col {
	col-gap:2em;
}

.video-container-proportional {
    position: relative;
    padding-top: 56.25%; /* 16:9 Aspect Ratio (9 / 16 * 100) */
}

.video-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.full-width-iframe {
    width: 100%;
    height: 100%;
}

.truncate span{
  max-width: 300px; /* Adjust the maximum width as needed */
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; /* Adds an ellipsis (...) at the end if content overflows */
}

.inner-wrap {padding: 0 2em;}

.wpgb-map-marker-body {padding: 0!important;}

.wpgb-map-marker-body {
	display: flex;
	  flex-direction: column;
	column-gap:0;
	margin: 0!important;
	padding: 0!important;
}

.wpgb-map-marker-img {overflow: hidden;}
.wpgb-map-marker-body .uppercase {text-transform: uppercase;}
.wpgb-map-marker-body .content h3 {font-size: 14px!important; line-height: 1.2!important;}
.wpgb-map-marker-body .column-left {width: 40%; padding: 0;overflow: hidden;}
.wpgb-map-marker-body .content {
	display: flex;
	row-gap:10px;
	flex-direction: column;
	padding: 15px;
	    align-items: flex-start;
}
.wpgb-map-marker-body .content .btn-marker {
	padding: 7px 15px;
	background: var(--ast-global-color-0)!important;
	color: #fff;
}
/*
.wpgb-map-marker-body .column-right {width: 60%; padding: 10px; display: flex;flex-direction: column;row-gap:10px;     justify-content: center;}
.wpgb-map-marker-body .read-more {font-size: 13px;}
*/

.toggleHeading::after {
	font-size: 30px;
	font-weight: 100;
}
.toggleHeading.closed::after {
	content: "";
    display: inline-block;
    width: 45px;
    height: 36px;
    background-image: url('lib/img/down-arrow.png'); /* Provide the path to your image */
    background-size: cover; /* Adjust the size if necessary */
    margin-left: 10px; /* Adjust the margin as needed */
}
.toggleHeading.open::after {
	content: "";
    display: inline-block;
    width: 45px;
    height: 36px;
    background-image: url('lib/img/up-arrow.png'); /* Provide the path to your image */
    background-size: cover; /* Adjust the size if necessary */
    margin-left: 10px; /* Adjust the margin as needed */
}

.toggleDiv {
    opacity: 0;
    display: none;
    transition: opacity 0.5s ease, display 0.5s ease;
    padding:20px;
}


.toggleHeading{
    
    cursor: pointer; /* Add a pointer cursor to indicate it's clickable */
    display: flex;
    justify-content: space-between;
}

.partialOpenToggle  {
    cursor: pointer;}

#the_content {
/*
    max-height: 100px;
    overflow: hidden;
*/
    transition: max-height 0.5s ease; /* Add a transition for smooth animation */
    position: relative;
}

/*
#the_content::before {
    content:'';
    
    position: absolute;
   top:50%; bottom: 0; left: 0; right: 0;
    background: linear-gradient(to bottom,  rgba(255, 243, 225,0) 0%,rgba(255, 243, 225,1) 100%);
}
*/

#the_content.more::before {
    opacity: 0;
}

.wpgb-facet button.wpgb-reset  {width:100%;padding:10px 36px!important;}
.highlight-section {
/* 	padding:20px;background:#eee;border-radius:10px; */
	}
.wpgb-card-body h2, .wpgb-card-body h3, .wpgb-card-body h4, .wpgb-card-body h5 {font-family: 'Rubik', sans-serif!important;font-weight:bold!important;
color: var(--ast-global-color-3)!important;
}
.wpgb-card-body p {

color: var(--ast-global-color-3)!important;
}

.single #primary, .page #primary {margin-top:4em!important}

.entry-content > .wp-block-group {padding:1em 0;}

.site-footer .menu-item .menu-link {color:#fff!important;text-transform:uppercase;font-size:16px;font-family: 'Rubik',sans-serif;}

.single .entry-content figure, .wp-block-embed {margin-bottom:20px!important}

/* .archive #primary {margin-top:0!important} */

.home.page #primary {margin-top:0!important}

.wpgb-card-body .card-btn {
	background: var(--ast-global-color-7);
	color:#fff!important;
	display:inline-block!important;
	padding:15px 35px!important;border-radius:15px 15px 15px 0!important;
}
.wpgb-card-body .card-btn:hover, .wpgb-facet .wpgb-reset {
	background-color: var(--ast-global-color-1)!important;
}
.single-post #primary p:first-child {font-size:22px;}

/*
.single-listing .site-content, .single-tour .site-content, .single-event .site-content {
	background: linear-gradient(to bottom, #274c00 400px, #F0EDE7 300px);
}
*/

.footer-top {background-color:var(--ast-global-color-5);}
.single-listing #primary,
.single-tour #primary,
.single-event #primary {margin-top:0!important}
.card-btn span::after {
	content: "";
  display: inline-block;
  width: 16px; /* Adjust the width of the icon as needed */
  height: 15px; /* Adjust the height of the icon as needed */
  background-image: url('https://creativevalleys.com.au/wp-content/uploads/2023/10/btn-arrow.png');
  background-size: cover; /* Adjust the sizing method as needed */
  margin-left: 15px; /* Adjust the spacing between text and icon */
	margin-bottom:-1px;
transition:0.25s;
}
.card-btn:hover span::after {margin-left:20px;}

.home #content.site-content, .single-listing #content.site-content, .single-event #content.site-content{
	background-image:url('https://creativevalleys.com.au/wp-content/uploads/2023/10/dotted-path-1.png');
	background-repeat:no-repeat;
	background-size:contain;
	background-position: center 100px;
}

.page-id-2794 #content.site-content {
	background-image:none;

}

.home #content.site-content {
	background-position: center 1500px;
}

/*
.archive #page.site {
	background-image:url('https://creativevalleys.com.au/wp-content/uploads/2023/10/dotted-path-1.png');
background-repeat:no-repeat;
	background-size:contain;
	background-position: center 800px;
}
*/

/*
.full-height.wpgb-facet .wpgb-map-facet {height:90vh!important;}

.full-height.wpgb-facet {position:sticky!important;top:0px;}
*/

.gform-body input {background:transparent;
	border-color: #B8B480!important;border-style:solid;border-width:1px;color:#fff;border-radius:5px}

.wpgb-facet fieldset {
	background: var(--ast-global-color-5);
}

.site-footer .widget-title {color:#B8B480;font-size:18px}

.site-footer .gform_heading {color:#fff; font-size:16px}
div[class^="astra-advanced-hook-"] .wp-block-cover.is-position-bottom-center{max-height: 600px!important;
    min-height: 600px!important;
    height: 600px;}
.country {
    transition:0.25s;
}

.country:hover, .country.highlighted {
    fill: var(--ast-global-color-7);
    stroke-width: 0px;
}
.country-list li.highlighted a {color:var(--ast-global-color-1)}

.country-list {margin: 0;padding: 0;}

.wp-grid-builder .wpgb-main {
    -ms-flex: 1!important;
    flex: 1!important;
    min-width: 0;
    max-width: 100%!important;
}

.site-footer .gform_footer .gform_button.button {
	background: var(--ast-global-color-7);
}

/**
.ast-primary-sticky-header-active #map-filter.sticky{top:100px;z-index: 10}

.ast-primary-sticky-header-active #map.sticky{top:190px;z-index: 10}

.ast-primary-sticky-header-active #map.sticky fieldset, 
.ast-primary-sticky-header-active #map.sticky >div, .ast-primary-sticky-header-active #map.sticky .wpgb-map-facet {height:calc(100vh - 200px); }

.ast-primary-sticky-header-active .wp-grid-builder .wpgb-facet-1 {top:230px;}

.wpgb-facet-1, .wpgb-facet-1 fieldset, .wpgb-map-facet {height:100%}
**/

/*
.wp-grid-builder .wpgb-area {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.wpgb-facet {
	display: flex;
    column-gap: 10px;
    align-items: center;
}
.wpgb-facet h4, .wpgb-facet fieldset, .wpgb-facet .wpgb-button.wpgb-reset{margin:0!important;}
*/
.wpgb-facet button.wpgb-reset {
    margin: 0!important;
    padding: 12px 36px;
}

.wpgb-facet.wpgb-facet-19 fieldset{
    margin: 0!important;
   
}

.wpgb-facet .wpgb-button.wpgb-reset{padding:10px!important;}

.page-id-2794 #primary {
    margin-top: 0!important;
}

#disciplines li a {

	color:var(--ast-global-color-7)!important;
	border-color:var(--ast-global-color-7)!important;
}
#contacts {background:var(--ast-global-color-7)!important;border-radius:10px 10px 10px 0}
#map {
	top:0;
	position:sticky;
}
.logged-in #map {
	top:32px;
}
#map .wpgb-facet, #map fieldset, #map .wpgb-map-facet.wpgb-map-loaded {height:100vh;}
.logged-in #map .wpgb-facet, .logged-in #map fieldset, .logged-in #map .wpgb-map-facet.wpgb-map-loaded  {height:calc(100vh -32px);}
.wpgb-facet h4, .wpgb-facet fieldset {margin:0 0 5px 0!important; font-weight:200;font-size:16px!important}
.lga-image-block .country-list,
.lga-image-block .country-list li {
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
}
.lga-image-block .country-list li {
	display:flex;
}
#singleton-wrap .cls-5, #muswellbrook-wrap .cls-5, #dungog-wrap .cls-5, #upper-hunter-wrap .cls-5{
	fill:var(--ast-global-color-0);
}
.pink-background .wpgb-facet h4 {color:#fff}

.pink-background .wpgb-facet fieldset, .pink-background .wpgb-facet fieldset select {background:#e6907f;border-color:#fff!important;color:#fff;}
.pink-background .wpgb-facet button.wpgb-apply {background:var(--ast-global-color-0);border-radius:0 40px 40px 0;margin-bottom:10px!important}
.pink-background .wpgb-facet button.wpgb-apply:hover {background:var(--ast-global-color-1)}
#upper-map-filter .wpgb-facet {display:flex;column-gap:10px;align-items: center;justify-content: flex-start;}
#upper-map-filter .wpgb-facet fieldset {
	margin-bottom:0px!important;
	background:#fff
}
.wpgb-result-count {
	font-weight: 700;
    font-family: 'Rubik',sans-serif;
    text-transform: uppercase;
}
.wpgb-card .wpgb-card-media-button {display:none!important}
.wpgb-card[data-format="video"] .wpgb-card-media-button {display:block!important;}
.site-above-footer-wrap, .ast-merged-advanced-header, .header-images {position:relative;}
.site-above-footer-wrap::before {
	content:'';
	position:absolute;
	left:0;
	top:0;
	width:179px;
	height:222px;
	background-image:url('https://creativevalleys.com.au/wp-content/uploads/2023/10/footer-left-dots.png');background-repeat:no-repeat;background-position:left top;
	z-index:0;
}
.header-images::after {
	content:'';
	position:absolute;
	left:20px;
	top:120px;
	width:179px;
	height:222px;
	background-image:url('https://creativevalleys.com.au/wp-content/uploads/2023/10/header-dots.png');background-repeat:no-repeat;background-position:left top;
	z-index:0;
}
.site-primary-footer-wrap::after {
	content:'';
	position:absolute;
	right:0;
	bottom:20px;
	width:179px;
	height:222px;
	background-image:url('https://creativevalleys.com.au/wp-content/uploads/2023/10/footer-right-dots.png');background-repeat:no-repeat;background-position:left top;
	z-index:0;
}
.widget-area {z-index:5;}
.page .ast-inside-advanced-header-content::after {
	content:'';
	position:absolute;
	right:60px;
	bottom:-80px;
	width:179px;
	height:222px;
	background-image:url('https://creativevalleys.com.au/wp-content/uploads/2023/10/header-dots.png');
	z-index:5;
}
.page-id-2794 .ast-inside-advanced-header-content::after {
	display:none;
}
#contacts a {color:#fff;}
.ast-single-related-posts-container {margin-bottom:60px}

#contacts .itinerary-link.btn.btn-reverse {
	padding:15px;
	background:#fff;
	color:#222;
	text-align:center;
	border-radius:5px;
	margin-bottom:20px;
	font-family:'Rubik';
	text-transform:uppercase;
	font-weight:700;
	line-height:1;
	border:2px solid #fff;
}
#contacts .itinerary-link.btn.btn-reverse:hover {
	background:#C4A66C;
	border:2px solid #fff;
}
.listing-image {min-width:300px}
.listing-image img {border-radius:5px;}
.listings-wrap {
	display:flex;
	flex-direction:column;
	row-gap:1em;
}
.listings-wrap span.handwritten {font-size: 30px;}
.itinerary-location {max-width:1000px;}
.listing-title.flex-column {
	row-gap:5px;
	padding-top:15px;
}
.listing-title .listing-address {font-size:14px;text-transform:uppercase;color:var(--ast-global-color-0);}
.listing-title h3, .listing-title h3 a {color:var(--ast-global-color-0)!important;font-size:22px!important;line-height:1.1;}

.google-maps-link.margin-top {margin-top:2em!important}

.itinerary-step { 
	
padding-left:80px;}
ul.list-special {
	list-style:none;
	margin:0;
	padding:0;
}
.step-number {
	border-radius:50%;
	background:var(--ast-global-color-0);color:#fff;
	display:inline-block;
	text-align:center;
	height:70px;
	width:70px;
	font-size:30px;
	line-height:30px;
	padding:15px 0;
	z-index:2;
	position:absolute;
	left:20px;
	top:30px;border:5px solid #dfcba5;
}
ul.list-special li {position:relative;
padding-bottom:20px;
	
}
ul.list-special li .itinerary-step-in {position:relative;
	padding:45px 30px 60px 30px;
	background:#fff;
	border-radius:15px;
}
ul.list-special li:last-child .dotted-trail {
top:0;height:40px;}
.dotted-trail {position:absolute;border-left:4px solid #e6dcc9;left:53px;top:0px;bottom:0;z-index:1;}
ul.list-special li:first-child .dotted-trail {
	top:35px;
}
h3 span.shift-right {display:block;padding-top:10px;font-weight:200;font-size:18px}

.itinerary-info {
	justify-content: center;
	margin: 0 0 20px 0;
}
.itinerary-info h4, .itinerary-info h4 a  {
	color: var(--ast-global-color-3);
	
}