@import url(https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800);


html { height: 100%; }
body { font-family: "Open Sans", Arial, sans-serif; height: 100%; padding-top: 56px; }

a { color: #007942; }
a.btn { color: inherit!important; text-decoration: none!important; }
pre { padding: 0; }
pre code { padding: 15px!important; }

.button_orange { padding: 8px 30px; background-color: #fc953b; color: #fff; border-radius: 6px; font-size: 18px; border: none; }
.button_orange:hover { background-color: #f07700; text-decoration: none; color: #fff; }

.button_orange_small { padding: 8px 30px; border-radius: 6px; background-color: #ff9618; color: #fff!important; text-decoration: none; display: inline-block; font-size: 13px; margin-top: 15px; }
.button_orange_small:hover { background-color: #f07700; text-decoration: none!important; color: #fff; }

ul.arrow { padding-left: 0; }
ul.arrow li { list-style: none; padding-left: 30px; padding-bottom: 8px; background: url(../images/list_arrow_dark.gif) 18px 6px no-repeat; color: #3e3e3e; }

.top-buffer { margin-top: 40px; }
.top-buffer-small { margin-top: 20px; }



/*  Site Wide Styles 
    -------------------------------------------------------------------------------------- */

nav#navigation { background-color: #fff; padding: 6px 0; margin-bottom: 0px;}
    nav#navigation i { font-size: 24px; color: #fc953b; }
    nav#navigation .navbar-brand { font-size: 22px; color: #000; font-weight: 300; height: auto; padding-top: 10px; padding-bottom: 10px; margin-top: 2px;}
    nav#navigation .navbar-brand a { line-height: 32px; }
    nav#navigation .navbar-brand img { height: 35px; position: relative; top: -7px;}

    nav#navigation ul.nav { margin-top: 3px; }
    nav#navigation ul.nav li a { color: #000; padding-top: 10px; padding-bottom: 10px; }
    nav#navigation ul.nav li a:hover { text-decoration: underline; }
    nav#navigation ul.nav li a.active { font-weight: 700; }
    nav#navigation ul.nav li.account { border-left: 1px solid #dcdcdc; padding-left: 10px; margin-left: 10px; margin-right: 10px; font-weight: 700; color: #007942;  }
    nav#navigation ul.nav li.account.first { border-left: none; margin-left: 40px; margin-right: 0; }
    nav#navigation ul.nav li.account a { color: #007942; font-weight: 700; }
    nav#navigation ul.nav li.account.dropdown.open > a { background-color: #e3e3e3; }
    nav#navigation ul.nav li.account .dropdown-menu a { font-weight: 500; color: #777; }

    /* user dropdown */
    .navbar-right .dropdown-menu { right: auto }

    /* mega menu */
    .yamm .nav, .yamm .collapse, .yamm .dropup, .yamm .dropdown { position: static; }
    .yamm .container { position: relative; }
    .yamm .dropdown-mega-menu { left: 0; right:0; }
    .yamm .yamm-content { padding: 20px 30px; }
    .yamm .dropdown.yamm-fw .dropdown-mega-menu { left: 0; right: 0; }
    
    nav#navigation .dropdown-menu { border-top: 7px solid #e7e7e7; padding:0; }
    nav#navigation .dropdown-menu li { overflow: hidden; }    
    nav#navigation .dropdown-menu h4 { margin:0; padding: 30px 0 10px 30px; font-weight: bold; color: #fff; }
    nav#navigation .dropdown-menu .row { margin:0; }
    nav#navigation .dropdown-menu .row div { padding:0; }
    nav#navigation .dropdown-menu ul { padding: 30px 30px 22px; margin: 0; list-style: none; }
    nav#navigation .dropdown-menu li { margin-bottom: 8px; font-size: 14px; }
    nav#navigation .nav-web h4 { background: #ce3535; }
    nav#navigation .nav-javascript h4 { background: #71caf2; }
    nav#navigation .nav-php h4 { background: #7b379a; }
    nav#navigation .nav-wordpress h4 { background: #707070; }

    nav#navigation .row2 { border-top: 1px solid #e7e7e7; padding-top:0; }
    nav#navigation .row2 ul { padding:24px 30px 8px; }

    #search_button { float:right; padding: 10px; border:1px solid #fff; margin: 0;  color: #fff; cursor: pointer; font-weight: 800; color: #007942; }
    #search_button.active, #search_button:hover { border: 1px solid #007942; background-color: #007942; color:#fff; }
    #search_form { display: inline-block; float: right; display: none; }
    #search_form input { padding: 6px; margin: 1px 0 0 0; height: 36px; border: 1px solid #dcdcdc; text-indent: 4px; }
    #search_form input:focus { outline: none; }

    .page-video #navigation { padding-bottom: 10px; }
    .page-video #navigation .navbar-brand { font-size: 22px; padding-top: 10px; padding-bottom: 10px; margin-top: 5px; }
    .page-video #navigation ul.nav { margin-top: 5px; }

    nav#navigation ul.nav #nav_gravatar { float: left; margin-top: -6px; margin-right: 8px; border: 1px solid #e3e3e3; }

#sub_banner { min-height: 145px; background: #315142;}
    #sub_banner .container, #sub_banner .row { min-height: 145px; }
    #sub_banner h1 { margin-bottom: 20px; font-weight: 300; color: #fff; padding: 30px 0;}

#content { padding: 50px 0 80px 0; min-height: 500px; }
	#content .page-header { border-bottom: 0; margin-top: 0; }
	#content .page-header h1 { font-size: 26px; }
	#content .page-header small { display: block; color: #007942; font-size: 18px; line-height: 26px; }

	#content h2 { font-weight: 500; font-size: 18px; margin-top: 40px; }

	#content a { color: #007942; text-decoration: underline; }
	#content a:hover { color: #007942; text-decoration: underline; }

    #sidebar { margin-top: 20px; }
    #sidebar #about { margin-top: 15px; }
    #sidebar #about h5 { text-align: center; text-transform: uppercase; font-weight: 700; font-size: 16px; margin: 20px 0 20px 0; color: #007942;}
    #sidebar #about p { font-size: 13px; }
    #sidebar #about p#experience { text-align: center; font-size: 13px; color: #999999; font-style: italic; }
    #sidebar img#headshot { display: block; margin: 0 auto; height: 150px; width: 150px; border-radius: 150px; border: 6px solid #dcdcdc; }

#learn_more { background-color: #20362a; padding: 35px 15px; }
    #learn_more h3 { margin:0; color: #fff; text-align: center; font-weight: 300; font-size: 36px; line-height: 46px; letter-spacing: 2px; }

footer { min-height: 350px; background-color: #315241; padding: 50px 0 30px; font-size: 13px; font-weight: 300;}
    footer h3 { color: #fff; font-size: 16px; font-weight: 500; margin-top: 0; }
    footer h5 { color: #fff; font-size: 13px; font-weight: 500; margin-top: 20px; }
    footer ul { padding-left: 0;  margin-top: 10px; }
    footer ul li {  list-style: none; color: #c0ded1; padding-top: 8px; }

    #siteseal { max-width: 122px; overflow: hidden; display: block; }
    #sub_banner #siteseal { float: right; }

    footer .list_special ul li { padding-left: 10px; background: url(../images/list_arrow.gif) 0px 16px no-repeat;}
    footer ul li a { color: #c0ded1; }
    footer ul li a:hover { color: #fff; }

    footer #mc_embed_signup { position: relative; margin-top: 15px; }
    footer #mc_embed_signup input#mce-EMAIL { height: 30px; border: 1px solid #d6d6d6; font-size: 14px;
        padding: 0 10px; border-radius: 6px; width: 60%; border-top-right-radius: 0; border-bottom-right-radius: 0;}
    footer #mc_embed_signup input#mc-embedded-subscribe { outline: none; width: 40%; height: 30px; position: absolute; top: 0px; right: 0px;
        font-size: 14px; border-radius: 5px; border-top-left-radius: 0; border-bottom-left-radius: 0; border:0; padding-top: 5px; }

    #sub_footer { margin-top: 40px; color: #c0ded1; font-weight: 300; }
    #sub_footer p { margin-bottom: 0; margin-top: 0; font-size: 12px; }
    #sub_footer a { color: #fff; }

#comments { padding: 50px 0; }

.pager li:first-child { float: left; }
.pager li:last-child { float: right; }

#credit_card_icons { padding: 5px 15px; display: inline; }
#credit_card_icons img { height: 20px; }


#sidebar li a { text-decoration: none; }
#sidebar li.active a { color: #fff; background-color: #315241; }


/*  Page Specific Styles 
    -------------------------------------------------------------------------------------- */

/* Home Page Styles */
.page-home #banner {}
    /* text */
    .page-home #banner_bg { background: url(../images/banner_image.jpg) center center no-repeat; background-size: cover; 
        padding: 146px 0; text-align: center; }
    .page-home #banner_bg h1 { margin: 0 0 30px 0; 
        font-size: 68px; line-height: 80px; color:#fff; font-weight: bold; letter-spacing: 2px; }
    .page-home #banner_bg p { margin: 0 auto 50px auto;
        font-size: 24px; line-height: 34px; color: #fff; letter-spacing: 1px; max-width: 700px; }
    .page-home #banner_bg .button_orange { font-size: 20px; padding: 10px 30px 11px; margin: 0 10px; }

    /* topics */
    #banner_topics { background: #e8e8e8; padding: 30px 0; text-align: center; }
    #banner_topics span, #banner_topics a { display: inline-block; height: 32px; font-size: 16px; line-height: 32px; margin: 0 5px; }
    #banner_topics span { margin-right: 30px; font-size: 18px; font-weight: 400; }

    #banner_topics a { color: #fff; border-radius: 6px; opacity: .85; padding: 0 18px; }
    #banner_topics a:hover { opacity: 1; text-decoration: none; }
    #banner_topics .html { background-color: #ce3636; }
    #banner_topics .css { background-color: #38a891; }
    #banner_topics .javascript { background-color: #71caf2; }
    #banner_topics .php { background-color: #7b379a; }
    #banner_topics .wordpress { background-color: #707070; }
    #banner_topics .dreamweaver { background-color: #79a317; }

#features { padding: 50px 0; border-bottom: 1px solid #dcdcdc; }
    #features img { margin: 0 auto; display: block; max-height: 67px; }
    #features h5 { text-align: center; color: #007942; font-size: 16px; margin: 26px 0 6px; font-weight: 600; }
    #features p { text-align: center; color: #3e3e3e; font-size: 14px; padding: 0; margin: 0; }

#preview { padding: 80px 0 50px; border-bottom: 1px solid #dcdcdc; }
    #preview h2 { font-weight: 500; font-size: 28px; line-height: 34px; margin:0 0 30px 0; }
    #preview .col-md-4 { padding-bottom: 30px; }
    #preview .col-md-4 div { position: relative; margin-bottom: 10px; max-width: 360px; border: 1px solid #dcdcdc; }
    #preview .play { position: absolute; top: 50%; left:50%; height: 56px; margin: -23px 0 0 -40px; }
    #preview img { max-width: 100%; }
    #preview a b { color: #000; }
    #preview a i { font-size: 12px; }
    #preview a:hover { text-decoration: none; color: #007942; }
    #preview a:hover b { text-decoration: underline; }

#teachers { min-height: 550px; padding: 80px 15px; border-bottom: 1px solid #dcdcdc; }
    #teachers h2 { max-width: 500px; margin: 0 0 30px; font-weight: 500; font-size: 28px; line-height: 40px; }

    #teachers .nav-tabs li {  }
    #teachers .nav-tabs li a { padding: 10px 20px; background-color: #f4f4f4; border: 1px solid #ddd; border-radius: 0px; margin: 0; color: #666666;}
    #teachers .nav-tabs li.active a { font-weight: 700; background-color: #fff; border-bottom: 1px solid #fff; color: #000; }
    #teachers .tab-content { margin-top: 40px; padding: 0px 5px; }
    #teachers .tab-content p { padding-right: 10px; }

    #teachers #teachers_headshot img { display: block; margin: 80px auto 0; height: 200px; width: 200px; border-radius: 200px; border: 6px solid #dcdcdc; }
    #teachers #teachers_headshot h5 { color: #007942; font-weight: 700; text-align: center; font-size: 16px; margin: 30px 0 5px 0; }
    #teachers #teachers_headshot p { text-align: center; font-size: 13px; color: #999999; font-style: italic; }
    #teachers a { color: #007942; }

#book { padding: 80px 15px; border-bottom: 1px solid #dcdcdc; }
    #book .col-sm-4 { text-align: center; padding-top: 32px; }
    #book h2 { margin: 0; font-weight: 500; font-size: 28px; line-height: 40px; }
    #book h4 { margin-top: 4px; font-size: 14px; font-style: italic; }
    #book p { margin: 24px 0; font-size: 14px; }
    #book ul { margin: 0;}
    #book li { margin-bottom: 4px; font-size: 14px; }
    #book a { color: #007942; }

#testimonials { padding: 80px 0; }
    #testimonials h2 { font-size: 28px; line-height: 40px; font-weight: 500; margin: 0 0 20px; }
    #testimonials .text { min-height: 155px; padding: 24px; margin: 0; display:inline-block; vertical-align:middle; background-color: #f4f4f4; border-bottom: 2px solid #dcdcdc; font-size: 15px; }
    #testimonials h5 { color: #007942; font-size: 14px; font-weight: 700; margin: 20px 0 5px 20px; }
    #testimonials span { color: #999999; font-style: italic; font-size: 13px; margin-left: 20px; }

    #testimonials .testimonial_arrow { 
        float: right; margin: 4px 0 0 0; color: #fff; background-color: #ff9618; 
        height: 30px; line-height: 22px; width: 30px; text-align: center; padding: 5px; border-radius: 6px; 
        font-size: 18px; font-weight: 400; cursor: pointer; }
    #testimonials .testimonial_arrow.last { margin-right: 10px; }
    #testimonials .testimonial_arrow:hover { background-color: #f07700; }

    #testimonials .slick-slider { margin-bottom: 0; }

    @media (max-width: 768px) {
        #teachers .nav-tabs li { font-size: 12px; }
        #teachers .nav-tabs li a { padding: 10px; }
    }

#cta { padding: 0 0 140px 0; text-align: center; } 
    #cta .button_orange { font-size: 20px; padding: 10px 30px 11px; margin: 0 10px; }

/* Sign up page styles */
.page-signup #sub_banner { background: url(../images/banner_signuppg.jpg) center center no-repeat; background-size: cover; }
    .page-signup #sub_banner .col-sm-2 { text-align: right; padding-top: 50px; }

.page-signup #content { padding-top: 80px; padding-bottom: 120px; }
    .page-signup #content .subscription-options h2 { margin: 0 0 50px; padding: 0 10%;
        font-size: 24px; line-height: 38px; font-weight: 300; text-align: center; }
    .page-signup #content .subscription-options strong { font-weight: 600; }
    .page-signup #content h3 { margin: 0 0 30px;
        font-size: 20px; color: #666666; font-style: italic; font-weight: 300; text-align: center; }
    .page-signup #content h3 strong { font-weight: 600; }
    .page-signup #content .subscription-options .col-md-4 { margin-bottom: 60px; text-align: center; }
    .page-signup #content .subscription-options h4 { 
        background: #4c9e7c; padding: 20px 0; margin: 0; font-size: 18px; color:#b6d3c6; text-align: center;
        transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -webkit-transition: all .2s ease-in-out; }
    .page-signup #content .subscription-options .text { 
        border: 1px solid #dcdcdc; border-top: 0; padding: 24px;
        transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -webkit-transition: all .2s ease-in-out; }    
    .page-signup #content .subscription-options p { 
        margin: 0 0 24px; font-size: 14px; line-height: 22px; color: #a0a0a0;
        transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -webkit-transition: all .2s ease-in-out; }
    .page-signup #content .subscription-options button { 
        background: #ffb47a; outline: none;
        transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -webkit-transition: all .2s ease-in-out; }

    .page-signup #content .subscription-options .col-md-4:hover { cursor: pointer; }
    .page-signup #content .subscription-options .col-md-4:hover h4,
    .page-signup #content .subscription-options .active h4 { background: #007544; color: #fff; }
    .page-signup #content .subscription-options .col-md-4:hover .text { border: 3px solid #dcdcdc; border-top: 0; padding: 24px 22px 22px; }
    .page-signup #content .subscription-options .active .text { border: 3px solid #007544 !important; border-top: 0 !important; padding: 24px 22px 22px; }
    .page-signup #content .subscription-options .col-md-4:hover p,
    .page-signup #content .subscription-options .active p { color: #000; }
    .page-signup #content .subscription-options .col-md-4:hover button,
    .page-signup #content .subscription-options .active button { background: #fc953b; }

    .form-horizontal .control-label { text-align: left; }
    .page-signup #credit_card_icons { position: absolute; right: -120px; top: 0; }
    .page-signup .col-sm-offset-3 button { float: left; }
    .page-signup .col-sm-offset-3 p { float: left; margin-left: 30px; margin-top: 8px; font-size: 14px; color: #167942; }
    .page-signup .col-sm-offset-3 p img { position:relative; top: -2px; margin-right: 8px; }

/* Login styles */
.page-login #sub_banner { background: url(../images/banner_loginpg.jpg) center center no-repeat; background-size: cover; }

/* User Dashboard styles */
#content .lesson { margin-bottom: 30px; }
#content .lesson1 { clear: both; }
#content .lesson a, #content .course a { text-decoration: none; color: #000; }
#content .lesson a:hover .well, #content .course a:hover .well { background-color: #fff; border: 1px solid #0f7c4e; }
#content .lesson .well { position: relative; box-shadow:none; -webkit-box-shadow:none;
    background: #f4f4f4; min-height: 180px; padding: 29px; margin-bottom: 0; none; border-radius: 0; }
#content .lesson h4 { margin: 0 0 3px 0; padding-left: 100px; font-weight: 600; line-height: 26px; }
#content .lesson div { padding-left: 100px; font-size: 14px; }
#content .lesson .lesson_meta { margin: 0; padding: 12px 0 0 100px; color: #007544; font-size: 13px;}
#content .lesson img { position: absolute; top: 24px; left: 24px; height: 80px; width: 80px; }


/* Course page styles */
.page-course #sub_banner .container { background: url(../images/banner_course_icons1.jpg) top right no-repeat; }
#sub_banner #course_icon { float: right; margin-top: 67px; margin-right: 94px; }
#sub_banner #course_title { margin: 20px 0 10px; padding-bottom: 0; font-size: 3.5em; line-height: 1.3em; font-weight: 300; }
#sub_banner #course_description { color: #fff; font-size: 1.4em; font-weight: 300; margin-bottom: 60px; color: #ccc; }

#course_table { border: 1px solid #e3e3e3; background: #fff; }
#course_table tr:hover td { background-color: #f5f5f5; }
#course_table tr:hover a { color: #fff; }
#course_table tr#current_lesson { background-color: #e3e3e3; }
#course_table tr th { padding: 20px; }
#course_table tr td { padding: 0 20px; vertical-align: middle; }
#course_table tr .course_position { width: 80px; text-align: center; }
#course_table tr td.course_link a { display: block; padding: 20px 0!important; text-decoration: none; color: #007544; font-size: 15px; font-weight: bold; }
#course_table tr td.course_link a:hover { color: #315142; }
#course_table tr .course_length { width: 100px; text-align: center; }
#course_table tr .course_status { width: 100px; text-align: center; }

#download_table { border: 1px solid #efe7bb !important; background: #fffadd; }
#download_table tr td { border-top: 1px solid #efe7bb; padding: 16px 20px; vertical-align: middle; font-weight: bold; }
#download_table tr td a { color: #000; font-weight: bold; text-decoration: none; }
#download_table tr td a:hover { color: #000; text-decoration: underline; }
#download_table tr .download_img { width: 80px; text-align: center; }


/* Browse page styles */
#tag_table { border: 1px solid #e3e3e3; background: #fff; }
#tag_table tr:hover td { background-color: #f5f5f5; color: #fff; }
#tag_table tr:hover a { color: #fff; }
#tag_table tr th { padding: 20px; }
#tag_table tr td { padding: 0 20px; vertical-align: middle; }
#tag_table tr td.tag_link a { display: block; padding: 20px 0!important; text-decoration: none; color: #007544; font-size: 15px; font-weight: bold; }
#tag_table tr td.tag_link a:hover { color: #315142; }
#tag_table tr .tag_amount { width: 150px; text-align: center; }
#tag_table tr .tag_amount a, #tag_table tr .tag_amount a:hover { text-decoration: none; }
.label { padding: .25em 1em .3em; font-weight: normal; }


/* Video page styles */
#video_banner { min-height: 145px; padding: 40px 0; background: #315241;}
    #video_banner .video-js { border: 1px solid #729c87; border-radius: 6px; }
    #video_banner #lesson_meta { background-color: rgba(0, 0, 0, 0.2); margin-top: 20px; padding: 0px 15px; border-radius: 6px;}
    #video_banner #lesson_meta #description { color: #999; border: none; background: none; }
    #video_banner #lesson_meta a { color: #fff; font-weight: 100; }
    #video_banner #lesson_meta a:hover { text-decoration: underline; }
    #video_banner h2#lesson_title { color: #fff; font-weight: 300; font-size: 26px; margin: 10px 0 15px; }

    #video_banner #video_template { padding: 22% 0; background: rgba(0, 0, 0, 0.2) url(../images/video_template_bg.png) center center no-repeat; border-radius: 6px; border: 1px solid #000; }
    #video_banner #video_template p { text-align: center; font-size: 24px; color: #fff; line-height: 30px; }
    #video_banner #video_template p a { color: #a0bfae; font-size: 18px; }

#content #course_title { margin: 0 0 20px 0; font-weight: 300; font-size: 24px; }
#content #course_title a { text-decoration: none; }
#content #course_title a:hover { text-decoration: underline; }

.course_lessons { background: url(../images/white_wall_hash.png); border-bottom: 1px solid #e2e2e2; }


/* Subject styles */
.page-subject #content h2 { margin-top: 32px; font-size: 24px; line-height: 30px; }
.page-subject #content p { font-size: 15px; line-height: 23px; margin: 0 20px 20px 0; }
.page-subject #content ol { margin: 20px 0 30px; }
.page-subject #content li { margin-bottom: 6px; }
.page-subject #content hr { margin: 60px 0 30px; color: #ddd; border-color: #ddd; }
.page-subject #content .signature { margin: 20px 0 8px; }
.page-subject #content .caption { margin-top: 10px; font-style: italic; }
.page-subject #content .col-md-6 img { max-width: 100%; }

/* Blog styles */
#newsletter h5 { text-align: center; text-transform: uppercase; font-size: 14px; }
#newsletter #mc_embed_signup { position: relative; margin-top: 15px; }
#newsletter #mc_embed_signup input#mce-EMAIL { height: 40px; border: 1px solid #d6d6d6; font-size: 13px;
    padding: 0 10px; border-radius: 6px; width: 75%; border-top-right-radius: 0; border-bottom-right-radius: 0;}
#newsletter #mc_embed_signup input#mc-embedded-subscribe { outline: none; width: 25%; height: 40px; position: absolute; top: 0px; right: 0px;
    font-size: 13px; border-radius: 5px; border-top-left-radius: 0; border-bottom-left-radius: 0; border:0; padding: 0px; }

#posts .post { margin-bottom: 50px; border-bottom: 1px solid #e0e2e1; padding-bottom: 50px; }
#posts .post h1 { margin-bottom: 30px; }
#posts .post h1 a { color: #007942; font-weight: 200; font-size: 40px; text-decoration: none; }
#posts .post h1 a:hover { text-decoration: underline; }
#posts .post h5 { color: #909090; font-size: 12px; margin-top: 40px; }
#posts .post a.read_more { color: #007942; font-size: 18px; font-weight: 200; font-size: 18px; margin: 30px 0; }
#posts .post p { line-height: 34px; font-size: 18px; color: #626566; margin: 20px 0px; }