/*
Theme Name: Bonville Bible Church by GiantMedia
Description: Custom responsive theme for Bonville Bible Church
Version: 1.0
Author: GiantMedia.com.au
*/
/*  RESET ALL  ============================================================================= */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
/*  Standard styling site wide  ============================================================================= */
body, textarea { font-family: 'Merriweather', serif; line-height:1.7; font-size:17px; color:#414141; background:#fff; text-rendering: optimizeLegibility; }
p { font-family: 'Merriweather', serif; margin-bottom:13px; color:#414141; line-height:1.8; font-size:17px; font-weight:300; }
ol { font-family: 'Merriweather', serif; margin:10px 0px; color:#414141; margin-left:30px; font-weight:300; }
ul { font-family: 'Merriweather', serif; margin:10px 0px; color:#414141; margin-left:30px; font-weight:300; }
li { font-family: 'Merriweather', serif; line-height:1.7; font-weight:400; }
a { color:#6fabc1; text-decoration:none; font-weight:400; }
a:hover { color:#598b9d; }
a img { -webkit-transition: all 0.3s; transition: all 0.3s;  }
strong { font-weight:700; }
hr { height:1px; width:100%; background:#dfd9d9; display:block; position:relative; border:none; outline:none; margin: 40px 0;}
/*  stops iphone changing color of phone numbers
============================================================================= */
a[href^=tel] { text-decoration:inherit; color:inherit; }
/* Does the same thing as <meta name="viewport" content="width=device-width">,
 * but in the future W3C standard way. -ms- prefix is required for IE10+ to
 * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
 * the meta tag. See http://core.trac.wordpress.org/ticket/25888.
 */
@-ms-viewport {	width: device-width; }
@viewport {	width: device-width; }
/* headings  ================================================== */
h1,h1 a, h2, h2 a, h3, h3 a, h4, h4 a, h5, h5 a { color:#7db3c7; display:inline-block; width:auto; text-decoration:none; font-weight:300; line-height:1.4; text-transform:none; -webkit-transition: all 0.3s; transition: all 0.3s; }
h1, h1 a { font-size:40px; margin-bottom:30px; }
h1:after { content:''; position: relative; display:block; height:3px; width:150px; background:#414141; margin-top:15px; }
h2, h2 a { font-size:35px; margin-bottom:25px; text-transform:none; }
h2:after { content:''; position: relative; display:block; height:3px; width:150px; background:#414141; margin-top:15px; }
h3, h3 a { font-size:25px; margin-bottom:15px; text-transform:none; }
h3:after { content:''; position: relative; display:block; height:3px; width:100%; background:#414141; margin-top:15px; max-width: 150px; }
h4, h4 a, h5, h5 a { font-size:20px; margin-bottom:15px; }
iframe { max-width:100%!important; display:block; margin:0px auto; }
img { max-width:100% !important; height:auto; display:block; }

/*  HEAD  ============================================================================= */
.desktop { display:block !important; }
.mobi { display:none !important; }
.logged-in .header { margin-top:32px!important; }
.main-menu { display: inline-block; margin-top: 0px; width: auto; float:right; clear: both; padding: 35px 0px;}
.header { z-index:200; width:100%; height:auto; display:block; background:none; overflow:visible; position:fixed !important; top:0px; margin:0px; box-sizing: border-box; -webkit-transition: all 0.3s; transition: all 0.3s;padding: 0;}
#logo { background:url('images/logo-white.png') 0 50% no-repeat; background-size:contain; display:block; float:none; position: relative; margin:0px; height:90px; z-index:1200; overflow:visible;  max-width: 90% !important; width:270px; -webkit-transition: all 0.3s; transition: all 0.3s; }
.sticky #logo { background:url('images/logo.png') 0 50% no-repeat; background-size:contain; }
.sticky { background:#FFF; box-shadow: 0px 0px 40px rgba(0,0,0,0.2); top:-40px; }
.banner { display:block; position:relative; padding:300px 0px 80px; overflow: hidden; }
.banner .button { float:right; margin-top: 0;}
.banner h1 { color:#fff; margin: 0;position: relative;z-index: 100;text-shadow: 2px 2px 4px rgba(0,0,0,0.3);}
.banner h1:after { background:#7db3c7; }
.top-message { z-index:10000; background:#6fabc1; height:40px; position: relative; display: block; -webkit-transition: all 0.3s; transition: all 0.3s; }
.top-message .div_row { posi