/*
Theme Name: Paragon
Version: 1.0
Template: hello-elementor
*/

:root {
	/* font family */
  --heading-font-family: "Outfit", Sans-serif;
  --body-font-family: "Outfit", Sans-serif;
	
  --primary-background: #f7f2ed;   /* light skin */
  --secondary-background: #1D2530; /* dark blue */
  --tertiary-background: #EEE1D8;  /* Tertiary background - should be a light color for mainnly used for ul, ol */     
  --color-text-primary: #3C4653;
  --color-text-seconday: #fff;
  --color-text-tertiary: #000;
  --highlight: #ffb900;
 
  --accent-color-1: #0D6EFD;   
  --accent-color-2: #6710F5;   
  --accent-color-3: #6F42C1;   
   --accent-color-4: #D63384;   
   --accent-color-5: #DC3545;
  /* Theme color */
  --theme: var(--primary);
  
  --service-background-color: #f7f2ed;                            /* Primary background - main content areas */     
  --service-heading-text-color: #3C4653;                          /* Primary Heading */
  --service-text-color: #63422C;                               /* Primary Text - body text */     
  --service-secondary-background-color: #1D2530;               /* Secondary background - accent/highlight sections */    
  --service-secondary-heading-text-color: #fff;                /* Secondary Heading */
  --service-secondary-text-color: #fff;                        /* Secondary Text - text on secondary backgrounds */  
  --service-tertiary-background-color: #EEE1D8;                /* Tertiary background - accent/highlight sections */  
  --service-tertiary-heading-text-color: #3C4653;                 /* Tertiary Heading */
  --service-tertiary-text-color: #63422C;                      /* Tertiary text - text on backgrounds */   
  --cta-background-color: #1D2530;                             /* CTA background - high contrast for action items */     
  --cta-text-color: #fff;                                   /* CTA text - text on CTA backgrounds */
  --cta-btn-color: #fff;
  --cta-btn-color-hover: #1ee576CC;
  --cta-btn-text-color: #111;
  --cta-split-background: #1D2530;
  --service-icon-badge-color: #fff;
  --service-icon-background-color: #1D2530;
}

h3 + div,
h3 + p,
h3 + p + p,
h3 + p + p + p,
h3 + p + p + p + p,
h3 + p + p + p + p + p,
h3 + p + p + p + p + p + p,
h3 + p + p + p + p + p + p + p, 
h3 + p + p + p + p + p + p + p + p, 
h3 + p + p + p + p + p + p + p + p + p, 
h3 + p + p + p + p + p + p + p + p + p + p{
    margin-left: 10px !important;
}

/*** end of global style ***/

.interior-page-style h2 {
    color: #3C4653;
    font: 500 3rem/1.1 "Montserrat", Sans-serif;
	letter-spacing: 0.6px;
    word-spacing: 0.6px;
    /* margin-top: 24px;
  	margin-bottom: 8px; */
}

.interior-page-style h3 {
    color: #3C4653;
    font: 500 2rem/1.3 "Montserrat", Sans-serif;
	letter-spacing: 0.6px;
    word-spacing: 0.6px;
}

.interior-page-style h4 {
    color: #3C4653;
    font: 600 28px/1.3 "EB Garamond", Sans-serif;
	letter-spacing: 1px;
    word-spacing: 1px;
    margin-bottom: 0.3em;
}

.interior-page-style h5 {
    color: #3C4653;
    font: 600 24px/1.3 "EB Garamond", Sans-serif;
	letter-spacing: 1px;
    word-spacing: 1px;
    margin-bottom: 0.3em;
}

.interior-page-style h6 {
    color: #3C4653;
    font: 600 20px/1.3 "EB Garamond", Sans-serif;
	letter-spacing: 1px;
    word-spacing: 1px;
    margin-bottom: 0.3em;
}

.interior-page-style ul li,
.interior-page-style ol li{
    color: #63422c;
    font: 400 17px/1.5 "Noto Sans", Sans-serif;
	letter-spacing: 0.6px;
    word-spacing: 0.6px;
    margin-bottom: 0.5em;
}

.interior-page-style p {
    color: #63422c;
    font: 400 19px/1.5 "Noto Sans", Sans-serif;
	letter-spacing: 0.6px;
    word-spacing: 0.6px;
    margin-bottom: 0.5em;
}


.page-id-1298 .video-main-wrap {
    display: none;
}


@media (max-width: 767px){
.interior-page-style p {
    color: #63422c;
    font: 400 16px "Noto Sans", Sans-serif !important;
	letter-spacing: 0.6px;
    word-spacing: 0.6px;
    margin-bottom: 0.5em;
}

}

/* .interior-page-style img {
    display: block;
    min-width: 100%;
    max-height: 400px;
    object-fit: cover;
    margin-top: 24px;
    margin-bottom: 24px;
    border-radius: 5px;
} */

/*
.single-staff img.staff-img{
    display: block;
    min-width: 0 !important;
    max-height: 400px;
    object-fit: cover;
    border-radius: 5px;
}
*/

.interior-page-style em{
    font-style: italic;
}

.interior-page-style strong {
    font-weight: bold;
} 

.interior-page-style a:link {
    cursor: pointer;
  	color: #1D2530 !important;
}

.interior-page-style a:hover {
    transition: all .2s ease;
    text-decoration: none;
}

.interior-page-style a.btn.button {
    color: #fff !important;
    background: #000 !important;
}

.interior-page-style a.interior-btn {
    font-family: "Noto Sans", Sans-serif;
    font-size: 19px;
    font-weight: 400;
    letter-spacing: 0.6px;
    word-spacing: 0.6px;
    fill: #FFFFFF;
    color: #FFFFFF;
    background-color: #1D2530;
    border-radius: 5px 5px 5px 5px;
    padding: 15px 20px 15px 20px;

}

/* adjusting hero bg interior page */
.constraint-1600{
	background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.interior-page-style .wrapper-buttons {
    text-align: center;
    margin-top: 1em;
    margin-bottom: 1em;
}

body{
 	overflow-x: hidden !important; 
}

@media(max-width:767px){
  .interior-page-style h1 {
      font-size: 29px !important;
      line-height: 1.3;
	}
  
  .interior-page-style h2 {
      font-size: 26px !important;
      line-height: 1.3;
	}
  
  .interior-page-style h3 {
      font-size: 22px !important;
      line-height: 1.3;
	}
  
  .interior-page-style h4 {
      font-size: 20px !important;
      line-height: 1.3;
	}

  .interior-page-style h5 {
      font-size: 18px !important;
      line-height: 1.3;
	}

  .interior-page-style h5 {
      font-size: 17px !important;
      line-height: 1.3;
	}
}

@media (min-width: 922px){
  .ast-container{
      max-width: initial !important;
  }
}

.ast-container, .ast-container-fluid{
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* events archive css */
.post-type-archive-mec-events header{
	background-color: #111;
}

.post-type-archive-mec-events section#main-content.mec-container{
  padding-top: 180px !important;
}

.post-type-archive-mec-events div#content{
	background-color: #f5f5f5;
}

.post-type-archive-mec-events .ast-container{
	padding-top: 64px;
    padding-bottom: 64px;
}

.post-type-archive-mec-events .ast-container .mec-container h1 {
  	font: 700 3rem/1.2 "Archivo", Sans-serif;
    color: #1D4281;
    letter-spacing: 1px;
    word-spacing: 1px;
  	text-align: center;
}

.post-type-archive-mec-events .mec-calendar .mec-calendar-header h2{
	font: 700 1.4rem/1.2 "Mulish", Sans-serif;
  	color: #070707;
  	text-transform: inherit;
}

.post-type-archive-mec-events .mec-wrap{
	margin-top: 48px;
}

.post-type-archive-mec-events .mec-calendar .mec-calendar-table h4.mec-event-title{
  	font: 500 0.9rem 'Mulish';
    background-color: #327330;
    padding: 8px;
    color: #fff !important;
    text-transform: none;
  	text-decoration:none;
}

/* events single css */
.single-mec-events div#content{
	background-color: #f5f5f5;
}

.single-mec-events .ast-container{
	padding-top: 128px !important;
   	padding-bottom: 64px !important;
}

.single-mec-events .mec-single-event-category{
  display: none;
}

.single-mec-events .mec-single-event-location dd.mec-location-url{
  display: none;
}

.single-mec-events .mec-single-event-location .author{
  display: none;
}

.single-mec-events .mec-single-event-location .mec-address,
.single-mec-events .mec-single-event-time .mec-events-abbr,
.single-mec-events .mec-single-event-date .mec-start-date-label{
  font-family: "Mulish", Sans-serif;
  color: #0D0D0D;
  font-size: 1rem;
  font-weight: 400;
}

.mec-single-event .mec-events-meta-group-countdown, .ast-page-builder-template .comments-area, .wp-block-group, .wp-block-search{
	display:none;
}

.mec-single-event h1.mec-single-title{
  font-family: "Josefin Sans", Sans-serif;
}

.single-mec-events .mec-wrap p{
	font: 400 1rem "Mulish", Sans-serif;
  	color: #333;
}
  
.mec-single-event aside#recent-posts-2 {
  display:none;
}

.mec-single-event aside#spf-2{
  display:none;
}

body.page {
    margin: 0px !important;
}

body{
    margin: 0px !important;
}

/* archive page */
.post-type-archive-mec-events .mec-event-container-simple .mec-calendar-day .mec-monthly-tooltip.event-single-link-simple:last-of-type{
	text-decoration: none;
}

.post-type-archive-mec-events header{
	background-color: #111 !important;
}

.post-type-archive-mec-events section#main-content.mec-container{
  padding-top: 250px !important;
	padding-bottom: 64px;
}

.post-type-archive-mec-events div#content{
	background-color: #f5f5f5;
}

.post-type-archive-mec-events .ast-container{
	padding-top: 64px;
  padding-bottom: 64px;
}

.post-type-archive-mec-events h1 {
  	font: 800 3rem/1.2 "Archivo", Sans-serif !important;
    color: #1D4281;
    letter-spacing: 1px;
    word-spacing: 1px;
  	text-align: center;
		margin-bottom: 1px !important;
}

.post-type-archive-mec-events .mec-calendar.mec-event-container-simple dl dt.mec-selected-day, .mec-calendar.mec-event-container-simple dl dt.mec-selected-day:hover{
	border-bottom: 2px solid #d7272d;
}

.post-type-archive-mec-events .mec-wrap .mec-calendar.mec-event-calendar-classic .mec-selected-day:hover{
	color: #d7272d !important;
}

.post-type-archive-mec-events .mec-calendar .mec-calendar-header h2{
	font: 700 1.5rem/1.2 "Outfit", Sans-serif;
  	color: #070707;
  	text-transform: inherit;
}

.post-type-archive-mec-events .mec-wrap{
	margin-top: 48px;
}

.post-type-archive-mec-events .mec-calendar .mec-calendar-table h4.mec-event-title{
  	font: 500 1rem 'Outfit';
    background-color: #34558E;
    padding: 8px;
    color: #fff !important;
    text-transform: none;
  	text-decoration:none;
}

/* events single css */
.single-mec-events div#content{
	background-color: #f5f5f5;
}

.single-mec-events header{
	background-color: #111 !important;
}

.single-mec-events section#main-content.mec-container{
	padding-top: 280px;
	padding-bottom: 48px;
}


.single-mec-events .mec-single-event .mec-event-content{
	padding: 0;
}

.single-mec-events .mec-single-event-category{
  display: none;
}

.single-mec-events .mec-single-event-location dd.mec-location-url{
  display: none;
}

.single-mec-events .mec-single-event-location .author{
  display: none;
}

.single-mec-events .mec-single-event-location .mec-address,
.single-mec-events .mec-single-event-time .mec-events-abbr,
.single-mec-events .mec-single-event-date .mec-start-date-label{
  font-family: "Outfit", Sans-serif;
  color: #0D0D0D;
  font-size: 1rem;
  font-weight: 400;
}

.mec-single-event .mec-events-meta-group-countdown, .ast-page-builder-template .comments-area, .wp-block-group, .wp-block-search{
	display:none;
}

.mec-single-event h1.mec-single-title{
  font-family: "Archivo", Sans-serif;
}

.single-mec-events .mec-wrap p{
	font: 400 1rem "Outfit", Sans-serif;
  	color: #333;
}
  
.mec-single-event aside#recent-posts-2 {
  display:none;
}

.single-mec-events .mec-single-event .mec-events-meta-group-booking form>h4:before, .mec-single-event .mec-frontbox-title:before, .mec-single-event .mec-wrap-checkout h4:before{
	border-bottom: 4px solid #d7272d;
}

.single-mec-events i.mec-sl-calendar:before{
	color: #d7272d;
}

.single-mec-events i.mec-sl-clock:before{
	color: #d7272d;
}

.single-mec-events i.mec-sl-location-pin:before{
	color: #d7272d;
}

.single-mec-events div#respond{
	display: none;
}

.single-mec-events .mec-border-color, .mec-border-color-hover:hover, .mec-wrap .mec-border-color, .mec-wrap .mec-border-color-hover:hover{
	border-color: #d7272d;
	color: #111;
	text-decoration: none;
}

.single-mec-events .mec-bg-color, .mec-bg-color-hover:hover, .mec-wrap .mec-bg-color, .mec-wrap .mec-bg-color-hover:hover{
	background-color: #d7272d;
}

.single-mec-events .mec-events-button{
	font-size: 16px;
	text-decoration: none;
}

.single-mec-events .mec-single-event .mec-event-meta dt, .mec-single-event .mec-event-meta h3{
	font-family: "Archivo";
}


.mec-single-event aside#spf-2{
  display:none;
}

body.page {
    margin: 0px !important;
}


-- For -- Mobile --
  	/* events archive css */
.post-type-archive-mec-events .mobile-header{
      background-color:#55331A !important;
    }

.post-type-archive-mec-events .ast-container .mec-container{
      width: auto;
    }
  
.post-type-archive-mec-events .ast-container{
        padding-top: 32px;
        padding-bottom: 32px;
    }

/* single events css */
.single-mec-events .mobile-header{
      background-color:#55331A !important;
    }



-- For -- Mobile --
  	/* events archive css */
    .post-type-archive-mec-events .mobile-header{
      background-color:#55331A !important;
    }

    .post-type-archive-mec-events .ast-container .mec-container{
      width: auto;
    }
  
    .post-type-archive-mec-events .ast-container{
        padding-top: 32px;
        padding-bottom: 32px;
    }

     /* single events css */
    .single-mec-events .mobile-header{
      background-color:#55331A !important;
    }

    .single-mec-events .ast-container .mec-container{
      width: auto;
    }

    .single-mec-events .ast-container{
       padding-top: 32px !important;
       padding-bottom: 32px !important;
    }

/* 1600px width interior page */
@media(min-width: 1600px){
  .constraint-1600{
  	max-width: 1600px;
    margin: auto;
  }
}


/*table*/

td {
    color: #3C4653 !important;
}


/* Staff Image */
img.staff-img {
  	margin: 0 0 16px 16px  !important;
  	min-width: 0px !important; 
  	max-height: 400px !important;
    object-fit: cover !important;
    border-radius: 5px !important;
}

/* hiding about hero section */

body.page-id-1298 div h1.elementor-heading-title.elementor-size-default {
    display: none !important;
}

body.page-id-1298 .elementor-element-4fccb05 {
  display: none !important;
}

/* interior video iframe */
.video-background-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 500px;
  overflow: hidden;  
  z-index: 1; 
}

.video-background-wrapper iframe {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100vw;
  height: 100vh;
  transform: translate(-50%, -50%); 
  min-width: 100%;
  min-height: 100%;
  width: 177.77777778vh; 
  height: 56.25vw;
  min-width: max(100%, 177.77777778vh);
  min-height: max(100%, 56.25vw);
}

.video-background-wrapper img {
    height: 100%;
    width: 100%;
    object-fit: cover;
	
}

.video-main-wrap .elementor-widget-heading {
    width: 100%;
    height: 400px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.video-main-wrap .elementor-widget-container {
    display: flex;
    justify-content: center;
    align-items: center;
}

/* interior video iframe style ends */


/* home video iframe */
body.home .video-background-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 80vh;
  overflow: hidden;  
  z-index: 1; 
}

body.home .video-background-wrapper iframe {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100vw;
  height: 100vh;
  transform: translate(-50%, -50%); 
  min-width: 100%;
  min-height: 100%;
  width: 177.77777778vh; 
  height: 56.25vw;
  min-width: max(100%, 177.77777778vh);
  min-height: max(100%, 56.25vw);
}

body.home .video-background-wrapper img {
    height: 100%;
    width: 100%;
    object-fit: cover;
	
}

body.home .video-main-wrap .elementor-widget-heading {
    width: 1280px;
    height: 45vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

body.home .video-main-wrap .elementor-widget-container {
    display: flex;
    justify-content: center;
	align-items: end;
}

body.home h1.elementor-heading-title {
    padding-right: 35%;
}

body.home .video-main-wrap .elementor-widget-button {
    width: 1280px;
    display: flex;
}

/* home video iframe style ends */


@media(max-width:767px){
	.video-background-wrapper {
	  height: 250px !important;
	}
	
	.video-main-wrap .elementor-widget-heading {
		height: 200px;
	}
	
	body.home .video-background-wrapper {
	  height: 350px !important;
	}
	
	body.home .video-main-wrap .elementor-widget-heading {
		height: 235px;
	}
	
	body.home h1.elementor-heading-title {
    	padding-right: 0;
		text-align: center;
	}
	
	body.home .video-main-wrap .elementor-widget-button {
		margin-top: -30px;
		display: block;
	}
	
}

@media(min-width:768px) and (max-width:1024px){
	body.home .video-background-wrapper {
	  height: 45vh;
	}
	
	body.home .video-background-wrapper {
	  height: 450px !important;
	}
	
	body.home .video-main-wrap .elementor-widget-heading {
		height: 435px;
	}
	
	body.home h1.elementor-heading-title {
    	padding-right: 0;
		text-align: center;
	}
	
	body.home .video-main-wrap .elementor-widget-button {
		margin-top: -30px;
		display: block;
		padding-left: 15px;
	}
	
	body.home .video-main-wrap .elementor-widget-heading {
    	height: 23vh;
		padding: 15px;
	}
}