/* @override http://localhost:8900/main.css */

/* ================================================================================== */
/* == Normalize.css v3.0.1 ========================================================== */
/* ================================================================================== */

html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body { margin: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a { background: transparent; } a:active, a:hover { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } h1 { font-size: 2em; margin: 0.67em 0; } mark { background: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 1em 40px; } hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; } textarea { overflow: auto; } optgroup { font-weight: bold; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; }

*, *:before, *:after { margin: 0; padding: 0; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important; list-style: none; }

/* Green = #3EC3AF */
/* Blue = #008bce */
/* Headings = #333 */
/* Body Text = #474747 */


/* ================================================================================== */
/* == General Styles ================================================================ */
/* ================================================================================== */

html,body { font-family: 'Noto Sans', Arial, sans-serif; color: #474747; background: #f7f7f7; }
html { position: relative; min-height: 100%; } body { margin: 0 0 70px 0; } /*For sticky footer*/

.container { max-width: 1100px; width: 100%; margin: 0 auto; padding: 0 50px; text-align: center; }
.container:after { content: ""; display: table; clear: both;}
@media only screen and (max-width: 450px) {
	.container { padding: 0 25px; }
}

a { text-decoration: none; color: #3EC3AF;
-webkit-transition: all 0.218s;
-moz-transition: all 0.218s;
-ms-transition: all 0.218s;
-o-transition: all 0.218s;
transition: all 0.218s; }
a:hover { color: #008bce; }

h1, h2, h3, h4, h5 { color: #333; }
h2 { margin-bottom: 25px; }
p { margin-bottom: 1em; }



/* ================================================================================== */
/* == Header ======================================================================== */
/* ================================================================================== */

#header { text-align: center; padding: 20px 0 0 0; border-bottom: 1px solid #e7e7e7; background: #fafafa; }
#header #logo { float: left; margin: 0 0 25px 0; text-indent: -9999px;
/*width: 347px; height: 168px; background: url(img/god-loves-jasper.png); background-size: 347px 168px;*/
width: 459px; height: 95px; background: url(img/god-loves-jasper2.png) no-repeat; background-size: 459px 95px; }

#header nav { float: right; margin-top: 29px; }
#header nav li { display: inline-block; font-weight: 700; }
#header nav li a { display: block; color: #3EC3AF; padding: 10px 0 10px 28px; }
#header nav li a:hover { color: #333; }

@media only screen and (max-width: 1000px) {
	#header nav { float: none; clear: both; margin: 20px -50px 0 -50px; text-align: left; padding-left: 50px; border-top: 1px solid #e3e3e3; background: #f7f7f7; }
	#header nav li a { padding: 10px 25px 10px 0; }
}
@media only screen and (max-width: 550px) {
	#header #logo { float: none; display: block; width: 100%; height: 80px; background-position: center; background-size: 100% auto; }
	#header nav { display: none; }
}
@media only screen and (max-width: 400px) {
	#header #logo { background: url(img/god-loves-jasper.png) no-repeat; width: 100%; height: 140px; background-position: center; background-size: 100% auto; }
	#header .container { padding: 0 50px; }
}




/* ================================================================================== */
/* == Content ======================================================================= */
/* ================================================================================== */


article p { margin: 1em 0; }
article h1 { font-size: 2em; margin: 0 0 .67em 0; }
article h2 { font-size: 1.5em; margin: .83em 0; }
article h3 { font-size: 1.17em; margin: 1em 0; }
article h4 { font-size: 1em; margin: 1.33em 0; }
article h5 { font-size: .83em; margin: 1.67em 0; }
article h6 { font-size: .75em; margin: 2.33em 0; }

#content { background: #f7f7f7; padding: 50px 0; border-top: 1px solid #e7e7e7; }


h1 { font-size: 38px; }
h1 .number { display: inline-block; margin-right: 5px; background: #3EC3AF; color: #fff; width: 40px; height: 40px; border-radius: 50%; line-height: 40px; text-align: center; font-size: 20px; box-shadow: 0px 1px 2px rgba(0,0,0,0.15); vertical-align: 6px; }



/* ================================================================================== */
/* == Footer ======================================================================== */
/* ================================================================================== */

#footer { position: absolute; left: 0; bottom: 0; width: 100%; height: 70px; padding: 25px 0; background: #e7e7e7; font-size: 12px; color: #989898; border-top: 1px solid #ddd; }
#footer p { margin: 0; }
#footer .copyright { float: left; }
#footer p.citizens { float: right; }

@media only screen and (max-width: 550px) {
	body { margin: 0 0 90px 0; }
	#footer { height: 90px; }
	#footer p { float: none !important; text-align: center; margin-bottom: 5px; }
}





/* ================================================================================== */
/* == Seminar ======================================================================= */
/* ================================================================================== */

.section { margin: 80px 0; padding-bottom: 80px; border-bottom: 1px solid #cdcdcd; }
.section p { font-size: 20px; }

h2 { margin: 0 auto 40px auto; font-size: 36px; }
h3 { margin-bottom: 40px; font-size: 24px; }
@media only screen and (max-width: 600px) {
	h2 { font-size: 24px; }
	.section { margin: 60px 0; padding-bottom: 60px; }
	.section p { font-size: 16px; }
}



.speakers { padding-bottom: 0; }
.speakers img { display: block; margin: 0 auto; max-width: 100%; }

.calendar { overflow: hidden; }
.calendar .calendar-page { float: left; width: 40%; margin: 0 5%; background: #E44532; box-shadow: 0px 2px 5px rgba(0,0,0,0.3); border-radius: 8px; }
.calendar h3 { color: #fff; padding: 15px 0 20px 0; margin: 0; text-shadow: 0px 1px 2px rgba(0,0,0,0.5); }
.calendar table { width: 100%; background: #f7f7f7; border-color: #dcdcdc; }
.calendar table td,
.calendar table th { height: 50px; width: 14.25%; text-align: center; font-weight: bold; color: #585858; }
.calendar table td.day { background: #FADC29; }
.calendar table th { background: #333; color: #fff; border-color: #474747;}
@media only screen and (max-width: 800px) {
	.calendar .calendar-page { width: 45%; margin: 0 2.5%; }
}
@media only screen and (max-width: 700px) {
	.calendar .calendar-page { float: none; width: 100%; margin: 40px 0 0 0; }
}
@media only screen and (max-width: 500px) {
	.calendar table td,
	.calendar table th { height: 40px; }
}

.map {  }
.map iframe { width: 100%; margin-top: 50px; }

.topic-list { overflow: hidden; }
.topic-list li { float: left; width: 50%; }
@media only screen and (max-width: 600px) {
	.topic-list li { float: none; width: 100%; margin-bottom: 5px; }
}

.register-button {  }



.register-button::-moz-focus-inner {border:0;padding:0;margin:0;}
.register-button { display: inline-block; line-height: 100px; padding: 0 50px; font-size: 30px; color: #fff; text-shadow: 0px -1px 1px rgba(0,0,0,0.4); background: #2678bf; border-radius: 8px; cursor: pointer; text-shadow: 0px 1px 0px rgba(0,0,0,0.45); font-weight: 600; margin: 0;

box-shadow: 0px 2px 5px rgba(0,0,0,0.3), inset 0px 1px 0px #7eb6e6;
border: 1px solid #307cbf; border-top-color: #4392d7; border-bottom-color: #0f5c9f; 
 
text-rendering: optimizeLegibility;
-webkit-font-smoothing: none;
-webkit-font-smoothing: subpixel-antialiased;
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: none;
-moz-font-smoothing: subpixel-antialiased;
-moz-font-smoothing: antialiased;
font-smoothing: none;
font-smoothing: subpixel-antialiased;
font-smoothing: antialiased;

-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;

-webkit-transition: background 0.218s;
-moz-transition: background 0.218s;
-ms-transition: background 0.218s;
-o-transition: background 0.218s;
transition: background 0.218s; 

background-image: linear-gradient(bottom, rgb(41,121,192) 0%, rgb(93,163,224) 100%);
background-image: -o-linear-gradient(bottom, rgb(41,121,192) 0%, rgb(93,163,224) 100%);
background-image: -moz-linear-gradient(bottom, rgb(41,121,192) 0%, rgb(93,163,224) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(41,121,192) 0%, rgb(93,163,224) 100%);
background-image: -ms-linear-gradient(bottom, rgb(41,121,192) 0%, rgb(93,163,224) 100%);

background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(41,121,192)),
	color-stop(1, rgb(93,163,224))
);
}
.register-button:hover {
color: #fff;
box-shadow: 0px 1px 3px rgba(0,0,0,0.3), inset 0px 1px 0px #a5cf6a !important;
border: 1px solid #559501; border-top-color: #69ad0d; border-bottom-color: #437501; 

background-image: linear-gradient(bottom, rgb(90,157,1) 0%, rgb(138,195,59) 100%);
background-image: -o-linear-gradient(bottom, rgb(90,157,1) 0%, rgb(138,195,59) 100%);
background-image: -moz-linear-gradient(bottom, rgb(90,157,1) 0%, rgb(138,195,59) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(90,157,1) 0%, rgb(138,195,59) 100%);
background-image: -ms-linear-gradient(bottom, rgb(90,157,1) 0%, rgb(138,195,59) 100%);

background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(90,157,1)),
	color-stop(1, rgb(138,195,59))
);
}

@media only screen and (max-width: 600px) {
	.register-button { font-size: 18px; padding: 0; width: 100%; line-height: 70px;}
}

/*Contact Form*/
.contact { border: none; padding: 0; }
.contact .contact-form { width: 480px; margin: 50px auto; background: #fff; border: 1px solid #cdcdcd; border-radius: 8px; padding: 35px; overflow: hidden; }
.contact p {  }
.contact ul li { clear: both; overflow: hidden; }
.contact label { float: left; width: 100px; text-align: left; color: #777; margin-top: 5px; }
.contact input, .contact textarea { background: #f7f7f7; border: 1px solid #cdcdcd; font-family: "proxima-nova", Arial, Helvetica, Verdana, sans-serif; font-size: 15px; color: #585858; height: 35px; line-height: 35px; padding: 0 12px; width: 300px; border-radius: 3px; box-shadow: inset 0px 1px 1px rgba(0,0,0,0.1);
-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.contact input { float: left; margin-bottom: 12px; }
.contact .register-button { font-size: 26px; width: 100%; padding: 0; margin-top: 20px; }

@media only screen and (max-width: 600px) {
	.contact .contact-form { width: 100%; }
	.contact .contact-form label { display: block; width: 100%; float: none; }
	.contact .contact-form  input { float: none; width: 100%; }
	.contact .register-button { font-size: 18px; padding: 0; width: 100%; line-height: 70px; }
}