/**
 * STYLES FOR NEW INNER PAGE DESIGNS
 **/

/**
 * TOP OF PAGE HEADER AREA
 **/

 .content-header {
   display: flex;
   flex-flow: row wrap;
   }

 .content-header .main-img {
    width: auto;
    overflow: hidden;
    max-width: 50%;
    margin: auto;
   }
   @media (max-width: 991.98px) { /* Mobile styles */
         .content-header .main-img {
            width: 100%;
            max-width: 100%;
         }  

         .content-header .main-img img {
            position: relative;
            left: -50%;
         }

         .hide-on-mobile {
            display: none;
         }
      }

 .content-header .main-details {
   width: 50%;
   padding: 0 3rem;
   }
   @media (max-width: 991.98px) { /* Mobile styles */
         .content-header .main-details {
            width: 100%;
            padding: 0;
         }
      }

 .content-header .main-details h1 {
   font-size: 1.778rem;
   font-weight: 700;
   margin-bottom: 0;
   }

 .content-header .main-details h2 {
   margin-top: 0.5rem;
   font-size: 1.278rem;
   text-transform: uppercase;
   font-weight: 200;
   }

 .content-header .main-details .price {
   font-size: 1.4rem;
   font-weight: 200;
   }

 .content-header .main-details .price-eb {
   font-size: 80%;
   text-transform: uppercase;
   line-height: 120%;
   }

 .content-header .main-details .location {
   margin-top: 2rem;
   }

 .content-header .main-details .location,
 .content-header .main-details .date,
 .content-header .main-details .time {
   font-size: 90%;
   line-height: 120%;
   }



 /* CTA BUTTONS */
 .cta-form {
   margin-top: 2em;
   }
 .cta-form blockquote {
   font: 1.4rem/1.2 niveau-grotesk, sans-serif;
   }	
.cta-form .quote {
   margin: 0;
   padding: 0;
   }
.cta-form .quote figcaption {
	text-align: center;
	font: 0.8rem/1.4 niveau-grotesk, sans-serif;
	margin-bottom: 1em;	
	letter-spacing: 0.1px;	
   }

.clickable {
   padding: 2em 0.5em; border-radius: 10px; border-bottom: 2px solid #ffffff; background: #c0ded1; width: 100%;
   }
.clickable:hover { 
   background: #6fa18a; color: #ffffff 
   }

a.abutton {
   text-decoration: none;
   text-align: center;
}

/* ACCORDION */
 
 .accordion-item .label {
   position: relative;
   padding: 10px 0;
   font-size: 1rem;
   font-weight: 200;
   text-transform: uppercase;
   color: #352d27;
   cursor: pointer;
   }

.accordion-item .label::before {
   content: '+';
   color: #352d27;
   position: absolute;
   top: 50%;
   right: -5px;
   font-size: 30px;
   transform: translateY(-50%);
    }   

.accordion-item .content {
   position: relative;
   height: 0;
   /* text-align: justify; */
   overflow: hidden;
   transition: 0.5s;
   }

.accordion-item.active .content {
   height: auto;
   }
    
    
.accordion-item.active .label::before {
   content: '-';
   font-size: 30px;
   }

hr {
   width: 100;
   margin-left: 0;
   border: 1px solid #d8d6d0;
   }