/* Correct Override file */



/* Temp for TOC pay button ================================ 

@media all and (min-width: 520px){

#home #body-wrap section.section-one.with-quicklinks ul.quicklinks li {
	margin-left: 25% !important;
}
}
  ============================================================ */




/* ====================   Replaces Events boxes on main page with a message =============================== 



body#home #body-wrap section.section-two div.events-wrapper {
	display: none !important;
}



body#home #body-wrap section.section-two h2::after {
    content: "All in-person events and activities—including Sunday worship, Creekside Clubs, Velocity youth, and community groups—have been temporarily suspended. See the News & Information page for updates as they become available.";
	display:block;
	margin:1em auto 0;
	padding: 0 0 2em 0;

  font-weight: bold;
}



/* ====================   When there are no featured events  =============================== */


/*
#subpage div#body-wrap div#content div.wrapper div.media div.featured-events::after {
	 
    content: "There are no featured events at this time. Click on the Calendar View or List View links above to see upcoming events.";
	display:block;
	margin:1em auto 0;
	padding: 0 0 2em 0;
	color: #ad1016;
	text-align: center;
	font-size: 1.2em;
  	font-weight: bold;
	
	
}
*/
 /* =================================================================================  */





 /* =================================================================================  */

.sermon-detail .sermon-detail-right .more-sermons p, .sermon-detail .sermon-detail-right .more-sermons a {
	padding: 0 !important;
}

.sermon-detail .sermon-detail-right .more-sermons {
	padding-left: 16px !important;
	padding-right: 16px !important;
}



/* =========================================   VBC volunteer table   ======================================= */

table#vbcvol {
			font-family: 'Montserrat', sans-serif;
			border-collapse:collapse;
			table-layout: auto;
            
				
		}
		#subpage #content .wrapper table#vbcvol tr {
			display: table-row !important;
            border-bottom: #000 solid 1px;
		}		

		#subpage #content .wrapper table#vbcvol td {
			display:table-cell;
            font-size: 90%;
		}

    #subpage #content .wrapper table#vbcvol td li {
            font-size: 100%;
        color:#000;
		}

		#subpage #content .wrapper table#vbcvol th {
			display:table-cell;
			font-size: 100%;
			color:#555;
		}

		table#vbcvol .flush-left {
			text-align: left;
		}
		
		table#vbcvol .red {
			color:#ff0000;
		}
		
		#subpage #content .wrapper table#vbcvol td, #subpage #content .wrapper table#vbcvol th {
			padding: 3px 6px;
	
		}
		
		table#vbcvol td {
			text-align: left;
		}
		




/* =========================================   Financial page table   ======================================= */

table#financial  {
			font-family: 'Montserrat', sans-serif;
			border-collapse:collapse;
			table-layout: auto;
				
		}
		#subpage #content .wrapper table#financial tr {
			display: table-row !important;
		}		

		#subpage #content .wrapper table#financial td {
			display:table-cell;
		}

		#subpage #content .wrapper table#financial th {
			display:table-cell;
			font-size: 120%;
			color:#555;
		}

		table#financial .flush-left {
			text-align: left;
		}
		
		table#financial .red {
			color:#ff0000;
		}
		
		#subpage #content .wrapper table#financial td, #subpage #content .wrapper table#financial th {
			padding: 3px 6px;
	
		}
		
		table#financial td {
			text-align: center;
		}
		
		table#financial tr.totals  {
			border-top: 1px solid #555;
			

			
		}
		#subpage #content .wrapper table#financial tr.totals td {
			font-weight: bold !important;
			color:#555;
		}

		#subpage #content .wrapper table#financial tr.totals td.red {
			color:#ff0000;
		}
		
		#subpage #content .wrapper table#financial td.footnote {
			font-size: 75%  !important;
			text-align: left  !important;
		}
	

#subpage #content .wrapper table#formsTable {
	font-family: 'Montserrat', sans-serif;
	border-collapse:collapse;
	table-layout: auto;

	
}
		#subpage #content .wrapper table#formsTable .firstCol {
			width:33%;
		}
		

		#subpage #content .wrapper table#formsTable tr {
			display: table-row !important;
		}		

		#subpage #content .wrapper table#formsTable th {
			display:table-cell;
			padding: 3px;
			text-align: left;
			font-size: 1.2em;
		}
		#subpage #content .wrapper table#formsTable td {
			display:table-cell;
			padding: 1em;
			/*width:50%;*/
			/*font-size: 100% !important;*/
			line-height: 1.5em !important;
		}

		#subpage #content .wrapper table#formsTable td a {
			/*font-size: 100% !important;*/
			line-height: 1.5em !important;
		}

       #subpage #content .wrapper table#formsTable tr {
			border-bottom: 1px solid #555;
		}

/*  ========================================================================================================== */

header nav.full #nav li {
	margin-left: 2.2vw !important;

}

header nav.full #nav li ul li {
	margin-left: 0 !important;

}

header nav.full #nav li ul li {
	padding-right: 1em !important;
}


header nav.full #nav li#nav_give ul li {
	max-width: 140px !important;
	
	
}

header nav.full #nav li#nav_give ul li a {
	max-width: 120px !important;
	
	
}


#subpage #body-wrap #content div.wrapper div#currentPhase {
background-color: #ad1016;
	color:#fff !important;
	text-align: center;
	padding: 1.5em;
	margin: 0 auto 1em;
}

#subpage #body-wrap #content div.wrapper div#currentPhase p {
	color:#fff !important;
	
	margin: 0 !important;
}
#subpage #body-wrap  #content div.wrapper div#currentPhase   a {
	color:#fff !important;
	font-size: 2em !important;
	font-weight: 700 !important;
		margin: 0 !important;
}

aside.reserveRoom {
	
	text-align: center;

}



aside.reserveRoom div {
	margin: 0 0 1em 0;
	background: #ad1016;
	padding: 1em 1em .5em;
	
}

#subpage #body-wrap #content aside.reserveRoom h3 a {
	font-size: 1em;
	color:#fff;
	text-align: center;

}
#subpage #body-wrap #content aside.reserveRoom h3 a:hover {
		text-decoration: underline;
} 




#subpage #body-wrap #content aside.downloadDoc {
	background-color: #ad1016;
	padding:1em;
	text-align: center;

}





#subpage #body-wrap #content aside.downloadDoc div {
	margin: 0 0 1em 0;
	background: #ad1016;
	padding: 1em 1em .5em;
	
}


#subpage #body-wrap #content aside.downloadDoc p {
line-height: 1.5em !important;
	color:#fff !important;
	padding-bottom: 15px !important;

}

#subpage #body-wrap #content aside.downloadDoc a {
	color:#fff !important;
	text-decoration: underline !important;
	font-weight: bold;
	font-size: 80% !important;
	line-height: 1.2em !important;
	
		
}





#subpage #body-wrap #content ul li ul {
	padding-bottom: 0 !important;

}



body div.church-info-bar p {
font-size: 1.4em;
	line-height: 1.4em;
}




.noPhone {
	display:none !important;
}

div.noPadding {
	padding: 0 !important;
}

body #body-wrap #content article .nospacebelow {
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
}

body #body-wrap #content article .indent {
	text-indent: 1em !important;
	
}

figure img.spaceBelow {
	margin-bottom:1em !important;
}

.indentedBlock {
	margin-left:2em;
}

hr {
	clear:both;
}
hr.noClear {
	clear:none;
}
#subpage  #body-wrap #content p.returnLink {
	padding: 0;
	margin: 0;
	position:relative;
	top:-1em;
	text-transform: uppercase;
}

#subpage  #body-wrap #content p.returnLink a {
	font-size: .8em;
	font-weight: 700;
	padding: 0;
	margin: 0;
}


#subpage  #body-wrap #content .wrapper p.credit {
    font-size: 100%;
    font-size: .7em;
    font-style: italic;
    color: #666;
}


#subpage  #body-wrap #content .wrapper p.credit a {
    font-size: inherit;
    font-style: inherit;
}
/*  ========== Styles for headings on most interior pages ================ */


#subpage #body-wrap #content article h2 {
	font-weight:400;
	font-size: 2em;
}

#subpage #body-wrap #content article h3 {
	font-weight:400;
	font-size: 1.5em !important;
}

#subpage #body-wrap #content article h3 a{
	font-size: inherit !important;
}

/*
#subpage #body-wrap #content article h3 a {
	font-weight:400;
	font-size: 1.5em !important;
}
*/


/*  ========== Removing the bold even when strong tags are used in headings ================ */

#subpage #body-wrap #content article h2 strong {
	font-weight:400;

}

 #subpage #body-wrap #content article h3 strong {
	font-weight:400;

}

#subpage  #body-wrap #content article strong a {
	font-weight: bold;
}

/* ================= setting list indents ========== */

.cms-output ul li    {
	margin-left: 2em !important;
}



/* ================= definition lists (used on giving page) ========== */
.qanda dl {
	font-family: 'Monserrat', sans-serif;
	font-size: 17px;
	line-height:32px;
	color:#888582;
	margin-left: 1.5em;
	text-indent: -1.2em;
}

.qanda  dl dt {
	margin-bottom: .5em;
	padding-bottom: 0;
}
.qanda  dl dd {
	
}



/*  ====================================== page colors ============================================ */

#subpage #content .wrapper {
   /* background: #ff0000; */             /*  interior page background color */
   /*  border-top-color:  #f9a46c;  peach          line below header images on interior pages */
	border-top-color:  #207070; /* teal */
	border-top-color:  #85bdab; /* pale teal */
    
    	border-top-color:  #ad1016; /* magenta */ 
    
    
    border-top-color: #ef3e23; /* bright  red */
   border-top-color: #ad1016; /* deep red */

}

/*  most links on page */
#subpage  #body-wrap #content .wrapper a {   
	/*color: #f9a46c;*/
	color: #207070;
	color: #85bdab;
	color: #ad1016;
    
    color: #ef3e23; /* bright  red */
    color: #ad1016; /* deep  red */
}


/* ============================================ buttons =================================== */

/*  call to action button */

#subpage  #body-wrap #content .wrapper a.calltoaction {
	background-color:  #ad1016; 
  	
    color:#fff;
	font-weight:500;
	padding: 10px;
	border-radius:10px;
	box-shadow: 3px 3px 3px 0px rgba(0,0,0,.2)
}

#subpage  #body-wrap #content .wrapper a.calltoaction:hover {
	background-color:  #ef3e23;
	
}

/* button for assides */

#subpage #body-wrap #content aside#studentUpcoming a.calltoaction {
	background-color: #eee;
  	
    color: rgba(113,191,190,1) !important;
    text-decoration: none !important;
	font-weight:500;
	padding: 10px;
	border-radius:10px;
	box-shadow: 3px 3px 3px 0px rgba(0,0,0,.2)
}

#subpage #body-wrap #content aside#studentUpcoming a.calltoaction:hover {
	background-color:  #fff;
	text-decoration: underline !important;
}



/*  ===================== directions link on home page ==============================  */
#home header .header-links .directions-widget p, #home header .header-links .directions-widget a {  
	color: #fff;
	
}

/* =================  Featured sermon link rollover (default a bit faint) ====================  */
#home .section-one .hp-sermon a.hp-sermon-title:hover {
	color:#ad1016;
}

/*  ====================== 'Listen' button on home page ===================== */

#home .section-one .hp-sermon .sermon-button-container {
    border: 3px solid #ad1016;
}

#home .section-one .hp-sermon .sermon-button-container a {
	color: #ad1016;
    border-right-color: #ad1016;
}

#home .section-one .hp-sermon .sermon-button-container a:hover{
	background-color:#ad1016;
	color:#fff
}

/* ====================== 'View All Events' button on home page ========================== */

#home .section-two .allevents a {
    background: #ad1016;
	color: #fff;

}

#home .section-two .allevents a:before, #home .section-two .allevents a:after {
    background: #ad1016;
	
}

#home .section-two .allevents a:hover {
    background: #fff;
	color: #ad1016;

}

/* ====================== 4 action buttoms bottom section of home page ========================== */

#home .section-three a:hover {
    color: #ad1016;
    
	
}

/* =============================================== footer links ============================= */

footer span a {
	/*color: #f9a46c;*/
	color: #207070;
	color: #85bdab;
	color: #ef3e23;
}

/* =============================================== map button background color ============================= */

.mobile-event-map-button, .event-map-button {
	background-color: #edeae8;
} 

a:hover.mobile-event-map-button, a:hover.event-map-button {
	background-color: #facbd8;
}

/* =================================== Graphic behind the events on the home page =============== */

#home .section-two {
	background: url("https://www.csmedia1.com/firstfreechurch.org/website-background-5.png")
}


/* ====================================== Lower section text and 4 action buttons ============================== */





#home .section-three .widget-wrapper p  {
font-weight: bold !important;
    font-size: 30px !important;
}

#home .section-three .widget-wrapper a {
    width:22% !important;
    margin-left: .5em !important;
    margin-right:  .5em !important;
}

/*
#home .section-three .widget-wrapper p {
	background-color:rgba(0,0,0,.6);
	padding-top: 1em;
	padding-bottom: .9em;
	margin-bottom: 1em;
}

#home .section-three .widget-wrapper a {
	background-color:rgba(0,0,0,.6);

}
*/
/*  ============================= Event names on home page ================ */

#home .section-two .event h4 {
	color:#53391b;
	color: #8c506c;
    color: #ad1016;
}



/* Category litings on Events page */
body#subpage .featured-event .featured-info .featured-categories, 
body#subpage .featured-event .featured-info .featured-categories .category {
    color: #ad1016;
}


/* ======================= 3 tabs on Events page ======================== */

.media .tabset {
    border: 2px solid #ad1016;
}

.media .tabset span {
    color: #ad1016;
    background-color: #f9f7f7;
    border-right: 2px solid #ad1016;	
}

.media .tabset span.current {
    color: #fff;
    background-color: #ad1016;	
}

.events-list .list-info-block {
	padding-top: 1em !important;
	padding-bottom: 1em !important;
}

/* ======================= Calendar bar on Events page ======================== */

.events-calendar .calendar caption { 
    background-color: #85bdab;
     background-color: #ad1016;
}


body#subpage .events-calendar .calendar caption .prevMonth,  body#subpage .events-calendar .calendar caption .nextMonth { 
    background-color: #85bdab;
    background-color: #ad1016;
}

body#subpage .events-calendar .calendar caption .prevMonth a:hover, body#subpage .events-calendar .calendar caption .nextMonth a:hover {
	background-color: #afddd1;
    background-color: #ef3e23;
}

body#subpage .events-calendar .calendar caption .prevMonth a,  body#subpage .events-calendar .calendar caption .nextMonth a { 
    border-right: #afddd1;
    background-color: #ad1016;
}

body#subpage .events-calendar .category-button, body#subpage .events-list .category-button { 
    border-left: #afddd1;
    background-color: #ad1016;
}

body#subpage .events-list .month-label {
	    background-color: #85bdab;
    background-color: #ad1016;
}


/* ======================================== Sermon page  ========================================= */

/* Current tabs on sermon page filters  */

body#subpage .media .tabset.sort-tabs span.current {
	background-color: #ad1016 !important;
}

/* page numbers at bottom  */

.pagination a.current {
    color: #fff !important;
    background-color: #ad1016;
}

/* ========================== figure styles ==================================== */

figure {
	margin-block-start:0;
	margin-block-end:0;
	margin: 0;
	padding: 0;
}

.pagePic {
	width:100%;
	max-width:100%;
}


.smPagePic {
	width:100%;
	max-width:100%;
}

.bigPagePic {	
	width:100%;
	max-width:100%;
	margin: 0 0 1em 0;
	padding: 0;
}


figcaption {
	font-size: 1.2em;
	text-align: center;
	/*font-variant: small-caps;*/
	font-weight:100;
	line-height: 1.3em;
	color:#777;
	padding: 0 0 5px;
	display:block;
	margin:.5em 0;
}




figcaption.paintingCaption {
	/*font-style: italic;*/
	font-size: .9em;
	text-align: center;
	font-variant: small-caps;
	line-height: 1.3em;
	color:#fff;
	padding-bottom: 5px;
	
}

figcaption.announcecaption {
	font-size: .8em;
	line-height: 2em;
	text-align: center;
	padding: 0;
	margin: 0 0 0 0 !important;
	display: block;
}

figure.eventmap {
    display:none;
}

/* ========================== Creekside announcements ================================== */

#upcoming {
    
    /* padding: 1em; */
    width: 450px;
    /*background: rgba(113,191,190,1);*/
    
    text-align: center;
}


 #upcoming p, #upcoming h2, #upcoming h3 {
    color:rgba(255,255,253,1.00) !important;
    font-weight: bold !important;
    margin: 0 !important;
    padding: 0 !important;
    /* background:rgba(255,255,255,.60); */
}
#upcoming a {
    color:rgba(255,255,255,1.00) !important;
    text-decoration: underline  !important;
    font-weight: 500 !important;
}

#upcoming #xmasbg {
    

    padding: 1em;
background-image:url(https://www.csmedia1.com/firstfreechurch.org/retreat46-2023-cropped.png);
    background-size: cover;
}

#upcoming #bgimage {
    padding: 1em;
background-image:url(https://www.csmedia1.com/firstfreechurch.org/fall-hike-22-header.jpg);
    background-size: cover;
}

/* ========================== Velocity announcements ================================== */

#studentUpcoming {
    
    /* padding: 1em; */
    width: 400px;
    background: rgba(180,124,148,1);
    
    text-align: center;

    
}

div#studentUpcoming  {
    padding: 1em !important;
}

#studentUpcoming p, #studentUpcoming h2, #studentUpcoming h3, #studentUpcoming ul, #studentUpcoming l1 {
    color:#fff !important;
    font-weight: bold !important;
    margin: 0 !important;
    padding: 0 !important;
}

/*


.cms-output ul l1 {
    margin-left: 0 !important;
 
}*/

#studentUpcoming a {
    color:#fff !important;
   text-decoration: none  !important;
    border-bottom-style: dotted;
    font-weight: 500 !important;
}

#studentUpcoming a:hover {
    border-bottom-style: solid;
}

#studentUpcoming #xmasbg {
    

    padding: 2em;
background-image:url(https://www.csmedia1.com/firstfreechurch.org/davies-designs-studio-pvgt65_l0fu-unsplash.jpg);
    background-size: cover;
}

/* ========================== Asides on Student pages ================================== */


aside#studentUpcoming {
	
	text-align: center;
}


aside#studentUpcoming div {
	margin: 0 0 1em 0;
	background: rgba(113,191,190,1); /* #ad1016; */
	padding: 1em 1em .5em;	
	
}

#subpage #body-wrap #content aside#studentUpcoming h2 {
	color:#fff;
	font-weight:bold;
}

#subpage #body-wrap #content aside#studentUpcoming h3 a {
	font-size: 1em;
	color:#fff;
	text-align: center;

}
#subpage #body-wrap #content aside#studentUpcoming h3 a:hover {
		text-decoration: underline;
		cursor: pointer;
} 

#subpage #body-wrap #content aside#studentUpcoming p {
    color: #fff !important; 
    font-weight: bold !important;
    margin-bottom: .5em !important;
    padding: 0 !important;

}


#subpage #body-wrap #content aside#studentUpcoming p a {
    color: #fff !important; 
    font-weight: bold !important;
    text-decoration: underline;

}
/* ================= setting the size for the logo thumbnails on the Partner Orgs page ========== */

#subpage #content article img.orgThumb {
	float:left;
	margin: 0 1em 0 0;
	max-width: 100px;
}


/* ================= setting the (bottom) margin for paragraphs on the Partner Orgs page ========== */

#subpage #body-wrap #content article #partnerOrgs p {
	margin:0 0 .5em;
	padding: 0;
}

#subpage #body-wrap #content article #partnerOrgs p.last {
	margin:0 0 2em;
	padding: 0;
}


/* ================================== About/Welcome page ===================================== */

	aside.smallVideo {
		margin: 0 0 0 0 ;
		padding: 0  ;
		width: 100%;
		
	}

	aside.smallVideo video {
		border: 1px solid #ad1016;
		width: 100%;
}
	aside.background {
		/*background: #ad1016;
		padding: 1em  !important;*/
	}
	aside.smallVideo p.vidcaption  {
		font-size: 1.1em !important;
		font-weight: 700;
		text-align: center;
		color:#ad1016 !important;
		margin-top: -1em;
		padding-top: 0;

	}

/* ================================== News and announcement page ===================================== */

#announcements {
	
	margin: 0 0 1em 0;
	background: #ad1016;
	padding: 1em 1em .5em;
}

.announceItem  {
	border: 2px solid #e9e4e3; 
	margin: 0 0 1em; 
	padding: 1em 1em 0;
	
}

#subpage #content #announcements h2, #subpage #content #announcements h3  {
	color: #e9e4e3; 

}

#subpage #content #announcements h3  {
	font-weight: 700 !important;
}

#subpage #content #announcements p  {
	color: #e9e4e3; 
	padding-bottom: .7em;
}
#subpage #content #announcements li  {
	color: #e9e4e3; 
}
#subpage #content #announcements a {
	color: #fff !important;
}
#subpage #content #announcements a:link {
	border-bottom: dotted 1px;
}
#subpage #content #announcements a:hover {
	border-bottom: solid 1px;
	text-decoration: none !important;
}

/*  ========== Mission statement on the Welcome page  ================ */

#subpage  #body-wrap #content div article p.missionStatement {
	font-size: 1.2em;
	/*text-align: center;*/
	font-weight: 400;
}

/*  ================================ Staff page ============================== */

#staffPage * {

	box-sizing: border-box;
}

.staffBlock {
			float:left;
			text-align: center;
			width:50%;
			padding: 0 1em;
			margin: 0 0 1em;
			
		}
		
.staffBlock img {
			width:100%;
			margin-bottom: .5em;
			
		}
	
	
#subpage #content .wrapper .staffBlock p {
			padding: 0;
			line-height: 1.3em;
			margin-bottom: .2em;
			font-size:.9em;
		}

#subpage #content .wrapper .staffBlock a {
			padding: 0;
			line-height: 1.3em;
			font-size: inherit !important;
		}	
#maureenJ {
			clear: left;
		}





/*  ========== Church council table on Leadership page  ================ */


#subpage #content .wrapper .cms-output table.fefctable { 
	width:100%; max-width: 100%;
	
}

#subpage #content .wrapper .cms-output table.fefctable td {
	width:40%; max-width: 40%;
}



/*  ========== Missionary pictures and text on Partners page  ================ */

#missionaries img {
	float:left;
	margin: 0 1em 2em 0;
	width:200px;
	max-width: 50%;
	clear: left;
}


#missionaries div {
	clear: left;
}


#subpage #content #missionaries p,
#subpage #content #missionaries a {
	margin: 0;
	padding: 0;
	font-size: 100%;
}

#subpage #content #missionaries div h3 {	
	margin: 0;
	padding: 0;	
}


/* ========================== Community Groups ================================== */

p.timeAndLocal {
	color: #333 !important;
	font-weight: 400  !important;
	margin-top:-.5em !important;
	margin-bottom: -1.5em !important;
}

/* ========================== Affinty group table styles ================================== */

#abftable, #abftable td, #abftable a, #affinity-table, affinity-table td, affinity-table a {
			font-size: 100% !important;
	table-layout:auto !important;
		}
	
#abftable tr, #affinity-table tr {
			
			border-bottom: 1px solid #999;
			margin-bottom: 1em;
	text-align: left;
		}

		
#abftable th, #affinity-table th {
			padding: 1em;
			vertical-align: top;
			font-size: 90% !important;
			display: table-cell !important;

}

#abftable .firstcol {
			width:15% !important;
			max-width:15% !important;
}

#abftable .seccol {
			width:20% !important;
			max-width:20% !important;
}

#abftable .thirdcol {
			width:65% !important;
			max-width:65% !important;
}

#abftable td, #affinity-table td {
			padding: 1em 1em 2em !important;
			vertical-align: top;
			font-size: 90% !important;
			display: table-cell !important;

}

#affinity-table .firstcol {
			width:16% !important;
			max-width:16% !important;
}

#affinity-table  .seccol {
			width:25% !important;
			max-width:25% !important;
}

#affinity-table  .thirdcol {
			width:59% !important;
			max-width:59% !important;
}

/* ============================== Mental Health table =============================== */

#mentalHealthTable
{width:100%;
display: table !important;}


#mentalHealthTable, #mentalHealthTable td, #mentalHealthTable a {
			font-size: 100% !important;
	table-layout:auto !important;
		}
	
#mentalHealthTable tr, #mentalHealthTable tr {
			
			border-bottom: 1px solid #999;
			margin-bottom: 1em;
	text-align: left;
		}

		
#mentalHealthTable th, #mentalHealthTable th {
			padding: 1em;
			vertical-align: top;
			font-size: 90% !important;
			display: table-cell !important;

}

#mentalHealthTable .firstcol {
			width:28% !important;
			max-width:28% !important;
}

#mentalHealthTable .seccol {
			width:28% !important;
			max-width:28% !important;
}

#mentalHealthTable .thirdcol {
			width:38% !important;
			max-width:38% !important;
}




/* ========================= Newsletter page ================================= */

#newsletterThumb {
	float:right;
	max-width: 300px;
}




#subpage #content .wrapper  .post-share-under {
	clear:left;
}


/* ========================== space next to mail icon in social media footer ==================================== */

#subpage #body-wrap footer span.social nav#social a:before {
	font-size: 30px;
	width:30px;
	line-height: 30px;
}


footer span.social nav#social a.mail {
	margin-right:2.5%;
}


/* ========================== photo/art galleries ==================================== */

div#gallery6.cpmGallery {
	border: 2px solid #ad1016;
	padding: 1em 1em 0;
	margin-bottom: 1em;
}


footer .social #social a:hover {
    color: #ad1016;
}


/* ================================================================================================================ */
/* =========================================  400 pixels  ========================================================= */
/* ================================================================================================================ */

@media all and (min-width: 400px){



/*  ================================ Staff page ============================== */
 
	.staffBlock {
			padding: 0 2em;
	
		}

}
/* ================================================================================================================ */
/* =========================================  440 pixels  ========================================================= */
/* ================================================================================================================ */

@media all and (min-width: 440px){

/* ========================== social media icons ==================================== */

#subpage #body-wrap footer span.social nav#social a:before {
	font-size: 56px;
	width:56px;
	line-height: 56px;
}

}
/* ================================================================================================================ */
/* =========================================  540 pixels  ========================================================= */
/* ================================================================================================================ */

@media all and (min-width: 440px){
	
	/*  ================================ Staff page ============================== */
	
	.staffBlock {
			width:33%;
	
		}
	/*
		#scottB {
			clear:left;
		}
	
	*/
	
	
	
	

}

/* ================================================================================================================ */
/* =========================================  690 pixels  ========================================================= */
/* ================================================================================================================ */


@media all and (min-width: 690px){
	
	

	
/*  ================================ Leadership page ============================== */	
	
	.twoColumnTextBlock {
		column-count: 2;
		/*column-rule-style: solid;
		column-rule-width: 1px;
		column-rule-color: inherit;*/
		
	}

/* ========================== figure styles ==================================== */
.noPhone {
	display:initial !important;
}
figure {
	margin-block-start:0;
	margin-block-end:0;
    padding: 0 !important;
	/* margin: 0 0 .5em 1em;*/
}

.pagePic {
	float:right;
	width:400px;
	max-width:100%;
	margin: 0 0 1em 1em !important;
}
	
.smPagePic {
	float:right;
	width:250px;
	max-width:100%;
	padding:0 !important;
    margin: 0 0 .5em 1em !important;
	
}
	
.thumbPagePic {
	float:right;
	width:150px;
	max-width:100%;
	padding:0 !important;
	
}
	
.bigPagePic {
	float:right;
	width:500px;
	max-width:100%;
	margin: 0 0 1em 1em;
	}
	
figure img.pagePic {
		margin-bottom:1em;
		
	}
	
aside.smallVideo {
		float:right;
		width:400px;
		max-width:100%;
		margin-left: 1em !important;
	}	

	

/* ================================== News and announcement page ===================================== */

#announcements {
	float: right; 
	width: 50%;
	padding: 1em 1em 0;
	margin: 0 0 1em 1em;
	}


/*  ================================ Staff page ============================== */
	
	.staffBlock {	
		width:25%;	
		}
			
	/*#davidKK {
			clear:left;
		}
	#scottB {
			clear:none;
		}	*/
	#maureenJ {
			clear: none;
		}		
	
	
	
	
/* ========================== Asides ================================== */


aside#studentUpcoming {
	float:right;
	width:400px;
	margin: 0 0 0 1em;
	padding: 1em 0 .5em;
	
		}

	
#subpage #body-wrap #content aside.downloadDoc {
	width:33%;	
	float:right;
	margin-left: 1em;


}

aside.reserveRoom {
	
	width:33%;
	
	float:right;
	margin-left: 1em;
}

}

	
/* ================================================================================================================ */
/* =========================================  1000 pixels  ========================================================= */
/* ================================================================================================================ */


@media all and (min-width: 1000px){

	
	.bigPagePic {
	float:right;
	width:600px;
	max-width:100%;
	}	



}


/* ================================================================================================================ */
/* =========================================  1025 pixels  ========================================================= */
/* ================================================================================================================ */
@media all and (min-width: 1025px){
figure.eventmap {
    display: block;
    position: absolute;
    width: 25%;
    right:80px;
    top: 420px;
     float: none;
}
    
    div.more-events { /* hides the box showing related events below the map where I've positioned the church room plan */
        display: none !important;
    }
}

/* ================================================================================================================ */
/* =========================================  1100 pixels  ========================================================= */
/* ================================================================================================================ */


@media all and (min-width: 1100px){

/* ========================= Newsletter page ================================= */

#newsletterThumb {
	float:right;
	max-width: 500px;
}
}