/*
	Theme Name: Chapel 2020
	Version: 1 9.5.20
	Theme URI: http://randycaruso.com
	Author: Randy Caruso
	Author URI: http://randycaruso.com
	Description: Base Framework.
	*/


/*

IPAD 810
Android Phone 414
Apple iPhone 7 has viewport size 375

	The most common design file resolution used by the digital agencies
	that we work with is 1440px wide, with a main content container that is 1140px

	https://stackoverflow.com/questions/3375706/ipad-browser-width-height-standard
	https://thewhitelabelagency.com/recommended-screen-resolution-for-web-design/

	font-family: 'Open Sans', sans-serif;
	<link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet">

	https://picsum.photos

*//* ______________________________________________________ */


.readmore {
    xdisplay: inline;
    xfloat: left;
    x-bottom: 1px solid #bfbfbf;
    xborder: 1px solid red;
    font-size: 15px;
    xbackground: beige;
    background-color: #E4E4E4;
    padding: 2px 12px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
}

.eventblock {
	margin: 0px 0px 30px 0px;
	padding: 0px 0px 10px 0px;
	border-bottom: 1px solid #bfbfbf; }


.home .wp-block-columns.sidebars img {
    width: 100% !important;
}


 .past-events {
	margin: 0px 0px 0px 15px !important;
	padding: 0px 0px 0px 15px;  }

	.entry .wp-block-group {margin: 0px 0px 0px 0px !important; }



	* { xborder: 2px dotted black; }

	/* Center Blocks! */

	.col-center-block { float: none; display: block; margin: 0 auto; }


	/*body {overflow-x: hidden;}*/
	body {font-family: 'Open Sans', sans-serif !important;color: #656460;background-color: white;font-size: 17px;xcolor: #667fa4;color: #475c7b;}

	.container { xbackground-color: white; }

	.container-fluid { xmargin: 0px -15px 0px -15px; } /*I don't think you need this one, but below yes */

	.xcontainer-fluid { padding: 0 !important; } /* This caused the bottom scroll bar to appear */

	.main {  padding: 55px; }

/*
	The default Bootstrap grid system utilizes 12 columns,
	making for a 940px wide container without responsive
	features enabled. With the responsive CSS file added,
	the grid adapts to be 724px and 1170px wide depending
	on your viewport.	Below 767px viewports, the columns
	become fluid and stack vertically.
	http://getbootstrap.com/2.3.2/scaffolding.html
*/

	a           { color: #006BA5;}
	a:hover     { color: black; text-decoration: none; }
	a:focus     { outline: none !important; }
	input:focus { outline: none !important; }


	/*88888888 .d88888b.  888b    888 88888888888 .d8888b.
	888       d88P" "Y88b 8888b   888     888    d88P  Y88b
	888       888     888 88888b  888     888    Y88b.
	8888888   888     888 888Y88b 888     888     "Y888b.
	888       888     888 888 Y88b888     888        "Y88b.
	888       888     888 888  Y88888     888          "888
	888       Y88b. .d88P 888   Y8888     888    Y88b  d88P
	888        "Y88888P"  888    Y888     888     "Y8888*/

/* Glyphicons https://glyphicons.bootstrapcheatsheets.com/# */
	.page-face h3 a:after {font-family: "Glyphicons Halflings";content: "\e258";margin-top: 15px !important;line-height: 1.5!important;vertical-align: -2px;}

	h1, h1 a, h2, h2 a, h3, h4, h5, h6 { font-family: 'Open Sans', sans-serif; }

	h2 {    color: #6d85aa !important;    font-size: 26px !important;line-height: 1.2;margin: 15px 0px 18px 0px; }

	h3 {color: #475c7b !important;font-size: 19px !important;line-height: 32px;margin-top: 0;}
	h4 { color: #475c7b  !important; xfont-weight: 400; font-size: 14px !important; }

	h5 { color: #475c7b  !important; xfont-weight: 400; font-size: 14px !important; }

	.title {color: #6d85aa  !important;font-size: 40px;font-weight: 300;margin: 0 0 20px 0;padding: 0 0 0 0;letter-spacing: 0.05em;}

	.title a {color: #6d85aa  !important;font-size: 24px;font-weight: 300;margin: 0 0 20px 0;padding: 0 0 0 0;letter-spacing: 0.05em;}

	.entry ul {margin: 10px 0px 23px 0px;xoverflow: hidden;list-style: outside disc;xmargin-left: 1em;}
	.entry li {position: relative;xleft: 1em;padding-right: 1em;margin-bottom: 10px;xlist-style-position: inside !important;line-height: 23px;font-weight: 300;}

	.entry ol { margin-bottom: 20px; }

	blockquote p { font-size: 18px !important;color: #475c7b; }

	cite { text-decoration: none;    margin: -10px 0px 0px 0px;    text-align: left;    font-size: 15px;    color: gray;}

	p { font-weight: 300;}




	/*8    888 8888888888        d8888 8888888b.  8888888888 8888888b.
	888    888 888              d88888 888  "Y88b 888        888   Y88b
	888    888 888             d88P888 888    888 888        888    888
	8888888888 8888888        d88P 888 888    888 8888888    888   d88P
	888    888 888           d88P  888 888    888 888        8888888P"
	888    888 888          d88P   888 888    888 888        888 T88b
	888    888 888         d8888888888 888  .d88P 888        888  T88b
	888    888 8888888888 d88P     888 8888888P"  8888888888 888   T8*/

	.header {margin: 0 0 45px 0;padding: 10px 0 0 0;height: 200px!important;xbackground-color: #24799e !important;xbackground-color: #616161;background-color: #7C7C7C;background-image: none !important;}
	.home .header {margin: 0 0 20px 0;padding: 10px 0 0 0;height: 480px !important;background: transparent url(img/header.jpg) no-repeat top center !important;background-size: cover !important;background-color: transparent !important;}
	.header-basic {margin: 0 0 20px 0;padding: 10px 0 0 0;height: 850px;}

	.logo a {margin: 6px 0 0 0px;cwidth: 300px;height: 200px;text-indent: -999em;display: block;background: url(img/chapel-restoration-white.png) no-repeat 0px 0px;background-size: 180px;}


	.interior-sub-nav {margin: -116px 0px 50px 0px;font-size: 12px !important;float: right;}
	.interior-sub-nav li {text-align: right;display: inline-block;padding: 0px 15px 10px 20px;}

	.interior-sub-nav a {display: block;color: #d1d1d1;font-size: 16px !important;text-align: center;padding: 0px 0px 10px 0px;line-height: 0 !important;margin: 8px 10px -10px 2px;}
	.interior-sub-nav a:hover { color: white; }

	.bord { border-right: 1px solid #d1d1d1; }


	.xinterior-sub-nav h2 a { display: block; color: #b6b6b6; font-size: 16px !important; text-align: center; padding: 0px 0px 10px 0px; line-height: 0 !important; margin: -14px 0px -10px 0px; }
	.xinterior-sub-nav { margin: -155px 129px 50px 0px; width: 720px; font-size: 12px !important; float: right; }
	.xinterior-sub-nav .border { border-right: 1px solid #d3d3d3; }
	.xinterior-sub-nav  .wp-block-column:not(:first-child) { margin-left: 0em; }



/*8b    888        d8888 888     888
8888b   888       d88888 888     888
88888b  888      d88P888 888     888
888Y88b 888     d88P 888 Y88b   d88P
888 Y88b888    d88P  888  Y88b d88P
888  Y88888   d88P   888   Y88o88P
888   Y8888  d8888888888    Y888P
888    Y888 d88P     888     Y*/

	.navbar { min-height: 56px; }

	/* NAV POSITION */
	.navbar-default {float: right;margin: 40px 0px 0 45px;background-color: transparent!important;border-color: transparent!important;-moz-border-radius: 0;-webkit-border-radius: 0;border-radius: 0;}

	/* THIS CONTROLS SPACING Size, Color */
	.nav>li>a {font-size: 19px;padding: 10px 16px !important;transition: all 0.3s ease;color:white !important;text-transform: uppercase;font-weight: 300;}

	/* HOVER */
	.nav > li > a:hover {color: #86d3ff !important;}

	/* Active Page Indicator */
	.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
		background-color: transparent !important;
		color: #86d3ff !important;
	}

	/* This can also control spacing */
	.nav > li > a {position: relative;display: block;}

	/* Centers the Button */
	.navbar-default .navbar-toggle {    border-color: #babab8;    background-color: #fff;    color: #86d3ff;    margin: 14px 0 0;    text-align: center!important;    float: none!important;}

	.navbar-brand { display: none; }

	.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {color: #86d3ff;}

	.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { color: #656460; background-color: white; }
	.navbar .nav > li > .dropdown-menu:after, .navbar .nav > li > .dropdown-menu:before {content: none;}

	/* Dropdown Controls */
	.caret { }  /* Look in Media to turn this off */

	.dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 0 0; margin: 2px 0 0; font-size: 12px; list-style: none; background-color: white; border: 1px solid transparent; border: 1px solid transparent; border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); background-clip: padding-box; letter-spacing: 1px; }
	.dropdown-menu a {padding: 10px 20px !important;border-bottom: 1px solid #bfbfbf;}
	.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {color: #ffffff;text-decoration: none;background-color: #656460;}
	.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {text-decoration: none;background-color: white;color: black;outline: 0;}
	ropdown-menu a:hover::after { display: none; }

	/* Donate Button */
	.menu-item-220 a {background-color: #00ADEF;-moz-border-radius: 20px;-webkit-border-radius: 20px;-khtml-border-radius: 20px;border-radius: 20px;}
	.menu-item-220 a:hover { background-color: #0097d5 !important; }

	.current_page_item.menu-item-220{background-color: #00ADEF !important;color: black !important;-moz-border-radius: 20px;-webkit-border-radius: 20px;-khtml-border-radius: 20px;border-radius: 20px;}
	.menu-item-220 .current-menu-item a {color: black !important;}


	.menu-item-67 a {background-color: #00ADEF;-moz-border-radius: 20px;-webkit-border-radius: 20px;-khtml-border-radius: 20px;border-radius: 20px;}
	.menu-item-67 a:hover {background-color: #ef7647 !important;}





 	/*88888b.     d8888  .d8888b.  8888888888 .d8888b.
	888   Y88b   d88888 d88P  Y88b 888       d88P  Y88b
	888    888  d88P888 888    888 888       Y88b.
	888   d88P d88P 888 888        8888888    "Y888b.
	8888888P" d88P  888 888  88888 888           "Y88b.
	888      d88P   888 888    888 888             "888
	888     d8888888888 Y88b  d88P 888       Y88b  d88P
	888    d88P     888  "Y8888P88 8888888888 "Y8888*/


	/* CONTACT PAGE */.contactform {padding-right: 30px;}


	/* GRID PAGE */

	.page-template-grid .hentry {display: grid;grid-template-columns: 60px 1fr;grid-template-rows: 1fr;gap: 0px 10px;grid-auto-flow: row;grid-template-areas:  "gridtitle entry";  }
	.page-template-grid .entry { grid-area: entry;xborder:1px solid green;  }

	.page-template-grid .gridtitle { grid-area: gridtitle; }

	.page-template-grid h1 {color: #6d85aa !important;xtransform: rotate(-90deg);font-size: 52px;font-weight: 300;xleft: -522px;xtext-align: right;xposition: relative;xmargin: -42px 0px 0px 0px;xtop: 497px;xbackground-color: red;writing-mode: vertical-rl;text-orientation: mixed;}

	.wp-block-columns.postsgrid {margin: 0px -4px 13px 0px !important;}

	.postsgrid img {width: 100%;height: 100$;}

	.hero {margin: 0px 0px 50px -62px !important;xborder: 1px solid red;font-weight: 300;}






		/* http://stackoverflow.com/questions/1341358/set-size-on-background-image-with-css */

	.stretch{ /* Will stretch to specified width/height */
	background-size: 200px 150px;
	}
	.stretch-content{ /* Will stretch to width/height of element */
	background-size: 100% 100%;
	}
	.resize-width{ /* width: 150px, height: auto to retain aspect ratio */
	background-size: 150px Auto;
	}
	.resize-height{ /* height: 150px, width: auto to retain aspect ratio */
	background-size: Auto 150px;
	}
	.resize-fill-and-clip{ /* Resize to fill and retain aspect ratio. Will cause clipping if aspect ratio of box is different from image. */
	background-size: cover;
	}
	.resize-best-fit{ /* Resize to best fit and retain aspect ratio. Will cause gap if aspect ratio of box is different from image. */
	background-size: contain;
	}





	.content {  }




	ul { xoverflow: auto; }






	/* Custom for 5 col */
	.col-lg-1-5,.col-md-1-5,.col-sm-1-5,.col-xs-1-5{ min-height: 1px; padding-left: 15px; padding-right: 15px; position: relative; width: 100%; box-sizing: border-box; }
	.item { width: 100%; }
	.col-xs-1-5{ width: 20%; float: left; }

	@media (min-width: 767px){ .col-sm-1-5{width: 20%;float:left;} }
	@media (min-width: 992px){ .col-md-1-5{width: 20%;float:left;} }
	@media (min-width: 1200px){ .col-lg-1-5{width: 20%;float:left;} }
	.center-block {float: none !important}

	.row-centered { text-align: center; }



	.col-centered { float: none !important; margin: 0 auto !important;}











	/*88888888 .d88888b.   .d88888b. 88888888888 8888888888 8888888b.
	888       d88P" "Y88b d88P" "Y88b    888     888        888   Y88b
	888       888     888 888     888    888     888        888    888
	8888888   888     888 888     888    888     8888888    888   d88P
	888       888     888 888     888    888     888        8888888P"
	888       888     888 888     888    888     888        888 T88b
	888       Y88b. .d88P Y88b. .d88P    888     888        888  T88b
	888        "Y88888P"   "Y88888P"     888     8888888888 888   T8*/

	.footermap .row { background: white url(img/The-Chapel-Restoration-map.jpg) no-repeat center top;height: 850px; }

	.page-donate .footer .donate {display:none;}

	.footer {   font-weight: 300;height: 370px;margin: 24px 0 0px 0;padding: 50px 0 0 0;color: white;xbackground-color: #BCC783;xbackground-color: #24799e !important;xbackground-color: #616161;background-color: #7C7C7C;}

	.footer a { color: white; }

	.footer .logo a {height: 200px;text-indent: -999em;display: block;xbackground: url(img/chapellogo-white.png) no-repeat  10px -2px;background: url(img/chapel-restoration-white.png) no-repeat 10px -2px;background-size: 170px;}

	.address {font-size: 22px;border-left: 2px solid white;padding: 0px 0px 0px 50px;}

	.donate {max-width: 350px;text-align: center;display: block;margin: 0px auto 12px auto;padding: 9px 0px;text-transform: uppercase;font-size: 36px;color: white !important;background-color: #667fa4;}
	.donate:hover { background-color: #EF7647; }

	.subscribe {max-width: 350px;text-align: center;display: block;margin: 0px auto 30px auto;padding: 16px 0px;text-transform: uppercase;font-size: 21px;color: white !important;background-color: #525252;xborder:2px solid #667fa4;}
	.subscribe:hover { background-color: #EF7647; }

	.copyright { margin: 10px 0 0 0px;text-align: center; font-size: 15px;}

	.instabar {margin-top: 80px; }

	.page-intro {font-size: 20px;margin: -20px 0px 40px 0px;border-bottom: 1px solid grey;padding: 0px 0px 30px 0px;}

	.tixs a {background-color: #00ADEF; color: white;padding: 1px 14px;-moz-border-radius: 10px;-webkit-border-radius: 10px;-khtml-border-radius: 10px;border-radius: 10px;}




	/*8    888  .d88888b.  888b     d888 8888888888
	888    888 d88P" "Y88b 8888b   d8888 888
	888    888 888     888 88888b.d88888 888
	8888888888 888     888 888Y88888P888 8888888
	888    888 888     888 888 Y888P 888 888
	888    888 888     888 888  Y8P  888 888
	888    888 Y88b. .d88P 888   "   888 888
	888    888  "Y88888P"  888       888 888888888*/

	.eventimage {margin: 0px 20px 0px 0px;float: left;}
	.home .eventimage img {width: 420px !important; margin: 0px 0px 10px 0px; } /* was 200 */
	.eventimage img {width: 200px !important; margin: 0px 0px 10px 0px; } /* was 200 */
	.home  .col-md-12 {padding-right: 0px;padding-left: 0px; }
	.home .subnav {width: auto;}
	img.attachment-post-thumbnail.size-post-thumbnail.wp-post-image {width: 100%;margin: 0px 0px 30px 0px;}
	.home .wp-block-columns.postblock {width: auto; margin: 0 auto;}
	.wp-block-columns.postblock {width: 1200px;margin: 0 auto;}
	.postblock .wp-block-column {margin: 0px 15px 0px 15px !important;xborder:1px solid red;  }


	img {height: 100%;}

	.intro {text-align: center;color: white !important;font-size: 84px;margin: -271px auto 0 auto;padding: 0 0 0 0;letter-spacing: 0em;height: 278px;font-weight: 300;}

	.subnav {margin: -27px auto 18px auto !important;width: 1190px;padding: 14px 0px 17px 0px !important;}
	.subnav h2 a {    font-weight: 300;    display: block;    color: #667FA4;    font-size: 28px !important;    text-align: center;    padding: 0px 0px 0px 0px;margin: -8px 0px -10px 0px;}

	.subnav h2 a:hover {color: black;}

	.wp-block-group { margin: 0 -15px 0 -15px !important;}

	.border { border-right: 1px solid #90a3bd; }

	.border-left { border-left: 1px solid #90a3bd; }

	.home .wp-block-column:not(:first-child) { margin-left: 0em; }

	.postblock h3 {    color: black !important;    padding: 0px 0px;    font-size: 22px !important;    line-height: 28px;    font-weight: 300;}
	.postblock p {padding: 0px 0px;font-size: 16px !important;line-height: 26px;color: #667FA4;   font-weight: 300;}
	.postblock a {color: #667FA4;}
	.postblock .wp-block-column {margin: 0px 0px 30px 0px;}


.width1200 {width: 1200px;}
.postblock  {width: 1200px !important; }


.em-item-title  a {
	font-size: 25px;
	color: #667FA4 !important;
	xcolor: red !important;
	xtext-transform: uppercase;
  }

  .em.pixelbones a {
	xcolor: red !important ;
	xbackground-color: transparent !important;
	x-webkit-box-shadow: none !important;
	xbox-shadow: none !important;
  }

  .em.em-list.size-small .em-item .em-item-info {
	border-left: none !important;
	border-top: 4px solid white !important;
	padding: 10px;
  }


.em-item-meta-line span {
	width: 0px !important;
margin: 0px 0px 0px -20px !important; 
position: relative;
left: -20px;}

.em-event-meta-datetime { 
	position: relative;
left: -30px;
font-weight: bold;
font-size: 16px; 
}

.em-event-date {xdisplay:none !important;
	color: #667FA4 !important;
	font-style: italic;
	margin: 10px 0px 0px -5px; 
}

.em.em-item .em-item-image img, .em.em-list .em-item .em-item-image img {

	height: auto !important;
  }

  .single .em-event-when {xdisplay:none;}













   /*88888b.   .d88888b.   .d8888b. 88888888888 .d8888b.
   888   Y88b d88P" "Y88b d88P  Y88b    888    d88P  Y88b
   888    888 888     888 Y88b.         888    Y88b.
   888   d88P 888     888  "Y888b.      888     "Y888b.
   8888888P"  888     888     "Y88b.    888        "Y88b.
   888        888     888       "888    888          "888
   888        Y88b. .d88P Y88b  d88P    888    Y88b  d88P
   888         "Y88888P"   "Y8888P"     888     "Y8888*/

	.category-title {border:1px solid red;}

	.post {display: block;border-bottom: 1px solid #bfbfbf;clear: both;margin: 0 0 38px 0;padding: 0 0 25px 0;min-height: 327px;}

	.post-date {color: #656460 !important;font-size: 15px;display: block;margin: 0 0 9px 0;font-style: italic !important;}

	.post img { border: 1px solid #bfbfbf; }

	img.attachment-post-thumbnail.size-post-thumbnail.wp-post-image { width: 100%; }

	span.post-author { display: none; }

	h2.title { font-size: 22px; }

	.category-des { xmargin: 0 0 25px 0; xfont-style: italic; xfont-size: 16px; }


.single .em-item-image {display:none;}





    /*8888b.   .d88888b.   .d8888b. 8888888        d8888 888
   d88P  Y88b d88P" "Y88b d88P  Y88b  888         d88888 888
   Y88b.      888     888 888    888  888        d88P888 888
    "Y888b.   888     888 888         888       d88P 888 888
       "Y88b. 888     888 888         888      d88P  888 888
         "888 888     888 888    888  888     d88P   888 888
   Y88b  d88P Y88b. .d88P Y88b  d88P  888    d8888888888 888
    "Y8888P"   "Y88888P"   "Y8888P" 8888888 d88P     888 888888*/

	.xsocial { display: block; xwidth: 150px; height: 45px; margin: 94px 0 0 0;}
	.sociallinks { float: right; display: block; color: white; font-size: 16px; width: 358px; height: 35px; margin: -2px 0px 0px 0px; }

	.social a { float: right; cdisplay: inline !important; }

	.twitter  {margin: 0px 22px 0px 0px;background: url(img/social.png) no-repeat 0px 0px;text-indent: -999em;width: 35px;height: 34px;display: inline-block;}
	.facebook {margin: 0px 22px 0px 0px;background: url(img/social.png) no-repeat -35px 0px;text-indent: -999em;width: 35px;height: 34px;display: inline-block;}
	.instagram  {margin: 0px 6px 0px 0px;background: url(img/social.png) no-repeat -70px 0px;text-indent: -999em;width: 35px;height: 34px;display: inline-block;}

	.twitter:hover { background: url(img/social.png) no-repeat 0px -34px; }
	.facebook:hover { background: url(img/social.png) no-repeat -35px -34px; }
	.instagram:hover { background: url(img/social.png) no-repeat -70px -34px; }




    /*8888b. 8888888 8888888b.  8888888888 888888b.         d8888 8888888b.
   d88P  Y88b  888   888  "Y88b 888        888  "88b       d88888 888   Y88b
   Y88b.       888   888    888 888        888  .88P      d88P888 888    888
    "Y888b.    888   888    888 8888888    8888888K.     d88P 888 888   d88P
       "Y88b.  888   888    888 888        888  "Y88b   d88P  888 8888888P"
         "888  888   888    888 888        888    888  d88P   888 888 T88b
   Y88b  d88P  888   888  .d88P 888        888   d88P d8888888888 888  T88b
    "Y8888P" 8888888 8888888P"  8888888888 8888888P" d88P     888 888   T8*/

	.sidebar ul { list-style: none; list-style-image: none; list-style-type: none; margin: 0 0 0 10px; padding: 0 0 0 0; }

	.sidebar ul li { list-style: none; list-style-image: none; list-style-type: none; }

	.sidebarimg  { margin: 0 0 -32px 0 !important; display: block; }

	.sidebaritem label { display: none; }

	.sidebaritem { margin: 0 0 20px 0; }

	.sidebaritem .title { font-size: 24px; }

	.newsletter-signup { margin: 0 0 7px 0; background-color: #bfbfbf; color: black; display: none; xdisplay: block; padding: 20px; xwidth: 336px; }







	/*8888b.  8888888888        d8888 8888888b.   .d8888b.  888    888
  d88P  Y88b 888              d88888 888   Y88b d88P  Y88b 888    888
  Y88b.      888             d88P888 888    888 888    888 888    888
	"Y888b.   8888888        d88P 888 888   d88P 888        8888888888
		"Y88b. 888           d88P  888 8888888P"  888        888    888
		  "888 888          d88P   888 888 T88b   888    888 888    888
  Y88b  d88P 888         d8888888888 888  T88b  Y88b  d88P 888    888
	"Y8888P"  8888888888 d88P     888 888   T88b  "Y8888P"  888    8*/
	.searchform { margin: 0 0px 30px 0; }

	.search .page { border-bottom: 1px solid grey; margin: 10px 0 10px 0; padding: 10px 0 10px 0; }



	/*88888888 .d88888b.  8888888b.  888b     d888  .d8888b.
	888       d88P" "Y88b 888   Y88b 8888b   d8888 d88P  Y88b
	888       888     888 888    888 88888b.d88888 Y88b.
	8888888   888     888 888   d88P 888Y88888P888  "Y888b.
	888       888     888 8888888P"  888 Y888P 888     "Y88b.
	888       888     888 888 T88b   888  Y8P  888       "888
	888       Y88b. .d88P 888  T88b  888   "   888 Y88b  d88P
	888        "Y88888P"  888   T88b 888       888  "Y8888*/

	/* This one counteracts the UL LI of the bullet points */
	.gform_body ul li {position: relative;left: 0em !important;padding-right: 0em !important;}

	.gform_button {background-color: #2a3d91;color: white;border: 1px solid white !important;padding: 15px;font-size: 18px !important;}

	.gform_button:hover {background-color: #2a3d91;color: white;border: 1px solid #2a3d91 !important;}

	.nextprev { }
	.gallery-caption { }
	.bypostauthor { }

	.no-gutters { padding: 0 !important; margin-left: 0; }

	caption { background:#bfbfbf;padding: 10px;}

	abbr, acronym { xborder-bottom: 1px dotted #666; }
	sup, sub { line-height: 0; }

	.floatleft { float: left; }
	.floatright { float: right; }
	.alignleft { text-align: left; }
	.alignright { text-align: right; }

	.center { text-align: center; }

	.picleft { float: left; padding: 4px 8px 8px 0; }
	.picright { float: right; padding: 4px 0 8px 8px; }

	.clear {clear: both;}
	.hide { display: none; }

	.sticky { }



	/* ------------rounded corners ------------*/
	.round {-moz-border-radius: 10px;-webkit-border-radius: 10px;-khtml-border-radius: 10px;border-radius: 10px;}

	/* =WordPress Core
	-------------------------------------------------------------- */
	img, table, iframe { border: 0!important; }

	.admin-bar .navbar  { xmargin: 28px 0 0 0; }
	.admin-bar  { xmargin: 28px 0 0 0!important; }
	.logged-in  { xmargin-top: 32px !important; }
	.alignnone { margin: 3px 20px 20px 0; }
	.aligncenter,
	div.aligncenter { display: block; margin: 3px auto 5px auto; }
	.alignright { float: right; margin: 3px 0 20px 20px; }
	.alignleft { float: left; margin: 3px 20px 20px 0; }
	.aligncenter { display: block; margin: 5px auto 5px auto; }
	a img .alignright { float: right; margin: 5px 0 20px 20px; }
	a img .alignnone { margin: 5px 20px 20px 0; }
	a img .alignleft { float: left; margin: 5px 20px 20px 0; }
	a img .aligncenter { display: block; margin-left: auto; margin-right: auto; }
	.wp-caption { background: #fff; border: 1px solid #bfbfbf; max-width: 96%; /* Image does not overflow the content area */ padding: 5px 3px 10px; text-align: center; }
	.wp-caption .alignnone { margin: 5px 20px 20px 0; }
	.wp-caption .alignleft { margin: 5px 20px 20px 0; }
	.wp-caption .alignright { margin: 5px 0 20px 20px; }
	.wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; }
	.wp-caption p .wp-caption-text { font-size: 14px; line-height: 17px; margin: 0; padding: 10px 0 4px 0; }

	/* Fixes the over-scroll when linking anchors within a page */
	:target:before { content: ""; display: block; height: 150px!important; margin: -150px 0 0!important; }

	html { scroll-behavior: smooth; }

	.wp-pagenavi{clear:both;}
	.wp-pagenavi a, .wp-pagenavi span{text-decoration:none;border:1px solid #BFBFBF;padding:3px 5px;margin:2px;}
	.wp-pagenavi a:hover, .wp-pagenavi span.current{border-color:#000;}
	.wp-pagenavi span.current{font-weight:bold;}



label {
font-weight: normal !important;
border-bottom: 1px solid #BFBFBF;
width: 100%;
padding: 4px 0px 5px 0px;
}
.gchoice  {padding: 0px 0px 6px 0px; }


label b {margin-right: 10px; xwidth: 255px !important; xdisplay:block; }























/*8b     d888 8888888888 8888888b. 8888888        d8888
8888b   d8888 888        888  "Y88b  888         d88888
88888b.d88888 888        888    888  888        d88P888
888Y88888P888 8888888    888    888  888       d88P 888
888 Y888P 888 888        888    888  888      d88P  888
888  Y8P  888 888        888    888  888     d88P   888
888   "   888 888        888  .d88P  888    d8888888888
888       888 8888888888 8888888P" 8888888 d88P     8*/



	@media (min-width: 768px) and (max-width: 3000px) { .mobile {display:none !important;} } /* emd < 768 1023 > */

	@media (min-width: 1024px) and (max-width: 1920px) {	} /* emd < 1024 1920 > */

	@media only screen and (max-width : 1024px) {	} /* emd < 1024 > */

	@media (min-width: 768px) and (max-width: 1023px) {		} /* emd < 768 1023 > */

	@media only screen and (max-width : 1199px) {	} /* emd < 1199 > */

	@media (min-width: 601px) and (max-width: 767px) { 	} /* emd < 601 767 > */

	@media only screen and (max-width : 600px) {	} /* emd < 600 > */






	/* This allows the menus to activate on hover instaead of click */

@media only screen and (min-width : 768px) {
	/* Make Navigation Toggle on Desktop Hover */
	.dropdown:hover .dropdown-menu { display: block; }
	.caret { xdisplay: none; }
}








@media (min-width: 992px) and (max-width: 1199px) {

	.navbar-default {margin: 40px 0px 0 0px;}

	.nav > li > a {font-size: 18px;padding: 10px 11px !important;}

	.navbar-collapse {padding-right: 0;padding-left: 0;}



	} /* emd < 1024 1920 > */




	@media (min-width: 768px) and (max-width: 991px) {


		.header {height: auto !important;}

		.interior-sub-nav {
			margin: -10px 0px 30px 0px;
			font-size: 18px !important;
			float: none;
			text-align: center;
		}
		.interior-sub-nav a {color: black ;}
		.interior-sub-nav a:hover {color: grey ;}


		.navbar-default {margin: 15px 0px 25px 0px;}

		.nav > li > a {font-size: 18px;padding: 10px 11px !important;}

		.navbar-collapse {padding-right: 0;padding-left: 0;}

		.logo a {
			margin: 6px 0 0 0px;
			height: 165px;
			text-indent: -999em;
			display: block;
			background: url(img/chapel-restoration-white.png) no-repeat top center;
			background-size: 180px;
		}


		.intro {margin: -223px auto -170px auto;font-size: 44px;}

		.subnav {
			margin: -27px auto 18px auto !important;
			width: 100%;}



		.wp-block-columns.subnav  {display: block;}
		.border {
			border-right: 0px solid #90a3bd;
		}
		.border-left {
			border-left:0px solid #90a3bd;
		}



	.footer { height: 100%; margin: 24px 0 0px 0;padding: 50px 0 40px 0;}

	.footer .logo a { background: url(img/chapel-restoration-white.png) no-repeat top center; background-size: 170px !important;}

	.address {    font-size: 19px;    border-left: none;    padding: 0px 0px 30px 0px;    text-align: center;}

	.subscribe { font-size: 17px;}

	.sociallinks {float: none;display: block;color: white;font-size: 16px;width: 100%;height: 35px;margin: -2px 0px 10px 0px;text-align: center;}

	.contactform {padding-right: 0;}


.postsgrid.wp-block-columns {flex-wrap: nowrap;}

.postsgrid .wp-block-column:nth-child(2n) {
    margin-left: 0 !important;}
}

		} /* emd < 1024 1920 > */











    /*88   .d8888b.   .d8888b.      d8888  IPAD Portrait
   d8888  d88P  Y88b d88P  Y88b    d8P888
     888  888    888        888   d8P 888
     888  888    888      .d88P  d8P  888
     888  888    888  .od888P"  d88   888
     888  888    888 d88P"      8888888888
     888  Y88b  d88P 888"             888
   8888888 "Y8888P"  888888888        8*/
	@media only screen and (max-width : 1024px) {

	.row { width: auto; margin: 0 auto; } /* this is the big deal causing left to right scroll */

	/* center the navbar*/
	.center.navbar .nav,
	.center.navbar .nav > li {    float:none;    display:inline-block;    *display:inline; /* ie7 fix */    *zoom:1; /* hasLayout ie7 trigger */    vertical-align: top;}

	.center .navbar-inner { text-align: center; }
	.center .dropdown-menu { text-align: left; }


	} /* end 1024 */








	/*88888888  .d8888b. 8888888888
			d88P d88P  Y88b      d88P
		d88P  888            d88P
		d88P   888d888b.     d88P
	88888888  888P "Y88b 88888888
		d88P     888    888  d88P
	d88P      Y88b  d88P d88P
	d88P        "Y8888P" d8*/

	/* This is when the mobile nav appears */

	@media (max-width: 767px)  {
		.entry {padding: 0 10px 0 10px;}

	.container-fluid {padding-right: 0;padding-left: 0;}


	.header {margin: 0 0 65px 0;}



	.interior-sub-nav {display:none;}
	.logo a {background: url(img/chapel-restoration-white.png) no-repeat top center;margin: 0 auto !important;background-size: 180px;height: 164px;}

	.intro {font-size: 36px;margin: -219px auto 0 auto;height: 128px;line-height: 1.05;}

	.home .header {margin: 0 0 20px 0;padding: 10px 0 0 0;height: 480px !important;background-size: 750px !important;}


	.navbar-default {float: none;margin: 30px auto 0 auto;text-align: center;z-index: 500;}

	/* THIS CONTROLS SPACING Size, Color */
	.nav>li>a {font-size: 20px;padding: 10px 16px !important;transition: all 0.3s ease;color:black !important;text-transform: uppercase;font-weight: 300;background-color: white;}

	.nav>li>a: {background-color: #ababab;}


	ul.menu-top-nav ul li a {background-color: green !important; }



	.desktop { display: none !important; }
	.mobile { display: block }


	/* This fuckin mess keeps costing me HOURS: */

	.container-fluid .col-md-12 {padding: 0px 0px 0px 0px;margin: 0px 0px 0px 0px;}

	.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {color: black !important;background-color: #c4c4c4;}
	.navbar-default a { font-size: 18px !important; text-align: center !important; border-bottom: 1px solid #bfbfbf; }

	.dropdown-menu a {padding: 10px 20px !important;background-color: #c4c4c4 !important;font-size: 16px !important;color:black !important;}

	.nav { margin-bottom: 34px !important; }
	.nav .open>a, .nav .open>a:focus, .nav .open>a:hover { background-color: white !important; border-color: #eee !important; }
	.nav > li > a { padding: 15px 3px !important; font-size: 16px; }
	.navbar .navbar-collapse { margin: 0 auto; }
	a.navbar-brand { left: 14px; position: absolute; height: 64px; }


	.subnav {display:none !important;}


	/* Donate Button */
	.menu-item-220 a {background-color: #00ADEF;-moz-border-radius: 0px;-webkit-border-radius: 0px;-khtml-border-radius: 0px;border-radius: 0px;}

	.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {    background-color: #c4c4c4  !important;    color: black !important;}
	.page-template-grid .hentry {    display: block;}
	.page-template-grid h1 {text-align: center;font-size: 30px;writing-mode: horizontal-tb;}

	.navbar-collapse {border-top: 1px solid transparent !important;}

	/* This turns the column rows back into 2x6 display */



	.wp-block-columns.sidebars {    display: block !important;}



	.wp-block-columns {    display: block;   xmargin-bottom: 1.75em;    xbox-sizing: border-box;    xflex-wrap: wrap;}


	.wp-block-columns {flex-wrap: nowrap !important ;}

	.wp-block-columns.postsgrid {margin: 0px -4px -17px 0px !important;}



	/* Home page eventes */
	.wp-block-columns.postblock {    width: auto;    xmargin: 0 auto;    xdisplay: flex;    flex-wrap: wrap !important;}


	.eventimage {    margin: 0px auto 0px auto;    float: none;    width: 100%;}
	.eventimage img { width: 100% !important;}


	.footer { height: 100%; margin: 24px 0 0px 0;padding: 50px 0 40px 0;}

	.footer .logo a { background: url(img/chapel-restoration-white.png) no-repeat top center; background-size: 170px !important;}

	.address {    font-size: 19px;    border-left: none;    padding: 0px 0px 30px 0px;    text-align: center;}

	.subscribe { font-size: 17px;}

	.sociallinks {float: none;display: block;color: white;font-size: 16px;width: 100%;height: 35px;margin: -2px 0px 10px 0px;text-align: center;}

	.contactform {padding-right: 0;}


	.postblock  {width:auto !important; }

	} /* Mobile end  */






@media (min-width: 600px) and (max-width: 781px) {
	.wp-block-column:not(:only-child) {
		flex-basis: 0;
		flex-grow: 0;
	}
	.postblock .wp-block-column { margin: auto !important;}

	.wp-block-columns.postblock {
		width: 100% !important;
		display: block;
	}

	.sidebars figure {
		xborder:1px solid red;
		margin: 0 auto !important;
		text-align: center;
		width: auto !important;
	}
	.sidebars {padding: 0px 15px 0px 15px; }
} /* emd < 1024 1920 > */