p { 
	font-family: Arial, Helvetica, sans-serif;	 
    font-size: 15px;
    display: block;
    line-height: 1.25em;
}

body {
    font-family: Arial, Helvetica, sans-serif;
}

a{
    font-family: 'Montserrat', sans-serif;
    color: #00813b;
    -webkit-transition: 350ms ease all;
    transition: 350ms ease all;
	text-decoration:none
}

a:hover, a:focus, a:active:hover{
    outline: none;
    color: #00be56;
	text-decoration:none
}

a:hover,
a:focus {
  color: #23527c;
  text-decoration: none;
}

a.top{
   color: #f0b410;
   font-size: 13px;
}

a:hover.top, a:focus.top, a:active:hover.top{
	color: #00be56;
	font-size: 13px;
	text-decoration: none;
}

.navbar-link{
	text-decoration: none;
}


.color1{color: #004421;}     /* Green Color */
.color2{color: #b88700;}     /* Gold Color */
.color3{color: #fffbf1;}     /* Light gold Color */
.color4{color: #248149;}     /* Light GREEN Color */
.color5{color: #cd0000;}     /* DRK RED Color */
.color6{color: #ffdc85;}     /* md GOLD Color */
.color7{color: #977900;}     /* md GOLD Color */
.inverse{color: #fff;}       /* White Color */

.bgcolor1{background-color: #004421;}     /* Green Color Background */
.bgcolor2{background-color: #f0b410;}     /* Gold Color Background */
.bgcolor3{background-color: #fffbf1;}     /* Light Gold Color Background */
.bgcolor4{background-color: #f4eee0;}     /* Light Gold Color Background */
.bgcolor5{background-color: #f5f1e8;}     /* Light Gold 2 Color Background */
.bginverse{background-color: #fff}        /* White Color Background */



hr{
    border: 0;
    border-bottom: 2px dotted #a2ccb5;
    position: relative;
}


h1, h2, h3, h4, h5, h6{
    font-family: 'Oswald', sans-serif;
    color: #004421;
    text-transform: uppercase;
    line-height: 1.3em;
}

h1{font-size: 30px;}
h2{font-size: 24px;}
h3{font-size: 20px;}
h4{font-size: 18px;}
h5{font-size: 16px;}
h6{font-size: 14px;}

h1.heading, h2.heading, h3.heading, h4.heading, h5.heading, h6.heading{
    margin-top: 0em;
    margin-bottom: 1em;
    font-weight: 700;
}

h7, h8{
    font-family: 'Montserrat', sans-serif;
   text-transform:none
    line-height: 1.3em;
}

h7{font-size: 18px;color: #d0f8c5;}
h8{font-size: 18px;color: #004714;}


.topbar{
    display: block;
}

.topbar .search:hover input[type=text], .topbar .search input[type=text]:active, .topbar .search input[type=text]:focus{
    width: 220px;
}

.btn-search-alt{
    background-color: transparent;
    border:0px;
    color: #046330;
}

ul.list-styled > li {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: 400; 
	text-transform:none;
    letter-spacing: 0.03em;
}

.youtube{
    position: relative;
    width: 100%;
    height: 450px;
    background-size: cover;
    background-position: center center;
}

/****** drop down sub-menu ******/
.sub-menu > li{
    position: relative;
    margin-bottom: 0px;
    margin-top: -15px;
    transition: 500ms ease all;
}
.sub-menu > li > a{
    padding:8px;
    background-color: #004421;
    border-left: 3px solid #f0b410;
    font-size: 12px;
    color: #fff;
    display: block;
    transition: 400ms ease all;
}
.sub-menu-2 > li > a{
    background-color: #056433;
}
.sub-menu-3 > li > a{
    background-color: #896e00;
}

/****** drop down sub-menu END ******/


/****** Announcements ******/
.announcement{
    -webkit-transition: 750ms ease all;
    transition: 750ms ease all;
}

a.announce_more{
    font-family: 'Montserrat', sans-serif;
    color: #006624;
    -webkit-transition: 350ms ease all;
    transition: 350ms ease all;
}

a.announce_more:hover, a.announce_more:focus, a.announce_more:active:hover{
    text-decoration: none;
    outline: none;
    color: #ffffff;
}
/****** Announcements END ******/



/****** Navigation bar ******/


.navbar-default{
    background-color: rgba(208,161,0,0.80);
}
.navbar-default-int{
    background-color: #d0a100;
}
.navbar-default .navbar-nav>li>a
{
   text-shadow:0px 1px 1px #1f1400;
}

.navbar-default .navbar-nav>li>a:active,
.navbar-default .navbar-nav>li>a:focus
{
   text-shadow:0px 0px 0px #1f1400;
}

.navbar-default .navbar-nav>li>a:hover{
	text-shadow:0px 0px 0px #1f1400;
}

.navbar-h {
	min-height: 30px;
}

.navbar-default .navbar-nav>li>a,
.navbar-default .navbar-nav>li>a:active,
.navbar-default .navbar-nav>li>a:focus
{
   font-weight: 500;
}



/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
    
    .navbar-default{
        position: absolute;
    }
	
	.navbar-int{
       border-bottom: 10px solid #004421;
    }
    
    .navbar-default .navbar-nav>li>a{
        padding: 35px 18px;
    }
	
	.navbar-h-default .navbar-h-nav>li>a{
        padding: 18px 18px;
    }
    
    .navbar-default .navbar-nav>li:after{
        content: "";
        position: absolute;
        top:50%;
        right: 0;
        transform: translateY(-50%);
        color: #d7d7d7;
        font-weight: 600;
    }
    
    .navbar-default .navbar-nav>li:last-child:after{
        display: none;
    }
    
    .navbar-default{
        margin-bottom: 0px;
    }
    
    .navbar-default .navbar-nav>li>a::before{
        left: 50%;
        bottom: 12px;
    }
    
    .sub-menu{
        position: absolute;
        display: block;
        margin-top: -15px;
    }
    
    .sub-menu .sub-menu{
        transform: translateX(100%);
    }
    
    .navbar-default > li:hover > .sub-menu{
        display: block;
    }
    
    .page-header{
        padding: 170px 10px 30px 10px;
    }
    
    .page-header h1{
        font-size: 40px;
    }
        
    .nav-stacked{
        width: auto;
    }
    
    .nav-tabs>li{
        float: left;
    }
    
    .modal:before {
        display: inline-block;
        vertical-align: middle;
        content: " ";
        height: 100%;
    }
}

/****** Navigation bar END ******/

/****** widget ******/
.widget{
    border: 1px solid #056d25;
    padding: 14px;
    margin-bottom: 10px;
    box-shadow: 4px 4px 8px #bfcdda;
    background-color: #fff4cf;
}
.categories > li {
    border-bottom: 1px dotted #056d25;
    padding: 8px 0;
}

/****** Widget END ******/


/****** Page headers ******/

.page-header-academics{
    background-image: url(../images/page-header-academics.jpg);
    background-size: cover;
    text-align: center;
    margin:0;
    padding-top: 140px;
}
.page-header-students{
    background-image: url(../images/page-header-students.jpg);
    background-size: cover;
    text-align: center;
    margin:0;
    padding-top: 140px;
}
.page-header-ccs{
    background-image: url(../images/page-header-ccs.jpg);
    background-size: cover;
    text-align: center;
    margin:0;
    padding-top: 140px;
}
.page-header-community{
    background-image: url(../images/page-header-community.jpg);
    background-size: cover;
    text-align: center;
    margin:0;
    padding-top: 140px;
}
.page-header-merceronline{
    background-image: url(../images/page-header-merceronline.jpg);
    background-size: cover;
    text-align: center;
    margin:0;
    padding-top: 140px;
}
.page-header-news{
    background-image: url(../images/page-header-news.jpg);
    background-size: cover;
    text-align: center;
    margin:0;
    padding-top: 140px;
}
.page-header-mi{
    background-image: url(../images/page-header-mi.jpg);
    background-size: cover;
    text-align: center;
    margin:0;
    padding-top: 140px;
}
.page-header-ll{
    background-image: url(../images/page-header-ll.jpg);
    background-size: cover;
    text-align: center;
    margin:0;
    padding-top: 140px;
}





.page-header-athletics-baseball{
    background-image: url(../images/page-header-athletics-baseball.jpg);
    background-size: cover;
    text-align: center;
    margin:0;
    padding-top: 140px;
}







/****** Page headers END ******/

/****** Call to Action ******/

.cta-academics{
    background-image:url(../images/cta-background_academics.jpg);
}
.cta-athletics-01{
    background-image:url(../images/cta-background_athletics_01.jpg);
}
.cta-home{
    background-image:url(../images/cta-background_home.jpg);
}
.cta-jkcgalley{
    background-image:url(../images/cta-background_jkcgalley.jpg);
}
.cta-kelsey{
    background-image:url(../images/cta-background_kelsey.jpg);
}
.cta-mobile{
    background-image:url(../images/cta-background_mobile.jpg);
}


.cta-light-home{
    background-image:url(../images/cta-light_home.jpg);
}
.cta-light-gallery{
    background-image:url(../images/cta-light_gallery.jpg);
}
.cta-light-campcollege{
    background-image:url(../images/cta-light_campcollege.jpg);
}

/****** Call to Action END ******/




.form-control {	
    border-radius: 6px;
    height: 25px;
}


/****** FOOTER QUICK LINKS ******/
.quick-links > li > a{
    color: #f8cf5e;
    display: block;
    padding: 5px 0;
}

.quick-links > li > a:hover{
    color: #5ef88d;
}

.footer-widget address{
    color: #bdf2bc; 
}
/****** FOOTER QUICK LINKS ******/


/****** ACCORDION MENU ******/
.accordion-menu .panel-group .panel{
    border-radius: 0px;
    border:0;
    border: 1px solid #056d25;
    margin-bottom: 14px;
    box-shadow: 4px 4px 6px #bfcdda;
    }

.accordion-menu .panel-default>.panel-heading{
    background-color: #fff4cf;
    border-radius: 0px; 
    padding: 10px 8px;
    position: relative;
}
.accordion-menu .panel-title>a{
    color: #00561a;
}
.accordion-menu .panel-title>a.collapsed{
    color: #987600;
}
/****** ACCORDION MENU ******/



.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #fcf9e9;
}
.table-mccc-sm{
  font-size:12px
}