/* RESETS */
* { box-sizing: border-box; }
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, 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; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
html, body { height: 100%; color: #413c3b; }
html, html a { -webkit-font-smoothing: antialiased; text-shadow: 1px 1px 1px rgba(0,0,0,0.004); }
body { background: #fff; }
.clearfix:after { content: "";  display: table; clear: both; }



/* CONTAINERS */

nav { background-color: #3c3c3b; width: 100%; margin: 0 0 20px; }
#nav-internal-wrapper { width: 100%; max-width: 1000px; padding: 10px 40px; margin: 0 auto;  }
nav p { font: 18px/23px 'Source Sans Pro', sans-serif; font-weight: 300; margin: 0; padding: 0; color: #fff; text-align: right; }

header { width: 100%; margin: 60px 0 20px; }
#header-internal-wrapper { width: 100%; max-width: 1000px; padding: 0 40px; margin: 0 auto;  }
#header-logo-box { background: url('../images/forum-books-logo.png') no-repeat left top; background-size: 360px auto; height: 100px; }
#home-link { display: block; overflow: hidden; text-indent: 100%; white-space: nowrap; height: 100px; width: 360px; }


article {  }

section { width: 100%; margin-bottom: 50px; }
.section-internal-wrapper { width: 100%; max-width: 1000px; padding: 0 40px; margin: 0 auto; }
section:last-of-type { margin-bottom: 75px; }
section:first-of-type { margin-top: -20px; }

#mailchimp  { width: 100%; background-color: #f4f2eb; }
#mailchimp-internal-wrapper { width: 100%; max-width: 1000px; padding: 50px 40px; margin: 0 auto; }
#mc_embed_signup { clear:left; font: 18px/23px 'Source Sans Pro', sans-serif; font-weight: 300; color: #3c3c3b; text-align: left; width:100%; }

#mc_embed_signup form {text-align:center; padding:10px 0 10px 0;}
.mc-field-group { display: inline-block; } /* positions input field horizontally */
#mc_embed_signup input.email {font-family:'Source Sans Pro', sans-serif; font-size: 16px; border: 1px solid #ABB0B2; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #343434; background-color: #fff; box-sizing: border-box; height: 32px; padding: 0px 0.4em; display: inline-block; margin: 0; width: 350px; vertical-align: top;}
#mc_embed_signup label {display:block; font: 30px 'chunkfiveregular', serif; padding-bottom:15px; }
#mc_embed_signup .clear {display: inline-block;} /* positions button horizontally in line with input */
#mc_embed_signup .button {font-size: 18px; border: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; letter-spacing: .03em; color: #fff; background-color: #aaa; box-sizing:border-box; height:32px; line-height:32px; padding:0 18px; display: inline-block; margin: 0; transition: all 0.23s ease-in-out 0s;}
#mc_embed_signup .button:hover {background-color:#777; cursor:pointer;}
#mc_embed_signup div#mce-responses {float:left; top:-1.4em; padding:0em .5em 0em .5em; overflow:hidden; width:90%;margin: 0 5%; clear: both;}
#mc_embed_signup div.response {margin:1em 0; padding:1em .5em .5em 0; font-weight:bold; float:left; top:-1.5em; z-index:1; width:80%;}
#mc_embed_signup #mce-error-response {display:none;}
#mc_embed_signup #mce-success-response {color:#529214; display:none;}
#mc_embed_signup label.error {display:block; float:none; width:auto; margin-left:1.05em; text-align:left; padding:.5em 0;}
@media (max-width: 768px) {
    #mc_embed_signup input.email {width:100%; margin-bottom:5px;}
    #mc_embed_signup .clear {display: block; width: 100% }
    #mc_embed_signup .button {width: 100%; margin:0; }
}



#pre-footer { width: 100%; background-color: #4e4e4e; }
#pre-footer-internal-wrapper { width: 100%; max-width: 1000px; padding: 50px 40px; margin: 0 auto; }
#pre-footer-opening-hours { float: right; width: 45%; margin-right: 40px; }
#pre-footer-contact { float: left; width: 45%; }
#pre-footer p { font: 18px/23px 'Source Sans Pro', sans-serif; font-weight: 300; margin: 0 0 20px 0; padding: 0; color: #d5d5d5; text-align: left; }
#pre-footer h2 { font: 24px 'chunkfiveregular', serif; padding: 0px; margin: 0 0 13px 0; color: #d5d5d5; }
#pre-footer-opening-hours h2:last-of-type { margin-top: 60px; }

footer { background-color: #3c3c3b; width: 100%; }
#footer-internal-wrapper { width: 100%; max-width: 1000px; padding: 40px; margin: 0 auto; }
#footer-company-info { float: left; }
#footer-social-media-links { float: right; }
#twitter-link { background: url('../images/TwitterLogo_white.png') no-repeat right; background-size: 36px 36px; display: block; overflow: hidden; text-indent: 100%; min-width: 200px; min-height: 40px; margin-top: 25px; white-space: nowrap; }
footer p { font: 15px/20px 'Source Sans Pro', sans-serif; font-weight: 300; margin: 0 0 20px 0; padding: 0; color: #858585; text-align: left; }
footer p:last-of-type { margin-bottom: 0; }


/* TYPOGRAPHY */
@font-face {
    font-family: 'chunkfiveregular';
    src: url('../fonts/chunkfive/chunkfive-webfont.eot');
    src: url('../fonts/chunkfive/chunkfive-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/chunkfive/chunkfive-webfont.woff2') format('woff2'),
         url('../fonts/chunkfive/chunkfive-webfont.woff') format('woff'),
         url('../fonts/chunkfive/chunkfive-webfont.ttf') format('truetype'),
         url('../fonts/chunkfive/chunkfive-webfont.svg#chunkfiveregular') format('svg');
    font-weight: normal;
    font-style: normal; }

h2 { font: 36px 'chunkfiveregular', serif; padding: 0px; margin: 45px 0 13px 0; }
h3 { font: 28px 'chunkfiveregular', serif; padding: 0px; margin: 35px 0 11px 0; }
p { font: 18px/23px 'Source Sans Pro', sans-serif; font-weight: 300; margin: 0 0 20px 0; padding: 0; color: #3c3c3b; text-align: left; }
ul { font: 18px/23px 'Source Sans Pro', sans-serif; font-weight: 300; margin: 0 0 20px 0; padding: 0; color: #3c3c3b; text-align: left; list-style-type: circle; }
.pipe { margin: 0 15px; color: #858585; }
.disclaimer { font-size: 15px; margin: 25px 0 0 0; }


/* LINK STYLING */
a, a:visited { text-decoration: none; margin: 0; color: rgba(36, 141, 238, 0.85); text-decoration: none; -webkit-transition: color 1s ease; -moz-transition: color 1s ease; -ms-transition: color 1s ease; -o-transition: color 1s ease; transition: color 1s ease; }
a:hover { color: #1d8bf1; text-decoration: none; -webkit-transition: color 1s ease; -moz-transition: color 1s ease; -ms-transition: color 1s ease; -o-transition: color 1s ease; transition: color 1s ease; }

#pre-footer a, #pre-footer a:visited { text-decoration: none; margin: 0; color: #d5d5d5; text-decoration: none; -webkit-transition: color 1s ease; -moz-transition: color 1s ease; -ms-transition: color 1s ease; -o-transition: color 1s ease; transition: color 1s ease; }
footer a:hover, #pre-footer a:hover { color: #fff; text-decoration: none; -webkit-transition: color 1s ease; -moz-transition: color 1s ease; -ms-transition: color 1s ease; -o-transition: color 1s ease; transition: color 1s ease; }

footer a, footer a:visited { text-decoration: none; margin: 0; color: #858585; text-decoration: none; -webkit-transition: color 1s ease; -moz-transition: color 1s ease; -ms-transition: color 1s ease; -o-transition: color 1s ease; transition: color 1s ease; }

nav a, nav a:visited { text-decoration: none; margin: 0; color: #d0d0d0; text-decoration: none; -webkit-transition: color 1s ease; -moz-transition: color 1s ease; -ms-transition: color 1s ease; -o-transition: color 1s ease; transition: color 1s ease; }
nav a:hover, #pre-footer a:hover { color: #fff; text-decoration: none; -webkit-transition: color 1s ease; -moz-transition: color 1s ease; -ms-transition: color 1s ease; -o-transition: color 1s ease; transition: color 1s ease; }


/* IMAGES */
.events-pic { margin: 0 0 25px 0; clear: both; float: right; }


/*  MEDIA QUERIES */

@media (max-width: 1039px) {

}

@media (max-width:768px) {
#header-internal-wrapper { width: 100%; max-width: 1000px; padding: 0 20px; margin: 0 auto;  }
#header-logo-box { background: url('../images/forum-books-logo.png') no-repeat left top; background-size: 300px auto; height: 90px; }
#home-link { display: block; overflow: hidden; text-indent: 100%; white-space: nowrap; height: 90px; width: 300px; }
.section-internal-wrapper { padding: 0 20px; }
#pre-footer-internal-wrapper { padding: 50px 20px; }
#pre-footer-opening-hours { float: left; width: 100%; margin: 0; }
#pre-footer-contact { float: left; width: 100%; }
#pre-footer-opening-hours h2:last-of-type { margin-top: 30px; }
#pre-footer-opening-hours h2:nth-of-type(1) { margin-top: 30px; }
#footer-internal-wrapper { padding: 20px; }
.events-pic { margin: 0 20px 25px 20px; clear: both; float: none; max-width: 320px; }
}	
	

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
/*	header { max-width: 900px; margin: 30px auto 30px; background: url('../images/1810-logo-x2.png') no-repeat left top; background-size: 120px 50px; height: 100px; }*/

}