/*
Theme Name: Enfold Child
Description: Child theme for the Enfold theme
Author: Richard Hamel
Author URI: http://doww.org
Version: 1.0
Template: enfold
*/


/***************** NOTE: THESE STYLES REFLECT after AUGUST 29 2024 VERSION OF WEBSITE *******************/


/*Add your own styles here:*/

/* Limits the entire website width */
html {max-width: 1800px; margin: 0 auto; }

/* Scroll Behavior for anchor buttonns on same page */
html {scroll-behavior: smooth;}

.main_color a {color: #9f195e}

.main_color blockquote, .main_color .avia-bullet, .main_color .av-no-color.av-icon-style-border a.av-icon-char {
    border-color: #e27b57;
}

span.special_amp {color: #e27b57 !important; font-size: 90%}

a:focus {
  text-decoration:underline !important;
}

/* Burger Menu styles */


#av-burger-menu-ul li.burger-social {
    float: left;
}

#av-burger-menu-ul li.burger-social a {
    padding: 10px !important;
    border-bottom: none !important;
}

#av-burger-menu-ul li.social_icon_1 {
 padding-left: 40px
}



.txtshade {text-shadow: 0 -1px 1px #000;}
.txtshadewht {text-shadow: 0 -1px 1px #ffffff;}
.txtshadegr {text-shadow: 0 -1px 1px #000;}
.txtshadegr h1 {background-color: #666666; text-align: center;}
.captionwhtcir {
	letter-spacing: 1px;
	font-weight: bold;
	background-color: #d27551 !important;
} /* white captions under circle images */

span.cursive { font-size: 160%}

.sans-font h1.av-special-heading-tag  {
	color:#ffffff !important;
	background-color: rgba(155, 60, 138, 0.4);
	padding: 4px 0;
}
.labelblk {
font-size: 18px;
background-color: #666; 
padding: 1px 4px 1px 2px;
color: #fff;
font-weight:400; 
}
.labelorg {
font-size: 18px;
background-color: #e6805c; 
padding: 1px 4px 1px 2px;
color: #fff;
font-weight:400; 
}

/* this fattens the modern/thin header fonts to adhere better to ADA guidelines */
.av-thin-font .av-special-heading-tag, .modern-quote .av-special-heading-tag {
    font-weight: 500;
}

/* Shared Form styles */

.gfield {margin-top: 50px;}






/*************************** OTHER PAGES **************/

h1, h1.av-special-heading-tag  {
    font-size: 50px;
    color: #e27b57; 
    font-weight: normal;
}

#srv-title {margin-top: -8%; margin-bottom: 2%;}
#srv-title h1 {color: #e27b57 !important}
.main_color {border-color: #ffffff }

p {xfont-size: 15px;  }	

.avia-menu-text {font-weight: normal;}

#top #wrap_all .header_color .av-menu-button-colored > a .avia-menu-text {	
	background-color: #ED39C4 ;
	border-color: #ED39C4 ;
}

	@media only screen and (max-width: 767px) {
	.all_colors h2 {font-size: 22px}

	}

.av-fixed-size .av-masonry-entry .av-inner-masonry-content { 
background-color: rgba(255,255,255,0.6);
text-align:center;
padding: 2%;
color: #ffffff;
}



/* hides border line just under Got Plans */
#after_section_7.main_color {border-color: #ffffff}


/** Volunteer page **/
#vol-slider .caption_framed .slideshow_caption .avia-caption-title, .caption_framed .slideshow_caption .avia-caption-content p {background: rgba(0, 0, 0, 0.2);} /* (188, 146, 169, 0.7) */

.avia-caption-title.slidehead {font-size: 24px;}

/*** Volunteer page ***/

#volunteer-mid-sec .avia_textblock p{
    background: #000;
    filter: alpha(opacity = 40);
    background: rgba(0, 0, 0, 0.4);
    xdisplay: inline-block;
    margin: 0 0 1px 0;
    padding: 10px 15px;
}

body.page-id-4478 .av_icon_caption{font-size: 14px;}

@media only screen and (max-width: 767px) {
	#volunteer-mid-sec  {background: none !important}
	#volunteer-mid-sec .avia_textblock p{font-size: 16px; line-height: 140%;}
	#volunteer-mid-sec .content {padding-top: 0px; padding-bottom: 0px;}
}

/** Other Offers and Helping Options **/

#offersblog .post-meta-infos {display: none !important}  
#offersblog {border: none}

/** Youth Outreach Board Page **/

#yob-members-title.avia-section {
    min-height: 0px ;
	padding-top: 0px;
}
#yob-members-title.avia-section p {
	margin: 0em 0;
}

.YOB-profile h4, .YOB-profile h5 {
	padding: 0 15%;
}

.YOB-profile .avia_textblock p {
	background-color: #d3e2d1; /*#EDE8E7*/
	padding: 4% 15%;
	margin-top: 4%;
	font-size: 14px;
	font-weight: normal;
	border: 1px #F4F0F0 solid;
}

/**** Community Profiles ****/

body.page-id-3835 .main_color .grid-content{background-color: #E78F57;}

body.page-id-3835 .grid-content h2  {
	color: #ffffff !important; 
	background-color: #E78F57 !important;
	font-size: 150%}

/*** Guest Bios Stories ***/

.guest-img-name h1.avia-caption-title, .guest-img-name h2.avia-caption-title {text-transform: none; font-weight:normal;  font-size: 3em; color: #ffffff;}

.guest-img-name .avia-caption-content p {xbackground-color: #62B7B5!important;}

#guest-bio-top p {max-width: 70%; margin: 0 auto; }

#guest-bio-middle-title p {margin: 2em 0 0 0;   }

div#guest-bio-btm .avia_textblock p {
    background: #ffffff;
    filter: alpha(opacity = 10);
    background: rgba(255, 255, 255, 0.1);
    display: inline-block;
    margin: 0 0 1px 0;
    padding: 10px 15px;
}

.guest-mission-txt strong {font-size: 20px; font-weight: 500}



/*** Corporate Helping page ***/

#gallerycorp figcaption.av-inner-masonry-content.site-background { background-color: rgba(0,0,0,0.5);}
#gallerycorp .av-masonry-entry .av-masonry-entry-title {color: #ffffff}
#gallerycorp div.avia-arrow {display: none}

/***** Footer Styles ****/

/*** Social Share Buttons - make round in footer ***/


/* Hide tool tip */
#footer .av-social-sharing-box .avia-related-tooltip {display: none !important;}

#footer .textwidget h3 {color: #666666 ;}
#footer-navi p a {font-size: 12px; color: #666666   }	




/* Remove icon border */
#top .av-social-sharing-box .av-share-box ul li {    
    border-left-style: none;    
    display: inline-block;
    vertical-align: middle !important;
    margin: 0 10px 0 0; 
}

/* Icon style */
#top .av-social-sharing-box .av-share-link a {
   width: 30px !important;
   height: 30px !important;
   border-radius: 30px !important;
   padding: 3px 0 !important;
}

/* Icon color */
#footer .av-social-sharing-box .av-share-link a:before {
  color:#1d1d1b;
  transition: all .5s ease;
}

/* Icon color on hover */
#footer .av-social-sharing-box .av-share-link a:hover:before {
  color:#1d1d1b;
  transition: all .35s ease;
}

/* Icon background color on hover */
#top .av-social-sharing-box .av-share-link a {background: #f0f0f0;}

#top .av-social-sharing-box .av-share-link a:hover:before {color:#f4f7f9;}


#footer #media_image-2, #footer #media_image-3 {text-align: center !important}


/** Wedge Style Header Pages - Sample Page Alt page-id-275 **/

#skew-top img{ clip-path: polygon(0 0, 100% 0, 100% 100%, 0 70%);}
#skew-top .skew-header-caption {color: #AA263F;  font-weight: normal; }
#skew-top .slideshow_caption {margin-bottom: -14%; display: none  } 

 	/* keeps the header/caption aligned with lower text block*/
	@media only screen and (max-width: 767px) {

	#skew-top .caption_bottom .slideshow_caption .slideshow_inner_caption {padding: 0}
	}

#skew-top.avia-shadow {box-shadow: none }




/** Offers Blog **/
#offersblog {xbackground-color: #d3e2d1; border: 1px solid #e27b57;}
#offersblog .av-magazine-time {display: none}
#offersblog img.attachment-thumbnail.size-thumbnail.wp-post-image {
    width: 60px;
    height: 60px;
}
#offersblog  h3 {font-size: 14px;}
#offersblog .av-magazine-entry-small .av-magazine-thumbnail {width: 80px;}










/******* ROSE HAVEN AUGUST 2024  STYLES ********************************************/
/** from design 14-b: MAIN COLORS: med blue: #8ec0c7 | light blue: #aed1d7 | fuchsia: #ED39C4 | light rose: d48588 | orange: #ff9f60 | pink: #F7AABB  **/



.responsive .container { max-width: 1800px;}

/* creates no-gap container wrapper */
#nogaprh .container {padding: 0 0 !important; }
#nogaprh-sp .container {padding: 0 0 !important; margin-bottom: 100px }   
	@media only screen and (max-width: 767px){
		#nogaprh  .container {
			width: 100% !important; 
			max-width: 100% !important; 
		}
		#nogaprh-sp  .container {
			width: 100% !important; 
			max-width: 100% !important; 
			margin-bottom: 0px;
		}	
}


/***** HOME PAGE STYLES ***/



/*** HOME SPLASH 2024 (no-layerslider)  / and OTHER HERO ***/

/* Home Page special H1 styles to fit in all devices */
h1.hero-tagline {font-size: 22px;  line-height: 140%; color: #ffffff; margin: 20px 30px 10px 30px; display: inline-block; text-align: left; padding: 4%}

	@media screen and (max-width: 1023px) and (min-width: 768px) {
		h1.hero-tagline {font-size: 14px; font-size: 1.8vw; line-height: 120%; margin: 20px; padding: 0; }	
	}
	@media screen and (max-width: 1279px) and (min-width: 1024px) {
		h1.hero-tagline {font-size: 18px; font-size: 1.8vw; line-height: 140%; margin: 0px 20px 20px 20px; }	
	}
	@media screen and (max-width: 1439px) and (min-width: 1280px) {
		h1.hero-tagline {font-size: 22px; font-size: 1.8vw; line-height: 140%; margin: 0px 20px 20px 20px; }	
	}
	
	@media screen and (max-width: 1599px) and (min-width: 1440px) {
		h1.hero-tagline {font-size: 30px; font-size: 1.8vw; line-height: 140%; margin: 0px 20px 20px 20px; }	
	}
	@media screen and (max-width: 1799px) and (min-width: 1600px) {
		h1.hero-tagline {font-size: 32px; font-size: 1.8vw; line-height: 140%; margin: 0px 20px 20px 20px; }	
	}
	
	@media screen and (max-width: 1920px) and (min-width: 1800px) {
		h1.hero-tagline {font-size: 36px; font-size: 1.9vw; line-height: 140%; margin: 0px 20px 20px 20px; }	
	}
	
	@media screen and (max-width: 2559px) and (min-width: 1921px) {
		h1.hero-tagline {font-size: 36px; font-size: 1.6vw; line-height: 140%; margin: 0px 20px 20px 20px; }	
	}

#ar-wrap {margin-top: 100px;}

	@media only screen and (min-width: 768px) { 
	.hero-overlay {
	position: absolute;
	bottom: -30px !important;
	left: 40px;
	background-color: #EC84A0 ;  
	padding: 0px !important;
	max-width: 400px;
	border: none;
	box-shadow: 0 4px 4px 0 rgba(0,0,0,0.2);
	}
	
	.hero-overlay-hybrid {/* For non-home hero. */
	position: absolute;
	bottom: -30px !important;
	left: 40px;
	background-color: #ffffff;  
	padding: 20px  !important;
	max-width: 400px;
	border: none;
	box-shadow: 0 4px 4px 0 rgba(0,0,0,0.2);
	}
	
	.hero-overlay-hybrid-2 {/* For non-home hero pink bg. */
	position: absolute;
	bottom: -30px !important;
	left: 40px;
	background-color: #f5b3c3;  
	padding: 20px  !important;
	max-width: 400px;
	border: none;
	box-shadow: 0 4px 4px 0 rgba(0,0,0,0.2);
	}

	.hero-overlay-hybrid-3 {/* For Reigning Roses hero pink bg. */
	position: absolute;
	bottom: -60px !important;
	left: 40px;
	background-color: #f5b3c3;  /* f5b3c3*/
	padding: 20px  !important;
	width: 600px;
	border: none;
	box-shadow: 0 4px 4px 0 rgba(0,0,0,0.2);
	}
		div.impact-big-font {
			font-size: 80px;
			margin-top: 20px;
			/margin-bottom: 40px;
			font-weight: bold;
			color: #ffffff;
			display:inline-block ;
		}
	
		div.impact-med-font {
		font-size: 22px;
		color: #ffffff;
		margin-top: 20px;
		}	
		
		.hero-overlay-hybrid-3b {/* For Reigning Roses hero white bg. */
	position: absolute;
	bottom: -20px !important;
	left: 40px;
	background-color: #ffffff;  
	padding: 20px  !important;
	width: 500px;
	border: none;
	box-shadow: 0 4px 4px 0 rgba(0,0,0,0.2);
	}	
	#support-ban {padding-top: 100px;}	
	}

.hero-overlay-hybrid-3 {
	background-color: #f5b3c3;  
	text-align: center;
}

.hero-overlay-hybrid-3b {
	background-color: #fffffff;  
	text-align: center;
}



	@media only screen and (max-width: 1140px) {
		.hero-overlay {max-width: 360px;}
		.btn-wrapper .btn1, .btn-wrapper .btn2 {font-size: 11px; padding: 6px 10px;}
		.btn-wrapper .hero-tagline2 {font-size: 20px; }
	}
	@media only screen and (max-width: 965px) {
		.hero-overlay {max-width: 340px;}
	}

	@media only screen and (max-width: 768px) {
		.hero-overlay {max-width: 100%; clear: both;}
		.btn-wrapper .btn1 {padding: 6px 16px 6px 16px; }
		.btn-wrapper .btn2 {padding: 6px 24px 6px 30px; }
	}

	@media only screen and (max-width: 768px) {
		h1.hero-tagline {
		font-size: 16px; 
		margin: 0px 40px 0 40px;
		color: inherit;
		text-align: center; 
		}

		.hero-overlay-hybrid-3 {padding-top: 50px; }		
		div.impact-big-font {
			font-size: 54px;
			font-size: 14vw;
			font-weight: bold;
			color: #ffffff;
			display:inline-block  ;
		}
	div.impact-med-font {
		font-size: 16px;
		color: #ffffff;
		margin-top: 20px;
		}
}

#overlayrh-m {
	display: flex;
	align-items: center;
	justify-content: center;
}

.btnoverlayhm-m {
	position: absolute;
	bottom: -20px !important;
	border-radius: 10em 10em 10em 10em;
	z-index: 120;
	background-color: #ffffff;  
	padding: 10px 20px;
	border: 1px solid #666666;
}


/* Home hero custom buttons */
.btn-wrapper, .btn-wrapper2 {padding: 10px 0; text-align: center; } /* .btn-wrapper2 is unused */
.btn-wrapper {background: #ffffff;  }
.btn-wrapper2 {background: transparent; }
.btn-wrapper .btn1, .btn-wrapper .btn2, .btn-wrapper2 .btn3 {
    border-radius: 10em;
    border-style: none;
    box-sizing: border-box;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    xfont-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
    line-height: 20px;
    list-style: none;
    margin: 0;
    outline: none;
    position: relative;
    text-align: center;
    text-decoration: none;
    transition: color 100ms;
    vertical-align: baseline;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
}


.btn-wrapper .btn1 a, .btn-wrapper .btn2 a, .btn-wrapper2 .btn3 a {color: #ffffff; }
.btn-wrapper .btn1 {background-color: #8ec0c7; margin-right: -10px; padding: 6px 16px 6px 16px; z-index: 1; position: relative;}
.btn-wrapper .btn2 {background-color: #ED39C4; z-index: 2; margin-left: -10px;  padding: 6px 24px 6px 30px; z-index: 1; position: relative;}
.btn-wrapper .btn-img {width: 60px; height 60px; vertical-align: middle !important; z-index: 2 !important; position: relative;}

.btn-wrapper .hero-tagline2 {font-size: 20px; text-transform:uppercase; line-height: 120%; color: #666666; padding: 5% 10%;  transition-delay: 3s; animation: fadeIn 9s;
  -webkit-animation: fadeIn 9s;
  -moz-animation: fadeIn 9s;
  -o-animation: fadeIn 9s;
  -ms-animation: fadeIn 9s;
  }

@keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

.btn-since-wrap {background: #F7AABB; height: 40px;padding-top: 8px; text-align: center; z-index: 1000; position: relative;}
.view-since  {text-align: center; color: #ffffff; text-transform: uppercase; font-size: 12px; font-weight: bold;}

/** end home hero buttons  **/


#guestservices {}

@media (max-width: 767px) {
/* home page Guest Service Hours text block */
#guestservices .srvhours  {text-align: center;}
#topneeds{ padding: 0 5%;}
}

#topneeds-hm { /* named anchor only */}

@media only screen and (min-width: 768px) { 
	/* home page Top Needs col left img */
	.needscaption2 {
	position: absolute;
	bottom: -40px !important;
	left: 20px;
	z-index: 120;
	background-color: #ffffff;  
	padding: 4px !important;
	max-width: 400px;
	border: 1px solid #666666;
	box-shadow: 0 4px 4px 0 rgba(0,0,0,0.2);
	}
}
	@media only screen and (max-width: 767px) { 
		#featureblog .av-magazine-hero .av-magazine-content-wrap {
		padding: 20px;
		}

	.needscaption2 {
			position: absolute;
			bottom: -120px !important;
			padding: 4px !important;
			background-color: #ffffff;
			max-width: 200px;
			box-shadow: 0 4px 4px 0 rgba(0,0,0,0.2);
		}
		}

@media only screen and (min-width: 768px) { 
	/* home page Featured announcement/Post col right  */
	.grid-column-hmblogrh{
		display: grid;
		grid-template-columns: repeat(12,1fr);
		grid-template-rows: auto;
		grid-column-gap: 1pc;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}
	.grid-image-right-hmblogrh {
	/*home page Featured announcement/Post col right img */ 
		display: grid;
		grid-column-start: 4;
		grid-column-end: span 12;
		grid-row: 1;
		z-index: 1;
	}
	.grid-column-hmblogrh #featureblog{
	/* home page Featured announcement/Post col left magazine */
		display: grid;
		grid-column-start: 1;
		grid-column-end: span 5;
		grid-row: 1;
		padding: 5%;
		color: #444444;
		background-color: #fff;
		z-index: 2;
	}
}

.grid-column-hmblogrh #featureblog p{line-height: 1.6em}


/* home page posts slider styles */
#postslider a.slide-image {background: #ffffff !important;}

#postslider .slide-entry-title {
    padding: 10px 30px 20px 30px;
    font-size: 14px;
	font-weight: 400;
 	overflow: hidden;
	max-width: 100%;
	text-overflow: ellipsis;
	width: fit-content;
	white-space: nowrap;
	margin: 0 auto;
}

#postslider .blog-categories a {
    font-size: 11px;
	color: #888888 !important;
}

#postslider .avia-slideshow-dots {
    bottom: -10px !important;
}


/* home page mailing list and calendar section */
#involvement {}

/* home page mailing list form Code Block  */
#hm-mail-form label{
color: #555555;
font-weight: normal;
}
#hm-mail-form  #mc_embed_signup { background-color: #aed1d7 !important;}






/*** Caledar Dec 2024 styles THE EVENT CALENDAR HOME PAGE***/

.tribe-events-widget .tribe-events-widget-events-list__event-date-tag{
    border: 0px solid #c2c2c2;
    border-top: none;
    border-radius: 50%;
    box-sizing: border-box;
    float: left;
    overflow: hidden;
    text-align: center;
	margin-right: 20px;
	padding-top: 10px;
	background: #96C4CB; 
	letter-spacing: 0.1em;
	width: 80px !important;
	height: 80px;
}
.tribe-common--breakpoint-xsmall.tribe-events-widget .tribe-events-widget-events-list__event-date-tag-daynum {color: #ffffff !important; xbackground: #77b3bb !important;}

.tribe-common--breakpoint-xsmall.tribe-events-widget .tribe-events-widget-events-list__event-date-tag-month {color: #ffffff !important; background: #77b3bb !important;}.tribe-common--breakpoint-xsmall.tribe-events-widget .tribe-events-widget-events-list__event-date-tag-month {color: #ffffff !important; background: #77b3bb !important;}



/*** END HOME STYLES AUG 2024 ****

/*** VARIOUS PAGES ***/

/** Hero header (not on Home page) col that wraps around Big image with overlay caption**/
.grid-column-hero {}

.grid-column-hero #leftoverlay, .grid-column-hero #leftoverlay-rr {
	padding: 3% 5%;
}
.grid-column-hero #leftoverlay h1, .grid-column-hero #leftoverlay-rr h1 {
	font-weight: 600; 
	color: #E46B4F; 
	text-transform: none !important; 
}

	@media only screen and (min-width: 768px) { 
	.grid-column-hero{
		display: grid;
		grid-template-columns: repeat(12,1fr);
		grid-template-rows: auto;
		grid-column-gap: 1pc;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		background-color: #ebe8e6;
	}
	/** PRIMARY img style for hero headers. Caption overlay on left, big image on right */
	.grid-image-right-hero {
		display: grid;
		grid-column-start: 4;
		grid-column-end: span 12;
		grid-row: 1;
		z-index: 1;
	}
	/* Big Image on Left with right caption overlay */
	.grid-image-left-hero { 
		display: grid;
		grid-column-start: 1;
		grid-column-end: span 10;
		grid-row: 1;
		z-index: 1;
	}
	/** PRIMARY style for hero headers. Caption overlay on the left, big img on right **/
	.grid-column-hero #leftoverlay{
		display: grid;
		grid-column-start: 1;
		grid-column-end: span 4;
		grid-row: 1;
		margin-right: 50px;
		color: #000;
		z-index: 2;
		margin-left: 30px;
		background-color: #fbfbfb; 
		padding: 40px; 
		box-shadow: 0 4px 4px 0 rgba(0,0,0,0.2);
		min-width: 380px;
	}
	.grid-column-hero #leftoverlay-rr { /* INACTIVE? */
		display: grid;
		grid-column-start: 1;
		grid-column-end: span 4;
		grid-row: 1;
		margin-right: 50px;
		color: #000;
		z-index: 2;
		margin-left: 30px;
		background-color: #f5b3c3; 
		padding: 40px; 
		box-shadow: 0 4px 4px 0 rgba(0,0,0,0.2);
		min-width: 380px;
	}

	.grid-column-hero #leftoverlay h1{
		font-size: 22px; font-size: 2.0vw; 
	}
	.grid-column-hero #leftoverlay-rr h1{
		font-size: 22px; font-size: 2.0vw; 
	}
	/* right overlay caption for Big Image on Left  */
	.grid-column-hero #rightoverlay{ 
		display: grid;
		grid-column-start: 10;
		grid-column-end: span 3;
		grid-row: 1;
		padding: 3% 5%;
		margin-right: 50px;
		z-index: 2;
		margin-left: -10px;
		xbackground-color: rgba(212, 133, 136, 1.0); 
		background-color: #fbfbfb; 
		padding: 40px; box-shadow: 0 4px 4px 0 rgba(0,0,0,0.2);
		min-width: 300px;
	}

	.grid-column-hero #leftoverlay p, .grid-column-hero #rightoverlay p {font-weight: bold; color: #777777; }
	.grid-column-hero #rightoverlay h2  { }
	.grid-column-hero #leftoverlay hr {
		border: solid #aed1d7;
		border-width: 2px 0 0;
		clear: both;
		margin: 10px 0;
	}
	.grid-column-hero #leftoverlay small {font-weight: normal; color: #777777; font-size: 12px;}
	.grid-column-hero #leftoverlay-rr small {font-weight: normal; font-size: 12px;}

	.grid-column-hero .avia-image-container.avia-align-center {
		display: block;
		margin: 0 auto 0px auto;
		text-align: center;
		clear: both;
	}
	}


	@media only screen and (max-width: 767px) { 
		.grid-column-hero #rightoverlay {
		color: inherit; font-weight: normal;
		padding: 0 5% ;
		}
		.grid-column-hero #leftoverlay h1, .grid-column-hero #leftoverlay-rr h1{font-size: 30px; font-size: 7vw;}
		.grid-column-hero #rightoverlay h2, .grid-column-hero #rightoverlay-rr h2 {font-size: 16px;}
		}


/** END of Grid Hero **/

/* Below Header */

#mid-section {}


/*** Corp Helping Page ***/
.sans-h1 h1.av-special-heading-tag{ /* old styles: font-family: 'Caveat', 'Roboto Slab', 'Lora', Georgia, "Times New Roman", Times, serif; */
	font-weight: 400; color: #ED39C4; text-transform: inherit;
	}


/*** GUEST CALENDAR PAGE ***/
/* Shortcodes plugin styles */




/**** SHARED STYLES ****/	
/***** faux 2 col grid vert no overlap ****/	

	/** PRIMARY grid for most pages **/
	@media only screen and (min-width: 768px) { 
	.grid-column-main{
		display: grid;
		grid-template-columns: repeat(12,1fr);
		grid-template-rows: auto;
		grid-column-gap: 0px;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}
	.grid-column-main .avia-image-container.avia-align-center {
    margin: 0 auto 0px auto;
	}
	.grid-image-right-wider {/* faux grid. right column wider than left colummn. no panel overlay */
		display: grid;
		grid-column-start: 6;
		grid-column-end: span 12;
		grid-row: 1;
	}
	.grid-image-right-50-50 { /* PRIMARY faux grid. 2 equal colummns. no panel overlay */
		display: grid;
		grid-column-start: 7;
		grid-column-end: span 12;
		grid-row: 1;
	}
	.grid-image-right-50-50-padded { /* faux grid. 2 equal colummns. no panel overlay. img right, left is padded */
		display: grid;
		grid-column-start: 7;
		grid-column-end: span 12;
		grid-row: 1;
		padding: 0 20px;
	}
	.grid-image-left-50-50 { /* faux grid. 2 equal colummns. no panel overlay. img left, right is padded */
		display: grid;
		grid-column-start: 1;
		grid-column-end: span 6;
		grid-row: 1;
		}

	#leftcontentgrid-narrower { /* faux grid. right column wider than left colummn. no panel overlay */
		display: grid;
		grid-column-start: 1;
		grid-column-end: span 5;
		grid-row: 1;
		margin: 0 5%;
		padding: 5%;
	}
	
	#leftcontentgrid-narrower p{font-weight: bold;}

	#leftcontentgrid-50-50 {  /* PRIMARY faux grid. 2 equal colummns */
		display: grid;
		grid-column-start: 1;
		grid-column-end: span 6;
		grid-row: 1;
		margin: 0 5%;
		padding: 5%;
	}
	
	#rightcontentgrid-50-50 {  /*  faux grid. 2 equal colummns. right content */
		display: grid;
		grid-column-start: 7;
		grid-column-end: span 12;
		grid-row: 1;
		margin: 0 5%;
		padding: 5%;
	}
	}

	@media only screen and (max-width: 1200px) {
		#leftcontentgrid-narrower .avia_image, #leftcontentgrid-50-50 .avia_image {
		height: 50% !important;
		width: 50% !important;
	}
	#leftcontentgrid-narrower p{
		color: inherit; 
		text-align: center;
		font-size: 14px;
		margin: 0 20px 10px 20px;
		}
	}

	@media only screen and (max-width: 767px) { 
	#leftcontentgrid-50-50, #rightcontentgrid-50-50 {  /* faux grid. 2 equal colummns. no panel overlay */
		margin: 0 20px ;
		padding: 20px ;
	}

	#leftcontentgrid-50-50 p{
		color: inherit; 
		font-size: 14px;
		margin: 0 20px 10px 20px;
		}
	}

	@media only screen and (max-width: 767px) { 
		#leftcontentgrid-narrower h2, #leftcontentgrid-50-50 h2{ }
		}

/**** End of faux column styles ****/



/* Shared Style for icon buttons */
#srvgalleryrh {top: -40px; z-index: 3; background-color: transparent; position: relative}	



/***** Footer Page Styles ****/


/* Hide tool tip */
#footer-page .av-social-sharing-box .avia-related-tooltip {display: none !important;}

#footer-page .textwidget h3 {color: #666666 ;}
#footer-navi {font-size: 11px}

#footer-page #custom_html-2 a {padding: 0 10px;}
#footer-page #custom_html-4 {padding: 0}
#footer-page .subscribe-foot {padding-top: 20px;}
#footer-page .subscribe-foot h3{color: #666666 ;}
#footer-page .subscribe-foot p{font-size: 11px;}
#footer-page .partner img {width: 40%}

	@media only screen and (max-width: 767px) { 
	#footer-page .partner img {width: 100px}
	#footer-page .flex_cell {padding: 0px;}
	}
		
/* Remove icon border */
#top .av-social-sharing-box .av-share-box ul li {    
    border-left-style: none;    
    display: inline-block;
    vertical-align: middle !important;
    margin: 0 10px 0 0; 
}

/* Icon style */
#top .av-social-sharing-box .av-share-link a {
   width: 30px !important;
   height: 30px !important;
   border-radius: 30px !important; 
   padding: 3px 0 !important;
}

/* Icon color */
#footer-page .av-social-sharing-box .av-share-link a:before {
  color:#1d1d1b;
  transition: all .5s ease;
}

/* Icon color on hover */
#footer-page .av-social-sharing-box .av-share-link a:hover:before {
  color:#1d1d1b;
  transition: all .35s ease;
}

/* Icon background color on hover */
#top .av-social-sharing-box .av-share-link a {background: #f0f0f0;}

#top .av-social-sharing-box .av-share-link a:hover:before {color:#f4f7f9;}


#footer-page #media_image-2, #footer-page #media_image-3 {text-align: center !important}


/** For Post Slider (allows **/

	@media only screen and (max-width: 768px) {
	
	  /* Add your Mobile Styles here */
	.responsive #top #wrap_all .slide-entry {
		width: 24%;
		margin-left: 1% !important;
		float: left;
		clear: none;
	  }
	
	 .responsive #top #wrap_all .avia-content-slider-even .slide-entry.slide-parity-odd,
	  .responsive #top #wrap_all .avia-content-slider-odd .slide-entry.slide-parity-even {
		margin: 0;
		clear: none;
	  }
	
	 .avia_desktop .av_slideshow.avia-slideshow .avia-slideshow-controls a,
	  .avia_desktop .av-slideshow-ui .avia-slideshow-controls a {
		opacity: 1;
	  }
	#postslider { }
	#postslider .slide-entry-title {
		font-size: 10px;
		font-weight: normal;
		letter-spacing: inherit;
		overflow: hidden;
		max-width: 100%;
		text-overflow: ellipsis;
		width: fit-content;
		padding: 6px;
		white-space: nowrap;
	}
	#postslider .blog-categories.minor-meta {
		display: none !important;
		font-size: 11px;
		color: #888888 !important;
	}
	}







/* Shared Buttons */
.btn-reg-wrapper {background: inherit; padding-top: 20px; text-align: center; }
.btn-reg-wrapper .btn1, .btn-reg-wrapper .btn2 {
    border-radius: 10px;
    border-style: none;
    box-sizing: border-box;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
	white-space: nowrap;
    xfont-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    line-height: 20px;
    list-style: none;
    margin: 0;
    outline: none;
    position: relative;
    text-align: center;
    text-decoration: none;
    transition: color 100ms;
    vertical-align: baseline;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
}

.btn-reg-wrapper .btn1 {background-color: #8ec0c7; margin: 0 5px; padding: 6px 10px; z-index: 1; position: relative;}
.btn-reg-wrapper .btn2 {background-color: #ED39C4; z-index: 2;   margin: 0 5px; padding: 6px 10px; z-index: 1; position: relative;}
.btn-reg-wrapper .btn1 a, .btn-reg-wrapper .btn2 a {color: #ffffff; }

/* within banner wher content is split to 2 columns styles */
.ban-item-left {font-size: 40px; font-size: 4.5vw; color: #ffffff; text-align: right; font-weight: bold; }
.ban-item-right {font-size: 20px; color: #ffffff; max-width: 400px; }

@media only screen and (max-width: 989px) {
.ban-didknow {padding: 0 40px; }
.ban-item-left {font-size: 28px; text-align: center;  }
.ban-item-right {font-size: 16px; text-align: center; max-width: inherit; }
}

.banheight-adj p, .banheight-adj h2 {margin: 0 0 }

/* Repositioned Photo Captions */

.av-image-caption-overlay {
  text-align: left;  
}
.av-image-caption-overlay-center {
    vertical-align: bottom;
}
.av-image-caption-overlay-center p {
   padding: 20px 0;
}

/* fixes the collaps of Services image gallery at bottom */
@media only screen and (min-width: 768px) and (max-width: 989px) {
.responsive .av_one_fourth.first.el_before_av_one_fourth.flex_column_div {width: 100% ;
    }
}



/***** Post template 2024 styles *****/
/** get template from Template drop down menu "Post Template - Preferred" or from Posts > Drafts > Post Template - preferred **/

	@media only screen and (min-width: 768px) { 
	.post-special {
		display: block;
		max-width: 800px;
		margin: 0 auto ;
		over-flow: visible;
		align-items: center ;
	}
	#special-img-wrap { 
		width: 800px;   
		height:  400px;  
		overflow: hidden;
		}
	.custom-post-head {
		top: -30px;
		line-height: 1.1em;
		background-color: #ffffff;  
		padding: 20px ;
		width: 500px;
		min-height: 80px;
		border: 1px solid #f1f1f1;
		box-shadow: 0 4px 4px 0 rgba(0,0,0,0.2);
		z-index: 100;
		margin: 0 auto ;
	}
	.custom-post-head h1{
		font-size: 30px; 
		font-size: 2.5vw; 	
		line-height: 1.2em;
		}
	}
.custom-post-head h1{xfont-family: Roboto, Helvetica, Arial, sans-serif, serif ;	}
.post-special img {  }


/********* END OF AUGUST 2024 ROSE HAVEN ONLY STYLES ***********/