/*  
Theme Name: Spring Cotteges on Swan Lake
Theme URI: https://www.studio313.com.au
Description: Custom Theme for Spring Cotteges on Swan Lake
Version: 2.0.2026
Author: Studio 313
Author URI: https://www.studio313.com.au
*/

/** RESET **/
*, *::before, *::after { box-sizing: border-box; }
*:not(dialog) { margin: 0; }
@media (prefers-reduced-motion: no-preference) {
  html { interpolate-size: allow-keywords; }
}
body { line-height: 1.8; -webkit-font-smoothing: antialiased; }
img, picture, video, canvas, svg { display: block; max-width: 100%; }
input, button, textarea, select { font: inherit;}
p, h1, h2, h3, h4, h5, h6 { overflow-wrap: break-word; text-wrap: pretty;}
p { text-wrap: pretty; }
h1, h2, h3, h4, h5, h6 { text-wrap: balance; }
#root, #__next { isolation: isolate; }

/** SITE STYLES **/

:root {
/*colours */
    --Col_Peach:#F8AE68;
    --Col_Terra:#CB754B;
    --Col_Base:#554b4d;
    --Col_Copy:#545454;
    --Col_Nunyara: #F9AE67;
    --Col_Bimbimbie: #FD94E1;
    --Col_Alambee: #96DAF6;
    --Col_Elanora: #627068;
    --Col_Illoura: #D48C65;
    --Col_Mudbrick: #57484A;
    --Col_Burra: #929597;

/* fonts */
    --Head:  "Cinzel", serif;
    --Copy: "Montserrat", sans-serif;
    --fontawe: "Font Awesome 7 Pro";
    
    --font-h1: clamp(1.375rem, 1.0278rem + 1.1111vw, 2rem);
    --font-h2: clamp(1.25rem, 0.9722rem + 0.8889vw, 1.75rem);
    --font-h3: clamp(1.125rem, 0.9167rem + 0.6667vw, 1.5rem);
    --font-h4: clamp(1.125rem, 0.9861rem + 0.4444vw, 1.375rem);
    --font-p: clamp(1.00rem, calc(0.882rem + 0.426vw), 1.10rem);
   
/* spacing */
    --Pad: clamp(40px, calc(32.727px + 2.273vw), 10dvh) clamp(15px, calc(13.182px + 0.568vw), 20px);
    --txt_margin: 0 0 clamp(1.25rem, calc(1.084rem + 0.532vw), 1.563rem) 0;
	--itm_pad: clamp(10px, calc(4.681px + 1.064vw), 20px) clamp(15px, calc(7.021px + 1.596vw), 30px);
}


html { background-color: var(--Col_DkGrn); scroll-behavior: smooth; overflow-x:hidden;}
body { -webkit-text-size-adjust: none; background-color:rgba(255, 250, 240, 0.3); font-size: 18px; font-family: var(--Copy);}

h1, h2, h3, h4 { font-family: var(--Head);  color:var(--Col_Terra); margin:var(--txt_margin); padding:0; text-decoration:none; outline:none; border:none; font-weight: 400; line-height: 1.6;}

h1 { font-size: var(--font-h1);}
h2 { font-size: var(--font-h2);}
h3 { font-size: var(--font-h3);}
h4 { font-size: var(--font-h4);}

p, a, li { font-family: var(--Copy); margin:var(--txt_margin); padding:0; text-decoration:none; border:none; font-size: var(--font-p); font-weight: 400;}
p, li { color:var(--Col_Copy);}
p { margin:0 0 10px 0;}

a, button { text-decoration:none; color:var(--Copy); transition:all .2s ease-out; border:none; outline: none;}
a:hover { color:var(--Col_Terra) !important;}

ul, ol { margin-left:20px; margin-bottom:10px;}
ul { list-style:disc;}
ol { list-style:decimal;}

table { margin:20px auto;}
th { text-transform:uppercase; border-bottom:2px solid #aaa !important;}
th, td { padding:10px; border:1px solid #ccc;}
table tr:nth-of-type(even) { background:#f2f2f2;}
@media screen and (max-width: 600px) {table { overflow-x: auto; display: block; border-right:1px dashed #ccc; padding:30px 0; }}

b, strong, em b, i b, em strong, i strong { font-family: var(--Copy); font-weight:600;}
em, i, em b, i b, em strong, i strong { font-style: italic;}

.container { width: 100%; max-width: 1600px;}
.pgbody { min-height: 1dvh;}
img { max-width: 100%; height: auto;}

/** HEADER **/
header { position:relative; margin:0; padding:0; background: rgba(255,255,255,0.9); backdrop-filter: blur(7px); z-index: 1100;}

.NavMain { position: fixed; top: 0; width: 100%; height: auto; padding: 5px 10px; box-sizing: border-box; transition: all 0.3s ease-in-out;  }
.NavMain.hidden { transform: translateY(-100%); }
	
/* nav */
nav * {margin: 0; padding: 0; }
.navbar-brand img {height: clamp(40px, calc(18.723px + 4.255vw), 80px);}
.navbar-nav a {font-size: var(--font-p); text-transform: uppercase; color: var(--Col_Base); font-weight: 400;}

@media only screen and (min-width:1000px) {
	nav {display: flex; justify-content: space-between; }
	.navbar-nav {justify-content: end; display: flex; gap:2.5dvw; width: 100%;}
}


	
/** CONTENT **/
.head_feat {display: flex; justify-content: center; align-items: center; width: 100dvw; height: 70dvh; z-index: 0; overflow: hidden !important;}
.head_feat img, .head_feat video, .head_feat source {width: 100%; height: 70dvh; object-fit: cover; position: absolute; top: 0; left: 0;}
.head_feat h1 {position: relative; z-index: 1; color: #fff; max-width: 800px; text-align: center; font-size:clamp(2.00rem, calc(1.567rem + 1.731vw), 3.13rem); margin-top: 10dvh; letter-spacing: 2; line-height: 1.5; font-weight: 300;}

.head_feat.home_feat {display: flex; justify-content: center; align-items: start; width: 100dvw; height: 100dvh; z-index: 0;}
.head_feat.home_feat img, .head_feat.home_feat video, .head_feat.home_feat source {width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0;}
.head_feat.home_feat h1 {position: relative; z-index: 1; color: #fff; max-width: 800px; text-align: center; font-size:clamp(2.00rem, calc(1.567rem + 1.731vw), 3.13rem); margin-top: 20dvh; letter-spacing: 2; line-height: 1.5; font-weight: 300;}

.head_feat.cottage_head { height: 30dvh; background: var(--Col_Base);}
.head_feat.cottage_head.nunyara { background: var(--Col_Nunyara);}
.head_feat.cottage_head.bimbimbie { background: var(--Col_Bimbimbie);}
.head_feat.cottage_head.alambee { background: var(--Col_Alambee);}
.head_feat.cottage_head.elanora { background: var(--Col_Elanora);}
.head_feat.cottage_head.illoura { background: var(--Col_Illoura);}
.head_feat.cottage_head.mudbrick { background: var(--Col_Mudbrick);}
.head_feat.cottage_head.burra { background: var(--Col_Burra);}



.cols2_grid4 {background: url(assets/img/paper.jpg) repeat; width: 100dvw; display: flex; flex-wrap: wrap;}
.cols2_grid4 div {width: 100dvw; display: flex; justify-content: center; align-items: center;}
.cols2_grid4 div {height: 50dvh;}
.cols2_grid4 div img { width: 70%; max-width: 500px; max-height: 70%; object-fit: contain;}
.cols2_grid4 div.img_grid_4 { height: auto; width: 100dvw; display: flex; flex-wrap: wrap;}
.cols2_grid4 div.img_grid_4 div {width: 50%; height: 50%; }
.cols2_grid4 div.img_grid_4 div img { width: 100%; height: 100%; max-width: unset; max-height: unset; object-fit: cover;}

.cols2_imgimg  {display: flex; flex-direction: column; height: 75dvh; overflow: hidden;}
.cols2_imgimg img {width: 100%; height: 100%; object-fit: cover;}

.cols2_imgtxt {display: flex; flex-direction: column;}
.cols2_imgtxt div {min-height: 400px;}
.cols2_imgtxt .img {aspect-ratio: 1/1;}
.cols2_imgtxt .img img {width: 100%; height: 100%; object-fit: cover;}
.cols2_imgtxt .txt {padding: 7.5dvw;}
.cols2_imgtxt .txt h2 {font-size: var(--font-h1);}

.cols2_imgtxt_imggrid3 {display: flex; flex-direction: column;}
.cols2_imgtxt_imggrid3 div {min-height: 300px;}
.cols2_imgtxt_imggrid3 .img {display: flex; flex-direction: row; flex-wrap: wrap;}
.cols2_imgtxt_imggrid3 .img img {width: 100%; height: 100%; object-fit: cover;}
.cols2_imgtxt_imggrid3 .img img:first-of-type {aspect-ratio: 2/1;}
.cols2_imgtxt_imggrid3 .img img:nth-of-type(n+2) {width: 50% !important; aspect-ratio: 1/1;}

.cols2_imgtxt_imggrid4 {display: flex; flex-direction: column;}
.cols2_imgtxt_imggrid4 div {min-height: 300px;}
.cols2_imgtxt_imggrid4 .img {display: flex; flex-direction: row; flex-wrap: wrap;}
.cols2_imgtxt_imggrid4 .img img {width: 100%; height: 100%; object-fit: cover; width: 50% !important; aspect-ratio: 1/1;}
.cols2_imgtxt_imggrid4 .txt {padding: 7.5dvw;}

.cols2_imgtxt_imggrid3 .txt {padding: 7.5dvw;}
.cols2_imgtxt_imggrid3 .txt h2 {font-size: var(--font-h1);}

.faqs {padding:7.5dvh 2dvw; background: url(assets/img/paper.jpg) repeat; }
.faqs * {border: 0; padding: 0; background: none; box-shadow: none !important}
.faqs .accordion-item {margin-bottom: 20px; border: 0; overflow: hidden; border-radius: 10px; }
.faqs .accordion-header {border-bottom: 1px solid #fff;}
.faqs .accordion-header button {background: #fff; padding: 10px 2dvw; width: 100%; text-align: left; font-size: var(--font-h3); position: relative; display: flex; justify-content: space-between; gap:20px; border: 0; border-radius: 0; }
.faqs .accordion-header button span { display: flex; justify-content: space-between; align-items: center; font-family: var(--Head); width: 100% !important;color:var(--Col_Terra);}
.faqs .accordion-body { background: #fff; padding: 1dvh 2dvw 2dvh;}
.faqs .accordion-header button span, .accordbdy_inner {width: 100%; position: relative; transition:all .2s ease-out;}
.faqs .accordion-header button:hover span, .accordion-header button[aria-expanded="true"] span {color:var(--Col_Base);}
.faqs .accordion-item:has(.accordion-header button[aria-expanded="true"]) { background: none; border-radius: 0 !important; }

.faqs .accordion-button::after { display: none !important; }
.faqs .accordion-header button span:before {font-family: var(--fontawe); font: var(--fa-font-light); display: inline-block; content: '\2b'; font-weight: 200; font-size: 3dvh; order: 2;  transition:all .6s ease-out; color:var(--Col_Terra);}
.faqs .faqs .accordion-header button[aria-expanded="true"] {background: #fff; box-shadow: none !important;}
.accordion-header button[aria-expanded="true"] span:before {transform: rotate(135deg);}

.cottage_grid .cottage_grid_itm { width: 100dvw; height: 50dvh; text-align: center; position: relative; background: url(assets/img/paper.jpg) repeat; overflow: hidden;}
.cottage_grid .cottage_grid_itm a {display: block; height: 100%; width: 100%;}
.cottage_grid .cottage_grid_itm p {font-size: var(--font-h2); font-family: var(--Head); color:var(--Col_Terra); max-width: 350px; padding: 3dvh; margin-bottom: 0;}
.cottage_grid .cottage_grid_itm .name {position: absolute; bottom: 0; left: 0; z-index: 1; width: 100%; text-align: center; background: var(--Col_Base); display: block; padding: clamp(10px, calc(4.681px + 1.064vw), 20px) clamp(15px, calc(7.021px + 1.596vw), 30px);}
.cottage_grid .cottage_grid_itm .name {transition:all .5s ease-out;}
.cottage_grid .cottage_grid_itm .name h2 {transition:all .2s ease-out; font-size: var(--font-h3);}
.cottage_grid .cottage_grid_itm.nunyara .name {background: var(--Col_Nunyara) !important; border: 2px solid var(--Col_Nunyara);}
.cottage_grid .cottage_grid_itm.bimbimbie .name {background: var(--Col_Bimbimbie) !important; border: 2px solid var(--Col_Bimbimbie);}
.cottage_grid .cottage_grid_itm.alambee .name {background: var(--Col_Alambee) !important; border: 2px solid var(--Col_Alambee);}
.cottage_grid .cottage_grid_itm.elanora .name {background: var(--Col_Elanora) !important; border: 2px solid var(--Col_Elanora);}
.cottage_grid .cottage_grid_itm.illoura .name {background: var(--Col_Illoura) !important; border: 2px solid var(--Col_Illoura);}
.cottage_grid .cottage_grid_itm.mudbrick .name {background: var(--Col_Mudbrick) !important; border: 2px solid var(--Col_Mudbrick);}
.cottage_grid .cottage_grid_itm.burra .name {background: var(--Col_Burra) !important; border: 2px solid var(--Col_Burra);}
.cottage_grid .cottage_grid_itm:hover .name {background: #fff !important;}
.cottage_grid .cottage_grid_itm.nunyara:hover .name {border: 2px solid var(--Col_Nunyara);}
.cottage_grid .cottage_grid_itm.bimbimbie:hover .name {border: 2px solid var(--Col_Bimbimbie);}
.cottage_grid .cottage_grid_itm.alambee:hover .name {border: 2px solid var(--Col_Alambee);}
.cottage_grid .cottage_grid_itm.elanora:hover .name {border: 2px solid var(--Col_Elanora);}
.cottage_grid .cottage_grid_itm.illoura:hover .name {border: 2px solid var(--Col_Illoura);}
.cottage_grid .cottage_grid_itm.mudbrick:hover .name {border: 2px solid var(--Col_Mudbrick);}
.cottage_grid .cottage_grid_itm.burra:hover .name {border: 2px solid var(--Col_Burra);}
.cottage_grid .cottage_grid_itm.nunyara:hover .name h2 {color: var(--Col_Nunyara) !important;}
.cottage_grid .cottage_grid_itm.bimbimbie:hover .name h2 {color: var(--Col_Bimbimbie) !important;}
.cottage_grid .cottage_grid_itm.alambee:hover .name h2 {color: var(--Col_Alambee) !important;}
.cottage_grid .cottage_grid_itm.elanora:hover .name h2 {color: var(--Col_Elanora) !important;}
.cottage_grid .cottage_grid_itm.illoura:hover .name h2 {color: var(--Col_Illoura) !important;}
.cottage_grid .cottage_grid_itm.mudbrick:hover .name h2 {color: var(--Col_Mudbrick) !important;}
.cottage_grid .cottage_grid_itm.burra:hover .name h2 {color: var(--Col_Burra) !important;}

.cottage_grid .cottage_grid_itm .name h2 {margin: 0; line-height: 0; display: block; padding:  clamp(10px, calc(4.681px + 1.064vw), 20px) clamp(15px, calc(7.021px + 1.596vw), 30px); color: #fff; font-size: var(--font-h2); }
.cottage_grid .cottage_grid_itm:first-of-type a {display: flex; justify-content: center; align-items: center;}
.cottage_grid .cottage_grid_itm img {width:100%; height: 100%; object-fit: cover;  transition:all 2s ease-out;}
.cottage_grid .cottage_grid_itm:hover img {transform: scale(105%);}

.reviews {background: url(assets/img/paper.jpg) repeat; padding: var(--Pad);}
.reviews_in {display: flex; gap: 20px; flex-direction:column;}
.reviews_in div {width: 100%;}
.reviews_in div p {max-width: 350px; }
.reviews_in div img {max-width: 200px; margin-top: 5dvh;}

.reviews_in button {background: transparent; font-size: var(--font-h1); color: var(--Col_Terra); opacity: 0.4;}
.caro_nav {display: flex; justify-content: end; }
.carousel-item {text-align: center; padding:var(--Pad);}
.carousel-item article {font-size: var(--font-h4); font-family: var(--Head);}
.carousel-item cite { color: var(--Col_Terra);}
.reviews .carousel-inner { -webkit-mask-image: linear-gradient( to right, transparent 0%, black 80px, black calc(100% - 80px), transparent 100% ); mask-image: linear-gradient( to right, transparent 0%, black 80px, black calc(100% - 80px), transparent 100% ); }

.cottages_intro {background: url(assets/img/paper.jpg) repeat; padding: 7.5dvw 5dvw;}
.cottages_intro p {font-size: var(--font-h1); font-family: var(--Head); color: var(--Col_Terra); max-width: 1400px; margin-bottom: 0;}
.cottages_intro p:not(:last-of-type) {margin-bottom: 3dvh;}
.cottages_grid .cols2_imgtxt {height:auto; min-height: 60dvh;}
.cottages_grid .cols2_imgtxt:nth-of-type(even) .img {order: 2;}
.cottages_grid .cols2_imgtxt .img {position: relative;}
.cottages_grid .cols2_imgtxt .img h2 {background: var(--Col_Base); position: absolute; left: 0; top: 7.5%; width: 100%; padding: var(--itm_pad); color: #fff; font-weight: 600; font-size: var(--font-h1); text-align: right;}
.cottages_grid .cols2_imgtxt .img h2:before {width: 3.5dvw; background: var(--Col_Base); height: 100%; content: ''; display: block; position: absolute; right: -3.5dvw; top: 0; border-radius: 0 999px 999px 0;}
.cottages_grid .cols2_imgtxt .img h2:after {display: inline; content: 'Cottage'; margin-left: 10px;}
.cottages_grid .cols2_imgtxt:nth-of-type(even) .img h2 {text-align: left;}
.cottages_grid .cols2_imgtxt:nth-of-type(even) .img h2:before {right: unset; left: -3.5dvw; border-radius: 999px 0 0 999px;}
.cottages_grid .cols2_imgtxt .txt ul, .cottage_notes ul {margin: 0; padding: 0; position: relative;}
.cottages_grid .cols2_imgtxt .txt ul:before, .cottage_notes ul:before {display: block; content: 'Cottage Features'; font-family: var(--Head); font-size: var(--font-h2);}
.cottages_grid .cols2_imgtxt .txt ul li, .cottage_notes ul li { margin-bottom: 7px; margin-left: 20px;}

.cottages_grid .cols2_imgtxt.nunyara .img h2,
.cottages_grid .cols2_imgtxt.nunyara .txt a.cta,
.cottages_grid .cols2_imgtxt.nunyara .img h2:before {background: var(--Col_Nunyara); border: 2px solid var(--Col_Nunyara);}
.cottages_grid .cols2_imgtxt.bimbimbie .img h2,
.cottages_grid .cols2_imgtxt.bimbimbie .txt a.cta,
.cottages_grid .cols2_imgtxt.bimbimbie .img h2:before {background: var(--Col_Bimbimbie); border: 2px solid var(--Col_Bimbimbie);}
.cottages_grid .cols2_imgtxt.alambee .img h2,
.cottages_grid .cols2_imgtxt.alambee .txt a.cta,
.cottages_grid .cols2_imgtxt.alambee .img h2:before {background: var(--Col_Alambee); border: 2px solid var(--Col_Alambee);}
.cottages_grid .cols2_imgtxt.elanora .img h2,
.cottages_grid .cols2_imgtxt.elanora .txt a.cta,
.cottages_grid .cols2_imgtxt.elanora .img h2:before {background: var(--Col_Elanora); border: 2px solid var(--Col_Elanora);}
.cottages_grid .cols2_imgtxt.illoura .img h2,
.cottages_grid .cols2_imgtxt.illoura .txt a.cta,
.cottages_grid .cols2_imgtxt.illoura .img h2:before {background: var(--Col_Illoura); border: 2px solid var(--Col_Illoura);}
.cottages_grid .cols2_imgtxt.mudbrick .img h2,
.cottages_grid .cols2_imgtxt.mudbrick .txt a.cta,
.cottages_grid .cols2_imgtxt.mudbrick .img h2:before {background: var(--Col_Mudbrick); border: 2px solid var(--Col_Mudbrick);}
.cottages_grid .cols2_imgtxt.burra .img h2,
.cottages_grid .cols2_imgtxt.burra .txt a.cta,
.cottages_grid .cols2_imgtxt.burra .img h2:after {background: var(--Col_Burra); border: 2px solid var(--Col_Burra);}

.cottages_grid .cols2_imgtxt .txt a.cta:hover {background: transparent !important;}
.cottages_grid .cols2_imgtxt.nunyara .txt a.cta:hover {color: var(--Col_Nunyara) !important; border: 2px solid var(--Col_Nunyara);}
.cottages_grid .cols2_imgtxt.bimbimbie .txt a.cta:hover {color: var(--Col_Bimbimbie) !important; border: 2px solid var(--Col_Bimbimbie);}
.cottages_grid .cols2_imgtxt.alambee .txt a.cta:hover {color: var(--Col_Alambee) !important; border: 2px solid var(--Col_Alambee);}
.cottages_grid .cols2_imgtxt.elanora .txt a.cta:hover {color: var(--Col_Elanora) !important; border: 2px solid var(--Col_Elanora);}
.cottages_grid .cols2_imgtxt.illoura .txt a.cta:hover {color: var(--Col_Illoura) !important; border: 2px solid var(--Col_Illoura);}
.cottages_grid .cols2_imgtxt.mudbrick .txt a.cta:hover {color: var(--Col_Mudbrick) !important; border: 2px solid var(--Col_Mudbrick);}
.cottages_grid .cols2_imgtxt.burra .txt a.cta:hover {color: var(--Col_Burra) !important; border: 2px solid var(--Col_Burra);}

.cottage_wrap { width: 100dvw; height: auto; display: flex; flex-direction: column;}
.cottage_wrap .cottage_gal { height: 65dvh;}
.cottage_wrap .carousel, .cottage_wrap .carousel-inner, .cottage_wrap .carousel-item {padding: 0; height: 100%;}
.cottage_wrap .carousel-item img {width: 100%; height: 100%; object-fit: cover;}
.cottage_wrap .cottage_notes { padding:var(--Pad);}

.cottage_wrap .cottage_cta { position: fixed; bottom: -2.5dvh; left: 0; width: 100%; z-index: 99; box-shadow: 0 0 20px 2px rgba(0,0,0,0.25);}
.cottage_wrap .cottage_cta a {background: var(--Col_Base); color: #fff; width: 100% !important; height: 5dvh; display: flex; align-items: center; justify-content: center; text-transform: uppercase; font-size: var(--font-h3); font-weight: 600; border: 2px solid red;}


.cottage_wrap.nunyara .cottage_notes h1 {color: var(--Col_Nunyara);}
.cottage_wrap.bimbimbie .cottage_notes h1 {color: var(--Col_Bimbimbie);}
.cottage_wrap.alambee .cottage_notes h1 {color: var(--Col_Alambee);}
.cottage_wrap.elanora .cottage_notes h1 {color: var(--Col_Elanora);}
.cottage_wrap.illoura .cottage_notes h1 {color: var(--Col_Illoura);}
.cottage_wrap.mudbrick .cottage_notes h1 {color: var(--Col_Mudbrick);}
.cottage_wrap.burra .cottage_notes h1 {color: var(--Col_Burra);}

.cottage_wrap.nunyara .cottage_cta a {background: var(--Col_Nunyara); border: 2px solid var(--Col_Nunyara);}
.cottage_wrap.bimbimbie .cottage_cta a {background: var(--Col_Bimbimbie); border: 2px solid var(--Col_Bimbimbie);}
.cottage_wrap.alambee .cottage_cta a {background: var(--Col_Alambee); border: 2px solid var(--Col_Alambee);}
.cottage_wrap.elanora .cottage_cta a {background: var(--Col_Elanora); border: 2px solid var(--Col_Elanora);}
.cottage_wrap.illoura .cottage_cta a {background: var(--Col_Illoura); border: 2px solid var(--Col_Illoura);}
.cottage_wrap.mudbrick .cottage_cta a {background: var(--Col_Mudbrick); border: 2px solid var(--Col_Mudbrick);}
.cottage_wrap.burra .cottage_cta a {background: var(--Col_Burra); border: 2px solid var(--Col_Burra);}

.cottage_gal {position: relative;}
.cottage_gal .caro_nav {position: absolute; top: calc(50% - 30px); z-index: 10; width: 100%; display: flex; justify-content: space-between; padding-inline: 3%;} 
.cottage_gal .caro_nav button {border-radius: 50%; aspect-ratio: 1/1; width: 60px; background: rgba(255,255,255,0.25); backdrop-filter: blur(5px); font-size: var(--font-h1); border: 2px solid rgba(255,255,255,0.35); color: #fff;}
.cottage_gal:hover .caro_nav button {background: #fff; color: var(--Col_Terra);}
.cottage_gal:hover .caro_nav button:hover {background: var(--Col_Terra); color: #fff;}

.cottage_other_head {background: url(assets/img/paper.jpg) repeat; padding: 10dvh 5dvh; text-align: center; width: 100%; font-family: var(--Head); color: var(--Col_Terra); font-size: var(--font-h1);}
.cottage_other .cottage_grid .cottage_grid_itm:nth-of-type(2) {order: 2; }
.cottage_other .cottage_grid {display: flex; flex-wrap:wrap; flex-direction: row;}
.cottage_other .cottage_grid .cottage_grid_itm {width: 50%;}

.carousel-fade .carousel-item { transition: opacity 2s ease-in-out;}
.carousel-fade .active.carousel-item-start, .carousel-fade .active.carousel-item-end { transition: opacity 0s 2s; }

.book_intro, .book_rates, .book_form, .contact_form {padding:5dvh 2dvh;}
.book_intro h2 {max-width: 1000px;}
.book_rates .container, .contact_form .container { display: flex; flex-direction: column; gap:30px;}
.book_rates .book_rates_itm { border: 1px solid #ccc; border-radius: 1.5dvh; padding: 2dvh;}
.book_rates .book_rates_itm span {color: var(--Col_Terra);}
.book_rates .book_rates_itm ul {list-style: none; position: relative; margin: 0; padding: 0;}
.book_rates .book_rates_itm ul li {margin-bottom: 5px;}

.book_form {display: flex; gap: 30px; flex-direction: column;}
.book_form p {font-size: 0.8rem;}

@media only screen and (max-width:700px) {
	.head_feat h1 br {display: none;}
}		

@media only screen and (min-width:700px) {
	.cottage_grid {display: flex; flex-direction: row; flex-wrap: wrap;}
	.cottage_grid .cottage_grid_itm {width: 50%; height: unset; aspect-ratio: 1/1;}
	.reviews_in {display: flex; gap: 5dvw; flex-direction:row;}
	.reviews_col_l {width: 40% !important;}
	.reviews_col_r {width: 60%;}
	.reviews_in button:hover {opacity: 1;}
	
	.cols2_imgimg {flex-direction: row;	}
	.cols2_imgimg img {aspect-ratio: unset; width: 50dvw; height: 80dvh;}
	
	.cols2_imgtxt_imggrid4 {display: flex; flex-direction: row;}
	.cols2_imgtxt_imggrid4 div {width: 70dvw;}
	.cols2_imgtxt_imggrid4 .txt div {width: auto;}
	.cols2_imgtxt_imggrid4 .img {display: flex; flex-direction: column; width: 30dvw;}
	.cols2_imgtxt_imggrid4 .img img {height: 25%; width: 100% !important; aspect-ratio: unset; object-fit: cover;}
	.cols2_imgtxt_imggrid4 .txt {display: flex; align-items: center;}
	.cottage_other .cottage_grid {justify-content: space-between; background: var(--Col_Nunyara);}
	.cottage_other .cottage_grid .cottage_grid_itm {width: 33.3%;}
	.cottage_cta a {position: relative;}
	.cottage_cta a:before {display: inline-block; content: 'make a'; text-transform: uppercase; margin-right: 7px;}
}

@media only screen and (min-width:1000px) {
	.cols2_grid4 {height: 100dvh; display: flex; flex-direction: row; flex-wrap: wrap;}
	.cols2_grid4 div.img_grid_1 {width: 49.2dvw; height: 100dvh;} 
	.cols2_grid4 div.img_grid_4 {width: 50.8dvw; display: flex;  flex-direction: row; flex-wrap: wrap;}
	.cols2_grid4 div.img_grid_4 div {height: 50dvh !important; width: 25dvw !important;}
	.cols2_grid4 div.img_grid_4 div img { width: 100%; height: 100%; object-fit: cover;}
	
	.cols2_imgtxt {display: flex; flex-direction: row;}
	.cols2_imgtxt.rev .img {order:2;}
	.cols2_imgtxt div {width: 50dvw;}
	.cols2_imgtxt .img {aspect-ratio: 4/3;}
	.cols2_imgtxt .txt {display: flex; justify-content: center; align-items: start; flex-direction: column;}
	
	.cols2_imgtxt_imggrid3 {display: flex; flex-direction: row;}
	.cols2_imgtxt_imggrid3 div {width: 50dvw;}
	.cols2_imgtxt_imggrid3 .img {display: flex; flex-direction: row; flex-wrap: wrap;}
	.cols2_imgtxt_imggrid3 .img img {width: 100%; height: 100%; object-fit: cover;}
	.cols2_imgtxt_imggrid3 .img img:first-of-type {height: 50%; width: 100%; object-fit: cover; object-position: bottom;}
	.cols2_imgtxt_imggrid3 .img img:nth-of-type(n+2) {height: 50%; width: 50%; aspect-ratio: 1/1; object-fit: cover;}
	.cols2_imgtxt_imggrid3.rev .img {order:2;}
	.cols2_imgtxt_imggrid3 .txt {display: flex; align-items: center;}
	.cols2_imgtxt_imggrid3 .txt div {width: auto;}
	
	.cols2_imgtxt_imggrid4 {display: flex; flex-direction: row;}
	.cols2_imgtxt_imggrid4 div {width: 49.75dvw !important;}
	.cols2_imgtxt_imggrid4 .txt div {width: auto;}
	.cols2_imgtxt_imggrid4 .img {display: flex; flex-direction: row; flex-wrap: wrap; width: 50.25dvw;}
	.cols2_imgtxt_imggrid4 .img img {height: 50%; width: 50% !important; aspect-ratio: unset; object-fit: cover;}
	.cols2_imgtxt_imggrid4 .txt {display: flex; align-items: center;}
	.cols2_imgtxt_imggrid4.rev .img {order:2;}
	
	.reviews {min-height: 66dvh; display: flex; align-items: center;}
	
	.cottage_grid .cottage_grid_itm {width: 25%;}
	.cottage_grid .cottage_grid_itm:nth-of-type(2) {order: -1;}
	
	.cottage_wrap {flex-direction: row;}
	.cottage_wrap > div {width: 50dvw;}
	.cottage_gal {padding: 20px; margin-top: 7dvh;}
	.cottage_cta { position: fixed; bottom: -3dvh; left: 0; width: 100% !important; z-index: 99; display: block;}
	.cottage_cta a {padding: 15px 30px !important; display: block; height: 75px; width: 100%; text-align: center;}
	
	.cottage_notes {padding: 5dvh 7.5dvw !important;}
	
	.book_rates .container, .book_form .container, .contact_form .container { display: flex; flex-direction: row; gap:30px;}
	.book_rates .container .book_rates_itm, .book_form .container {flex:1; min-width: 0;}
	.book_form .container div:first-of-type {width: 35%; padding-right: 5%;}
	.book_form .container div:last-of-type {width: 60%;}
	.contact_form .container div {width: 50%;}
	.contact_form .container div:first-of-type {padding-right: 5%;}
}
				
@media only screen and (min-width:1200px) {
	.cottage_wrap { display: flex; align-items: stretch;height: auto; position: relative;}
	.cottage_wrap .cottage_gal {padding: 0; margin: 0;}
	.cottage_wrap .cottage_gal, .cottage_wrap .cottage_gal .carousel {height: 85dvh;}
	.cottage_wrap .carousel, .cottage_wrap .carousel-inner, .cottage_wrap .carousel-item {padding: 0; height: 85dvh; overflow: hidden;}
	.cottage_cta { position: absolute; bottom:-0px !important; left: 0; width: 100%; z-index: 99; height: 7dvh;}
	.cottage_cta a { height: 7dvh !important;}
	.cottage_notes {padding-bottom: 15dvh !important;}

}

@media only screen and (min-width:1500px) {
	.cottage_other .cottage_grid .cottage_grid_itm {width: 16.66%;}
	.cottage_notes {display: flex; align-items: center; padding-bottom: 0 !important}
}
/** FOOTER **/
footer { position:relative; background: #F8AE68; padding:0 !important;}
footer .container {display: flex; gap: 20px; flex-direction: row; flex-wrap: wrap; max-width: 1700px; padding:clamp(20px, calc(16px + 2.273vw), 3dvh) clamp(15px, calc(13.182px + 0.568vw), 20px);}
footer .container img {width: 80%; max-width: 250px;}
footer ul {list-style: none; position: relative; margin: 0; padding: 0;}
footer ul li {display: block; margin: 0;}
footer ul li a {color: var(--Col_Copy); font-weight: 500;}
footer .ft_logo {display: flex; justify-content: center;}
footer .container div {width: 100%;}
footer .container div:nth-child(n+2) {width: 45.2%;}
footer .container a {text-transform: uppercase; font-size: 12px;}
footer .container .ft_contact {display: flex; flex-direction: column; gap: 30px;}
footer .container .ft_contact a {font-size:14px;}
footer .container a:hover {color: #fff !important;}
ul.ft_socials {display: flex; gap:15px;}
ul.ft_socials li {display: inline; }
.ft_socials a:before {font-family: var(--fontawe); font: var(--fa-font-brands); display: inline-block; font-size: var(--font-h4);}
.ft_socials a[href*="instagram.com"]:before {content: '\e055';}
.ft_socials a[href*="facebook.com"]:before {content: '\f082';}
.ft_socials a[href*="x.com"]:before {content: '\e61a';}
.ft_socials a[href*="youtube.com"]:before {content: '\f167';}

.ft_base {background: var(--Col_Base); padding: 15px 20px;}
.ft_base p {text-align: center; font-size: 12px; margin-bottom: 0; position: relative;color:var(--Col_Terra);}
.ft_base p:before {font-family: var(--fontawe); font: var(--fa-font-regular); display: inline-block; content: '\f1f9'; margin-right: 7px;}
.ft_base p a {color:var(--Col_Terra); font-size: 12px;}
@media only screen and (min-width:700px) {
	footer .container {display: flex; gap: 20px; flex-direction: row; align-items: flex-start; flex-wrap: nowrap;}
	footer .container img {width: 80%; max-width: 175px;}
	footer .ft_logo {display: flex; justify-content: flex-start;}
	footer .container div {width: 30%;}
	footer .container div:nth-child(n+2) {width: 34%; }
	footer .container a {font-size: 14px;}
	footer .container .ft_menu ul { display: flex; flex-wrap: wrap; gap: 15px;}
	footer .container .ft_menu ul li {width: 30%; margin-bottom: 0;}
}
	
/* misc */
.cta {border: 2px solid var(--Col_Terra); background: var(--Col_Terra); color: #fff; font-family: var(--Head); font-size: var(--font-h2); font-weight: 500; line-height: 1; margin-top: 2.5dvh; display: inline-block; padding: var(--itm_pad);}
.cta:hover { background: transparent; color: var(--Col_Terra);}

#myBtn { display: none; position: fixed; bottom: 20px; right: 30px; z-index: 99; border: none; outline: none; background-color: rgba(0,0,0,0.2); color: white; cursor: pointer; padding: 15px; border-radius: 10px; font-size: 18px; }
#myBtn:hover { background-color: rgba(0,0,0,0.6); }
				

/* image align */
	img.alignright {float:right; margin:10px; margin-right:0;} .alignright {float:right; }
	img.alignleft {float:left; margin:10px; margin-left:0;} .alignleft {float:left; }
	img.aligncenter {display: block; margin-left: auto; margin-right: auto; margin-bottom:10px; margin-top:10px;} .aligncenter {display: block; margin-left: auto; margin-right: auto;}
	
	@media only screen and (min-width : 700px) and (max-width : 1023px) {img.alignright, .alignright, img.alignleft, .alignleft { max-width:50%; height:auto;} }
	@media only screen and (max-width : 700px) {img.alignright, .alignright, img.alignleft, .alignleft, img.aligncenter, .aligncenter { width:100%; height:auto; margin:15px auto;}}
	

	

.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; }
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* OLD STYLING */


:root {
    /*colours */
    --Pri: #CB754B; /* dusty pink - headings, CTA */
    --Sec: #554b4d; /* dark purple - body copy */
    --Ter: #F8AE67; /* mid pink/orange - foot bg*/
    --Nun: #F9AE67;/* Nunyara */
    --Bim: #FD94E1;/* Bimbimbie */
    --Ala: #96DAF6;/* Alambee */
    --Ela: #627168;/* Elanora */
    --Ill: #D58C66;/* Illoura */
    --Mud: #57484A;/* Mudbrick */
    --Bur: #939597;/* Burra Burra */
    
    /* fonts */
     --TxtHead: 'Cinzel', serif;
     --TxtBody: 'Montserrat', sans-serif;
     --TxtQte: 'Baskervville', serif;
    
    /* padding */
    --Pad: 40px 25px;
    --Pad700: 50px 25px;
    --Pad1000: 60px 25px;
    --Pad1200: 80px 25px;
}

/** SITE STYLES **/

html { background-color: #545454; scroll-behavior: smooth; overflow-x:hidden;}
body { -webkit-text-size-adjust: none; background-color:#fff; font-size:15px; font-family: var(--TxtBody); font-weight: 300; overflow-x:hidden;}

h1, h2, h3, h4 { font-family: var(--TxtHead); margin:0; padding:0; text-decoration:none; outline:none; border:none; line-height:1.6;  letter-spacing:5px;}

h1 { font-size: 22px; color:var(--Pri); margin:0 0 20px 0;}
h2 { font-size: 22px; color:var(--Pri); margin:0 0 15px 0;}
h3 { font-size: 18px; color:var(--Pri); margin:0 0 10px 0;}
h4 { font-size: 15px; color:var(--Pri); margin:0 0 10px 0;}

p, a, li { font-family: var(--TxtBody); margin:0; padding:0; text-decoration:none; border:none;}
p, li { color:var(--Sec); line-height:1.6;}
p { margin:0 0 10px 0;}

a { text-decoration:none; color:var(--Sec); border:none;}
a, button { text-decoration:none; color:var(--Sec); border:none; -webkit-transition:all .2s ease-out; transition:all .2s ease-out;}
a:hover { text-decoration:none; color:var(--Pro);}
a:empty {pointer-events: none; cursor: default; }

ul, ol { margin-left:20px; margin-bottom:10px;}
ul { list-style:disc;}
ol { list-style:decimal;}

b, strong { font-family: var(--TxtBody); font-weight: 600;}
em, i { font-family: var(--TxtBody); font-style: italic;}
em b, i b, em strong, i strong { font-family: var(--TxtBody); font-style: italic; font-weight: 600;}

@media only screen and (min-width :700px) {
body, p, a, li { font-size:16px;}
h1 { font-size: 23px;}
h2 { font-size: 23px;}
h3 { font-size: 18px;}
h4 { font-size: 16px;}
}

@media only screen and (min-width :1200px) {
body, p, a, li { font-size:17px;}
h1 { font-size: 25px;}
h2 { font-size: 25px;}
h3 { font-size: 20px;}
h4 { font-size: 17px;}
}

.container { width: 100%; max-width: 1400px;}
.container.wide { width: 100%; max-width: 1600px;}
.pg-body { min-height: 1000px;}
img { max-width: 100%; height: auto;}


/** HEADER **/
header { position:relative; margin:0; padding:7px 0; background: url(/wordpress/springs/wp-content/uploads/2020/12/paper_tile_150x150.jpg) center repeat;}
header .container { padding: 0;}
.navbar-brand { display: inline-block; width: 185px; height: 50px; background: url(assets/springs_logo.svg) center no-repeat; background-size: contain;}

.dropdown-toggle::after { border: none; font: normal normal normal 14px/1 FontAwesome; font-family: "Font Awesome 5 Pro"; content: "\f107"; vertical-align: 0; bottom: -1px; position: relative; }

@media only screen and (min-width :700px) {
    .navbar-brand { width: 250px; height: 60px;}
}

@media only screen and (min-width :1000px) {
    .navbar-brand { width: 300px; height: 75px;}
}
	
/* nav */
header nav ul {margin: 0; padding: 20px 0;}
header nav li a { text-transform: uppercase; font-family: var(--TxtBody); color: var(--Sec); font-size: 13px; font-weight: 400; }
header nav li .dropdown-menu { background: url(/wordpress/wp-content/uploads/2020/12/paper_tile_150x150.jpg) center repeat; border-radius: 0; border: 0;}
header nav li .dropdown-menu a.dropdown-item:hover { background: var(--Sec); color: #FDFBF2;}
	
@media only screen and (min-width :992px) {
	.dropdown:hover > .dropdown-menu { display: block;}
    .dropdown > .dropdown-toggle:active { pointer-events: none;}
    header nav li { padding-left: 15px; padding-right: 15px;}
    header nav li a { font-size: 15px;}
    
    header nav li .dropdown-menu { margin-top: -2px;}
    header nav li .dropdown-menu a.dropdown-item { padding:10px 30px;}
}


@media only screen and (min-width :1200px) {
    header nav li { padding-left: 20px; padding-right: 20px;}
}


	
/** CONTENT **/
.pg-head { width: 100vw; height: calc(100vh - 110px); display: flex; justify-content: center; align-content: center;}
.pg-head-txt { position: absolute; top: 40%; transform: translateY(-50%); text-align: center;}
.pg-head.int-head { height: calc(70vh - 110px);}
.pg-head.int-head.cottage-head { height: 20vh;}
.pg-head.int-head .pg-head-txt { position: absolute; top: 40%; transform: translateY(-50%);}
.pg-head.int-head.cottage-head .pg-head-txt { position: absolute; top: 50%; transform: translateY(-50%);}
.hme-head .pg-head-txt { top: 40%;}
.pg-head-txt p { font-family: var(--TxtHead); color: #fff; font-size: 20px; letter-spacing:5px; text-transform:uppercase;}
.pg-head-txt p br { display: none;}
	
@media only screen and (min-width :700px) {
    .pg-head-txt p { font-size: 28px;}
    .pg-head-txt p br { display: inline-block;}
}

@media only screen and (min-width :1000px) {
    .pg-head-txt p { font-size: 28px;}
}

@media only screen and (min-width :1200px) {
	.hme-head .pg-head-txt { top: 35%;}
    .pg-head-txt p { font-size: 36px;}
}

@media only screen and (min-width :1600px) {
    .pg-head-txt p { font-size: 42px;}
}


/* Home */
.hme-caro {width: 100vw; height: auto; background: url(/wordpress/wp-content/uploads/2020/12/paper_tile_150x150.jpg) center repeat;}
.hme-caro .carousel-item { padding: 30px;}

.hme-caro .carousel-item p { text-align: center; font-family: var(--TxtQte); font-size: 20px; max-width: 1000px; margin-left: auto; margin-right: auto; display: block; line-height: 1.4;}
.hme-caro .carousel-item cite { margin-left: auto; margin-right: auto; display: block; text-align: center;font-family: var(--TxtBody); font-style: italic; font-size: 12px; color: #ec7030;}

.hme-p1 { background: url(/wordpress/wp-content/uploads/2020/12/paper_tile_150x150.jpg) center repeat;}
.hme-p1 .row div { padding: 0; margin: 0;}
.hme-p1-left { padding: 30px;}
.hme-p1-right img {width:100%; height:auto;}

.lout-half-txt { padding: 30px; width: 100%;}
.lout-half-txt h1 { letter-spacing:5px; text-transform:uppercase;}
.lout-half-txt div { max-width: 700px;}
/*.lout-half-txt p {max-width: 600px;}*/
.lout-half.rev .lout-half-txt {max-width: none; order: -1;}


/*.hme-cottage-grid { border-top: 5px solid white;}*/
.hme-cottage-grid img { width:100%; height:auto;}
.hme-cottage-grid div {margin: 0; padding: 0; text-align: center;}
.hme-cottage-grid h1 { line-height: 1.6; margin: 0; padding: 0; padding: 20px; font-size: 20px; color: #fff; letter-spacing:5px; text-transform:uppercase;}
.hme-grid-item { position: relative; min-height:300px;}
.hme-grid-item h1 {line-height: 1.6; letter-spacing:5px; text-transform:uppercase; }
.hme-grid-item:nth-child(1) {background:var(--Nun);}
.hme-grid-item:nth-child(2) {background: url(/wordpress/wp-content/uploads/2020/12/paper_tile_150x150.jpg) center repeat; min-height:300px; display:block; }
.hme-grid-item:nth-child(2) a { display:block; height:100%;}
.hme-grid-item:nth-child(2) h1 { position: relative; top: 50%; transform: translateY(-50%); line-height: 1.4; color: var(--Pri);}
.hme-grid-item:nth-child(3) {background:var(--Bim);}
.hme-grid-item:nth-child(4) {background:var(--Ala);}
.hme-grid-item:nth-child(5) {background:var(--Ela);}
.hme-grid-item:nth-child(6) {background:var(--Ill);}
.hme-grid-item:nth-child(7) {background:var(--Mud);}
.hme-grid-item:nth-child(8) {background:var(--Bur);}

.hme-caro .carousel-item { padding: 50px;}

@media only screen and (min-width :700px) {
    .hme-caro .carousel-item { padding: 75px 50px;}
    .hme-caro .carousel-item p { font-size: 24px;}
    .hme-caro .carousel-item cite { font-size: 13px;}
    
    .col-wrap { display: flex; width: 100%;}
    .col { flex: 1;}
    .hme-p1-left { padding: 30px;}
    .hme-p1-left img { max-width: 90%; height: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
    
    .lout-half-txt { padding: 5%;}
    
    /*.hme-cottage-grid { border-top: 10px solid white;}*/
    .hme-cottage-grid h1 { padding: 30px 20px; font-size: 24px;}
}

@media only screen and (min-width :1000px) {
    .hme-caro .carousel-item { padding: 125px 50px;}
    .hme-caro .carousel-item p { font-size: 28px;}
    .hme-caro .carousel-item cite { font-size: 14px;}
    /*.hme-p1-left img { max-height: 80%;}*/
    
    .lout-half-txt { padding: 7.5%;}
    
    /*.hme-cottage-grid { border-top: 15px solid white;}*/
    .hme-cottage-grid h1 { padding: 35px 20px; font-size: 20px;}
}

@media only screen and (min-width :1200px) {
    .hme-caro .carousel-item { padding: 150px 50px;}
    .hme-caro .carousel-item p { font-size: 30px;}
    .hme-caro .carousel-item cite { font-size: 15px;}
    /*.hme-p1-left img { max-height: 80%;}*/
    /*.lout-half-txt, */.lout-half-txt p { max-width: 900px;}
    .lout-half.rev .lout-half-txt div { float: right;}
	.hme-cottage-grid h1 { font-size:24px;}
}

@media only screen and (min-width :1200px) {
	.hme-cottage-grid h1 { font-size:28px;}
}

@media only screen and (min-width :2000px) {
    .hme-p1-left img { max-width: 800px;}
}


/* LANDING */
.land-intro, .cottage-item { padding: var(--Pad);}
.cottage-item {margin: 0; padding: 0 0 20px;}
.cottage-item h1 { line-height: 1; margin: 0; padding: 0; padding: 20px; font-size: 20px; color: #fff; text-align: center;}
.cottage-item:nth-child(1) h1, .cottage-item:nth-child(1) a.btn-cta {background:var(--Nun);}
.cottage-item:nth-child(2) h1, .cottage-item:nth-child(2) a.btn-cta {background:var(--Bim);}
.cottage-item:nth-child(3) h1, .cottage-item:nth-child(3) a.btn-cta {background:var(--Ala);}
.cottage-item:nth-child(4) h1, .cottage-item:nth-child(4) a.btn-cta {background:var(--Ela);}
.cottage-item:nth-child(5) h1, .cottage-item:nth-child(5) a.btn-cta {background:var(--Ill);}
.cottage-item:nth-child(6) h1, .cottage-item:nth-child(6) a.btn-cta {background:var(--Mud);}
.cottage-item:nth-child(7) h1, .cottage-item:nth-child(7) a.btn-cta{background:var(--Bur);}

.cottage-item ul {list-style: none; position: relative; margin: 0; padding: 20px;}
.cottage-item ul li { display: block; font-family: var(--TxtHead); color: var(--Pri); font-size: 16px; letter-spacing:3px;}
.cottage-item a.btn-cta { border: 1px solid;  display: inline-block; justify-content: flex-end; float: right;}
.cottage-item img { width:100%; height:auto;}

.land-grid .cottage-item:nth-of-type(-n+2) {padding-top: 0;}

.loc-p3 { padding: var(--Pad);}


@media only screen and (min-width :700px) {
    .land-intro, .cottage-item { padding: var(--Pad700);}
    .cottage-item h1 { padding: 30px 20px; font-size: 24px;}
    .cottage-item ul {padding: 20px 0px;}
    .cottage-item ul li { font-size:18px;}
    
    .land-grid {padding-top: 0; padding-bottom: 40px;}
    
    .loc-p3 { padding: var(--Pad700);}
}

@media only screen and (min-width :1000px) {
    .land-intro, .cottage-item { padding: var(--Pad1000);}
    .cottage-item h1 { padding: 35px 20px; font-size: 28px;}
    .cottage-item ul li { font-size: 24px;}
    
    .land-grid {padding-top: 0; padding-bottom: 50px;}
    
    .land-grid .cottage-item:nth-of-type(even) { margin-left: 16%;}
    
    .loc-p3 { padding: var(--Pad1000);}
    /*.loc-p3-cols {column-count: 2; column-gap: 7.5%;}*/
}

/* LOCATION */
.loc-p1 .col-wrap, .loc-p2 div { padding: 0; margin: 0;}
.loc-p1 .loc-p1-right .row div { padding: 0; margin: 0;}
.loc-p1-left { padding: 30px; width: 100%;}
.loc-p1-left div { max-width: 700px; display: block; margin-left: auto; margin-right: auto;}
.loc-p1-right img,
.loc-p2 img {width:100%; height:auto;}

/*.loc-p3-right .row div { padding: 0; margin: 0;}
.loc-p3-left div { max-width: 700px; display: block; margin-left: auto; margin-right: auto;}
.loc-p3-new .row div { padding: 0; margin: 0;}
.loc-p3-new img {width:100%; height:auto;}*/


.loc-p3-new .loc-img .row div { padding: 0; margin: 0;}
.loc-p3-new .loc-txt { padding: 30px; width: 100%; height:100%; position:relative; }
.loc-p3-new .loc-txt div { max-width: 700px; display: block; margin-left: auto; margin-right: auto;}
.loc-p3-new .loc-img img {width:100%; height:auto;}



.loc-p4-new-img,
.loc-p5-new-img { background-position:center !important; background-repeat:no-repeat !important; background-size: cover !important;}
.loc-p4-new-img img,
.loc-p5-new-img img {width:100%; height:auto;}

.loc-p4-new .loc-txt,
.loc-p5-new .loc-txt { padding: 30px; width: 100%; height:100%; position:relative; }
.loc-p4-new .loc-txt div,
.loc-p5-new .loc-txt div { max-width: 700px; display: block; margin-left: auto; margin-right: auto;}

@media only screen and (min-width :700px) {
    .loc-p1-left div, .loc-p4-new .loc-txt, .loc-p5-new .loc-txt { padding: 5% !important;}
}

@media only screen and (min-width :1000px) {
    .loc-p1-left div, .loc-p4-new .loc-txt, .loc-p5-new .loc-txt { padding: 7.55% !important;}
}

@media only screen and (min-width :1200px) {
    .loc-p1-left p { max-width: 900px;}
	
	.loc-p1,
	.loc-p3-new,
	.loc-p5-new { display:flex;}
	.loc-p1 .loc-p1-left div,
	.loc-p3-new .loc-txt div,
	.loc-p5-new .loc-txt div { position:relative; top:50%; transform:translatey(-50%);}
}

/* COTTAGE */
.cottage { padding: var(--Pad);}
.cottage-dets h1 { background: var(--Pri); color: #fff; text-transform: uppercase; padding: 15px 20px; font-size: 20px; display: inline-block;}
.cottage-dets  ul {list-style: none; position: relative; margin: 0; padding: 20px 0;}
.cottage-dets ul li { display: block; font-family: var(--TxtHead); color: var(--Pri); font-size: 16px; letter-spacing:3px;}
.cottage-dets  a.btn-cta { float: right;}

.cottage-btm { padding: var(--Pad); border-top: 1px solid var(--Pri); padding-left: 0; padding-right: 0;}
.cottage-btm h4 { font-family: var(--TxtHead); text-transform: uppercase; text-align: center; font-size: 16px;}
.cottage-btm div {margin: 0; padding: 0;}
.cottage-btm .row { padding: var(--Pad); padding-left: 0; padding-right: 0;}

.cottage-btm-item {}
.cottage-btm-item p { font-size: 14px; font-family: var(--TxtHead); text-align: center; color: var(--Pri); margin: 0; padding: 10px 15px; color: #fff;}

.cottage-dets { margin-bottom: 30px;}

.cottage-dets.cottage-83 h1,
.cottage-dets.cottage-83 a.btn-cta {background:var(--Nun);}
.cottage-dets.cottage-83 ul li { color: var(--Nun);}
.cottage-dets.cottage-85 h1,
.cottage-dets.cottage-85 a.btn-cta {background:var(--Bim);}
.cottage-dets.cottage-85 ul li { color: var(--Bim);}
.cottage-dets.cottage-86 h1,
.cottage-dets.cottage-86 a.btn-cta {background:var(--Ala);}
.cottage-dets.cottage-86 ul li { color: var(--Ala);}
.cottage-dets.cottage-87 h1,
.cottage-dets.cottage-87 a.btn-cta {background:var(--Ela);}
.cottage-dets.cottage-87 ul li { color: var(--Ela);}
.cottage-dets.cottage-88 h1,
.cottage-dets.cottage-88 a.btn-cta {background:var(--Ill);}
.cottage-dets.cottage-88 ul li { color: var(--Ill);}
.cottage-dets.cottage-89 h1,
.cottage-dets.cottage-89 a.btn-cta {background:var(--Mud);}
.cottage-dets.cottage-89 ul li { color: var(--Mud);}
.cottage-dets.cottage-90 h1,
.cottage-dets.cottage-90 a.btn-cta {background:var(--Bur);}
.cottage-dets.cottage-90 ul li { color: var(--Bur);}

.cottage-btm .cottage-83 {background:var(--Nun) !important;}
.cottage-btm .cottage-85 {background:var(--Bim) !important;}
.cottage-btm .cottage-86 {background:var(--Ala) !important;}
.cottage-btm .cottage-87 {background:var(--Ela) !important;}
.cottage-btm .cottage-88 {background:var(--Ill) !important;}
.cottage-btm .cottage-89 {background:var(--Mud) !important;}
.cottage-btm .cottage-90 {background:var(--Bur) !important;}

.modal#CottageModal .modal-content { border-radius: 0;}
.modal#CottageModal .modal-content button { padding: 10px 20px; color: #ccc; background: #eee;}
.modal#CottageModal .modal-content button:hover { color: #545454;}


@media only screen and (min-width :700px) {
    .cottage { padding: var(--Pad700);}
    .cottage-dets h1 { font-size: 24px;}
    .cottage-dets ul {padding: 20px 0px;}
    .cottage-dets ul li { font-size:18px;}
    
    .cottage-btm h4 { font-size: 18px;}
    .cottage-btm-item p { font-size: 16px;}
}

@media only screen and (min-width :1000px) {
    .cottage { padding: var(--Pad1000);}
    .cottage-dets h1 { font-size: 30px; margin-bottom: 30px;}
    .cottage-dets ul li { font-size: 22px;}
    
    .cottage-btm h4 { font-size: 20px;}
    .cottage-btm-item p { font-size: 18px;}
    .cottage-dets { }
}

@media only screen and (min-width :1200px) {
    .cottage { padding: var(--Pad1200);}
    .cottage-dets h1 { font-size: 30px;}
    
    .cottage-btm h4 { font-size: 24px;}
    .cottage-btm-item p { font-size: 20px;}
}

/* BOOKING */
.book-price { margin-top:20px;}
.book-price-item { margin-bottom:20px; display:flex;}
.book-price-item div { border:1px solid #f5f5f5; border-radius:5px; padding:20px; width:100%;}
.book-price-item p.dates { font-size:12px; font-weight:600;}
.book-price-item p.sml {color:rgba(203, 117, 75, 1.0); font-size:12px;}
.book-price-disclaimer p { font-size:12px;}


@media only screen and (min-width :1000px) {
	.book-price { margin-top:40px;}
	.book-price-item div { border:2px solid #f5f5f5; border-radius:8px; padding:40px; width:100%;}
	.book-price-item p.dates,
	.book-price-item p.sml {font-size:14px;}
	.book-price-disclaimer p { font-size:14px;}
	.book-form { padding-bottom:40px;}
}

@media only screen and (min-width :1200px) {
	.book-price { margin-top:60px;}
	.book-price-item p.dates,
	.book-price-item p.sml {font-size:16px;}
	.book-form { padding-bottom:60px;}
}


/** FOOTER
footer { background:#F8AE67; padding:30px 10px; position:relative;}
footer p, footer a, footer p a { font-size: 12px; text-transform: uppercase; font-weight: 400;}
footer a:hover, footer p a:hover {color: #fff;}
footer img {max-height: 200px; display: block; margin-left: auto; margin-right:auto;}
footer ul { list-style: none; position: relative; margin: 0; position: relative;}
footer p.social a { font-size: 28px !important; margin-right: 10px;}

.terms { background: var(--Sec); padding: 10px; text-align: center; line-height: 1;}
.terms, .terms a { color: #F8AE67; font-weight: 400; font-size: 13px;}
.terms a:hover { color: #fff;}
.terms a:nth-child(n+2) { margin-left: 20px;}

@media only screen and (min-width :700px) {
    footer { padding:40px 10px;}
    footer div.col-lg-3:nth-child(n+2) {padding-top: 40px;}
}

@media only screen and (min-width :1000px) {
    footer { padding:50px 10px;}
    footer div.col-lg-3:nth-child(n+2) {padding-top: 50px;}
    .terms { padding: 15px 10px;}
}

@media only screen and (min-width :1200px) {
    footer { padding:60px 10px;}
    footer div.col-lg-3:nth-child(n+2) {padding-top: 60px;}
}

	 **/
	
	
	
	
/* misc */
.bg-cover-center {background-position: center !important; background-repeat: no-repeat !important; background-size: cover !important;}	

.btn-cta { background: var(--Pri); color: #fff; text-transform: uppercase; padding: 15px 20px; font-size: 14px; display: inline-block; margin-top: 30px;}
.btn-cta:hover { background: var(--Sec) !important; color: #fff;}
.btn-cta.cta-xtra-pad { margin-top:60px;}

@media only screen and (min-width :1000px) {
    .btn-cta { padding: 25px 40px; font-size: 16px;}
}

	/* form */
	.gform_wrapper label.gfield_label { font-size:16px; font-family: var(--TxtHead); color:#CC764B; font-weight:300 !important; padding:0 0 3px 0; margin:10px 0 0 0;}
	.gform_wrapper input[type=text], .gform_wrapper textarea, .gform_wrapper input[type=submit], .gform_wrapper option { border-radius: 0; background-color:#fff; padding:10px 20px; resize:none; border:0px solid #ccc; border-left:1px solid #CC764B; border-bottom:1px solid #CC764B; width:100%; margin:0 0 0 0; font-size:16px; font-family: var(--TxtHead);}
	.gform_wrapper input[type=submit] { background-color:#CC764B; color:#fff; text-transform:uppercase; font-weight:300 !important; width:100%; max-width:400px; font-size:16px; font-family: var(--TxtBody); cursor:pointer; margin:0; -webkit-appearance: none; padding:15px 30px !important;}
	.gform_wrapper input[type=submit]:hover { background-color:#333; }
    .gform_confirmation_wrapper { font-size:16px; font-family: var(--TxtBody);}

::-webkit-input-placeholder {color:#CC764B; opacity:1; font-family: var(--TxtHead);}
::-moz-placeholder {color:#CC764B; opacity:1; font-family: var(--TxtHead);}
:-ms-input-placeholder {color:#CC764B; opacity:1; font-family: var(--TxtHead);}
:-moz-placeholder {color:#CC764B; opacity:1; font-family: var(--TxtHead);}

    .ginput_container_select { background: url(assets/img/base/select.svg) no-repeat 98% 0;  height: 39px; border-radius: 0; overflow: hidden; width: 100%;  border:0px solid #ccc; border-left:1px solid #CC764B; border-bottom:1px solid #CC764B; color:#CC764B; font-family: var(--TxtHead);}
    .ginput_container_select select { background: transparent; border: none; border-radius: 0; font-size: 14px; height: 39px; padding: 5px; width: calc(100% + 30px); -webkit-appearance: none;  -moz-appearance: none; font-weight:300 !important; color:#CC764B; font-family: var(--TxtHead);}

#myBtn {
  display: none; position: fixed; bottom: 20px; right: 30px; z-index: 99; border: none; outline: none; background-color: rgba(0,0,0,0.2); color: white; cursor: pointer; padding: 15px; border-radius: 10px; font-size: 18px; }
#myBtn:hover {
    background-color: rgba(0,0,0,0.6); }
				

/* image align */
	img.alignright {float:right; margin:10px; margin-right:0px;} .alignright {float:right; }
	img.alignleft {float:left; margin:10px; margin-left:0px;} .alignleft {float:left; }
	img.aligncenter {display: block; margin-left: auto; margin-right: auto; margin-bottom:10px; margin-top:10px;} .aligncenter {display: block; margin-left: auto; margin-right: auto;}
	
	@media only screen and (min-width : 700px) and (max-width : 1023px) {img.alignright, .alignright, img.alignleft, .alignleft { max-width:50%; height:auto;} }
	@media only screen and (max-width : 700px) {img.alignright, .alignright, img.alignleft, .alignleft, img.aligncenter, .aligncenter { width:100%; height:auto; margin:15px auto;}}
	
				
				
	.cf:before, .cf:after { content: ""; display: table; } .cf:after { clear: both; } .cf { zoom: 1; }
	.fl { float:left;}
	.fr { float:right;}

	.no-s-pad { padding-left:0 !important; padding-right:0 !important;}
	.no-r-pad { padding-right:0 !important;}
	.no-l-pad { padding-left:0 !important;}
	.hidden {display:none; height:0; width:0;}
	.display {display:block;}

@media only screen and (min-width : 993px) {
	.d-no-s-pad { padding-left:0 !important; padding-right:0 !important;}
	.d-no-r-pad { padding-right:0 !important;}
	.d-no-l-pad { padding-left:0 !important;}
	}

@media only screen and (min-width : 700px) and (max-width : 992px) {
	.t-no-s-pad { padding-left:0 !important; padding-right:0 !important;}
	.t-no-r-pad { padding-right:0 !important;}
	.t-no-l-pad { padding-left:0 !important;}
}

@media only screen and (max-width : 699px) {
	.m-no-s-pad { padding-left:0 !important; padding-right:0 !important;}
	.m-no-r-pad { padding-right:0 !important;}
	.m-no-l-pad { padding-left:0 !important;}
	}
	

.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; }
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
	
/* Hide the images by default */
.mySlides {
  display: none;
}

.cot-thumbwrap { padding: 5px 15px;}


/* Five columns side by side */
.column {
  float: left;
  width: 20%;
}

/* Add a transparency effect for thumnbail images */
.cot-thumb {
  opacity: 0.6; cursor: pointer;
}

.active,
.cot-thumb:hover {
  opacity: 1;
}

@media only screen and (min-width :700px) {
	/* Nine columns side by side */
	.column {
  float: left;
  width: 11.111%;
}
}