ok/*   
Theme Name: KB Studio
Description: Custom theme designed by KB Studio for FLCC
Author: Hemal Patel, KB Studio, FLCC
Version: 1.0
*/

body {
	margin: 0;
	padding: 0;
	background: #fff;
	font-family: 'Open Sans', sans-serif;
	font-size: 0.96em;
	line-height: 1.7em;
	}

a:link, a:visited {
	}
	
a:hover, a:active { 
	text-decoration: underline; 
	}

img { 
	max-width: 100%;
	height: auto;
	}

.no-left-padding {
    padding-left:0 !important;
    }

.no-right-padding {
    padding-right: 0 !important;
    }

/* Header Start  ------------------------------------------------------------*/

h1,h2,h3,h4,h5,h6 {
    font-family: 'Open Sans', sans-serif; 
	color: #003058
	}

.header-bg{
	background: #8f1336
	}

.fullWidth {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	max-width: initial;
	}

.imgbanner {
    min-width: 360px;
    min-height: 309px;
	}

.background-none {
	background: none
	}

.mt{margin-top:20px}

.mb    {margin-bottom: 1.25rem;}

.mb2    {margin-bottom: 1rem;}

.padding-zero{padding:0}

.top-bar-section ul li {
	background: none; 
	}

ul.dropdown li {background:#50071c}

ul.right li.has-dropdown{background:#860b2f}

.top-bar-section .dropdown li {
    height: auto;
    width: 100%;
	}

.top-bar-section li a:hover, .top-bar-section li a:active, .top-bar-section .dropdown li a:hover, .top-bar-section .dropdown li a:active {
    text-decoration: none;
    }

@media only screen and (min-width: 40.0625em){

    .top-bar-section li:not(.has-form) a:not(.button) {
        background: none;
        line-height: 2.8125rem;
        padding: 0 1.5rem 0 1.5rem;
    }

    .top-bar-section li:not(.has-form) a:not(.button):hover {
        background-color: none;
      
    }

    .top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) {
        background: #860b2f;
        color: #FFFFFF;
    }

    .top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) :hover{
          background-color: #59041d;
        background: #59041d;
    }

    .top-bar-section ul {
        display: inline;
        height: auto !important;
        width: auto;
        /* left: 38px; */
        padding-left: 16em;
    }

} /*end of media query*/

.top-bar-section ul li > a {
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size:14px;
}

.forumlogin-icon {
    background: url(/wp-content/themes/kbstudio/images/forumlogin-icon.png) no-repeat left center;
    padding:0 0 0 33px;
}

.donate-icon {
    background: url(/wp-content/themes/kbstudio/images/donate-icon.png) no-repeat left center;
    padding:0 0 0 33px;
}

.nav-search {
    width:340px;
}

.nav-search ul {
    padding:0;
}

.nav-search ul li {
    float: left;
}

.nav-search .navpart-padding-left {
    width:310px;
}


.nav-search input[type="text"] {
    /*max-width:225px;
    float: left;*/
}

.nav-search .search-btn {
    float:right;
    background: #ffffff !important;
    padding:0 !important;
    width:68px;
    height: 28px;
    line-height: 28px !important;
    color: #000 !important;
    display: inline-block;
    top:0.53125rem;
    position: relative;
    text-transform: capitalize;
}

.nav-search .search-btn:hover, .nav-search .search-btn:focus {
    background: #000 !important;
    color: #fff !important;
}

.name {
position:absolute;
z-index:99999;
display:block;
min-height:211px;
min-width:241px;
}

.top-bar .toggle-topbar.menu-icon {
    margin-top: 6px;
    top: 50%;
}

.blockquote {
    border-left: 8px solid #003058;
    padding: 5px;
    }

.arrow{padding-top:5%;font-weight:600;color:#003058;font-size:3em;float:right}

.events-p{color:#222222;font-size:12px}

.bold{font-weight:bold}

.index-btn{
background:#003058;
display:block;
margin:2% auto 0;
padding:0.5em 0;
text-align:center;
width:90%;
color:#fff;
}

.index-btn:hover{
background:#003058;
display:block;
margin:2% auto 0;
padding:0.5em 0;
text-align:center;
width:90%;
color:#fff;
}

.read-more{color:#003058;}
.read-more:hover{text-decoration:underline;cursor:pointer}

.zero{padding:0}

.title-forum{
color:#003058;
font-weight:bold;
font-size:1em;
}

.forum-text{
color:#222222;
font-size:0.75em;
line-height:1em;
padding-bottom: 0;
margin-bottom: 0;
}

.footer-bg{
background:#8f1336;
}

.white{color:white;}
.whitetext{font-size:0.75em;}

a.whitetext:hover {color:white;text-decoration:underline;}

.footermargin{padding-top:0.75em;margin-top:4%}

.blockdisplay{display:block}


.orbit-container {
    width: 100%;
    height: 100%;
    max-height: 500px;
} 
  
.orbit-slides-container {
    width: 100%;
    height: 100% !important;
}
  
.orbit-container li {
    width: 100%;
    height: 100%;
    background-size: 100% !important;
    background-repeat: no-repeat !important;
    margin:0 !important;
}
    
    .orbit-container .orbit-timer {
    position: absolute;
    top: 12px;
    right: 10px;
    height: 6px;
    width: 100px;
    z-index: 10;
    display: none;
}

.orbit-container .orbit-slide-number {
    left: 10px;
    background: transparent;
    color: #fff;
    font-size: 12px;
    position: absolute;
    top: 10px;
    z-index: 10;
    display: none;
}

.orbit-bullets-container {
    display: none;
}

.headline{
    position:absolute;
    z-index:9;
    width:64%;
}


.headlinetext{
background: rgba(0,0,0,0.65);
display:block;
padding:1.2em;
margin-top:12px;
color:#fff;
font-size:0.75em;
}

.top-bar-section ul li>span {
    color: #fff;
    display: block;
    font-family: "Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;
    font-size: 0.8125rem;
    font-weight: normal;
    padding-left: 0.9375rem;
    padding: 12px 0 12px 0.9375rem;
    text-transform: none;
    width: 100%;
}

.navpart{
    color: #fff;
    font-family: "Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;
    font-size: 0.8125rem;
    font-weight: normal;
    padding-left: 0.9375rem;
    padding: 12px 0 12px 0.9375rem;
    text-transform: none;
   
}

.navpart-padding-left{padding-left:0.5rem}

.search-btn{color:#000;background:#fff;text-align:center}
.inline-block{display:inline}

.row .row {
    margin:0 auto;
}

/*google search*/
.gsc-control-cse, .gsc-search-box, .gsc-search-box table {
    background: none !important;
    border: none !important;
}

.cse .gsc-control-cse, .gsc-control-cse {
    background: none !important;
    border: none !important;
    padding:10px 0 !important;
}

input.gsc-search-button {
    background: #fff;
    color: #000;
    text-align: center;
    padding: 12px 0 12px 0.9375rem;
    display: block;
    font-family: "Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;
    font-size: 0.8125rem;
    font-weight: normal;
}

td.gsc-search-button {
    padding:0 !important;
}

.gsc-search-box-tools .gsc-search-box .gsc-input {
    padding:0 12px 0 0 !important;
}

.gsc-search-box-tools .gsc-search-box input.gsc-input {
    padding: 4px 9px !important;
    font-size: 14px !important;
}

.cse .gsc-search-button input.gsc-search-button-v2, input.gsc-search-button-v2 {
    width: auto !important;
    height: auto !important;
    background: none !important;
    border: none !important;
    padding: 0 !important;
}

.top-bar input, .top-bar select, .top-bar .button, .top-bar button {
    top: auto !important;
}

.gsib_a, .gsib_b {
    padding: 0 !important;
}

.gsc-input-box {
    height: auto !important;
    background: none !important;
    border: none !important;
}

.gsst_a {
    padding: 3px 4px !important;
    line-height: normal !important;
}

.gsst_a:hover, .gsst_a:focus {
    background: none !important;
}

input.gsc-input, .gsc-input-box, .gsc-input-box-hover, .gsc-input-box-focus {
    border:none !important;
}
.gsc-search-box .gsc-input > input:focus, .gsc-input-box-focus {
    box-shadow: none !important;
}

.gsc-input-box:hover, .gsc-input-box:focus {
    border:none !important;
}

/*added css*/
section.main {
    padding:20px 0;
}

#content {
    clear: both;
}

ul.home-blog {
    list-style: none;
    margin: 0;
    padding: 0;
}

ul.home-blog li {
    display: block;
    clear: both;
    border-bottom: 1px solid #ddd;
    margin: 0 0 1.25rem;
    overflow: hidden;
}

ul.home-blog li:last-child {
    border:none;
    margin: 0;
}


#featured-block {
    clear: both;
    margin-bottom: 40px;
}

.featured-thumbnail {
    clear: both;
}

.featured-thumbnail img {
    max-width: 100%;
}

.featured-content {
    clear: both;
    background: #8f1336;
    color: #fff;
    font-size:18px;
    font-weight: 600;
    padding: 25px 34px 10px;
    line-height: 22px;
}

.featured-content p {
    font-weight: 600;
    font-size:18px;
    line-height: 22px;
}

.featured-content h1, .featured-content h2, .featured-content h3,  .featured-content h4 {
    color: #fff;
    font-weight: 600;
    margin-bottom: 20px;
}

.featured-content a:link, .featured-content a:visited {
    color: #fff;
    text-decoration: none;
    }
    
.featured-content a:hover, .featured-content a:active { 
    color: #eee;
    text-decoration: underline; 
    }

.vision-mission-block {
    clear: both;
    color: #003058;
    margin-bottom: 35px !important;
}

.vision-mission-block h3 {
    padding:45px 35px;
}

.vision-mission-block .large-2 h3 {
    padding:45px 0px;
    text-align: center;
}

.vision-mission-block .vision-mission-block-title {
    padding:25% 20px 0;
    font-weight: 700;
    text-align: center;
}

.vision-mission-block .large-8 {
    padding:25px 20px 5px;
    border-left:1px solid #003058;
}

.vision-mission-block .large-10 {
    padding:25px 20px 5px;
    border-left:1px solid #ccc;
}

#vision h3 {
    padding:75px 35px;
}

.vision-mission-block  ul li {
    padding-left: 15px;
    margin-bottom: 10px !important;
}

/*colored container*/

#blue-container {
    background: #003058;
    color: #fff;
    padding:45px 0;
}

#blue-container h1, #blue-container h2, #blue-container h3, #blue-container h4 {
    color: #fff;
}

#blue-container p {
    color: #fff;
}


#blue-container .block-title {
    padding:52% 35px;
}

#blue-container .large-8 {
    padding:25px 20px 5px;
    border-left:1px solid #fff;
}

#blue-container ul {

}

#blue-container ul li {
    margin-bottom: 15px; 
    list-style-position: outside;
    padding-left: 25px;
}


#gray-container {
    background: #d8d1ca;
    color: #003058;
    padding:45px 0;
}

#gray-container .gray-container-block {
    background: #d8d1ca;
    color: #003058;
    clear: both;
    margin-bottom: 35px !important;
}

#gray-container h1, #gray-container h2, #gray-container h3, #gray-container h4 {
    color: #003058;
}

#gray-container .container-title {
    text-transform: uppercase;
    text-align: center;
    font-weight: 600;
    margin:0 0 35px 0;
}

#gray-container p {
    color: #003058;
}

#gray-container .block-title {
    padding:30px 0;
    text-transform: uppercase;
}

#gray-container ul {

}

#gray-container ul li {
    margin-bottom: 15px; 
    list-style-position: outside;
    padding-left: 25px;
}

#pale-container {
    background: #f8f8f8;
    color: #333333;
    padding:45px 0;
}

#pale-container h1, #pale-container h2, #pale-container h3, #pale-container h4 {
    color: #003366;
}

#pale-container p {
    color: #333333;
}



#youtube-form-block {
    clear:both;
    margin-bottom: 40px !important;
}

#youtube-form-block #events-form {
    margin-top: -125px;
}

/*form*/

#events-form {
    background: #fff;
    -webkit-box-shadow: 2px 3px 8px #e5e5e5;
    -moz-box-shadow: 2px 3px 8px #e5e5e5;
    box-shadow: 2px 3px 8px #e5e5e5;
    padding:35px 39px 5px;
    max-width: 452px;
    color: #666666;
}

#events-form input[type="text"], #events-form input[type="email"] {
    border:2px solid #003366;
    background: #fff;
    height: 51px;
    line-height: 51px;
    padding: 0 12px;
    color: #666666;
    font-weight: 600;
    font-size:15px;
}

#events-form input[type="submit"] {
    height: 55px;
    line-height: 55px;
    background: #003366;
    border:none;
    color: #fff;
    text-align: center;
    display: block;
    cursor: pointer;
    font-size:22px;
    font-weight: 600;
    text-decoration: none;
    border:none;
    width:100%;
}

#events-form input[type="submit"]:hover, #events-form input[type="submit"]:focus {
    background: #666666;
    color: #fff;
    text-decoration: none;
}

#events-form p {
    margin-bottom: 25px;
}

#events-form small {
    font-size: 80% !important;
    line-height: 20px;
    display: inline-block;
}

#events-form .button-wrapper {
    margin-bottom: 13px;
}


.even-block {
    clear: both;
    background: #fff;
    overflow: hidden;
    font-size:14px;
    margin-bottom: 25px;
}

.event-content {
    padding:10px 12px;
}

.event-content h3, .event-content h4 {
    margin: 0 0 3px !important;
    font-weight: 600;
    font-size: 1.2rem;
}

.event-content small {
    font-size:80%;
    color: #999999;
}

.event-thumbnail {
    clear: both;
}

.event-thumbnail img {
    max-width: 100%;
    display: block;
    margin:0 auto;
}

.even-block p {
    font-size:13px;
    color: #333333;
    margin-bottom: 15px;
    line-height: 18px;
}


.contact-form {
    clear:both;
    overflow: hidden;
}

.contact-form input[type="text"], .contact-form input[type="email"] {
    border:2px solid #003366;
    background: #fff;
    height: 51px;
    line-height: 51px;
    padding: 0 12px;
    color: #666666;
    font-weight: normal;
    font-size:15px;
}

.contact-form textarea {
    border:2px solid #003366;
    background: #fff;
    padding: 15px 12px;
    color: #666666;
    font-weight: normal;
    font-size:15px;
}

.contact-form input[type="submit"] {
    height: 51px;
    line-height: 51px;
    padding:0 30px;
    background: #003366;
    border:none;
    color: #fff;
    text-align: center;
    display: block;
    cursor: pointer;
    font-size:18px;
    font-weight: 700;
    text-decoration: none;
    border:none;
    width:auto;
}

.contact-form input[type="submit"]:hover, .contact-form input[type="submit"]:focus {
    background: #8f1336;
    color: #fff;
    text-decoration: none;
}

.contact-form p {
    margin-bottom: 25px;
}

.contact-profile {
    clear: both;
    overflow: hidden;
    margin-bottom: 30px;
    max-width: 295px;
}

.contact-profile img {
    max-width: 100%;
    margin-bottom: 20px;
}

.contact-profile a {
    color: #8f1336;
    text-decoration: underline;
}

.contact-profile a:hover, .contact-profile a:focus {
    text-decoration: none;
    color: #8f1336;
}

/*boxes*/
.blue-box {
    background: #003058;
    color: #fff;
    clear: both;
    padding: 15px;
    font-size: 14px;
    margin-bottom: 30px;
}

.blue-box h1, .blue-box h2, .blue-box h3, .blue-box h4 {
    color: #fff;
    border-bottom: 1px solid #fff;
    padding-bottom: 10px;
    margin-bottom: 15px;
    overflow: hidden;
}

.blue-box p {
    font-size: 15px;
    }

.blue-box img {
    float: left;
    margin:0 15px 5px 0;
}

.gray-box {
    background: #e8e3df;
    clear: both;
    padding: 15px;
    font-size: 14px;
    margin-bottom: 30px;
}

.gray-box h1, .gray-box h2, .gray-box h3, .gray-box h4 {
    color: #003058;
    border-bottom: 1px solid #ada7a2;
    padding-bottom: 10px;
    margin-bottom: 15px;
    overflow: hidden;
}

.gray-box p {
    font-size:14px;
}

.gray-box img {
    float: left;
    margin:0 15px 5px 0;
}

.gray-box a {
    color: #8f1336;
    text-decoration: none;
}

.gray-box a:hover, .gray-box a:focus {
    color: #8f1336;
    text-decoration: underline;
}

.gray-box ul li {
    margin-bottom: 10px !important;
    padding-left: 15px;
}


/*elements*/

.capitalize {
    text-transform: capitalize;
}

.no-margin {
    margin:0 !important;
}

.no-padding {
    padding:0 !important;
}

.text-center {
    text-align: center;
}

.bold {
    font-weight: 700;
}

.row-title {
    font-weight: 700;
    margin: 0 0 30px 0;
}

.video-wrapper {
    clear:both;
    margin-bottom: 30px;
}

.video-wrapper h3, .video-wrapper h4 {
    font-weight: 700;
}

/*list*/

.main ul {
    list-style: disc;
    list-style-position: inside;
    margin:0 0 20px 0;
    padding: 0;
}

.main ul li {
    margin-bottom: 20px;
}

.main ul {
    overflow: hidden;
}

.main ol.numbers {
    list-style: decimal;
    list-style-position: inside;
    margin:0 0 20px 0;
    padding: 0;
    overflow: hidden;
}

.main ol li {
    margin-bottom: 20px;
}

/* Institute Start  ------------------------------------------------------------------------------------*/

ul.institute {
    margin: 0;
    padding: 0;
    }

ul.institute li  {
    margin-bottom: 3px;
    }

/* Table Start  ------------------------------------------------------------------------------------*/

div.table {
    clear:both;
    }

table {
    width: 100%;
    margin: 0;
    }

table th {
    padding:20px !important;
    background: #8f1336;
    color: #fff !important;
    font-size:24px !important;
    line-height: 30px !important;
    text-align: center !important;
    }

table a {
    color:#8f1336;
    text-decoration: none;
    }

table a:hover, table a:focus {
    color:#8f1336;
    text-decoration: underline;
    }

/* Tabs Start  ------------------------------------------------------------------------------------*/

.tabs dd > a, .tabs .tab-title > a {
    font-weight: bold;
    font-size: 1.3rem;
    background: #003058;
    color: #fff;
    }

.tabs dd.active a, .tabs .tab-title.active a {
    background: #8f1336;
    color: #fff;
    }

.tabs dd > a:hover, .tabs .tab-title > a:hover {
    background: #8f1336;
    color: #fff;
    }

.tabs-content {
    padding: 15px;
    clear: both;
    background: #e8e3df;
    }

.tabs-content h2 {
    font-weight: 700;
    font-size:26px;
    border-bottom: 1px solid #003058;
    padding-bottom: 15px;
    margin-bottom: 30px;
    }

.tabs-content ul {
   list-style: disc;
   list-style-position: inside; 
    }

.tabs-content ul li {
    padding-left: 15px;
    margin-bottom: 10px;
    }

.tabs-content a {
    color: #8f1336;
    text-decoration: none;
    }

.tabs-content a:hover, .tabs-content a:focus {
    color: #8f1336;
    text-decoration: underline;
    }

/* Optin Box Start  ------------------------------------------------------------------------------------*/

.optin-box {
    background: #d8d1ca;
    border: 1px solid #ddd;
    padding: 15px;
    width: auto;
    color: #003058;
    text-align: center;
    }

.optin-box form {
    overflow: hidden;
    margin:10px 0 0;
    }

.optin-box input[type="text"] {
    width:245px;
    height: 35px;
    line-height: 35px;
    display: inline-block;
    margin:0;
    padding:0 10px;
    color: #003058;
    font-size:14px;
    }

.optin-box input[type="submit"] {
    width:50px;
    height: 34px;
    line-height: 34px;
    display: inline-block;
    margin: 0;
    border:none;
    padding:0;
    cursor: pointer;
    background: #8f1336;
    color: #fff;
    font-size:14px;
    vertical-align: top;
    }

.optin-box input[type="submit"]:hover, .optin-box input[type="submit"]:focus {
    background: #003058;
    color: #fff;
    }

/* Blog Start  ------------------------------------------------------------------------------------*/

.article {
    clear: both;
    margin-bottom: 40px;
    overflow: hidden;
    }

.article h2, .article h3 {
    font-weight: 700;
    margin:0 0 10px 0;
    line-height: 1.3;
    }

.article a {
    color: #8f1336;
    text-decoration: none;
    }

.article a:hover, .article a:focus {
    color: #8f1336;
    text-decoration: underline;
    }

/* Buttons Start  ------------------------------------------------------------------------------------*/

.maroon-button {
    background: #8f1336;
    display: inline-block;
    color: #fff;
    text-transform: uppercase;
    border:1px solid #fff;
    padding:15px 60px;
    font-weight: 600;
    font-size:16px;
    text-decoration: none;
    }

.maroon-button .fa {
    padding-left:20px;
    }

.maroon-button:hover, .maroon-button:focus {
    text-decoration: none;
    background: #560b20;
    color: #8f1336;
    }

.blue-button {
    height: 40px;
    line-height: 40px;
    background: #003366;
    border:none;
    color: #fff;
    text-align: center;
    display: block;
    cursor: pointer;
    font-size:18px;
    font-weight: 600;
    text-decoration: none;
    }

.blue-button:hover, .blue-button:focus {
    background: #666666;
    color: #fff;
    text-decoration: none;
    }

/* Colors Start  ------------------------------------------------------------------------------------*/

.blue {
    color:#003058 !important;
    }

.yellow {
    color: #ffff00 !important;
    }


/* Sidebar Start  ------------------------------------------------------------------------------------*/

#sidebar h3, #sidebar h4 {
    font-size: 1.2375rem;
    font-weight: 700;
    line-height: 1.3;
    margin:0 0 20px 0;
    }

.sidebar-widget {
    clear: both;
    margin-bottom: 40px;
    background: #d8d1ca;
    color: #003058;
    overflow: hidden;
    }

.sidebar-widget img {
    display: block;
    margin:25px auto;
    }

.sidebar-widget ul {
    margin:0;
    padding:0 0 15px;
    }

.sidebar-widget ul li {
    margin:0 0 5px 0;
    padding: 5px 0;
    font-size:14px;
    list-style: none;
    border-bottom: 1px solid #003058;
    }

.sidebar-widget ul li a {
    color: #003058;
    text-decoration: none;
    }

.sidebar-widget ul li a:hover, .sidebar-widget ul li a:focus {
    color: #8f1336;
    text-decoration: none;
    }

.sidebar-widget-link {
    background: #8f1336;
    color: #fff;
    clear: both;
    }

.sidebar-widget-link a {
    color: #fff;
    text-decoration: none;
    background: #8f1336;
    display: block;
    padding:15px;
    }

.sidebar-widget-link a:hover, .sidebar-widget-link a:focus {
    color: #fff;
    text-decoration: none;
    background: #003058;
    }

.sidebar-widget-link:hover, .sidebar-widget-link:focus {
    background: #003058;
    }

.widget_categories {
    padding:15px;
    }

.sidebar-optin {
    background: #eee url(/wp-content/themes/kbstudio/images/optin-newsletter.jpg) no-repeat left top;
    height: 220px;
    margin-bottom: 40px;
    width: 300px;
    clear:both;
    }

.sidebar-optin form {
    padding: 122px 0 0 40px;
    overflow: hidden;
    }

.sidebar-optin input[type="text"] {
    width:160px;
    height: 35px;
    line-height: 35px;
    display: inline-block;
    margin:0;
    padding:0 10px;
    color: #003058;
    font-size:14px;
    }

.sidebar-optin input[type="submit"] {
    width:50px;
    height: 34px;
    line-height: 34px;
    display: inline-block;
    margin:0;
    border:none;
    padding:0;
    cursor: pointer;
    background: #8f1336;
    color: #fff;
    font-size:14px;
    vertical-align: top;
    }

.sidebar-optin input[type="submit"]:hover, .sidebar-optin input[type="submit"]:focus {
    background: #003058;
    color: #fff;
    }

/*adobe flash*/
#flash-wrapper {
    clear: both;
    overflow: hidden;
    margin-bottom: 40px;
    padding:0 15px;
    }

.flash-box {
    width:100%; 
    height:700px; 
    margin:0 auto;
    }

/* Footer Start  ------------------------------------------------------------------------------------*/

footer a:link, footer a:visited {
    color: #fff;
    text-decoration: none;
    }
    
footer a:hover, footer a:active { 
    color: #fff;
    text-decoration: underline; 
    }

/* Media Queries Start  --------------------------------------------------------------------------------*/

@media only screen and (min-width: 1200px) and (max-width: 1280px) {

    .orbit-container {
        max-height: 382px;
    }

} 

@media only screen and (min-width: 1024px) and (max-width: 1199px) {

     .orbit-container {
        max-height: 324px;
    }

} 

@media only screen and (min-width: 992px) and (max-width: 1023px) {

     .orbit-container {
        max-height: 306px;
    }

} 


@media only screen and (min-width: 768px) and (max-width: 991px) {

    .top-bar .toggle-topbar {
        display: block;
    }

    .top-bar-section ul {
        position: relative;
    }

    .row .row {
        margin:0 auto;
    }

    #vision h3, .vision-mission-block h3 {
        padding:0;
    }

    #blue-container .block-title {
        padding:0;
    }

    #gray-container .block-title {
        padding:0;
    }

    .orbit-container {
        max-height: 326px;
    }

}

@media only screen and (min-width: 569px) and (max-width: 767px) {

    .top-bar {
        height: 75px;
        float: left;
        width: 100%;
        overflow: visible;
    }

    .name {
        position: relative;
        float: left;
        min-height: 160px;
        max-width: 186px;
        min-width: auto;
    }

    .name img {
        display: block;
        max-width: 100%;
        max-height: 100%;
    }

    .top-bar .toggle-topbar.menu-icon {
        margin-right: 20px;
        margin-top: 15px;
    }

    .top-bar .toggle-topbar.menu-icon a {
        font-size:20px;
    }

    .top-bar-section {
        width:100%;
        z-index: -1;
    }

    .top-bar.expanded .top-bar-section {
        z-index: 1;
    }

    .top-bar-section ul {
        position: relative;
        display: none;
    }

    .top-bar.expanded .top-bar-section ul {
        display: block;
    }

    .top-bar.expanded {
        overflow: visible;
    }

    .top-bar-section ul li > a {
        font-size:20px;
    }

    .nav-search input[type="text"] {
        font-size:14px;
    }

    .nav-search .search-btn {
        font-size:14px;
    }

    .row .row {
        margin:0 auto;
    }

    .nav-search {
        overflow: hidden;
        padding-bottom: 10px;
    }

    .nav-search input[type="text"] {
        top:0.53125rem;
        position: relative;
    }

    .orbit-container {
        max-height: 228px;
    }

    .headline {
        display: none;
    }

    .maroon-button {
        margin-bottom: 20px;
    }


    #vision h3, .vision-mission-block h3 {
        padding:0;
    }

    #blue-container .block-title {
        padding:0;
    }

    #gray-container .block-title {
        padding:0;
    }

    #youtube-form-block #events-form {
        margin:35px auto;
    }

    .event-thumbnail {
        padding: 10px 0 0 0;
    }

    .event-content {
        min-height: auto;
        max-height: auto;
    }

    div.table {
        overflow-x: scroll;
    }

    table th {
        font-size:20px !important;
        line-height: 24px !important;
        padding:10px !important;
    }

    .tabs dd, .tabs .tab-title {
        display: block;
        float: none;
        text-align:center;
    }

    .flash-box {
        width:auto; 
        height:400px; 
        margin:0 auto;
    }

	footer .columns .columns {
		padding:0;
	}

    footer .right {
        float:none !important;
        text-align: center;
        padding:10px 0;
    }

    footer .inline-list > li {
        float: none;
        text-align: center;
        display: inline-block;
        margin:0 10px;
    }

    footer .copyright {
        display: block;
        text-align: center;
    }

}


@media only screen and (max-width: 568px) { 
 	
	.top-bar {
		height: 75px;
        float: left;
        width: 100%;
        overflow: visible;
	}

	.name {
		position: relative;
		float: left;
		min-height: 160px;
		max-width: 186px;
        min-width: auto;
	}

    .name img {
        display: block;
        max-width: 100%;
        max-height: 100%;
    }

    .top-bar .toggle-topbar.menu-icon {
        margin-right: 20px;
        margin-top: 15px;
    }

    .top-bar .toggle-topbar.menu-icon a {
        font-size:20px;
    }

    .top-bar-section {
        width:100%;
        z-index: -1;
    }

    .top-bar.expanded .top-bar-section {
        z-index: 1;
    }

	.top-bar-section ul {
		position: relative;
        display: none;
	}

    .top-bar.expanded .top-bar-section ul {
        display: block;
    }

    .top-bar.expanded {
        overflow: visible;
    }

    .top-bar-section ul li > a {
        font-size:20px;
    }

    .nav-search input[type="text"] {
        font-size:14px;
    }

    .nav-search .search-btn {
        font-size:14px;
    }

	.row .row {
		margin:0 auto;
	}

    .nav-search {
        overflow: hidden;
        padding-bottom: 10px;
    }

    .nav-search input[type="text"] {
        top:0.53125rem;
        position: relative;
    }

    .orbit-container {
        max-height: 170px;
    }

    .headline {
        display: none;
    }

    .maroon-button {
        margin-bottom: 20px;
    }

    #vision h3, .vision-mission-block h3 {
        padding:0;
    }

    .vision-mission-block .large-2 h3 {
        padding:0;
    }

    .vision-mission-block ul {
        margin-bottom: 0 !important;
    }

    #blue-container .block-title {
        padding:0;
    }

    #gray-container .block-title {
        padding:0;
    }

    #youtube-form-block {
        margin-bottom: 0 !important;
    }

    #youtube-form-block #events-form {
        margin:35px auto;
    }

    #events-form {
        padding:0;
        box-shadow: none;
        margin-top: 50px !important;
        margin-bottom: 0 !important;
    }

    .event-thumbnail {
        padding: 10px 0 0 0;
    }

    .event-content {
        min-height: auto;
        max-height: auto;
    }

    .video-wrapper iframe {
        max-width: 100%;
    }

    div.table {
        overflow-x: scroll;
    }

    table th {
        font-size:16px !important;
        line-height: 20px !important;
        padding:10px !important;
    }

    .tabs dd, .tabs .tab-title {
        display: block;
        float: none;
        text-align:center;
    }

    .flash-box {
        width:auto; 
        height:400px; 
        margin:0 auto;
    }

    .no-left-padding {
        padding:0 !important;
    }

    .no-right-padding {
        padding: 0 !important;
    }

    .maroon-button {
        padding: 15px 55px;
    }

    .contact-bottom-page {
        text-align: center;
    }

    .sidebar-optin {
        margin:0 auto 40px;
    }

    .contact-profile {
        max-width: none;
    }

	footer .columns .columns {
		padding:0;
	}

    footer .right {
        float:none !important;
        text-align: center;
        padding:10px 0;
    }

    footer .inline-list > li {
        float: none;
        text-align: center;
        display: inline-block;
        margin:0 10px;
    }

    footer .copyright {
        display: block;
        text-align: center;
    }

}


@media only screen and (max-width: 320px) { 

    .orbit-container {
        max-height: 115px
    }

}