/* GLOBAL STYLES
-------------------------------------------------- */

@import url("https://use.typekit.net/oxt2hda.css");


/* Padding below the footer and lighter body text */

body {
    padding-bottom: 40px;
    color: #cccccc;
    background-color: #111111;
    Xbackground: rgba(0,0,0,1.0) !important;
    font-family: 'cheddar-gothic-rough';
    background-image: url(/images/repeating-bg-blk.jpg) !important;
}

a, a:visited, a:hover
{
    /*color: #5D90A1;*/
    color: #B80201;
}


h {
    font-family: 'cheddar-gothic-rough';
}

button, input, optgroup, select, textarea
{
    color: black;
}

.featurette-heading {
    font-family: 'cheddar-gothic-rough';
    margin-top: 20px;
}

.display-inline {
    display: inline;
}


.nav {
    Xfont-variant: small-caps;
    
}

.navbar-wrapper .container {
    padding: 0px !important;
}

.Xnavbar-row {
    background-color: #111111;
    font-weight: bold;
}

.navbar-inverse {
    background-color: #000000;
    border-color: #080808;
}

.Xnavbar-inverse .Xnavbar-brand {
    color: white;
}
.navbar-inverse .navbar-nav > li > a {
    /*color: #5D90A1;*/
    Xcolor: #B80201;
    color: #F5B000;
    font-weight: bold;
    font-size: 26px;
}

.Xnavbar-brand {
    float: left;
    padding: 15px;
    font-size: 22px;
    line-height: 20px;
    height: 50px
}

.Xnavbar-nav > li > a {
    font-size: 22px;
}

    .dropdown-menu
{
        /*color: #EACB6E;*/
    /*color: #5D90A1;*/
    color: #B80201;
    background-color: #222222;
}

        .dropdown-menu > li > a {
            /*color: #5D90A1;*/
            color: #F5B000 !important;
            font-weight: bold;
            font-size: 18px;
        }

.container {
    
}

.marketing {
    /*padding-top: 240px;*/
    padding-top: 300px;

    padding-right: 15px;
    padding-left: 15px;

    background-color: black;
}

.featurette {
    margin-bottom: 10px;    
}

.featurette-divider {
 margin: 30px 0; 


}


.carousel {
    min-height: 550px;
    margin-bottom: 20px;
}


.carousel .item {
    min-height: 550px;
    background-color: #222222;
}

.carousel-caption
{
    top: 5%;
}

.news-item {
    background: #222222;
    padding: 10px;
    min-height: 150px;
}

    .news-item:hover
    {
        background: #333333;
    }

footer {
    padding-top: 4px;    
}

footer .row {
    background-color: #111111;    
    padding-top: 16px;    
}




#slideshow ul
{
	list-style: none;
	padding: 0;
	margin: 0;
}

#slideshow li
{
	list-style: none;
	padding: 0;
	margin: 0;
	display: none;
}

#slideshow li:first-child
{
	display: block;
}



.social-icons {
    text-align: center;
    padding-top: 4px;
    padding-bottom: 8px;
    font-size: 16px;

    font-family: "Font Awesome 6 Brands";
}

.smem-socials a i {
    Xfont-size: 1.6rem;
    Xpadding: .4vw 0;
    padding: 5px;
}

.fa-lg {
    font-size: 1.25em;
    line-height: .05em;
    vertical-align: -.075em;
}



.navbar-wrapper {
    margin-top: 0px;
}

/*iframe {
    display:block;
    width: 100%;
    height: auto !important;
}*/

/*------------------------------------------------------*/
/* Responsive                                           */
/*------------------------------------------------------*/

@media (max-width: 1199px) {

    .marketing {
         padding-top: 280px;
        
    }

    .news-item {
        min-height: 80px;
    }
}

@media (max-width: 991px) {

        .marketing {
         padding-top: 230px;
        
    }

}

@media (max-width: 767px) {

        .marketing {
         padding-top: 210px;
        
    }

}


@media (max-width: 600px) {

        .marketing {
         padding-top: 170px;
        
    }

}


@media (max-width: 480px) {

    /*.carousel {
        min-height: 450px;
        height: 300px;
    }


    .carousel .item {
        min-height: 450px;    
        height: 300px;
    }*/

    .marketing {
         padding-top: 150px;
        
    }

}

@media (max-width: 330px) {

        .marketing {
         padding-top: 130px;
        
    }

}