/* customisation by Paul Ashley */

/* website set defaults unrelated to screen size */
.l-constrained, .nav--primary {max-width: 1200px;}
.hero {background-image: none ;}
.hero {background-color: rgba(255,255,255,1);}
.hero .tagline *{text-shadow: none; color: rgba(255,255,255,0); } 
.section-main {overflow: auto;}
.section-main p, ul {color: rgb(0,0,0);} 
.section-main h1, h2, h3 {color: rgb(0,0,155);} 
.section-main h2, h3 {clear: both;} 
.section-main a {color: rgb(0,0,0); border-bottom:1px dotted;}
.section-maintext {padding: 1%; background-color: rgba(182,133,10,0.2)}
.article-subtext {padding: 1%;
    background-color: rgba(182,133,10,0.4); 
    font-style: italic;}
.article-subtext h1, h2, h3 {line-height: 1;}
.article-subtext p, ul {line-height: 1.15;}
.aside-text {padding: 1%; 
    background-color: rgba(182,133,10,0.2);
    font-style: italic;}

/* set initial properties for all displays, and properties for mobile phones*/
.hero {padding-top: 1rem; 
    padding-bottom: 0rem;
    padding-right: 2rem;}
.hero .tagline {
    height: 130px;
    background-image: url("https://docs-eu.livesiteadmin.com/db3fbafe-b8ed-4b01-a2b7-0419febfe9ed/e0c1c15b1c5d3bdb05a36bcaee46c993.jpg");
    background-position: left top;
	background-repeat: no-repeat}
.section-maintext { width: 100%; margin-top: 5px;} 
.article-subtext {float: left; width: 100%; margin: 0;}
.article-subtext h1{font-size: 26px; font-size: 1.625rem; }
.article-subtext h2{font-size: 22px; font-size: 1.375rem; font-weight: 900; }
.article-subtext h3{font-size: 18px; font-size: 1.125rem; font-weight: 900; }
.article-subtext p, ul{font-size: 18px; font-size: 1.125rem; }
.aside-text {float: left; width: 100%;  margin: 0;}
.aside-text h1{font-size: 26px; font-size: 1.625rem; }
.aside-text h2{font-size: 22px; font-size: 1.375rem; font-weight: 900; }
.aside-text h3{font-size: 18px; font-size: 1.125rem; font-weight: 900; }
.aside-text p, ul{font-size: 18px; font-size: 1.125rem; }
/* set home page properties */
.section-homepage {overflow: auto; }
.section-homepage img {float: right;}

.fadercaption {
    width: 100%;
    font-style: italic; 
    text-align: right; 
    font-weight: 700;
    color: rgb(0,0,155);}
.fader {position:relative; 
    top: -10px;
    width: 100%;
    margin-bottom: 58%;}
.fader img {position:absolute; left:0; top: 0; }
#sundays {float:left; width: 100%; margin-top: 5px;}
#news {float:left; width: 100%; margin-top: 10px;}
.nav-mission{float: left; width: 100%; overflow: auto; border-style: none;}
.nav-mission a{border-bottom:0}
.nav-buttons{
	display: inline-block;
        color:rgb(218,194,133);
	background-color: rgb(0,0,127);
	font-family:"Source Sans Pro",sans-serif;
	font-weight:600;
	font-size: 26px; font-size: 1.625rem; 
        text-align: center;
        line-height: 90%; 
        overflow: hidden;
        padding: 10px;
        margin: 0;
	width: 100%;
	height: 50px;
    	text-rendering:optimizeLegibility;}
/* set properties for other pages */
.img-normal {width: 100%; margin-top: 10px;}

/* set properties for smaller screen*/
@media only screen and (min-width: 648px) {
figcaption{font-size:18px;font-size:1.125rem}
.hero{padding-top:1rem; margin-top:0}
.hero .tagline {
    height: 205px;
    background-image: 
	url("https://docs-eu.livesiteadmin.com/db3fbafe-b8ed-4b01-a2b7-0419febfe9ed/722c67e0983d4848432d5dc60cf7aa66.jpg"),
	url("https://docs-eu.livesiteadmin.com/db3fbafe-b8ed-4b01-a2b7-0419febfe9ed/3a19d665fa830a42d4b7f172d45d56bf.jpg");
	background-position: left top, right top;
	background-repeat: no-repeat} 
.section-homepage {overflow: hidden; }
.section-maintext {float: left; width: 48%;; 
    margin-bottom: -99999px;
    padding-bottom: 99999px;}
.aside-text {float: left; width: 30%;  margin: 0;}
/* set home page properties */
.fader {float: right; width: 49%; top: -30px;
       margin-left: 1%; margin-bottom: 24%; }
#sundays {float:left; width: 47%; margin-left: 1%;}
#news {float:left; width: 47%; margin-left: 1%; margin-top: 10px;    
    margin-bottom: -99999px;
    padding-bottom: 99999px;}
/* set properties for other pages */
.img-normal {width: 50%; float: right; 
    margin-bottom: 10px; 
    margin-left: 10px; 
    vertical-align: top;}
.nav-buttons {
    font-size: 18px; 
    font-size: 1.5rem; 
    margin-left: 2px;
    margin-right: 2px;
    width: 270px}}

/* set properties for larger screen*/
@media only screen and (min-width: 960px) {
figcaption{font-size:22px;font-size:1.375rem}
.section-maintext {float: left; width: 38%;}
.aside-text {float: left; width: 20%;  margin: 0;}
/* set home page properties */
.fader {width: 59%; margin-bottom: 31%;}
#sundays {float:left; width: 27%;    
    margin-bottom: -99999px;
    padding-bottom: 99999px;}
#news {float:left; width: 27%; margin-top: 5px;}}