/* RESET */
/* ----------------------------------------- */

/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }
q:before, q:after { content:''}

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight:bold }
em { font-style:italic }
a img { border:none } /* Gets rid of IE's blue borders */




/* GCLC USER FACING STYLES */
/* ----------------------------------------- */

/*font-family: 'Open Sans', sans-serif;*/

html {background:#FFF}


.clear {clear: both;}
a {text-decoration: none; color: #1C4F6F;}
.right {float: right;}
.left {float: left;}
.center {margin: 0 auto; display: block;}
img.right {margin: 0 0 0 40px;}
img.left {margin: 0 40px 0 0;}
.red {background: #b83643;}
.orange {background: #cc6b3a;}
.green {background: #898b3d;}
.purple {background: #8b4261;}
.yellow {background: #d1ac40;}
.blue {background: #1c4f6f;}

.visible-xs {display: none;}

.status--error {padding: 5px; display: block; font-family: 'Open Sans', sans-serif; background: #f5e0e0; margin: 0 0 5px; border: 1px solid #c85151; color: #c85151; border-radius: 4px;}

.wrapper {width: 890px; margin: 0 auto;}
.transition {-webkit-transition: all .1s linear; -moz-transition: all .1s linear;}
img.fullwidth {width: 100%; display: block; height: auto; margin-bottom: 25px;}
sup {font-size: 50%;}
a.more {background: url(../images/forward_arrow.png) no-repeat center left; padding: 0 0 0 30px; display: block; line-height: 40px; font-size: 18px; font-style: italic;font-family: 'Open Sans', sans-serif; font-weight: 600;}
a.button {display: inline-block; line-height: 40px; background: #1C4F6F; color: #FFF; padding: 0 30px; font-family: 'Open Sans', sans-serif; text-transform: uppercase;
-webkit-transition: all .1s linear; 
-moz-transition: all .1s linear;
border-radius: 5px;}
.button_gold {display: inline-block; line-height: 36px; background: #fbefd6; border: 2px solid #d1ac40; color: #d1ac40; font-weight: 600; padding: 0 20px; font-size: 16px; font-family: 'Open Sans', sans-serif; border-radius: 5px;}
.blue_bg {background: #d6dede;}
.tan_bg {background: #e8e2d3;}

header {background: #FFF; height: 130px;}
header .logo {float: left; margin: 25px 0;}
header menu {float: right; margin: 40px 0 0;}
header menu > li {display: inline-block; height: 45px; float: left;
-webkit-transition: all .1s linear; 
-moz-transition: all .1s linear;
border-radius: 5px;}
header menu > li a {color: #050505; font-family: 'Open Sans', sans-serif; text-transform: uppercase; font-size: 15px; line-height: 45px; display: block; padding: 0 20px; font-weight: bold;}
header menu > li:hover {background: #326687;}
header menu > li:hover a {color: #FFF;}
header menu > li.account {width: 80px; position: relative;}
header menu > li.account > a {width: 50px; height: 50px; margin: 17px auto 0; padding: 0; border-radius: 100px; overflow: hidden; background: url(../images/user/default-avatar.png) no-repeat center center; background-size: 50px 50px; }
header menu > li ul {display: none; position: absolute; top: 100%; right: 0; padding: 5px; width: 200px; background: #d6dede; border-radius: 10px;} 
header menu > li ul li a {line-height: 35px; text-align: center; color: #1c4f6f; font-weight: 600;
-webkit-transition: all .1s linear; 
-moz-transition: all .1s linear;}
header menu > li ul li a:hover {background: #8ea7b7; border-radius: 6px; color: #FFF;}
header menu > li:hover ul {display: block;}

#slide-out,
#hamburger {display: none;}

#hero.home {background: url(../images/home_hero_bg.jpg) no-repeat center center; background-size: cover;}
.home .content p {width: 100%; margin-bottom: 60px;}
.page--join .lightbox img,
.home .lightbox img {display: block; width: 500px; height: auto; margin: 0 auto;}
.page--join .lightbox,
.home .lightbox {margin: 0 auto 50px; text-align: center; display: block;}

.resources #hero {background: url(../images/resources_hero_bg.jpg) no-repeat center center; background-size: cover;}
.resources #hero h3 {padding: 30px 0 0;}
.resources #teachers li {float: left; list-style: none; width: 20%; padding: 0; margin: 0; white-space: nowrap; font-size: 15px;}
.content.classroom {text-align: center;}
.content.classroom .mod {width: 150px; height: 90px; padding: 25px 30px 0; margin: 0 20px 40px; display: inline-block; color: #FFF; font-family: 'Open Sans', sans-serif; font-weight: 500; font-size: 22px;}

#hero {height: 300px; padding: 60px 0; color: #FFF; text-align: center;}
#hero h1 {font-size: 34px; text-transform: uppercase;font-family: 'Open Sans', sans-serif; font-weight: 600; line-height: 50px;text-shadow: 1px 1px 9px rgba(0, 0, 0, 1);}
#hero h3 {font-family: Georgia, Times, "Times New Roman", serif; font-style:italic;text-shadow: 1px 1px 9px rgba(0, 0, 0, 1); font-size: 17px; line-height: 30px; font-weight: 100; padding: 60px 10% 0; }

.content {padding: 40px 0;}
.content.nopadding-top {padding:0 0 40px}
.content h1 {font-size: 34px; font-family: 'Open Sans', sans-serif; font-weight: 600; color: #1c4f6f; margin-bottom: 30px; }
.content h2 {font-size: 24px; font-family: 'Open Sans', sans-serif; font-weight: 500; color: #1c4f6f; margin-bottom: 10px; }
.content p {font-size: 18px; line-height: 28px; margin-bottom: 30px;}
.content ul {margin-bottom: 30px;}
.content li {font-size: 18px; line-height: 28px; list-style: disc; margin-left: 40px;}
.content p.full {width: 100%;}

.login {border-top: 2px solid #CCC;}
.login_form {width: 300px; margin: 0 auto 400px;}
.login_form label {display: block; font-family: 'Open Sans', sans-serif; font-weight: 700;}
.login_form input.text {border: 2px solid #CCC; padding: 5px 5%; border-radius: 5px; width: 88%; margin-bottom: 20px;}
.forgot_pass {float: right; font-size: 12px; font-style:italic;}
.login_form input[type="submit"] {display: inline-block; border: none; clear: both; line-height: 30px; background: #1C4F6F; color: #FFF; padding: 0 30px; font-family: 'Open Sans', sans-serif; text-transform: uppercase; cursor: pointer;
-webkit-transition: all .1s linear; 
-moz-transition: all .1s linear;
border-radius: 5px;}

.testimonials .wrapper {position: relative;}

.testimonial {width: 43%; float: left; padding: 0 7% 0 0; line-height: 24px; margin-bottom: 40px;}
li.panel {list-style: none; margin: 0; padding: 0}
.testimonial:nth-child(2),
.testimonial:nth-child(4) {width: 50%; padding: 0;}

.testimonial .author {padding: 10px 0 0;}
.testimonial .author img {float: left; margin: 0 15px 0 0;}
.testimonial .author .upper {font-size: 14px; color: #1c4f6f; font-family: 'Open Sans', sans-serif; margin: 20px 0 0; line-height: 18px;}
.testimonial .author .lower {font-size: 13px; color: #1c4f6f; font-family: 'Open Sans', sans-serif; font-style:italic; line-height: 18px;}

.bx-next {position: absolute; right: -30px; top: 300px; height: 21px; width: 21px; text-indent: -9999px; background: url(../images/forward_arrow.png);}
.bx-prev {position: absolute; left: -50px; top: 300px; height: 21px; width: 21px; text-indent: -9999px; background: url(../images/backward_arrow.png);}

.academics #hero {background: url(../images/hero_academics.jpg) no-repeat center center; background-size: cover;}
.academics .certificates ul li {width: 40%; float: left; height: 200px; list-style: none;}
.academics .certificates ul li:nth-child(even) {float: right;}
/*.academics .certificates ul li:last-child {}*/
.academics .certificates ul li h2 {padding:0 0 0 60px; margin: 0 0 10px; line-height: 50px; background-size: contain; background-repeat: no-repeat; background-position: center left}

.academics .certificates ul li.bible h2 {background-image: url(../images/certificate_icon_bible.png);}
.academics .certificates ul li.leadership h2 {background-image: url(../images/certificate_icon_leadership.png);}
.academics .certificates ul li.missions h2 {background-image: url(../images/certificate_icon_missions.png);}
.academics .certificates ul li.preaching h2 {background-image: url(../images/certificate_icon_preaching.png);}
.academics .certificates ul li.pastoral h2 {background-image: url(../images/certificate_icon_pastoral.png);}
.academics .certificates ul li.wisdom h2 {background-image: url(../images/certificate_icon_wisdom.png);}
.academics .certificates ul li.advance h2 {background-image: url(../images/certificate_icon_advance.png);}
.academics .certificates ul li.called h2 {background-image: url(../images/certificate_icon_called.png);}



.about {border-top: 2px solid #CCC;}


.page--checkout {border-top: 2px solid #CCC;}

.sign_up {text-align: center;}
.sign_up p {text-align: center; width: 100% !important; font-size: 20px; margin-bottom: 50px; color: #2a0400; line-height: 32px;}
.sign_up a.button {line-height: 70px; padding: 0 50px; font-size: 25px; font-weight: 600;}
.sign_up a.button:hover {background: #447594;}

.footer {background: #1c4f6f; padding: 20px 0;}
.footer ul {float: right;}
.footer ul li {display: inline-block;}
.footer ul li a {display: block; line-height: 57px; color: #FFF; padding: 0 15px; font-family: 'Open Sans', sans-serif; text-transform: uppercase; font-size: 13px; font-weight: 600;}


.row.cartitem {background: #EFEFEF; padding: 0 10px; line-height: 40px; height: 40px; border-top: 1px solid #CCC;}
.row.cartitem div {float:left; width: 50%;}
.row.cartitem div:last-child {float: right; width: 50%; text-align: right;}

.row.cartitem.total {background: #FFF;}
.row.cartitem .cart-total {font-weight: bold; display: inline-block; padding-right: 10px;}
.content--promo {text-align: right; padding: 30px 0;}
.content--continue {text-align: right; padding: 30px 0 230px;}

#register_form input.text {margin-bottom: 0; width: 300px; padding: 5px 5px;}
#register_form p {margin-bottom: 10px;}
#register_form h2 {margin: 50px 0 20px; border-top: 1px solid #CCC; padding: 20px 0 0;}
#register_form .refund {font-size: 14px; line-height: 20px;}

#countries li {float: left; list-style: none; width: 20%; padding: 0; margin: 0; white-space: nowrap; font-size: 15px;}

input.text {border: 2px solid #CCC; padding: 5px 5%; border-radius: 5px; margin-bottom: 20px; display: inline-block;}
input[type="submit"] {display: inline-block; border: none; clear: both; line-height: 30px; background: #1C4F6F; color: #FFF; padding: 0 30px; font-family: 'Open Sans', sans-serif; text-transform: uppercase; cursor: pointer;
-webkit-transition: all .1s linear; 
-moz-transition: all .1s linear;
border-radius: 5px;}

.page--scholarship {border-top: 2px solid #CCC;}
.page--scholarship label {display: block;} 
.page--scholarship input[type="text"],
.page--scholarship input#email,
.page--scholarship input#phone {border: 2px solid #CCC; padding: 5px 5%; border-radius: 5px; margin-bottom: 20px;}
.page--scholarship textarea {width: 500px; height: 100px; border: 1px solid #CCC; padding: 5px 5%; border: 2px solid #CCC; padding: 5px 5%; border-radius: 5px; margin-bottom: 30px;}

.page--contact {border-top: 2px solid #CCC;}
.page--contact label {display: block;} 
.page--contact input[type="text"],
.page--contact input#email,
.page--contact input#phone {border: 2px solid #CCC; padding: 5px 5%; border-radius: 5px; margin-bottom: 20px;}
.page--contact textarea {width: 500px; height: 100px; border: 1px solid #CCC; padding: 5px 5%; border: 2px solid #CCC; padding: 5px 5%; border-radius: 5px; margin-bottom: 30px;}


.page--success {border-top: 2px solid #CCC;}

.page--faq {border-top: 2px solid #CCC;}
.page--faq h3 {font-family: 'Open Sans', sans-serif; text-transform: uppercase; font-size: 16px; font-weight: 600; color: #ca9c2c; padding: 20px 0 0;}

.lightbox {width: 672px; text-align: center; font-family: 'Open Sans', sans-serif; }
.lightbox h3 {font-size: 16px; font-weight: bold; color: #1b1613; padding: 10px 0 5px;}
.lightbox a {display: block; color: #064771; font-weight: bold; font-size: 14px; margin-bottom: 10px;}
.lightbox p {font-size: 13px; font-style:italic;}
/*.lightbox object {height: 530px;}*/
.fancybox-skin {background:#EAE3D3 !important;}

.preview_container {padding: 0 0 30px; text-align: center;}
.preview_container .mod {width: 140px; display: inline-block; text-align: center; margin: 0 15px;}
.preview_container .mod img {width: 150px; height: auto; margin-bottom: 10px;}
.preview_container .mod .button {display: inline-block; line-height: 40px; background: #1C4F6F; color: #FFF; padding: 0 30px; font-family: 'Open Sans', sans-serif; text-transform: uppercase; font-size: 14px;
-webkit-transition: all .1s linear; 
-moz-transition: all .1s linear;
border-radius: 5px;}
.preview_container .mod .button.gray {background: #888;}