/*
 Theme Name:     calam
 Theme URI:      https://www.calam.com/
 Description:    calam Theme
 Author:         Cal-Am
 Author URI:     https://www.cal-am.com
 Template:       Divi
 Version:        1.0.0
*/
 
 
/* =Theme customization starts here
------------------------------------------------------- */
@font-face {
  font-family: Arquitecta;
src: url("/wp-content/themes/calam/fonts/arquitecta-font/Arquitecta.eot");  
src: url("/wp-content/themes/calam/fonts/arquitecta-font/Arquitecta.eot#iefix") format("embedded-opentype"); 
src: url("/wp-content/themes/calam/fonts/arquitecta-font/Arquitecta.ttf") format("truetype");
src: url("/wp-content/themes/calam/fonts/arquitecta-font/Arquitecta.woff") format("woff");
src: url("/wp-content/themes/calam/fonts/arquitecta-font/Arquitecta.woff2") format("woff2");
src: url("/wp-content/themes/calam/fonts/arquitecta-font/Arquitecta.svg") format("svg");
src: url("/wp-content/themes/calam/fonts/arquitecta-font/Arquitecta.otf");
font-weight:normal;
font-weight:regular;
font-weight:400; 
}
@font-face {
  font-family: Arquitecta;
src: url("/wp-content/themes/calam/fonts/arquitecta-font/ArquitectaHeavy.eot");  
src: url("/wp-content/themes/calam/fonts/arquitecta-font/ArquitectaHeavy.eot#iefix") format("embedded-opentype"); 
src: url("/wp-content/themes/calam/fonts/arquitecta-font/ArquitectaHeavy.ttf") format("truetype");
src: url("/wp-content/themes/calam/fonts/arquitecta-font/ArquitectaHeavy.woff") format("woff");
src: url("/wp-content/themes/calam/fonts/arquitecta-font/ArquitectaHeavy.woff2") format("woff2");
src: url("/wp-content/themes/calam/fonts/arquitecta-font/ArquitectaHeavy.svg") format("svg");
src: url("/wp-content/themes/calam/fonts/arquitecta-font/ArquitectaHeavy.otf");
font-weight:heavy;
font-weight:700;
}
@font-face {
  font-family: Arquitecta;
src: url("/wp-content/themes/calam/fonts/arquitecta-font/ArquitectaBold.eot");  
src: url("/wp-content/themes/calam/fonts/arquitecta-font/ArquitectaBold.eot#iefix") format("embedded-opentype"); 
src: url("/wp-content/themes/calam/fonts/arquitecta-font/ArquitectaBold.ttf") format("truetype");
src: url("/wp-content/themes/calam/fonts/arquitecta-font/ArquitectaBold.woff") format("woff");
src: url("/wp-content/themes/calam/fonts/arquitecta-font/ArquitectaBold.woff2") format("woff2");
src: url("/wp-content/themes/calam/fonts/arquitecta-font/ArquitectaBold.svg") format("svg");
src: url("/wp-content/themes/calam/fonts/arquitecta-font/ArquitectaBold.otf");
font-weight:bold;
font-weight:600;
}

@font-face {
  font-family: Arquitecta;
src: url("/wp-content/themes/calam/fonts/arquitecta-font/ArquitectaBlack.eot");  
src: url("/wp-content/themes/calam/fonts/arquitecta-font/ArquitectaBlack.eot#iefix") format("embedded-opentype"); 
src: url("/wp-content/themes/calam/fonts/arquitecta-font/ArquitectaBlack.ttf") format("truetype");
src: url("/wp-content/themes/calam/fonts/arquitecta-font/ArquitectaBlack.woff") format("woff");
src: url("/wp-content/themes/calam/fonts/arquitecta-font/ArquitectaBlack.woff2") format("woff2");
src: url("/wp-content/themes/calam/fonts/arquitecta-font/ArquitectaBlack.svg") format("svg");
src: url("/wp-content/themes/calam/fonts/arquitecta-font/ArquitectaBlack.otf");
font-weight:black;
font-weight:800 900;
}
@font-face {
  font-family: Arquitecta;
src: url("/wp-content/themes/calam/fonts/arquitecta-font/ArquitectaThin.eot");  
src: url("/wp-content/themes/calam/fonts/arquitecta-font/ArquitectaThin.eot#iefix") format("embedded-opentype"); 
src: url("/wp-content/themes/calam/fonts/arquitecta-font/ArquitectaThin.ttf") format("truetype");
src: url("/wp-content/themes/calam/fonts/arquitecta-font/ArquitectaThin.woff") format("woff");
src: url("/wp-content/themes/calam/fonts/arquitecta-font/ArquitectaThin.woff2") format("woff2");
src: url("/wp-content/themes/calam/fonts/arquitecta-font/ArquitectaThin.svg") format("svg");
src: url("/wp-content/themes/calam/fonts/arquitecta-font/ArquitectaThin.otf");
font-weight:thin;
font-weight:100;
}
@font-face {
  font-family: Arquitecta;
src: url("/wp-content/themes/calam/fonts/arquitecta-font/ArquitectaLight.eot");  
src: url("/wp-content/themes/calam/fonts/arquitecta-font/ArquitectaLight.eot#iefix") format("embedded-opentype"); 
src: url("/wp-content/themes/calam/fonts/arquitecta-font/ArquitectaLight.ttf") format("truetype");
src: url("/wp-content/themes/calam/fonts/arquitecta-font/ArquitectaLight.woff") format("woff");
src: url("/wp-content/themes/calam/fonts/arquitecta-font/ArquitectaLight.woff2") format("woff2");
src: url("/wp-content/themes/calam/fonts/arquitecta-font/ArquitectaLight.svg") format("svg");
src: url("/wp-content/themes/calam/fonts/arquitecta-font/ArquitectaLight.otf");
font-weight:light;
font-weight:200;
}
@font-face {
  font-family: Arquitecta;
src: url("/wp-content/themes/calam/fonts/arquitecta-font/ArquitectaBook.eot");  
src: url("/wp-content/themes/calam/fonts/arquitecta-font/ArquitectaBook.eot#iefix") format("embedded-opentype"); 
src: url("/wp-content/themes/calam/fonts/arquitecta-font/ArquitectaBook.ttf") format("truetype");
src: url("/wp-content/themes/calam/fonts/arquitecta-font/ArquitectaBook.woff") format("woff");
src: url("/wp-content/themes/calam/fonts/arquitecta-font/ArquitectaBook.woff2") format("woff2");
src: url("/wp-content/themes/calam/fonts/arquitecta-font/ArquitectaBook.svg") format("svg");
src: url("/wp-content/themes/calam/fonts/arquitecta-font/ArquitectaBook.otf");
font-weight:book;
font-weight:300;
}
@font-face {
  font-family: Arquitecta;
src: url("/wp-content/themes/calam/fonts/arquitecta-font/ArquitectaMedium.eot");  
src: url("/wp-content/themes/calam/fonts/arquitecta-font/ArquitectaMedium.eot#iefix") format("embedded-opentype"); 
src: url("/wp-content/themes/calam/fonts/arquitecta-font/ArquitectaMedium.ttf") format("truetype");
src: url("/wp-content/themes/calam/fonts/arquitecta-font/ArquitectaMedium.woff") format("woff");
src: url("/wp-content/themes/calam/fonts/arquitecta-font/ArquitectaMedium.woff2") format("woff2");
src: url("/wp-content/themes/calam/fonts/arquitecta-font/ArquitectaMedium.svg") format("svg");
src: url("/wp-content/themes/calam/fonts/arquitecta-font/ArquitectaMedium.otf");
font-weight:medium;
font-weight:500;
}

/* base fonts */
/* body{font-size:1.25rem;} */
html{font-size:16px;} /* <- This sets the base for rems. change this to increase/decrease sizes */

/*body{font-size:1.375rem;}
h1, h2, h3, h4, h5, h6, p, *, body{font-family: Arquitecta, Arial, Sans-Serif; line-height:1.56rem;}
h1{
  font-size:5rem;
  line-height:4.5rem;
  font-weight:600;
}
h2{
  font-size:3.43rem;
  line-height:3rem;
  font-weight:600;
  margin: unset;
}
.hero h2, .headline h2{
  font-size:3rem;
  line-height:2.75rem;
  font-weight:300;
}
h3, .et_pb_column h3{
  font-size:2rem;
  line-height:2.25rem;
  font-weight:600;
}

h4, h5, h6{
  font-size:1.5rem;
  line-height:1.2rem;
  font-weight:600;
}*/


/*********************************************************
 * 
 * LAYOUT
 * 
 * *******************************************************/

/* Fixes for adding extra columns within a column or row */
.ten-columns, 
.nine-columns, 
.eight-columns, 
.seven-columns, 
.six-columns,
.five-columns,
.four-columns/*,
.three-columns,
.two-columns*/{
  display:flex;
  flex-wrap:wrap;
}

.ten-columns .et_pb_module {flex-basis: 10%;}
.nine-columns .et_pb_module {flex-basis: 11.11%;}
.eight-columns .et_pb_module {flex-basis: 12.5%;}
.seven-columns .et_pb_module {flex-basis: 14.28%;}
.six-columns .et_pb_module {flex-basis: 16.66%;}
.five-columns .et_pb_module {flex-basis: 20%;}
.four-columns .et_pb_module {flex-basis: 25%;}
.three-columns .et_pb_module {flex-basis: 33.33%;}
.two-columns .et_pb_module {flex-basis: 50%;}


section.headline h1, section.headline h2{color:#026F8A;}

body, body p {
  font-size: 1.357rem;
  line-height: 1.56rem;
}


/**********************

 * NAVIGATION / MENU 

 **********************/

header .et_pb_menu{gap:4rem !important;}
header .et_pb_menu a {font-size: 2rem; font-weight:600;}

.current-menu-item{background-color:rgba(0,0,0,.2); }

ul#menu-main-menu-1{
  margin:0 0 !important;
  margin-top:0 !important;
  margin-bottom:0 !important;
}
.et_pb_menu nav>ul#menu-main-menu-1>li {
      margin-top: 0px !important;
    margin-bottom: 0px !important;
    padding:1rem 1.5rem !important;
    padding-right:0 !important;
}
ul#menu-main-menu-1 li a{
  margin:0 !important;
  padding-bottom:0 !important;
  padding-right:1.5rem !important;
  border-right:3px solid rgba(255,255,255,.7);
}
ul#menu-main-menu-1 .menu-item-2278 a{
  border-right:none;
}

.et_pb_section--with-menu{
  margin-top:0px !important;
margin-bottom:0px !important;
}

.et_pb_sticky_module.et_pb_section{
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.et_pb_section_1_tb_header.et_pb_section{
  padding-top:0 !important;
  padding-bottom:0 !important;
}


/***************************
 * 
 *  BUTTON styles 
 * 
 * *************************/
.et_pb_button, .et_pb_button:hover
.et-db #et-boc .et-l .et_pb_button,
.et-db #et-boc .et-l .et_pb_button:hover,
.btn, button, .gform_button{
  line-height:unset !important;
}
.et_pb_button, 
.et_pb_button:hover, 
.et-db #et-boc .et-l .et_pb_button,
.et-db #et-boc .et-l .et_pb_button:hover,
.gform_button, .btn{
  font-weight:600; 
  border-radius:30px; 
  font-size:1.375rem; 
  line-height:1.375rem !important;
  border:none;
}
.et_pb_button,
.et_pb_button:hover,
.et-db #et-boc .et-l .et_pb_button,
.et-db #et-boc .et-l .et_pb_button:hover,
.et_pb_button.et_pb_bg_layout_dark, 
.et_pb_button.et_pb_bg_layout_dark:hover, 
.gform_button, 
.dipl_gravity_form_styler form input[type=submit], 
.btn{ 
  background-color:#F9423A; 
  color:#fff; 
  border:2px solid #F9423A;
  
}
.et_pb_button.et_pb_bg_layout_light, 
.et_pb_button.et_pb_bg_layout_light:hover{ 
  background-color:#ffffff; 
  color:#F9423A; 
  border:2px solid #F9423A;
}
.hero .et_pb_button.et_pb_bg_layout_light, 
.hero .et_pb_button.et_pb_bg_layout_light:hover{
  border:2px solid #FFF;
  color:#F9423A; 
}

.et_pb_button,
.et-db #et-boc .et-l .et_pb_button,
.et-db #et-boc .et-l .et_pb_button:hover,
.et_button_no_icon.et_button_icon_visible.et_button_left .et_pb_button, 
.et_button_no_icon.et_button_left .et_pb_button:hover, 
.et_button_no_icon .et_pb_button, 
.et_button_no_icon .et_pb_button:hover, 
.gform_button, .btn{padding: .5rem 1.5rem !important;}

.btn{text-align:center; margin-left:auto; margin-right:auto;}

.et_pb_button_alignment_center{text-align:center;}




/* button row layout */
.button-row{display:flex; flex-direction:row; justify-content: flex-start; gap:2%;}

/* Layout for old site styles */
/* resorts pages styles */
.resorts-template-default .content-area section{
  margin-left:auto;
  margin-right:auto;
  max-width:1280px;
  width:80%;
}




/* centered section titles with lines behind them */

.et_pb_section .et_pb_row:first-child .et_pb_column.et-last-child .et_pb_text_0, .section-title{
  text-align:center;
}

.et_pb_section .et_pb_row:first-child .et_pb_column_4_4.et-last-child h2, .section-title h2{
  text-align:center;
  background-color:#FFF;
  white-space:nowrap;
  display:block;
  padding: 0 5%;
  /*font-size:3.43rem;*/
  font-weight:600;
  line-height:1em!important;
}

.et_pb_section_0 h2{
  /*text-align:unset !important;*/
  background:transparent !important;
  padding:0 0 !important;}
.et_pb_section .et_pb_row:first-child .et_pb_column_4_4.et-last-child h2, .section-title h2 {
  width: fit-content;
  margin: auto;
}
.et_pb_section .et_pb_row:first-child .et_pb_column_4_4.et-last-child h2:before, .section-title h2:before{
  content:" ";
  border-top: 2px solid #046E8A;
  position:absolute;
  width:100%;
  top: 50%;
  left:0;
  z-index:-1;
  height: 1px;
}
.et_pb_section_0 .et_pb_row:first-child, .et_pb_section_0 .et_pb_column_4_4.et-last-child h2:before{
  border-top:none !important;

}

/* blurbs */

/* blurb images should be 3:2 ratio */
.et_pb_blurb img{
  object-fit:cover;
  /*aspect-ratio: 3 / 2;*/
}
.et_pb_blurb .et_pb_module_header{
  line-height:1em;
}
.blurb-row .et_pb_column{
  display:flex;
  flex-direction:column;
}
.blurb-row .et_pb_column .et_pb_blurb{
  flex-grow:1;
}

/* Some basic styles for legacy pages */
.post-type-archive-homes .content-area, .page-template-tpl-home-search-results .content-area{
  /* width:80%;
  max-width:1920px;
  margin-left:auto;
  margin-right:auto;*/
}

.hero h1{
  text-align:center;
}




/*  Misc Individual Styles */

/* hero section */
section.hero{
    background-size:cover;
    min-height:30vh;
    width:100% !important;
    min-width:100% !important;
  }

  section.hero h1, section.hero h2{text-align:left;}
  section.hero h1, section.headline h1{ font-size: 5rem; font-weight:600;}
  section.hero h2, section.headline h2{ font-size: 2.75rem;}

  

/* contact button in header */
.et-db #et-boc .et-l .et_pb_menu--with-logo .et_pb_menu__menu>nav>ul>li>a, 
.et_pb_menu--with-logo .et_pb_menu__menu>nav>ul>li>a, 
.contact-button a{
  padding:0 0;
  line-height:1em;
}
.contact-button a{
  padding: 0.5em 35px !important;
  background-color:#FF6900;
  color:#fff;
  font-weight:600;
  border-radius:30px;
}


/* blue form column in hero section */
.blue-bg-col{
    background-color:#73D7F0;
    padding:5% 5%;
    color:#026F8A;
    text-align:center;
  }

 section.hero .blue-bg-col h2, section.hero .blue-bg-col h3{text-align: center;}
.blue-bg-col{height:100%; min-height:100%; margin-top:0px; margin-bottom:0px;}
.blue-bg-col h2{font-weight:700; line-height:2rem; font-size:3rem !important; padding-bottom:0px}
.blue-bg-col h3{font-size:2rem !important; line-height:2rem; padding-top:0px;}

/* form validation errors on blue bg form */
.gform_legacy_markup_wrapper .gform_validation_errors>h2, 
.gform_legacy_markup_wrapper .validation_message, 
.gform_legacy_markup_wrapper .gfield_error .gfield_label, 
.gform-field-label{color:#026f8a; }
.gform_legacy_markup_wrapper div.validation_error{border:1px solid #026f8a; border-top:1px solid #026f8a;}
.gform_wrapper.gravity-theme .gfield-choice-input+label{vertical-align:top;}
.gf_progressbar_wrapper{display:none;}

h2.gform_submission_error{font-size:1.375rem !important;}

.gform_previous_button, 
.gform_next_button{
  width:auto; float:left; 
  padding:.7rem 2rem; border-radius:30px; 
  color:#F94239; border:2px solid #F94239; 
  background:#FFF;}
  
.gform_next_button{float:right;}

.dipl_gravity_form_styler form input[type=submit], 
.dipl_gravity_form_styler form input[type=submit]:hover{
  border:2px solid #F94239; background-color:#F94239; 
  font-weight:600; font-size:1.3rem; 
  float:right; display:inline-block; width:50%;}


/**************
 * form beautification styles
 */
/* don't display the 'required' legend */
.gform_required_legend{display:none;}
/* shrink the checkbox field */
input.gfield-choice-input{height:1.5rem; width:1.5rem;}


/*Styles for Home Loop Layout. Please refer to /inc/template-tags.php, search for 'cards' until you find the layout */
.card__container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.flexbox .card__container{
  justify-content:space-evenly;
  gap:1%;
}

.card__container > .card__wrap--fourths {
  flex-basis: 30%;

  display: flex; /*stretches content inside its 'flex cell' */

}

.card__container .card__wrap > .card {
  /* background-color: #026F8A; */
  width: 100%;
  /* margin: 5%; */
  padding:0;
  box-shadow:none;

}

.card__container .card__header{
  margin-bottom:0px;
}

.btn:hover{background-color:#F9423A;}

.card__container .card__img {
  width: 100%;
  aspect-ratio: 2/1;
  object-fit: cover;
}

.card__container .card__content {
  text-align: center;
  color: #FFFFFF;
  background-color:#026F8A;
}

#primary .card__container .kno-price {
  background-color: #73D7F0;
  font-size: clamp(28px, 28px + 0.25vw, 46px);
  line-height:clamp(28px, 28px + 0.25vw, 46px);
  font-weight: 300;
  padding: 0.25em 0 0.1em;

  color: #026F8A;

}
#primary .card__container .kno-price .dollar-sign {
  font-size: 0.8em;
  vertical-align: top;
}

.card__container .kno-title, .card__container .l-margin-bs{
  font-size: clamp(18px, 18px + 0.25vw, 34px);
  font-weight: 300;
  padding: unset;
  padding-left:1rem;
  padding-right:1rem;
}
.card__container .kno-title{
  padding-top:1rem;
}

.card__container .l-margin-bs:last-child{
  padding-bottom:1rem !important;
}







/*TESTIMONIALS ON HOME PAGE STYLES*/
#main .swiper-container {
  overflow-y: unset;
  padding: 5% 0;
}

#main .dipl_testimonial_slider .dipl_single_testimonial_card {
  background-color: transparent;
}

#main .dipl_single_testimonial_card .dipl_testimonial_desc {
  display: flex;
  align-items: center;
  padding-top: 50px;
}

#main .dipl_single_testimonial_card .dipl_testimonial_desc p {
  font-size: clamp(16px, 5vw, 24px);
}

#main .dipl_testimonial_slider .dipl_testimonial_quote_icon {
  position: absolute;
  top: 20px;
  left: 0;
}

#main .dipl_single_testimonial_card .dipl_testimonial_meta {
  flex-direction: column;
  border: unset;
}
#main .dipl_testimonial_slider .dipl_testimonial_author_image {
  width: auto;
  padding: unset;
  height: auto;
}
#main .dipl_testimonial_slider .dipl_testimonial_author_image img {
  border-radius: 100px;
  padding: unset;
  border: 10px solid white;
  height: auto;
  min-width: 130px;
  aspect-ratio: 1;
  margin-bottom: 1.5em;
}

#main .dipl_testimonial_slider .dipl_single_testimonial_card .dipl_testimonial_meta {
  margin-bottom: 3em;
}

#main .dipl_testimonial_slider .dipl_single_testimonial_card .dipl_testimonial_meta .dipl_testimonial_author_name {
  font-size: clamp(24px, 5vw, 34px);
  font-weight: 600;
}

.dipl_testimonial_slide {
  background-size: 105%;
  background-repeat: no-repeat;
  background-position: 50% 110%;
}

.dipl_testimonial_slide.swiper-slide-duplicate-active, .dipl_testimonial_slide.swiper-slide-active {
  background-image: url('https://cal-am.net/wp-content/uploads/2023/09/wave_yellow.jpg');
}
#main .dipl_testimonial_slide.swiper-slide-duplicate-active .dipl_testimonial_quote_icon, .dipl_testimonial_slide.swiper-slide-active .dipl_testimonial_quote_icon{
  color: #F6EB61!important;
}
.dipl_testimonial_slide.swiper-slide-duplicate-active .dipl_testimonial_author_name, .dipl_testimonial_slide.swiper-slide-active .dipl_testimonial_author_name {
  color: #F9423A;
}


.dipl_testimonial_slide.swiper-slide-duplicate-next, .dipl_testimonial_slide.swiper-slide-next {
  background-image: url('https://cal-am.net/wp-content/uploads/2023/09/wave_blue.jpg');
}
#main .dipl_testimonial_slide.swiper-slide-duplicate-next .dipl_testimonial_quote_icon, .dipl_testimonial_slide.swiper-slide-next .dipl_testimonial_quote_icon{
  color: #73D7F0!important;
}
.dipl_testimonial_slide.swiper-slide-duplicate-next .dipl_testimonial_author_name, .dipl_testimonial_slide.swiper-slide-next .dipl_testimonial_author_name {
  color: #FFFFFF;
}

.dipl_testimonial_slide.swiper-slide-duplicate-prev, .dipl_testimonial_slide.swiper-slide-prev {
  background-image: url('https://cal-am.net/wp-content/uploads/2023/09/wave_orange.jpg');
}
#main .dipl_testimonial_slide.swiper-slide-duplicate-prev .dipl_testimonial_quote_icon, .dipl_testimonial_slide.swiper-slide-prev .dipl_testimonial_quote_icon{
  color: #FFA667!important;
}
.dipl_testimonial_slide.swiper-slide-duplicate-prev .dipl_testimonial_author_name, .dipl_testimonial_slide.swiper-slide-prev .dipl_testimonial_author_name {
  color: #F6EB61;
}




/*DIVI MACHINE LAYOUT FIX*/
#main .divi-filter-archive-loop .dmach-acf-item-content img {
  width: 100%;
}

.dmach-grid-item, .dmach-grid-item .grid-item-cont {
  display: flex;
  width: 100%;
}

#et-main-area .grid-item-cont .et_pb_section.community-card-layout {
  display: flex;
  flex-direction: column;
}

.home-button-row{
  padding-top:2rem !important;

}

/* /resorts Divi Machine grid items height fix */
.dmach-grid-item .bc-link-whole-grid-card {
  display: flex;
  width: 100%;
}
.dmach-grid-item .bc-link-whole-grid-card .et_pb_row:last-child {
  height: auto;
}

.dmach-grid-item .bc-link-whole-grid-card .et_pb_row:nth-child(3) {
  flex-grow: 1;
}


/*main.css overwrites*/
.l-constrained,
.l-constrained--wide {
    width: 80%;
    max-width: 100%;
    margin: 0 auto;
}

.single-communities .hero, .single-resorts .hero {
  height: unset;
}

section.hero h1, section.hero h2 {
  text-align: unset;
}

.hero {
  background-position: center;
}







/*2023-09-14 Gravity Form Styles*/
.gform_wrapper.gravity-theme input[type=color], 
.gform_wrapper.gravity-theme input[type=date], 
.gform_wrapper.gravity-theme input[type=datetime-local], 
.gform_wrapper.gravity-theme input[type=datetime], 
.gform_wrapper.gravity-theme input[type=email], 
.gform_wrapper.gravity-theme input[type=month], 
.gform_wrapper.gravity-theme input[type=number], 
.gform_wrapper.gravity-theme input[type=password], 
.gform_wrapper.gravity-theme input[type=search], 
.gform_wrapper.gravity-theme input[type=tel], 
.gform_wrapper.gravity-theme input[type=text], 
.gform_wrapper.gravity-theme input[type=time], 
.gform_wrapper.gravity-theme input[type=url], 
.gform_wrapper.gravity-theme input[type=week], 
.gform_wrapper.gravity-theme select, 
.gform_wrapper.gravity-theme textarea {
  border: none;
  padding: 8px 16px;
}










/* MEDIA QUERIES FOR DIFFERENT SCREEN WIDTHS */

/** Styles For WIDE DESKTOP Only - 2400px and up***/
@media only screen and (min-width: 2400px){

  /* hide certain elements on desktop */
  .hide-desktop{
    display:none !important;
  }

  .home-card-layout .et_pb_row {
      padding: 1% 0;
  }

  }

  /** Styles For DESKTOP Only - 981px and up***/
  @media all and (min-width: 981px) {

    /* hide certain elements on desktop */
    .hide-desktop{
      display:none !important;
    }

  .et_pb_row {
      padding: 1% 0;
  }
  .footer-form{display:none;}
  .jump-to-footer-form{display:none !important;}
  .page-template-tpl-home-search-results .footer-top{display:none;}

  .pagination-list{float:left;}

}

/** Styles For TABLET Only - between 768 and 980px **/
/* hide certain elements on mobile */
@media all and (min-width: 768px) and (max-width: 980px) {

  .post-type-archive-homes .content-area, .page-template-tpl-home-search-results .content-area {
    width: 100% !important;
    max-width:100% !important;
    margin-left: auto;
    margin-right: auto;
  }
  
  /* fix row default widths */
  .et_builder_inner_content>.et_pb_section>.et_pb_row, .et_pb_section>.et_pb_row{
    width:90%;
    max-width:90%;
  }
  .post-type-archive-homes .content-area, 
  .page-template-tpl-home-search-results .content-area, 
  .page-template-default .content-area,
  .l-constrained, .l-constrained-wide{
    width:90%;
    max-width:90%;
    margin-left:auto;
    margin-right:auto;
  }

  /** push testimonial name down into color area on tablet */
  .dipl_testimonial_author_name{
    margin-bottom:-40px;
  }

  .hide-mobile{
    display:none !important;
  }

  .card__container > .card__wrap--fourths {
  flex-basis: 49%;
  }

  .blue-bg-col{
    margin:1% 1%;
  }

  .header-form{display:none;}
  .page-template-tpl-home-search-results .footer-top{display:none;}
}

/** Styles For MOBILE Only - under 767px **/
/* hide certain elements on mobile */
@media all and (max-width: 767px) {

  .post-type-archive-homes .content-area, .page-template-tpl-home-search-results .content-area {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .home-listings>.et_pb_row, .home-listings-top>.et_pb_row{
    width:95%;
    max-width:95%;
  }
  /* fix row default widths */
  .et_builder_inner_content>.et_pb_section>.et_pb_row, .et_pb_section>.et_pb_row{
    width:95%;
    max-width:95%;
  }
  .post-type-archive-homes .content-area, 
  .page-template-tpl-home-search-results .content-area, 
  .page-template-default .content-area,
    .l-constrained, .l-constrained-wide{
    width:95%;
    max-width:95%;
    margin-left:auto;
    margin-right:auto;
  }

  /** fix font sizes on mobile */
  h1{
    font-size:3rem;
    line-height:3rem;
    font-weight:600;
  }
  h2{
    font-size:2.5rem;
    line-height:2.25rem;
    font-weight:600;
    margin: unset;
  }
  .hero h2, .headline h2{
    font-size:2rem;
    line-height:1.25em;
    font-weight:400 !important;
  }
  h3{
    font-size:1.5rem;
    line-height:1.2rem;
    font-weight:600;
  }
  h4, h5, h6{
    font-size:1.25rem;
    line-height:1.2rem;
    font-weight:600;
  }

/** add hide-mobile class to hide an element on mobile */
  .hide-mobile{
    display:none !important;
  }

  .card__container > .card__wrap--fourths {
  flex-basis: 100%;
  }

  .footer-bottom .menu-container .et_pb_module{
  flex-basis:50%;
  }

  .blue-bg-col{
    margin:1% 1%;
  }

  /** fix gravity forms complex next-to-each-other name fields on mobile */
  .gform_wrapper .gfield .ginput_complex span {
    width: 100%;
  }

  .et_pb_section .et_pb_row:first-child .et_pb_column_4_4.et-last-child h2, .section-title h2{
    white-space:inherit;
  }

  .dipl_hotspot_0 .dipl_hotspot_wrapper .dipl_text_marker {
    font-size: 1rem !important;
    line-height: 1rem !important;
    padding: .25rem .25rem !important;
  }

  ul.two-columns{
    -webkit-columns:1;
    column-count:1;
    list-style:outside disc;
  }

  .header-form{display:none;}
  .page-template-tpl-home-search-results .footer-top{display:none;}


}/* end of MOBILE styles

/* random */
.jump-to-footer-form{display:inline-block; margin-top:1rem; float:right;}
.footer-form h2{text-align:center; font-size:2rem;}
.footer-form h3{text-align:center; font-size:1.5rem;}

/** pagination for homes styles **/
.pagination{margin-left:auto; margin-right:auto; width:fit-content;}
.page-count{white-space: nowrap;}
.pagination-list::before{content:"Pages: ";}
.pagination-list, .pagination-list__item{
    display: inline-block;
    margin-right: 0.5rem;
}
.pagination-list__item::after{
content:" \00B7";
}
.pagination-list__item:last-child::after{
content:"";
}
.icon-arrow-right::after{content:">"; font-style:normal;}
.prev::after{content:"<"; font-style:normal;}

.field-contact-message .textarea{
  background-color:#FFF;
}

#post-816755 #field_349_10, .community-form #field_349_10{width:100%; grid-column: span 12;}

.hero h1, .hero .et_pb_column_0_tb_body h2{text-shadow:2px 2px 40px rgba(0,0,0,.8);}
.et_pb_menu_0_tb_footer .et_pb_menu_inner_container>.et_pb_menu__logo-wrap .et_pb_menu__logo img{
  max-height:75px !important; height:75px !important;}
.community-hero-form .gform_wrapper form .gform_footer input.button{width:auto; border:2px solid; width:50%;}
.community-hero-form .gform_wrapper form .gform_footer input.button:hover{}

/**********************
 * FOOTER Styles
 * *******************/

/* footer text styles */
.footer-bottom h3,
.footer-bottom h3 a
{
  color:#fff;
  font-size: 1.375rem !important;
  line-height:1.357rem;
  font-weight:600;
  /* margin-top:1.375rem; */
}

.footer-bottom h3{
  /* border-bottom:1px solid rgba(255, 255, 255, .1); */
}

.footer-bottom a,
body .footer-bottom p{
  color:#fff;
  font-size:1.25rem;
  line-height:2rem;
  font-weight:200;
  margin-bottom:0px;
  letter-spacing:.1rem;
}

.footer-bottom a p, 
.footer-bottom p a{
margin-bottom:0px;
padding-bottom:0px;
}

.footer-bottom a + ul, .footer-bottom ul+a{margin:0px auto;}

.footer-bottom ul,
.footer-bottom li,
.no-bottom-margin{
  margin: 0px auto;
  margin-bottom:0px !important;
}
.footer-bottom ul, .footer-bottom ul li{ list-style: none; }
.footer-bottom ul li:before{ content:"• "; font-size:.75rem; line-height:.75rem; vertical-align:25%; padding-right:.75rem; margin-left:-.75rem;}

/* footer layout styles */

.footer-bottom .menu-container .et_pb_module{
  min-width:8rem;
  margin-bottom:2rem;
}

.footer-bottom .social-icons img{max-width:4rem;}

.form button[type="submit"]:hover{background-color:#F9433B;}

.et-pb-arrow-next, .et-pb-arrow-prev{
  background-color: #f9423a !important;
  color: #fff !important;
  opacity:1 !important;
}
.et-pb-arrow-next{
  right:0px;
}
.et-pb-arrow-prev{
  left:0px;
}

/***************************
* Community Homes
* *************************/

.three {
      /* float: left; */
      width: 25%;
      padding-right: 0rem;
      padding-left: 0rem;
}
.four {
      /* float: left; */
      width: 33.3333333333%;
      padding-right: 1rem;
      padding-left: 1rem;
}
.six {
      /* float: left; */
      width: 50%;
      /*padding-right: 1rem;
      padding-left: 1rem;*/
}
.eight {
      /* float: left; */
      width: 66.6666666666%;
      padding-right: 1rem;
      padding-left: 1rem;
}
.card{
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, .2);
  padding:1rem;
}
.card__container .card__img{
  vertical-align:bottom;
}
.card .et_pb_button_module_wrapper{
margin-top:1rem;
margin-bottom:2rem;
}

.beds+.baths:before, .beds+.sqft:before, .baths+.sqft:before{
  content:"⸱ ";
}

.twelve .et_pb_button{margin-top:1rem;}

.home-listings.et_pb_section{
  margin-top:0px;
  padding:0px 0;
}
.home-listings-top.et_pb_section{
  margin-top:0px !important;
  padding:0px 0px;
  margin-bottom:0px !important;
}

.two-columns {
    padding-left: 0;
    list-style: inside disc;

    -webkit-columns: 2;
    column-count: 2;
}

.two-columns li {
    padding-left: 1em;
    text-indent: -1em;
}


.et_pb_de_mach_acf_item.resort-state{padding-left:.25rem;}
body #page-container .et_pb_section .et_pb_de_mach_view_button a.et_pb_button {
  display: inline-block;
}

.home-sqft-bed-bath-row{
padding-top:1.75rem;
padding-bottom:1rem;
padding-left:15%;
padding-right:15%;
}
.home_address p{
  font-weight:200;
  margin-bottom:2rem;
}
.home-price-row p{
  font-size:2.75rem;
  line-height:2.75rem;
}

.home_sqft p, .home_beds p, .home_baths p{
  font-size:1.738rem; 
  line-height:1.738rem;
}

.home_address p, .home_tagline p{
  font-size: 2rem;
  line-height:2rem;
}

.row.l-margin-bd{display:flex;}
.row .six{flex-basis:50%}
.row .three{flex-basis:33%}

/* 2023-10-17 KNO-JB,
 * Applies to template: tpl-home-search-results.php,
 * Task: Have home listings filter line up left-to-right in a row, as opposed to in a column.
 */

/*add padding to top, first section*/
#primary .home-listings-top.et_pb_section {
  padding-top: 5vh;
}

/*remove padding from rows within first section*/
.home-listings-top .et_pb_row, .home-listings > div > .et_pb_row {
  padding: 1rem 0;
  width: 90%;
}

/*line up filter form in a row*/
/*2023-10-18 Homes for Sale Form, dictated by 'form--homesearch' class. Found on /homes-for-sale, /community-homes-for-sale, and /resort-homes-for-sale*/
.home-listings .form--homesearch > .row, .home-listings .form--homesearch {
  display: flex;
  gap: 10px;
  align-items: flex-end;
  width: 100%;
}

/*fix width of form inputs*/
.home-listings .form--homesearch > .row .columns,
.form--homesearch > .row .columns,
.form--homesearch > .columns {
  width: auto;
}
@media ()
.home-listings .form--homesearch label {
  font-size: 16px;
}
.form--homesearch .select-wrap select, .form--homesearch button {
  width: 100%;
  border-radius: 50px;
  padding: .5rem 1rem !important;
  font-size: 1.375rem;
  line-height: 1.375rem;
}
.home-listings .form--homesearch .select-wrap select option {
  font-size: 1rem!important;
}

.home-listings .et-l.et-l--post {
  display: none;
}

@media only screen and (max-width: 980px){
  .home-listings > div > .et_pb_row > .row {
    display: block;
  }

  .home-listings > div > .et_pb_row > .row > div {
    width: 100%;
  }
}

@media only screen and (max-width: 767px){
  .home-listings .form--homesearch > .row {
    flex-wrap: wrap;
  }
  .home-listings .form--homesearch > .row .columns {
    flex-basis: 100%;
  }
}
/*CONCLUDE*/


/* 2023-10-17 11am KNO-JB,
 * Applies to template: tpl-home-search-results.php,
 * Task: Fix up card layouts
 */
.card__container .card--pricing, .card__container .card--pricing .card-shadow {
  display: flex;
  flex-direction: column;
}

.card__container .card--pricing .card-shadow, .card__container .card--pricing .card-shadow .card__content {
  flex-grow: 1;
}

@media only screen and (min-width: 1440px){
  .home-listings .card__container > .card__wrap {
    flex-basis: 24%;
  }
}