@charset "UTF-8";
/* mobi_dubbo.css (Copyright 2015-2016, Kenneth Higgs, Webpage One) - mobile friendly stylesheet  */
/* Validate HTML at: http://validator.w3.org/  */
/* Validate CSS at: http://jigsaw.w3.org/css-validator/  */

/* hide undesired normal screen content - to free up screen for mobile friendly content */
#NameTag, #MastText button.topemail, #NavBar, #Feature, th.download, td.nomobi, p.nomobi, #Content ol.note br, #MapAside, button.nomobi, #FootLinks   {
	display: none;
}

/* style body section of page */
body {
	/* keep body within viewport width of device  */
	width: 98vw;
	/* remove gold "haze" background image  */
	background-image: none;
}

/* ================================================================= */
/*                        MASTHEAD STYLING                           */
/* ================================================================= */
/* style Splash background image & ColorBottom */
#Splash, #MastHead, #SiteName, #NameMobi,  #Motto, #Outer, #ColorBottom {
	clear: both;
	float: left;
	/* keep item within viewport width of device  */
	width: 98vw;
	margin: 0 auto;
}

/* display mobile-friendly Name tag (NameMobi image)  */
#NameMobi   {
	display: block;
}

#MastText {
	width: 95%;
	margin: 0 auto;
	text-align: center;
}

/* style Motto plate */
#Motto {
	/* keep item within viewport width of device  */
	width: 91vw;
	margin: 2vw 1vw 0;
	padding: 1vw 1.5vw;
}

#Motto p.biblequote {
	font-size: 4vw;
	text-align: center;
}

#Motto p.reference {
	margin: 1vw 2vw 0 auto;
}

/* display the mobile-friendly menu (mobimenu) */
#MobiMenu {
	display: block;
	clear: both;
	float: left;
	width: auto;
	margin: 2vw;
	padding: 0;
	list-style-type: none;
	text-align: center;
}

#MobiMenu li.menuitem {
	float: left;
	margin: 0.35vw;
}

#MobiMenu li.menuitem a.toplink {
	width: 29vw;
	margin: 0;
	font-size: 3.5vw;
}

/* ================================================================= */
/*                     MAIN CONTENT STYLING                          */
/* ================================================================= */
#Outer {
	margin: 0;
}

#ColorBox, #ColorBottom {
	width: 96vw;
	margin-left: 1vw;
	/* adjust curved border radius for smaller screen     */
    -webkit-border-radius: 1em;	 /* Safari and Chrome */
    -moz-border-radius: 1em;	 /* Firefox */
    border-radius: 1em;
}

#ColorBottom {
	margin-top: -3.5vw;
}

#Content {
	width: 95%;
	min-height: 40em;
	margin: 1vw;
	padding: 1vw 6vw;
}

#Content h1 {
	margin: 1vw 0;
	font-size: 6vw;
}

#Content p {
	width: 95%;
	font-size: 4vw;
}

#Content p.subhdg {
	margin-top: 1vw;
}

#Content span.subhead {
	margin-right: 3vw;
}

#Content ul.inline {
	margin: -2vw auto 3vw -6vw;
	font-size: 4vw;
}


#Content ul.inline li {
	width: 90%;
}

#Content ul.credo {
	margin: 0 auto 3vw 0;
	list-style-position: outside;
	font-size: 4vw;
}

#Content ul.credo li {
	width: 91%;
	margin-left: -5vw;
}

#Content div.event {
	width: 95%;
	margin: 0;
	font-size: 4vw;
}

#Content ol.std {
	font-size: 4vw;
}

#Content ol.note {
	width: 95%;
	margin-left: -10vw;
	font-size: 3.5vw;
}


/* ----------------------------------------------------- */
/*  Special mobile-friendly styling for list of sermons  */
/* ----------------------------------------------------- */
#Sermons {
	width: 98vw;
	margin-left: -6.5vw;
	font-size: 3.5vw;
}

#Sermons td {
	font-size: 3vw;
}

#Sermons td.sermonsubj a {
	padding: 0;
	font-size: 4vw;
}
	
/* ------------------------------------------- */
/*  Special mobile-friendly styling for songs  */
/* ------------------------------------------- */
#Content p.centrepiece {
	margin-top: 3vw;
	margin-left: -5vw;
}

#Content p.centrepiece span.subref {
	margin-left: 10vw;
}

#VideoBox {
	width: 90vw;
}

#VideoBox iframe.songs {
	width: 90vw;
	height: 60vw; 
}

/* ------------------------------------------------ */
/*  Special mobile-friendly styling for google map  */
/* ------------------------------------------------ */
#GoogleMap {
	width: 90vw;
	height: 62vw; 
	margin-left: -3vw;
	border: 1px solid #FFF;
}

#GoogleMap span.mapbox iframe{
	width: 90vw;
	height: 62vw; 
}

/* adjust styling for 'MobiAside' box, below location map & enquiry form  */
#MobiAside {
	display: block;
	width: 75vw;
	margin-top: 5vw;
	padding: 0 0.7em 0.25em 1.2em;
	font: normal 0.95em/1.35em Calibri, Verdana, "Trebuchet MS", Helvetica, Arial, sans-serif;
	color: #000;
	border: 1px solid #000;
	background-color: #FCD5B5;
}

#MobiAside h4 {
	margin: 0.8em auto 0.1em 0.1em;
	color: #893230;
}

/* -------------------------------------------------- */
/*  Special mobile-friendly styling for Enquiry form  */
/* -------------------------------------------------- */
#Enquiry {
	margin: 0;
}

#Enquiry input, #Enquiry textarea {
	width: 75vw;
	height: 7vw;
	padding: 1vw;
}

#Enquiry textarea {
	height: 20vw;
}

#Enquiry #SendBtn {
	height: 8vw;
}

/* more space between Sitemap list items */
#Content  li.sitelist, #Content  li.sitelist ul li {
	margin: 3vw auto;
}

/* ================================================================= */
/*                        FOOTER STYLING                             */
/* ================================================================= */
#Content #Goup {
	bottom: 2vw !important;
	right: 2.5vw !important;
	font-size: 4vw;
}

#Footer {
	clear: both;
	float: left;
	/* keep item within viewport width of device  */
	width: 90vw;
	overflow-x: hidden;
	margin: 0 auto;
	padding: 1vw 4vw;
	border: 1px solid #B8BCCD;
}

#Footer #CopRt {
	width: 90%;
	height: 9vw;
	margin: 0;
}

#Footer #CopRt p {
	margin: 0;
	font-size: 3vw;
}

#Footer #CopRt p span.mobilink {
	display: inline;
	font-size: 5vw;
}