@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,700;1,400;1,700&family=Vidaloka&display=swap');


html {
	font-size: 1rem;
}
body {
	margin: 0;
	padding: 0;
	color: #000;
	font-family:  'Open Sans', Arial, Helvetica, sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/*styles for making the embedded video responsive -----------------------------------------------------------------------------------*/

.video-block {

position: relative;
	padding-bottom: 54.1%; /* 16:9 */
padding-top: 25px; height: 0; overflow: hidden;
      margin-bottom: 30px;
}

.video-block iframe,
.video-block object,
.video-block embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.video-wrap {
width: 33%;
float: left;
}
/*common styles -----------------------------------------------------------------------------------*/

.none {
	display: none !important;
}
.full {
	width: 100%;
}
.bgd {
	background-color: #F8F8F8;
}
.yellowBorderTop {
	border-top: solid 6px #207ABD;
}
.photoMargin {
	margin: 1em 4%;
}
.greyBorderTop {
	border-top: solid 6px #707070;
}

.black {
	background-color: #000;
}


.darkgrey {
	background-color: #343434;
}
.grey {
	background-color: #707070;
}
.lightgrey {
	background-color: #F0F1F5;
}
.white {
	background-color: #fff;
}
.white p {
	font-size: 0.8rem;
	color: #000;
	padding: 20px 15%;
	text-align: center;
	margin: 0;
	line-height: 1.2rem;
	width: 70%;
}
.wrapper {
	width: 1200px;
	margin: 0 auto;
	display: block;
	position: relative;
}
.marginLeft {
	margin-left: 0%;
}
.marginRight {
	margin-right: 0%;
}

.marginTop {
    margin-top: 2em;
}

.floatLeft {
	float: left;
	clear: both;
}
.floatRight {
	float: right;
}
.other-page a {
    	font-weight: 700!important;
}
.round {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.round5 {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin: 15px 3% !important;
}
.round10 {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	margin: 15px 3% !important;
}
.round15 {
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	margin: 15px 3% !important;
}
.removeBorder {
	border: 0 solid #fff !important;
}

.margin {
	margin: 2em 0;
}
.borderTop {
	border-top: #207ABD solid 6px;
}


.sticky {position: fixed;position: -webkit-sticky; /* Safari */position: sticky;top: 0;background-color: #fff;z-index: 999;}
.shadow {-webkit-box-shadow: 0px 0px 5px -1px rgba(0,0,0,0.52);
-moz-box-shadow: 0px 0px 5px -1px rgba(0,0,0,0.52);
box-shadow: 0px 0px 5px -1px rgba(0,0,0,0.52);
}


/* ---------------------------------------header layout---------------------------------------*/

#navDiv {
	background-color: #fff;
	border-top: #CCCCCC;
}
#header {
	min-height: 7.8em;
	text-align: center;
}
#headingContainer {
	background-size: 100%;
}
#headingContainer h1 {
	padding: 1rem 0;
	color: #333;
}

#logo {
	width: 91px;
	float: left;
	margin: 4px 10px 0 0;
}

#name {
	width: 147px;
	float: left;
	margin: 30px 0 0;
}

.denomination {
	float: left;
	margin: 30px 8.75%;
}
#headerRight {
	float: right;
	width: 70%;
  margin-right: 2.5%;
}
#topbar {
	width: 100%;
	margin: 0 auto;
	display: block;
	min-height: 54px;
	zoom: 1;
	clear: both;
}
#menuWrapper {
	margin: 0 auto;
	display: block;
	
}
/* ---------------------------------------content page header banners---------------------------------------*/

.blackCast {
 	background-image: url(https://eastmidlandsbaptist.mychurchedit.co.uk/stylesheets/images/temp/c1081.png);
 	background-repeat: repeat;
 	height: 15.625em;
}

#headingContainer {
	background-image: url(https://www.jefflucas.org/stylesheets/images/c8.jpg );
	background-repeat: no-repeat;
	background-size: cover;
	height: 15.625em;
}




#headingContainer h1 {
	text-align: center;
	color: #fff;
	padding: 5em 0 0;
	letter-spacing: 0.0625em;
	margin: 0;
}

/* ---------------------------------------content---------------------------------------*/

#contentBody {
	min-height: 300px;
}
#breadWrapper {
	height: 50px;
	background-color: #F0F1F5;
  	display:none;
}
#contentWrapper {
	margin-top: 50px;
	width: 75%;
	float: right;
}



.fullCal {
	width: 100% !important;
}
#sidebar {
	float: left;
	margin: 4.375em 0;
	width: 25%;
}
/*searchBar -------------------------------------------------------------------*/


#searchBar {
    height: 27px;
    padding: 4px 0 4px;
    font-size: 1rem;

}
#searchBarForm {
	background-color: #ACACAC;
	color: #444;
	width: 25%;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	float: right;

}
#searchBarForm label {
	display: none;
}
#searchterm {
	border: 0px solid #ACACAC;
	width: 70%;
	height: 25px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	box-sizing: border-box;
}
input#searchterm, input#textarea, input#button, input#select {
	background-color: #ACACAC !important;
}
#imageSubmit {
	float: right;
	vertical-align: middle;
	padding-right: 3px;
	padding-top: 2px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #ACACAC !important;
}
#searchBar a:link, #searchBar a:visited {
	color: #333;
	text-decoration: none;
}



.fab {
	color: #ACACAC;
	font-size: 30px;
	margin-left: 0.3125em;
	margin-top: -2px;
}

.fa-twitter-square{
	float: right;
}
.fab:hover {
	color: #A2A2A2;
}

/* ---------------------------------------footer layout---------------------------------------*/



#footer p{
	color: #fff;
}

#footer .removeBorder{
	padding: 2.75em 1em;
	box-sizing: border-box;
}

#footer .removeBorder p{
	padding: 0.8em 0;
}

#footer .removeBorder p:nth-child(2) {
	font-size: 1.125em;
}
#footer .removeBorder p:nth-child(3) {
	font-size: 0.875em;
	line-height: 1.3em;
	color: #ccc;
}
#footer .removeBorder a{

	font-weight: 700;
	color: #207ABD;
	font-size: 1.25em;
	}

#footer .white{
	padding: 1.75em 0;
	text-align: center;
}
#footer .white img{
	height: 5.875em !important;
	width: auto !important;
	padding: 0 1em
}

span.footer {
	display: none;
}

/* ----------------------------------------*/



span.footer a {
	font-size: 0.75rem;
color: #fff;
}

img {
	border: 0px;
}
a img {
	opacity: 1.0;
	filter: alpha(opacity=100);
}
a img:hover {
	opacity: 0.7;
	filter: alpha(opacity=60);
}
#main, #contentMain, .boxContainer, #column1 {
	width: 100% !important;
	width: 100% !important;
	margin: 0 auto !important;
	padding: 0 !important;
}
/* -------------------------------------- styles for editors to use  ------------------------------------*/


.round5 {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.round10 {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.round15 {
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}
.margin {
	margin: 15px 3% !important;
}
.bordertop {
	border-top: solid 6px #207ABD;
}


/* -------------------------------------- accordion ------------------------------------*/

.accordion, .accordion-row, .accordion-row-title, .accordion-row-body, .accordion-title {
	width: 100%;
	display: block;
}
.accordion {
	position: relative;
}
.accordion-title, .accordion-row-title {
	background-color: #EDEDEC;
	padding: 0.5em 3%;
	box-sizing: border-box;
}
.accordion-title {
	background-color: #fff;
	font-size: 2rem;
}
.accordion-row-title {
	font-weight: 700;
}
.accordion-row-opened {
	color: #000;
	position: relative;
}
.accordion-row-closed {
	color: #555;
	font-weight: 400;
	position: relative;
}
.accordion-row-body {
	background-color: #F5F5F5;
	padding: 0.5em 3%;
	box-sizing: border-box;
	margin: 0!important;
}
.accordion-row-opened::after {
	content: "-";
	right: 2%;
	position: absolute;
	font-size: 1.5em;
	color: #207ABD;
}
.accordion-row-closed::after {
	content: "+";
	right: 2%;
	position: absolute;
	font-size: 1.5em;
	color: #207ABD;
}
.accordion-row ol, .accordion-row ul {
	margin: 0;
	background-color: #EDEEF4;
}
.accordion-row ol li, .accordion-row ul li {
	display: list-item !important;
}
/*---fix news/article thumbnail image width ------------------------------*/

.other-page + td img {
	max-width: 200px;
}



/* homepage widgets  ----------------------------------------------------------------------------------  */

.oneColWidth, .twoColWidth, .threeColWidth {
	width: 100% !important;
	padding: 4em 0 !important;
	margin: 0px 0!important;
}
.oneColWidth article, .twoColWidth article, .threeColWidth article {
	max-width: 1200px;
	margin: 0 auto;
}
#column1 h1, header {
	font-size: 3rem;
	color: #207ABD;
	padding: 0em 5% 0.3em;
	margin: 0;
	line-height: 1em;
}
article {
	padding: 1em 5%;
}
article p {
	font-size: 1rem;
	line-height: 1.7rem;
}
#column1 li:nth-of-type(odd) {
	background-color: #F0F1F5;
}

/* rotators  -------------------------------------------------------------------------------------------------*/


.wrotator {
	border-radius: 0px !important;
	padding: 0 !important;
}
.wrotator article {
	max-width: 100% !important;
}
.rotator, .slideshow, .slideshow div {
	width: 100% !important;
	padding: 0px !important;
}
article.rotator .slideshow {
	background-color: #343434;

}
.slideshow div img {
	width: 100% !important;
	height: auto !important;
	margin: 0px auto !important;
	max-width: 1980px !important;
}

article.rotator .slideshow {
	background-color: #343434;
	height: 30vw !important;
}

/* rotator caption  ------------------------------------------------------------------------------- */


.rotator .caption {
  position: absolute;
  z-index: 99 !important;
  bottom: 2em;
  right: 0;
  padding: 1.5em 3% 1.5em 2% !important;
  color: #fff !important;
  min-height: 5em;
  background-image: url(https://eastmidlandsbaptist.mychurchedit.co.uk/stylesheets/images/temp/c1086.png);
  background-repeat: repeat;
}
.rotator .caption p {
  margin: 0;
  padding: 0 5% 0 0 !important;
  color: #fff !important;
  font-size: 1.4rem !important;
  text-align: right !important;
  box-sizing: border-box;
  font-weight: 400;
   line-height: 1.2em;

}

.rotator .caption strong {
  display: block;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1em;
  margin: 0rem 0 0.6rem;
  color: #fff;
  text-transform: uppercase;
}

.rotator .caption a {
  color: #fff;
}

/*
.homepage .wrotator div,
.homepage .wrotator article,
.homepage .wrotator .slideshow img {

	opacity: 1 !important;
}
*/


/* mission statement ------------------------------------------------------------------------------- */

.w129  {
	width: 100% !important;
	padding: 1.5em 0 !important;
	margin: 0px 0!important;
	background-color: #9DA0AC;
	background-color: #111;
}.w129 h3 
{
	color: #eee;
	
}

/* welcome text ------------------------------------------------------------------------------- */


.w111 p {
	font-size: 1.375rem;
	line-height: 2rem;
	font-weight: 300;
}
.w111 h2 {
	padding: 1rem 0 1rem;
	color: #207ABD;
	font-size: 2.5rem;
}
a:link.readmore, a:visited.readmore {
	padding: 4px 20px;
	color: #fff !important;
	font-weight: 400;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background-color: #B9B2B0;
}
a:hover.readmore {
	color: #fff !important;
	background-color: #343434;
	text-decoration: none;
}
.w111 img {
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	max-width: 210px;
	border: 1px #B9B2B0 solid;
	box-sizing: border-box;
	padding: 0.5%;
}

/* big buttons  ------------------------------------------------------------------------------- */

.homepage .button {
	padding: 0.5em;
	font-weight: bold;
	color: #888888 ;
	font-weight: 700 !important;
	border: 1px solid #C7C7C7;
	border-radius: 2px;
	cursor: pointer;
	font-size: 1.375rem;
	text-transform: uppercase;
  	background: #fff;
}

.homepage .button:hover {
	background-color: #207ABD;
	color: #fff;
	text-decoration: none;
	border: 0px solid #C7C7C7;
}



/* image boxes ------------------------------------------------------------------------------- */

.wtext3 article {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.wtext3 article div {
  position: relative;
  width: 24.5%;
  text-align: center;
  margin: 0 0.25% 0.3em;
  float: left;
}

.wtext3 article div p {
      background-image: url(https://eastmidlandsbaptist.mychurchedit.co.uk/stylesheets/images/temp/c1086.png);
   background-repeat: repeat;
}

.wtext3 article div p:first-of-type {
  margin: 0;
}
.wtext3 article div p img {
  padding: 0;
  margin: 0;
  width: 100% !important;
  box-sizing: border-box;
  list-style: none;
  display: block;
  height: auto !important;

 
}
.wtext3 article div p:last-of-type {
  padding: 0em 0%;
  margin: 0;
  width: 100%;
  position: absolute;
  text-align: center;
  color: #fff;
  font-size: 1.8em;
  line-height: 1.8rem;
  background-size: 100%;
  bottom: 0;
   
  font-size: 1.125em;
  text-transform: uppercase;
  font-weight: 700;
 
}

.wtext3 article div p:last-of-type a:link{
 padding: 1em 0%;
}
.wtext3 article div a:link, .wtext3 article div a:visited {
  color: #fff;
  font-weight: 700;
  text-decoration: none;
    letter-spacing: 1px;
    
     display: block;
}
.wtext3 article div a:hover {
  color: #ddd;
  text-decoration: none;
}
.wtext3 article div p a img:hover {
  opacity: 0.5;
}

/* --------------------------------------newsletter signup button ------------------------------------*/

.wtext5 a:link{
    padding: 1em 1.5em 1em 1.5em; 
    background-color: #868686;
    font-size: 1rem;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700; 
    letter-spacing: 1px;

}

.wtext5 a:hover, .wtext5 a:visited{
    color: #fff !important;
}

.wtext5 i.fa-envelope {
   font-size: 1.3em;
	padding: 0em 1em 0em 0em; 
}



.wtext5 a:hover, .wtext5 a:hover span{
    text-decoration: none;
     background-color: #207ABD;
}


/* --------------------------------------responsive styles ------------------------------------*/

@media only screen and (max-width: 1280px) {
html {
	font-size: 0.875rem;
}
#logo {
}
.wrapper {
	max-width: 920px;
}
#contentWrapper {
	width: 70%;
}

.folder-everyday-faith #contentWrapper blockquote {
	min-height: 320px;
}
}


/* --------------------------------------responsive styles ------------------------------------*/
@media only screen and (max-width: 1024px) {
html {
	font-size: 0.8125rem;
}
#logo, #name {
	
	float: initial;
}
#headerRight {
	margin-top: 0em;
	width: 100%;
	float: initial;
} 

#searchBar {
	float: none;
}

ul#secondaryNav {
	width: 100%;
}
.wrapper {
	max-width: 728px;
}
#contentWrapper {
	width: 65%;
}

.wtext2 article div {
  width: 32%;
}
}

/* --------------------------------------responsive styles ------------------------------------*/

@media only screen and (max-width: 767px) {
html {
	font-size: 0.75rem;
}
.wrapper {
	max-width: 580px;
}
#sidebar {
	display: none;
}
#contentWrapper {
	width: 100%;
}
  
  .wtext3 article div {
  width: 48%;
}
}

/* --------------------------------------responsive styles ------------------------------------*/

@media only screen and (max-width: 579px) {
html {
	font-size: 0.625rem;
}
.wrapper {
	max-width: 320px;
}

#breadcrumbs {
	display:none;
}
#breadCrumbFeatures {
	
}
}
