/*
Theme Name: SCTC Main Theme
Theme URI: http://www.sctech.edu
Author: Joshua Wilkins
Author URI: http://www.sctech.edu
Description: The main Theme for Southern Crescent Technical College
Version: .1
License: GNU General Public License
License URI: license.txt
Text Domain: sctc_main
Domain Path: /languages/
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

 SCTC_Main is based on Underscores http://underscores.me/, (C) 2012-2013 Automattic, Inc.

Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
and Blueprint http://www.blueprintcss.org/
*/


/* =Reset
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    border: 0;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
}

h4 {
    font-weight: 600;
}

html {
    font-size: 62.5%;
    /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
    overflow-y: scroll;
    /* Keeps page centered in all browsers regardless of content height */
    -webkit-text-size-adjust: 100%;
    /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
    -ms-text-size-adjust: 100%;
    /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
}

*, *:before, *:after {
    /* apply a natural box layout model to all elements; see http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */
    -webkit-box-sizing: border-box;
    /* Not needed for modern webkit but still used by Blackberry Browser 7.0; see http://caniuse.com/#search=box-sizing */
    -moz-box-sizing: border-box;
    /* Still needed for Firefox 28; see http://caniuse.com/#search=box-sizing */
    box-sizing: border-box;
}

body {
    background: #fff;
}

article, aside, details, figcaption, figure, footer, header, main, nav, section {
    display: block;
}

ol, ul {
    list-style: none;
}

table {
    /* tables still need 'cellspacing="0"' in the markup */
    border-collapse: separate;
    border-spacing: 0;
}

caption, th, td {
    font-weight: normal;
    text-align: left;
}

blockquote:before, blockquote:after, q:before, q:after {
    content: "";
}

blockquote, q {
    quotes: "" "";
}

a:focus {
    outline: thin dotted;
}

a:hover, a:active {
    outline: 0;
}

a img {
    border: 0;
}


/* =Global
----------------------------------------------- */

body, button, input, select, textarea {
    color: #000000;
    font-family: sans-serif;
    font-size: 16px;
    font-size: 1.6rem;
}


/* Headings */

h1, h2, h3, h4, h5, h6 {
    clear: both;
}

hr {
    background-color: #ccc;
    border: 0;
    height: 1px;
    margin-bottom: 1.5em;
}


/* Text elements */

p {
    margin-bottom: 1.5em;
}

ul, ol {
    margin: 0 0 1.5em 3em;
}

ul {
    list-style: disc;
}

ol {
    list-style: decimal;
}

li>ul, li>ol {
    margin-bottom: 0;
    margin-left: 1.5em;
}

dt {
    font-weight: bold;
}

dd {
    margin: 0 1.5em 1.5em;
}

b, strong {
    font-weight: bold;
}

dfn, cite, em, i {
    font-style: italic;
}

blockquote {
    margin: 0 1.5em;
}

address {
    margin: 0 0 1.5em;
}

pre {
    background: #eee;
    font-family: "Courier 10 Pitch", Courier, monospace;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.6;
    margin-bottom: 1.6em;
    max-width: 100%;
    overflow: auto;
    padding: 1.6em;
}

code, kbd, tt, var {
    font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr, acronym {
    border-bottom: 1px dotted #666;
    cursor: help;
}

mark, ins {
    background: #fff9c0;
    text-decoration: none;
}

sup, sub {
    font-size: 75%;
    height: 0;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    bottom: 1ex;
}

sub {
    top: .5ex;
}

small {
    font-size: 75%;
}

big {
    font-size: 125%;
}

figure {
    margin: 0;
}

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

th {
    font-weight: bold;
}

img {
    height: auto;
    /* Make sure images are scaled correctly. */
    max-width: 100%;
    /* Adhere to container width. */
}

button, input, select, textarea {
    font-size: 100%;
    /* Corrects font size not being inherited in all browsers */
    margin: 0;
    /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
    vertical-align: baseline;
    /* Improves appearance and consistency in all browsers */
    vertical-align: middle;
    /* Improves appearance and consistency in all browsers */
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    border: 1px solid #ccc;
    border-color: #ccc #ccc #bbb #ccc;
    border-radius: 3px;
    background: #e6e6e6;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05);
    color: rgba(0, 0, 0, .8);
    cursor: pointer;
    /* Improves usability and consistency of cursor style between image-type 'input' and others */
    -webkit-appearance: button;
    /* Corrects inability to style clickable 'input' types in iOS */
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1;
    padding: .6em 1em .4em;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
    border-color: #ccc #bbb #aaa #bbb;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02);
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
    border-color: #aaa #bbb #bbb #bbb;
    box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
}

input[type="checkbox"],
input[type="radio"] {
    padding: 0;
    /* Addresses excess padding in IE8/9 */
}

input[type="search"] {
    -webkit-appearance: textfield;
    /* Addresses appearance set to searchfield in S5, Chrome */
    -webkit-box-sizing: content-box;
    /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

input[type="search"]::-webkit-search-decoration {
    /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
    -webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
    border: 0;
    padding: 0;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
    color: #666;
    border: 1px solid #ccc;
    border-radius: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
    color: #000000;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
    padding: 3px;
}

textarea {
    overflow: auto;
    /* Removes default vertical scrollbar in IE6/7/8/9 */
    padding-left: 3px;
    vertical-align: top;
    /* Improves readability and alignment in all browsers */
    width: 98%;
}


/* Links */

a {
    color: royalblue;
}

a:visited {
    color: purple;
}

a:hover, a:focus, a:active {
    color: midnightblue;
}


/* Alignment */

.alignleft {
    display: inline;
    margin-right: 1.5em;
}

.alignright {
    display: inline;
    margin-left: 1.5em;
}

.aligncenter {
    clear: both;
    display: block;
    margin: 0 auto;
}


/* Text meant only for screen readers */

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
}

.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar */
}


/* Clearing */

.clear:before, .clear:after, .entry-content:before, .entry-content:after, .comment-content:before, .comment-content:after, .site-header:before, .site-header:after, .site-content:before, .site-content:after, .site-footer:before, .site-footer:after {
    content: '';
    display: table;
}

.clear:after, .entry-content:after, .comment-content:after, .site-header:after, .site-content:after, .site-footer:after {
    clear: both;
}


/* =Menu
----------------------------------------------- */

.main-navigation {
    clear: both;
    display: block;
    float: left;
    width: 100%;
}

.main-navigation ul {
    list-style: none;
    margin: 0;
    padding-left: 0;
}

.main-navigation li {
    float: left;
    position: relative;
}

.main-navigation a {
    display: block;
    text-decoration: none;
}

.main-navigation ul ul {
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    display: none;
    float: left;
    left: 0;
    position: absolute;
    top: 1.5em;
    z-index: 99999;
}

.main-navigation ul ul ul {
    left: 100%;
    top: 0;
}

.main-navigation ul ul a {
    width: 200px;
}

.main-navigation ul li:hover>ul {
    display: block;
}


/* Small menu */

.menu-toggle {
    cursor: pointer;
    display: none;
}

@media screen and (max-width: 600px) {
    .menu-toggle,
    .main-navigation.toggled .nav-menu {
        display: block;
    }
    .main-navigation ul {
        display: none;
    }
    .site-area-menu.toggled .nav-menu {
        display: block;
    }
}


/* =Content
----------------------------------------------- */

.hentry {
    margin: 0;
}

.byline,
.updated {
    display: none;
}

.single .byline,
.group-blog .byline {
    display: inline;
}

.page-links {
    clear: both;
    margin: 0 0 1.5em;
}


/* =Asides
----------------------------------------------- */

.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
    display: none;
}


/* =Media
----------------------------------------------- */

.page-content img.wp-smiley,
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}

.wp-caption {
    border: 1px solid #ccc;
    margin-bottom: 1.5em;
    max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
    display: block;
    margin: 1.2% auto 0;
    max-width: 98%;
}

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

.wp-caption .wp-caption-text {
    margin: 0.8075em 0;
}

.site-main .gallery {
    margin-bottom: 1.5em;
}

.site-main .gallery a img {
    border: none;
    height: auto;
    max-width: 90%;
}

.site-main .gallery dd {
    margin: 0;
}


/* Make sure embeds and iframes fit their containers */

embed,
iframe,
object {
    max-width: 100%;
}


/* =Navigation
----------------------------------------------- */

.site-main [class*="navigation"] {
    margin: 0 0 1.5em;
    overflow: hidden;
}

[class*="navigation"] .nav-previous {
    float: left;
    width: 50%;
}

[class*="navigation"] .nav-next {
    float: right;
    text-align: right;
    width: 50%;
}


/* =Comments
----------------------------------------------- */

.comment-content a {
    word-wrap: break-word;
}


/* =Widgets
----------------------------------------------- */

.widget {
    margin: 0 0 1.5em;
}


/* Make sure select elements fit in widgets */

.widget select {
    max-width: 100%;
}


/* Search widget */

.widget_search .search-submit {
    display: none;
}


/* =Infinite Scroll
----------------------------------------------- */


/* Globally hidden elements when Infinite Scroll is supported and in use. */

.infinite-scroll .paging-navigation,

/* Older / Newer Posts Navigation (always hidden) */

.infinite-scroll.neverending .site-footer {
    /* Theme Footer (when set to scrolling) */
    display: none;
}


/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */

.infinity-end.neverending .site-footer {
    display: block;
}


/* Highly Specific Settings ----------------------------------*/

.xl1523404 {
    color: black;
    font-family: Tahoma, sans-serif;
    font-size: 11.0pt;
    font-style: normal;
    font-weight: 400;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    white-space: nowrap;
}

.xl6323404 {
    border: .5pt solid windowtext;
    color: black;
    font-family: Tahoma, sans-serif;
    font-size: 11.0pt;
    font-style: normal;
    font-weight: 400;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    white-space: nowrap;
}

.xl6423404 {
    background: #F2F2F2;
    border: .5pt solid windowtext;
    color: black;
    font-family: Tahoma, sans-serif;
    font-size: 11.0pt;
    font-style: normal;
    font-weight: 400;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    white-space: nowrap;
}

.xl6523404 {
    background: #BFBFBF;
    border: .5pt solid #3F3F3F;
    color: black;
    font-family: Tahoma, sans-serif;
    font-size: 11.0pt;
    font-style: normal;
    font-weight: 700;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    white-space: normal;
}

.xl6623404 {
    border: .5pt solid windowtext;
    color: black;
    font-family: Tahoma, sans-serif;
    font-size: 11.0pt;
    font-style: normal;
    font-weight: 400;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    white-space: nowrap;
}

.xl6723404 {
    background: #F2F2F2;
    border: .5pt solid windowtext;
    color: black;
    font-family: Tahoma, sans-serif;
    font-size: 11.0pt;
    font-style: normal;
    font-weight: 400;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    white-space: nowrap;
}


/* Imported ------------------------------------- */


/* From https://www.sctech.edu/employees/wp-content/plugins/vconepage/assets/css/row.css?ver=4.4.2  */

.vcop-clear {
    clear: both;
}

.vcop-row {
    position: relative;
}

.vcop-row .vc_column_container {
    z-index: 2;
}


/* The quick links columns were coliding with drop down menues if the site didn't have vconepage plugin turned on. So I moved the style here. */

.vcop-pattern {
    background-repeat: repeat;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 1;
}

.vcop_full {
    min-height: 800px;
}

.vcop_padding_null {
    margin: 0 -15px!important;
}

.vcop-middle {
    height: 100%;
    width: 100%;
    display: table;
}

.vcop_align_center {
    text-align: center;
}

.vcop_align_left {
    text-align: left;
}

.vcop_align_right {
    text-align: right;
}

@media screen and (max-width: 1000px) {
    .vcop_responsive_mode {
        padding: 10px!important;
    }
    .vcop_responsive_pattern .vcop-pattern {
        margin-left: -10px!important;
    }
    .vcop-space {
        display: none;
    }
    .vcop_padding_null {
        margin: 0!important;
    }
}


/* For CS Blue Menu - QL column collision/overlap fix */

.depth-fix {
    z-index: 2;
}


/*pulled out of VC - Custom CSS for the Programs site*/

.curriculum-table td {
    padding: 10px;
    overflow-x: auto;
}

h2.advisor-contact {
    font-size: 1.25em;
    padding-bottom: 8px;
}


/***************************************************************************************************************/


/***************************************** END DEFAULT CSS *************************************************/


/**************************************************************************************************************/


/**********  HOME PAGE ********/


/*Drop Shadows on the Section Tiles */


/*TODO: Find and remove the interfering style so that !important can be removed as it's a code smell */

.front-menu-tile>a>img {
    box-shadow: 6px 7px 4px #252525 !important;
    width: 225px;
}

.front-search-box {
    box-shadow: 6px 7px 4px #252525 !important;
}


/* The content in the right hand column is not being pushed down.
TODO: Find where the left hand column's margins were set. Remove the top margin. Remove this margin.
And instead clear and float rather than forcing margins.
The margins stay there when it goes to mobile layout resulting in odd, very large gaps. */

.front-right-column-first {
    margin-top: 60px;
}

.program-header-title {
    font-weight: bold;
}

.program-tiles {
    text-align: center;
    font-weight: bold;
}

.program-tiles>img {
    max-width: 300px;
    max-height: 200px;
    height: 100%;
    width: 100%;
}


/* VC Quickfix. New version messed up the padding at the top of most pages. This is just a direct copy from the rendered page CSS and then set back to 0. */

.vc_col-has-fill>.vc_column-inner,
.vc_row-has-fill+.vc_row-full-width+.vc_row>.vc_column_container>.vc_column-inner,
.vc_row-has-fill+.vc_row>.vc_column_container>.vc_column-inner,
.vc_row-has-fill+.vc_vc_row>.vc_row>.vc_vc_column>.vc_column_container>.vc_column-inner,
.vc_row-has-fill+.vc_vc_row_inner>.vc_row>.vc_vc_column_inner>.vc_column_container>.vc_column-inner,
.vc_row-has-fill>.vc_column_container>.vc_column-inner,
.vc_row-has-fill>.vc_row>.vc_vc_column>.vc_column_container>.vc_column-inner,
.vc_row-has-fill>.vc_vc_column_inner>.vc_column_container>.vc_column-inner {
    padding-top: 0 !important;
}

.vc_row.wpb_row.vc_row-fluid.front-main-wrap {
    margin-left: 0;
    margin-right: 0;
    padding-bottom: 2%;
}

.site-footer {
    clear: both;
}

.tutoring-hours-table td {
    border: 1px solid black;
}

.tutoring-hours-table table {
    border: 2px solid black;
}

.tutoring-hours-table th {
    border: 1px solid black;
    border-bottom: 2px solid black;
    background-color: #9fdf9f;
}

.tutoring-hours-table th td {
    width: 25%;
    padding: 0 10% 2%;
}

.tutoring-hours-table-month td {
    border: 2px solid black;
    border-bottom: 1px solid black;
}




/*G Forms*/

.ginput_container_address span label {
    margin-bottom: 30px !important;
}


/* EventOn front page fixes */

#eventon_loadbar_section {
    height: 0 !important;
    margin-top: 0 !important;
    border-bottom: none;
}

body.page-id-14 {
    padding: 0;
}


/* Fix for flexslider nav causing overflow and horizontal scroll */

.flex-direction-nav .flex-next {
    right: 0 !important;
    /* !important added to override pluggin styles */
}

.flex-direction-nav .flex-prev {
    left: 0 !important;
    /* !important added to override pluggin styles */
}


/** VC SVC-Grid, Posts Layout whatever, shows a comments count on the Recent News section but we don\'t allow comments so this just looks bad when they all say 0. So I've hidden them here as there is no option in the plugin. **/

.fa-comments-o {
    display: none !important;
    /* Important used to override plugin style */
}


/* Net-QEP forms attention text */

.netqep-form-notice h2 {
    color: red !important;
}


/* Clearfix */

.clearfix {
    overflow: auto;
}


/* Concat */


/* CONCAT of misc, general-site, images, main-navigation, blue-nav-bar, posts, plugin-specific */


/* ** From YP CS ** */

.evcal_time,
.evcal_desc,
.evcal_desc_info {
    color: #000000 !important;
}

.evcal_desc_info .evcal_time,
.evcal_desc_info .evcal_desc {
    color: #000000 !important;
}

.evcal_evdata_cell h3 {
    color: #000000 !important;
}

.evcal_evdata_cell p {
    color: #000000 !important;
}

.cs-news-col {
    margin-bottom: 0 !important;
}

.ubermenu-content-top .ubermenu-submenu .ubermenu-item-header>.ubermenu-target,
.ubermenu-content-top .ubermenu-tab>.ubermenu-target {
    font-size: 1em !important;
}

h3.evo_h3,
#evcal_list .evcal_evdata_cell h3,
#evcal_list .evcal_evdata_cell p,
#evcal_list .evcal_evdata_cell div p {
    color: #000000 !important;
}

#evcal_list .evcal_desc .evcal_time {
    color: #000000 !important;
}

.ftw-spacing .ubermenu-nav .ubermenu-target:hover {
    border-width: 1px;
    border-style: solid;
}

nav.ubermenu-primary img {
    margin-bottom: -3px;
}

.ubermenu-content-top .ubermenu-nav>.ubermenu-item:hover {
    border-style: solid;
    border-width: 1px;
    border-color: #ffc526;
}

.ubermenu-content-top .ubermenu-nav>.ubermenu-item {
    border: 1px solid transparent;
}

.ubermenu-footer .ubermenu-nav>li:hover {
    border-style: solid;
    border-width: 1px;
    border-color: #ffc526;
    color: #ffc526;
}

.ubermenu-footer .ubermenu-nav>li {
    border: 1px solid transparent;
}

.ubermenu-footer .ubermenu-nav span.ubermenu-target:hover {
    color: #ffc526 !important;
}

#ubermenu-home-ql-73 .ubermenu-nav>.ubermenu-item:hover {
    border-style: solid;
    border-width: 1px;
    border-color: #0090bc;
}

#ubermenu-home-ql-73 .ubermenu-nav>.ubermenu-item {
    border: 1px solid transparent;
}

#ubermenu-home-ql-90 .ubermenu-nav>.ubermenu-item:hover {
    border-style: solid;
    border-width: 1px;
    border-color: #00a261;
}

.all-posts-link a:hover,
.full-cal-link a:hover {
    border-style: solid;
    border-width: 1px;
}

.popular-publications .effect .publication-over:hover {
    border-style: solid;
    border-width: 1px;
    border-color: #ffffff;
}

.popular-publications .effect .publication-over {
    border: 1px solid transparent;
}

.ubermenu-submenu-type-tabs-group>.ubermenu-item>.ubermenu-target:hover {
    border-width: 1px;
}

.ubermenu-primary li:hover {
    border-style: solid !important;
    border-width: 1px !important;
    border-color: #ffc527 !important;
}

.ubermenu-primary li {
    border: 1px solid transparent !important;
}


/* END YP CS */


/****** Accessibility ******/

#department-sidebar-top aside .wpb_text_column div p,
#department-sidebar-top h1 {
    text-align: center;
}

#department-sidebar-top aside .wpb_text_column {
    margin-bottom: 10px;
    margin-top: 10px;
}

.ubermenu.ubermenu-content-top .ubermenu-item-level-0:hover>.ubermenu-target,
.ubermenu-content-top .ubermenu-item-level-0.ubermenu-active>.ubermenu-target {
    color: #ffc526;
    text-decoration: underline !important;
}

.ubermenu-footer .ubermenu-nav .ubermenu-custom-content {
    color: #ffffff;
}

.ubermenu-footer .ubermenu-nav li:last-of-type:hover {
    border-style: none;
    border-width: 0px;
    color: #ffffff;
}

.ubermenu-footer .ubermenu-nav a:hover,
.ubermenu-footer .ubermenu-nav .ubermenu-target-text:hover {
    color: #ffc526 !important;
}

#evcal_list .evcal_desc .evcal_desc_info,
#evcal_list .evcal_time em,
#evcal_list .evcal_time:before,
#evcal_list .evcal_desc .evcal_time {
    font-weight: 600 !important;
    color: #000000 !important;
}

.eventon_list_event .evcal_desc em {
    color: #000000 !important;
}

.ftw-spacing .ubermenu-nav .ubermenu-target:hover {
    border-width: 1px;
    border-style: solid;
}

.vc_custom_1502387364749 .ubermenu-nav .ubermenu-target:hover {
    border-style: solid;
    border-width: 1px;
}

.ubermenu-item .ubermenu-item a.ubermenu-target:hover {
    border-style: solid;
    border-width: 1px;
    border-color: #ffc526;
}

.ubermenu-item .ubermenu-item a.ubermenu-target {
    border: 1px solid transparent;
}

.screen-reader-shortcut {
    color: #000000 !important;
    background-color: #ffffff !important;
}

a.skip-link,
a.skip-link:visited,
a.skip-link:hover,
a.skip-link:focus,
a.skip-link:active {
    color: #000000 !important;
    background-color: #ffffff !important;
}

/* .ubermenu .ubermenu-item.ubermenu-item-853>.ubermenu-target,
.ubermenu .ubermenu-item.ubermenu-item-932>.ubermenu-target,
.ubermenu .ubermenu-item.ubermenu-item-2057>.ubermenu-target,
.ubermenu .ubermenu-item.ubermenu-item-1248>.ubermenu-target,
.ubermenu .ubermenu-item.ubermenu-item-323>.ubermenu-target,
.ubermenu .ubermenu-item.ubermenu-item-325>.ubermenu-target,
.ubermenu .ubermenu-item.ubermenu-item-326>.ubermenu-target,
.ubermenu .ubermenu-item.ubermenu-item-940>.ubermenu-target,
.ubermenu .ubermenu-item.ubermenu-item-321>.ubermenu-target {
    background-color: #000000
} */

.ubermenu-footer .ubermenu-item-level-0>.ubermenu-target {
    color: #ffffff !important;
    background-color: #000000;
}

.front-right-column .wpb_text_column .flex-control-paging a {
    background-color: #bdc3c7 !important;
}

.front-right-column .wpb_text_column .metaslider-1409 .flex-active {
    background-color: #59bdff !important;
}

div.svc_post_grid_s6 article header ul li {
    color: #000000 !important;
}

.filtering_set_val {
    color: #ffffff !important;
    background-color: #000000 !important;
}

#evcal_list .event .evo_ics_nCal {
    color: #000000 !important;
}

#evcal_list .event .evo_ics_gCal {
    color: #000000 !important;
}

.ubermenu-item-level-0.ubermenu-current-menu-item>.ubermenu-target span {
    text-decoration: underline !important
}

.ubermenu-target:hover>.ubermenu-target-text {
    text-decoration: underline !important;
}

.ubermenu.ubermenu-content-top .ubermenu-item-level-0:hover>.ubermenu-target span,
.ubermenu-content-top .ubermenu-item-level-0.ubermenu-active>.ubermenu-target span {
    text-decoration: underline !important;
}

.ubermenu.ubermenu-content-top .ubermenu-item-level-0:hover>.ubermenu-target,
.ubermenu-content-top .ubermenu-item-level-0.ubermenu-active>.ubermenu-target {
    color: #ffc526;
}

.svc_post_grid header .svc_read_more {
    background-color: #ffffff;
}

.svc_read_more {
    color: #000000 !important;
}

.svc_post_grid .element-item header .svc-col-sm-8 p {
    background-color: #ffffff !important;
}

.svc_post_grid header p {
    color: #0c0c0c;
}

.element-item header .svc-col-sm-8 p .svc_title {
    color: #0c0c0c !important;
    background-color: #ffffff;
}

.svc_post_grid .time span {
    color: #0c0c0c;
    background-color: #ffffff;
}

#evcal_head h2 {
    color: #ffffff;
    padding: 10px;
    font-size: 28px;
    text-shadow: rgba(0, 0, 0, 0) 1px 1px 1px;
}

.svc_grid_title h2 {
    color: #ffffff;
    font-size: 28px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.vc_column-inner .wpb_wrapper .svc_post_grid_list .svc_grid_title h2 {
    font-family: Arial, Helvetica, sans-serif !important;
}

.title-heading {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 40px;
    color: #ffffff;
}

.widget_kbl_topstorieswidget .head-widget {
    padding: 12px !important;
    font-weight: bold !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 28px !important;
}

.ql-col .ftw-body .ubermenu-target .ubermenu-target-title {
    font-size: 20px;
    text-decoration: underline !important;
}

.ubermenu-home-ql .ubermenu-target {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.all-posts-link span {
    font-size: 18px;
}

.all-posts-link {
    padding: 5px;
}


/* Front page full calendar link */

.full-cal-link {
    background-color: #000000;
    padding: 5px;
}

.full-cal-link a {
    font-size: 18px;
    color: #ffffff;
}

.full-cal-link a:visited {
    color: #ffffff;
}

#footer-info .ubermenu-footer ul {
    background-color: #000000;
}


/********/


/* MISC */


/* From YP Employees */

.employees-home-mid-row .vc_custom_1502387001150 {
    background-image: linear-gradient(107deg, #fdf7b4 0%, #fcfcd3 56%, #fcf7a5 100%);
    box-shadow: 1px 1px 6px 0px #404040;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

.employees-home-mid-row .vc_custom_1502387026906 {
    background-color: #f9f9f9 !important;
    padding-top: 20px !important;
    box-shadow: 4px 4px 9px -3px #2c3e50;
}

.employees-home-mid-row .vc_custom_1518019008576 {
    box-shadow: 1px 1px 6px 0px #404040;
}

.lwa tr .lwa-info {
    font-weight: 600;
    font-size: 26px;
}

#ubermenu-home-ql-73 {
    z-index: auto !important;
}

#ubermenu-home-ql-73 .ubermenu-target {
    padding-bottom: 5px;
    padding-top: 5px;
}

.cs-grid-column-row .widget .ftw-container {
    z-index: 1;
}


/* Adjust Front Page Slider Margin Bottom */

#metaslider_1409 {
    margin-bottom: 60px !important;
}


/* Testing pad content away from menu edge */

.main-content-col {
    padding-left: 2% !important;
}

.side-sub-menu-top-li>span.ubermenu-target>span.ubermenu-target-text,
.side-menu-top-li>span.ubermenu-target>span.ubermenu-target-text {
    font-weight: 500;
    font-size: larger;
}

.min-height-fix {
    min-height: 100px;
}

body.page-id-1484 .vc_row[data-vc-full-width] {
    overflow: visible !important;
}

#ubermenu-fa-20 .ubermenu-item-level-1:hover>.ubermenu-target,
.ubermenu-fa .ubermenu-item-level-1.ubermenu-active>.ubermenu-target {
    color: #ffc526;
    background: #000000!important;
}

.ubermenu-content-top .ubermenu-item-normal>.ubermenu-target:hover {
    background: #737373;
}

.ubermenu-content-top .ubermenu-submenu .ubermenu-item-header>.ubermenu-target:hover {
    background: #737373;
}

#ubermenu-nav-content-top-13-content-top .ubermenu-item-normal>.ubermenu-target:hover,
.ubermenu.ubermenu-content-top .ubermenu-item-normal.ubermenu-active>.ubermenu-target {
    background: #000000 !important;
}

.uber-icon-fix::after {
    content: unset !important;
}

.ubermenu-department-side {
    z-index: 10 !important;
}

#ubermenu-side-menu-19 {
    z-index: 10 !important;
}


/* Testing Police - Side Menu */

#ubermenu-nav-side-menu-19>li.ubermenu-item-687 {
    border: 1px solid gray;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    width: 100%;
    margin-bottom: 10px;
}

#ubermenu-nav-side-menu-19>li.ubermenu-item-687>span {
    padding-left: 10px;
    padding-right: 10px;
}


/* *** Portal Specific Testing *** */

.vc_custom_1509040508204 .wpb_wrapper .material-card-content {
    width: 100% !important;
}


/***************************************    Other *****************************************/

.programs-tabs-site-main {
    width: auto;
}

.form-click-button {
    color: #0000ff;
    text-decoration: underline;
    border: none;
    background-color: #FFFFFF;
    padding: 0;
    font-size: 16px;
}

.otw-two,
.otw-row .otw-two,
.otw-three,
.otw-row .otw-three,
.otw-columns {
    min-width: 300px !important;
}

.otw-sidebar .widget {
    margin-top: 10px;
    min-width: 100px;
    max-height: 400px;
}

#ilc-tabs-2,
#gambitpoptrendswidget-2 {
    background-color: rgba(255, 255, 255, 0.85);
    min-height: 300px;
    border-radius: 25px;
    padding: 10px;
}

.otw-sidebar-1 {
    max-width: 1200px;
}

.ubermenu-current-menu-item a {
    background: initial;
}

#ilc-tabs-3 {
    background: #fff;
    border-radius: 5px;
    box-shadow: 1px 1px 5px #000;
    padding: 15px;
    font-size: 18px;
}

#ilc-tabs-3 a {
    text-decoration: none;
}


/* Top Stories Widget */

.page-template-full-width .widget_kbl_topstorieswidget h1 {
    font-size: 22px;
    text-shadow: 1px 1px 1px #000;
    background: rgba(0, 0, 0, .5);
    color: #ffffff;
}

.popular-publications>li {
    background-color: rgba(78, 160, 232, 0.8) !important;
}

ul.popular-publications {
    background-color: rgba(250, 250, 250, 0.1) !important;
}

ul.popular-publications>li.itm>a>div.publication-over>h3.feature-title {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 20px !important;
}


/*****/


/*Fancy Text Widgets*/

.ftw-spacing strong {
    font-size: 28px !important;
}

.ftw-container {
    margin-top: 0 !important;
}


/* Quick Links Section */


/* Quick Links Header */

.head-widget>.wpb_wrapper>h3 {
    background: #000000;
    color: #ffffff;
    margin: 0;
    padding: 10px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 25px;
    line-height: 1;
    font-weight: 400;
}

.ql-head {
    background: #000000;
    color: #ffffff;
    margin: 0;
    padding: 10px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 28px;
    font-weight: 400;
    text-shadow: rgba(0, 0, 0, 0) 1px 1px 1px;
}

div.wpb_text_column.wpb_content_element.head-widget {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}


/*******/


/* Login With Ajax */


/* Hide the remember me and other options from the login form */

.lwa-submit-links {
    visibility: hidden;
}


/*******/


/* EventOn portal cal */


/* EventOn - Event List*/

.portal-col-content div.wpb_wrapper div.ajde_evcal_calendar.evoEL div#evcal_head p {
    background: #000000 !important;
    color: #ffffff !important;
    margin: 0 !important;
    padding: 10px !important;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 25px !important;
    line-height: 1 !important;
    font-weight: 400 !important;
    height: auto;
}

.cs-news-col,
.portal-col-content {
    margin-bottom: 0 !important;
}

.ajde_evcal_calendar .calendar_header {
    margin: 0 !important;
}

.ajde_evcal_calendar .eventon_events_list .eventon_list_event {
    overflow: visible;
}

.front-cal-footer {
    margin-bottom: 0 !important;
}


/*******/

.onepage-content-area .svc_grid_title {
    margin-bottom: 0;
    color: #fff;
    background: rgba(0, 0, 0, .5);
    margin-bottom: -20px;
    margin-right: 32px;
    margin-left: 20px;
    text-shadow: 1px 1px 1px #000;
    padding-left: 20px;
    font-family: Arial, Helvetica, sans-serif;
}

.onepage-content-area .svc_post_grid_list {
    margin-top: 13px !important;
}

.onepage-home-posts-readmorebox {
    margin-left: 20px;
    background: rgba(0, 0, 0, .5);
    margin-right: 32px;
    margin-top: 0;
    text-shadow: 1px 1px 1px #000;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    z-index: 3;
}

.onepage-home-posts-readmorebox a,
.onepage-home-full-calender-link a {
    text-decoration: none;
}

.onepage-content-area .svc_post_grid_list_container {
    padding-bottom: 0px !important;
}

.onepage-content-area .calendar_header {
    font-size: 24px !important;
    background: rgba(0, 0, 0, .5);
    color: #fff !important;
}

.onepage-content-area .calendar_header p {
    font-size: 24px !important;
    color: #fff !important;
    padding-left: 20px;
    text-transform: none !important;
    text-shadow: 1px 1px 1px #000;
}

.onepage-content-area .ajde_evcal_calendar {
    margin-top: 12px;
}

.onepage-home-full-calender-link {
    background: rgba(0, 0, 0, .5);
    text-shadow: 1px 1px 1px #000;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    margin-top: -36px;
    margin-right: 1px;
}

.onepage-content-area form#gform_7 {
    color: #fff;
    text-shadow: 1px 1px 1px #000;
}


/**********/


/* GENERAL-SITE */


/******************************************************************General Site ***************************************************/

body,
html {
    height: 100%;
}

.cs-grid-column-row {
    padding-left: 20px;
    padding-right: 20px;
}

.site {
    position: relative;
    margin: 0 auto;
    min-height: 100%;
    font-family: Arial, Helvetica, sans-serif;
    padding-bottom: 50px;
}

.site-container {
    margin: 0 auto;
    max-width: 2000px;
}

.main-header {
    height: auto;
    max-height: 220px;
    width: 100%;
}

.header-content-div {
    width: 100%;
    clear: both;
    margin: 0 auto;
    position: relative;
    background-color: transparent;
    vertical-align: middle;
}

.site-content {
    min-height: 100%;
    height: auto;
    width: 100%;
    margin: 0 auto;
    position: relative;
}

.content-area {
    max-width: 1200px;
    position: relative;
    min-height: 100%;
    margin: 0 auto;
}

.onepage-content-area {
    max-width: 100%;
    width: 100%;
    margin: 0 auto;
    padding: 0;
}

.main-left-sidebar {
    float: left;
    width: 230px;
    border-right-style: solid;
    border-right-color: #DBDBDB;
    border-right-width: thin;
    padding-right: 10px;
    margin-right: 10px;
    margin-bottom: 30px;
}

.main-left-sidebar li {
    line-height: 90%;
    margin: 22px 0;
}

.left-tabs-left-sidebar {
    margin-right: 0;
}

.site-main {
    float: none;
    margin: 0 auto;
    padding: 2% 2% 0;
}

.onepage-main {
    max-width: 100%;
    width: 100%;
    margin: 0 auto;
    padding: 0;
}

.forms-main {
    max-width: 900px;
}

.page-template-full-width .entry-content {
    margin: 0;
}

.onepage-main .entry-content {
    margin: 0;
}


/*
.site-title-background {
    / *z-index: -5;* /
    background: #000000;
    opacity: .32;
    width: 100%;
    max-width: 2000px;
    height: 47px;
    top: 10px;
    left: -5px;
    margin: 0 auto;
    box-shadow: 1px 1px 5px 5px #000000;
    position: absolute;
    border-radius: 3px;
}
*/

.site-title-container {
    position: relative;
    margin: 0 auto;
    margin-top: -55px;
    background: rgb(25, 25, 25);
    /* Fallback for older browsers without RGBA-support */
    background: rgba(25, 25, 25, 0.5);
    -moz-box-shadow: 0px -3px 3px rgba(25, 25, 25, .3);
    -webkit-box-shadow: 0px -3px 3px rgba(25, 25, 25, .3);
    box-shadow: 0px -3px 3px rgba(25, 25, 25, .5);
}

.site-title {
    font-size: 38px;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    color: #FFFFFF;
}

.site-footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    max-width: 2000px;
    background-color: #000000;
    background-repeat: repeat-x;
    color: #FFFFFF;
    height: 50px;
}

.site-footer a {
    color: #FFFFFF;
}

.site-footer a:visited {
    color: #FFFFFF;
}

.footer-info {
    width: 100%;
    margin: 0 auto;
}

.footer-info-left-float {
    text-align: center;
    width: 100%;
    list-style: none;
    margin-top: 0;
    margin-bottom: 10px;
}

.footer-info-right-float {
    float: right;
}

.footer-link {
    position: relative;
    float: left;
    padding-right: 10px;
    text-decoration: none;
    text-align: center;
}

.footer-link a {
    text-decoration: none;
}

.footer-link a:hover {
    color: #00a261;
}

.footer-copyright {
    font-size: 10px;
}

.footer-about-list {
    position: relative;
}

.footer-about-list ul {
    list-style: none;
}


/* unvisited link */

a {
    color: #152B72;
}


/* visited link */

a:visited {
    color: #152B72;
}

h1 {
    font-size: 2.5em;
}

h2 {
    font-size: 1.65em;
}

h3 {
    font-size: 1.35em;
}

h5 {
    font-size: .83em;
}

h6 {
    font-size: .75em;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #000000;
}


/* Header Search */

.search-header {
    float: right;
    margin-top: 87px;
    z-index: 11;
    position: absolute;
    right: 0;
}

#search,
#button {
    opacity: .4;
    transition: .4s;
}

#search:hover,
#search:hover+#button {
    opacity: 1;
    transition: .4s;
}

#search:focus,
#search:focus+#button {
    opacity: 1;
}


/* Search bleed through fix */

.proinput {
    z-index: 1;
}

.promagnifier {
    z-index: 1;
}

.prosettings {
    z-index: 1;
}

.content-infobox {
    float: right;
    width: 200px;
    background-color: #00a261;
    padding: 10px;
    margin-left: 10px;
    text-align: center;
    border-radius: 10px;
    box-shadow: 2px 2px 10px #737373;
    color: #fff;
    text-shadow: 1px 1px #737373;
}

.content-infobox a {
    text-shadow: none;
}

.dashboard-menu-item-surrounding-div {
    float: left;
    position: relative;
    width: 100px;
    height: 110px;
    margin: 5px;
    text-align: center;
    border: solid thin #646464;
    vertical-align: middle;
    box-shadow: 1px 1px 10px #222222;
}

.dashboard-menu-main-icons-row {
    clear: both;
}

.dashboard-menu-item-top-icon {
    margin-top: 20px;
}

.page-template-police-home .entry-meta {
    margin-left: 0;
}

.page-template-full-width .ubermenu-content-top {
    width: 100% !important;
}

.ubermenu-content-top {
    width: 100% !important;
}

.full-width-content-area {
    overflow-x: hidden;
    max-width: 100%;
}

.full-width-main {
    width: 100%;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    padding: 0;
}

.full-width-main .hentry {
    margin-bottom: 0;
}

.header-image-div {
    margin-top: 0;
    max-width: 2000px;
    margin: 0 auto;
}

.header-image {
    height: auto;
    max-height: 200px;
    width: 100%
}


/* Post Image */

.post-thumbnail img {
    margin: 0 10px 24px;
}

@media screen and (min-width: 2000px) {
    .site {
        /* padding-bottom: 50px; */
    }
}

@media screen and (max-width: 1139px) {
    .content-area {
        width: 100%;
    }
    .site {
        /* padding-bottom: 50px; */
    }
    .site-footer {
        position: absolute;
        bottom: 0;
        width: 100%;
        height: 50px;
    }
}

@media screen and (max-width: 1024px) {
    .search-header {
        margin-top: 175px;
        right: 50px;
    }
    .site {
        background-color: #000;
        /* padding-bottom: 50px; */
    }
    .site-footer {
        position: absolute;
        bottom: 0;
        width: 100%;
        height: 50px;
    }
    .content-area {
        margin: 0 auto;
        background-color: #FFFFFF;
    }
    .site-main {
        width: 100%;
    }
    .onepage-main {
        width: 100%;
    }
    .onepage-main .ubermenu-responsive-default.ubermenu.ubermenu-responsive .ubermenu-column,
    .ubermenu-responsive-default.ubermenu.ubermenu-responsive .ubermenu-column-auto {
        min-width: 0;
    }
    .onepage-main .ubermenu-responsive-default.ubermenu-responsive .ubermenu-item-level-0 {
        width: auto;
    }
    .main-right-column-content,
    .main-left-column-content {
        width: 350px;
    }
    .footer-info {
        width: auto;
    }
    .footer-link {
        float: none;
        text-align: center;
        padding-top: 10px;
    }
    .footer-info-left-float {
        margin-left: 0;
    }
    .footer-copyright {
        font-size: 10px;
    }
}

@media screen and (max-width: 820px) {
    .footer-info {
        width: 100%;
    }
    .search-field {
        width: 150px;
    }
}

@media screen and (max-width: 768px) {
    .page-template-full-width .vc_col-sm-3 {
        width: 100%;
    }
    .site-footer {
        position: absolute;
        bottom: 0;
    }
    #footer-info .ubermenu-responsive-toggle-footer {
        color: #ffffff;
        background-color: #000000;
    }
    .widget_kbl_topstorieswidget .head-widget {
        font-size: 18px !important;
    }
}

@media screen and (max-width: 720px) {
    .widget_kbl_topstorieswidget .head-widget {
        font-size: 28px !important;
    }
    .search-header {
        right: 50px;
        margin-top: 25px;
    }
    .search-header .search-field {
        width: 125px;
    }
    .site-footer {
        position: absolute;
        bottom: 0;
    }
}

@media screen and (max-width: 600px) {
    .site-title-background {
        opacity: 1;
    }
    .site-header {
        z-index: auto;
        height: 200px;
    }
    .site-title-div {
        margin-top: -10px;
        z-index: 0;
    }
    .header-image-div {
        height: auto;
        z-index: 0;
    }
}

@media screen and (max-width: 569px) {
    .site-title {
        font-size: 26px;
    }
    .footer-info {
        width: 100%;
    }
    .search-header {
        right: 8px;
        margin-top: 25px;
    }
}

@media screen and (max-width: 469px) {
    .site {
        background-color: #000;
        /* padding-bottom: 50px; */
    }
    .site-footer {
        position: absolute;
        bottom: 0;
        width: 100%;
        height: 50px;
    }
    .site-title {
        font-size: 24px;
        line-height: 90%;
        height: auto;
        margin-top: 7px;
        margin-bottom: 10px;
    }
    .main-left-column-content,
    .main-right-column-content {
        width: 300px;
    }
    .footer-info {
        width: 100%;
    }
    .search-header {
        right: 25px;
        margin-top: 90px;
    }
    .search-header .search-submit {
        padding-left: 0;
        padding-right: 0;
    }
    .search-header .search-field {
        width: 100px;
    }
    .site-content {
        z-index: 0;
    }
    .site-header {
        z-index: auto;
        height: auto;
    }
    .site-title-div {
        margin-top: -10px;
        z-index: 0;
    }
    .content-infobox {
        width: 100%;
        padding: 10px 0 0 0;
        margin: 0;
    }
    .header-image-div {
        height: auto;
    }
    .site-title-container {
        margin-top: auto;
    }
}

@media screen and (max-width: 333px) {
    .title-heading {
        font-size: 28px;
    }
    .main-left-column-content,
    .main-right-column-content {
        margin-left: 10px;
        width: 275px;
    }
    .footer-info {
        width: 100%;
    }
    .site-title {
        width: 275px;
    }
    .site {
        background-color: #000;
        /* padding-bottom: 50px; */
    }
    .site-footer {
        position: absolute;
        bottom: 0;
        width: 100%;
        height: 50px;
    }
}

@media print {
    .main-left-sidebar,
    .site-header,
    .header-image-div,
    .site-title-div-container,
    .content-top-menu-outer-div {
        display: none;
    }
    .site-main {
        width: 100%;
    }
    #jump-list {
        display: none;
    }
    .report-title {
        font-size: 2.0em;
    }
    .report-tables {
        max-width: 1150px;
    }
}

.report-tables {
    max-width: 1152px;
}

.de-contacts tr th {
    text-align: left;
    font-size: 1.3em;
}

.de-contacts tr td {
    padding-right: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
}

.hentry .de-contacts {
    width: 75%;
}

.de-contacts-title {
    padding-bottom: 20px;
}

.perkins-award tr th {
    border-style: solid;
    border-width: 1px;
    border-color: #222222;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
    background-color: #aaeef9;
}

.perkins-award td {
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 2px;
    padding-right: 2px;
}

.perkins-award tr:nth-child(even){
    background-color: #f1f1f1;
}

.gainful-data tr th {
    border-style: solid;
    border-width: 1px;
    border-color: #222222;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
    background-color: #aaeef9;
}

.gainful-data td {
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 2px;
    padding-right: 2px;
}

.gainful-data tr:nth-child(even) {
    background-color: #f1f1f1;
}


/***********/


/* IMAGES */


/******************************************************* Portal Background Image **********************************************/

.portal-bg-img {
    /* Set rules to fill background */
    min-height: 100%;
    min-width: 1500px;
    overflow: hidden;
    /* Set up proportionate scaling */
    width: 100%;
    height: auto;
    /* Set up positioning */
    position: fixed;
    top: 0;
    left: 0;
}

@media screen and (max-width: 1024px) {
    /* Specific to this particular image */
    .portal-bg-img {
        left: 50%;
        margin-left: -512px;
        /* 50% */
    }
}


/*****************************************************************Header Image****************************************/


/**************/


/* MAIN-NAVIGATION */


/************************************************************* MAIN Navigation *********************************************************/

.main-nav-div {
    height: 76px;
    width: 100%;
    margin: 0 auto;
    position: absolute;
    margin-top: 5px;
}

.main-nav-content-div {
    margin: 0;
    padding: 0;
    margin: 0 auto;
    height: 76px;
    width: 1015px;
}

.main-nav {
    position: relative;
    display: inline;
}

.main-nav-link a {
    display: inline-block;
    position: relative;
    width: 88px;
    height: 76px;
    opacity: 1;
    vertical-align: middle;
    color: #FFFFFF;
    text-decoration: none;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    text-shadow: 2.5px 1px 1px #000000;
    line-height: 125%;
    transition: opacity 1s;
    margin-left: 10px;
    float: left;
    border-radius: 4px;
}

.main-nav-link a:hover {
    opacity: 1;
    color: #FFFFFF;
    transition: opacity .4s;
}

.main-nav-link a:visited {
    color: #FFFFFF;
}

.main-nav-current-students a {
    background-color: #0356a6;
    box-shadow: 1px 1px 4px 1px #0356a6;
    padding-top: 15px;
}

.main-nav-future-students a {
    background-color: #00a261;
    box-shadow: 1px 1px 4px 1px #00a261;
    padding-top: 15px;
}

.main-nav-ged-adult a {
    background-color: #ffc526;
    box-shadow: 1px 1px 4px 1px #ffc526;
    padding-top: 7px;
}

.main-nav-bic a {
    background-color: #664e0e;
    box-shadow: 1px 1px 4px 1px #664e0e;
    padding-top: 7px;
}

.main-nav-about-sctc a {
    background-color: #556664;
    box-shadow: 1px 1px 4px 1px #556664;
    padding-top: 7px;
}

.main-nav-employees a {
    background-color: #234f76;
    box-shadow: 1px 1px 4px 1px #234f76;
    padding-top: 7px;
}

.main-nav-help a {
    background-color: #012242;
    box-shadow: 1px 1px 4px 1px #012242;
    padding-top: 28px;
}

.primary-menu-div {
    width: 100%;
    float: none;
    position: relative;
    z-index: 55;
}

.primary-menu-div .ubermenu-nav li a {
    text-align: center;
    vertical-align: middle;
    height: 50px;
    text-shadow: 1px 1px 2px #000000;
    padding: 10px;
    padding-bottom: 10px;
    min-width: 112px;
}

.primary-menu-div .primary-menu-current-students a {
    background: #03427d !important;
}

.primary-menu-div .primary-menu-current-students a:hover {
    background: #03427d !important;
}

.primary-menu-div .primary-menu-current-students a:active {
    background: #03427d !important;
}

.primary-menu-div .primary-menu-future-students a {
    background: #038551 !important;
}

.primary-menu-div .primary-menu-future-students a:hover {
    background: #038551 !important;
}

.primary-menu-div .primary-menu-ged a {
    background: #8f7100 !important;
}

.primary-menu-div .primary-menu-ged a:hover {
    background: #8f7100 !important;
}

.primary-menu-div .primary-menu-business a {
    background: #473607 !important;
}

.primary-menu-div .primary-menu-business a:hover {
    background: #473607 !important;
}

.primary-menu-div .primary-menu-about a {
    background: #556664 !important;
}

.primary-menu-div .primary-menu-about a:hover {
    background: #556664 !important;
}

.primary-menu-div .primary-menu-programs a {
    background: #193829 !important;
}

.primary-menu-div .primary-menu-programs a:hover {
    background: #193829 !important;
}

.primary-menu-div .primary-menu-employees a {
    background: #234f76 !important;
}

.primary-menu-div .primary-menu-employees a:hover {
    background: #234f76 !important;
}

.primary-menu-div .primary-menu-help a {
    background: #012242 !important;
}

.primary-menu-div .primary-menu-help a:hover {
    background: #012242 !important;
}

.primary-menu-logo img {
    max-height: 50px;
    padding: 0;
    margin: 0;
    padding-right: 20px;
}

.primary-menu-div .ubermenu-custom-content-padded {
    padding: 0 !important;
    margin: 0;
}

.primary-menu-item-4 {
    clear: right;
}

.main-navigation .toggled {
    z-index: 1000;
}

.logo-main-nav {
    position: absolute;
    left: 10%;
    max-width: 180px;
    height: auto;
    clear: none;
    float: right;
    margin-top: -10px;
    margin-bottom: -10px;
    float: left;
}

.portal-dummy-nav {
    display: None;
}

.ubermenu-content-top .ubermenu-item-type-custom .ubermenu-custom-content {
    max-height: 50px;
    padding-top: 10px;
}

.ubermenu-content-top .ubermenu-custom-content-padded {
    overflow: hidden;
}

@media screen and (max-width: 1139px) {
    .main-nav-about-sctc {
        clear: left;
    }
    .logo-main-nav-div img {
        margin-top: 45px;
    }
    .main-nav-about-sctc,
    .main-nav-programs,
    .main-nav-employees,
    .main-nav-help {
        margin-top: 5px;
    }
}

@media screen and (max-width: 1023px) {
    .main-nav-br {
        display: inherit;
    }
    .main-nav-content-div {
        width: 606px;
    }
    .main-nav-group1 {
        position: relative;
    }
    .main-nav-group2 {
        position: relative;
        margin-top: 10px;
    }
}

@media screen and (max-width: 899px) {
    .logo-main-nav-div img {
        left: 10%;
    }
}

@media screen and (max-width: 720px) {
    .logo-main-nav-div img {
        left: 1%;
    }
}

@media screen and (max-width: 600px) {
    .logo-main-nav-div img {
        margin-top: 0;
        max-width: 120px;
    }
    .menu-toggle {
        color: #FFFFFF;
        background-color: transparent;
        font-size: 24px;
        Position: relative;
        float: right;
        margin-bottom: 12px;
    }
    .toggled .menu-toggle {
        font-style: italic;
    }
    .fa-caret-square-o-right {
        font-size: 17px;
    }
    .toggled .fa-caret-square-o-right {
        display: none;
    }
    .fa-caret-square-o-down {
        display: none;
    }
    .toggled .fa-caret-square-o-down {
        display: inline-block;
        font-size: 17px;
    }
    .main-nav-link a {
        margin-top: 10px;
    }
    .main-nav-bic {
        clear: none;
        margin-top: 0;
    }
    .main-nav-employees {
        clear: none;
        margin-bottom: 10px;
    }
    .main-nav-about-sctc {
        clear: left;
        margin-top: 0;
    }
}

@media screen and (max-width: 569px) {
    .main-nav-content-div {
        width: 400px;
    }
}

@media screen and (max-width: 469px) {
    .main-nav-about-sctc {
        clear: none;
    }
    .main-nav-bic {
        clear: left;
    }
    .main-nav-employees {
        clear: left;
    }
}

@media screen and (max-width: 412px) {
    .menu-toggle {
        font-size: 20px;
    }
}

@media screen and (max-width: 340px) {
    .main-nav-adult,
    .main-nav-about-sctc {
        clear: left;
    }
    .main-nav-bic {
        clear: none;
    }
    .main-nav-programs,
    .main-nav-about-sctc,
    .main-nav-help,
    .main-nav-employees {
        margin-top: 0;
    }
}


/************/


/* BLUE-NAV-MENU */


/**************************Blue bar Content0 TOP MENU***************************************/

.content-top-menu-outer-div {
    background-color: #0356a6;
    position: relative;
    box-shadow: 1px 1px 5px 0px #000000;
    z-index: 50;
}

.content-top-menu-inner-div {
    position: relative;
}

.site-area-menu li {
    text-decoration: none;
    color: #FFFFFF;
}

.site-area-menu a {
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
}

.site-area-menu a:hover {
    color: #ffc526;
}

.primary-menu-logo img {
    max-width: 140px;
}

.site-area-menu li:first-child {
    clear: both;
}


/*************/


/* POSTS */


/***************************************** Post Customization *************************************/

.about-us-entry-title {
    font-size: 26px;
}

.about-us-entry-meta {
    font-size: 14px;
    font-style: italic;
}

.post {
    border-bottom-style: solid;
    border-bottom-color: #DBDBDB;
    border-bottom-width: thin;
    padding-bottom: 25px;
}


/* Some URLs to posts are tagged by plugins with .post class. This corrects the above. */

a.post.post-page {
    border-bottom-style: initial;
    border-bottom-color: initial;
    border-bottom-width: initial;
    padding-bottom: initial;
}

.cs-home-author {
    font-size: 10px;
    font-weight: bold;
}

.cs-home-entry-title a {
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 28px;
}

.cs-home-meta-info-title {
    font-weight: bold;
}

.cs-home-hr {
    height: 1px;
    color: #ddd;
    width: 100%;
    float: left;
    margin-top: -5px;
    margin-bottom: -5px;
}

.cs-home-hr-top {
    margin-bottom: -5px;
}

.cs-home-hr-bottom {
    margin-top: -16px;
}

.cs-home-tag-links {
    padding: 1px 3px 2px 3px;
    background-color: #C9C9C9;
    border-radius: 4px;
}

.cs-home-tag-links a {
    text-decoration: none;
}

.cs-home-cat-links {
    padding: 1px 3px 2px 3px;
    background-color: #CFD0FF;
    border-radius: 4px;
}

.cs-home-cat-links a {
    text-decoration: none;
}

.cs-home-comments-link a {
    text-decoration: none;
}

.main-left-column-content article,
.main-left-column-content .ivycat-post {
    background-color: #FFFFFF;
    padding-bottom: 0;
    float: left;
    border-radius: 4px;
    box-shadow: 2px 2px 4px #000000;
}

.main-left-column-content .ivycat-post {
    padding: 5px;
}


/***************************************    Post/Comment New Highlight *****************************************/

.new-article {
    background: #feffdd;
    padding: 3px;
    border: 1px solid #eeefd2;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-left: 5px;
    font-size: small;
    font-weight: bold;
}

.entry-title a {
    color: #000000;
    text-decoration: none;
}

.post-content-hr {
    margin-left: -20px;
}

.post-content-hr1,
.post-content-hr3 {
    margin-bottom: -0px;
}

.post-content-hr2,
.post-content-hr4 {
    margin-top: -0px;
}

.post-content-hr4 {
    margin-bottom: 0;
}

.entry-meta a {
    color: #000;
    font-weight: bold;
}

.nav-links a {
    color: #000;
    font-weight: bold;
}

.single-post article {
    border-bottom: none;
    padding-bottom: 0;
}

.comments-area {
    margin-top: 50px;
}

.type-post img {
    border-radius: 25px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.post-thumbnail-div {
    margin: 0 auto;
    float: left;
    padding: 10px;
}

.post-thumbnail-caption-div {
    max-width: 300px;
    font-size: 10px;
}

.type-post .entry-title {
    clear: none;
}


/*************/


/* PLUGIN-SPECIFIC */


/********** All in one event Calendar **********/

.ai1ec-calendar-toolbar {
    max-width: 180px;
    position: relative;
    float: right;
    height: 30px;
    z-index: 1;
}

.ai1ec-calendar-title {
    font-size: 10px;
}

.timely .ai1ec-nav>li>a {
    padding: 7px 15px;
}

.ai1ec-btn-toolbar .ai1ec-btn-group {
    float: right;
}

.ai1ec-calendar-toolbar,
.ai1ec-agenda-view,
.ai1ec-btn-group {
    box-shadow: 2px 2px 4px #000000;
}

/********** END  All in one event Calendar **********/


/* SVC Grid */
div.svc_post_grid {
    background: white;
}

/* Widescreen Box Shadow */
#page .site-container {
    box-shadow: 0px 0px 20px 2px rgba(0,0,0,0.75);
    min-height: 100vh !important;
}

/*Meta Slider */

.metaslider {
    margin-top: -45px;
    box-shadow: 2px 2px 12px #787474;
    border-radius: 15px;
    max-width: 100% !important;
}

.page-template-full-width .vcop-postlist ul {
    background: #ffffff;
    background: rgba(255, 255, 255, .9);
    padding: 10px;
    border-radius: 10px;
    box-shadow: 1px 1px 5px #000;
}

.page-template-full-width .vcop-postlist ul .admp-date,
.page-template-full-width .vcop-postlist ul .admp-category,
.page-template-full-width .vcop-postlist ul .admp-views {
    font-size: 12px;
}

.page-template-full-width .vcop-postlist ul .admp-date {
    color: #0D18DF;
    font-weight: bold;
}


/*Better Weather */

.better-weather .bw_summary,
.better-weather .bw_degree {
    top: 15px !important;
}

.better-weather {
    height: 85px !important;
    max-height: 85px !important;
}


/* Better Weather has break points. They are just terrible. Overridden with !important in case BW sets them late. */

@media only screen and (max-device-width: 750px)
/*and (-webkit-min-device-pixel-ratio: 1)*/

{
    .better-weather .bw_date-loc {
        visibility: hidden !important;
    }
}

@media only screen
/*and (min-device-width: 320px)*/

and (max-device-width: 550px)
/*and (-webkit-min-device-pixel-ratio: 1)*/

{
    .better-weather .bw_down-degree,
    .better-weather .bw_up-degree,
    .better-weather .bw_days {
        visibility: hidden !important;
    }
}

@media only screen
/*and (min-device-width: 320px)*/

and (max-device-width: 440px)
/*and (-webkit-min-device-pixel-ratio: 1)*/

{
    .better-weather .bw_summary {
        width: 25% !important;
    }
    /* Selector had to be made highly specific because the plugin is also using !important */
    .better-weather .bw_currently .bw_summary .bw_icon-container .bw_icon {
        font-size: 25px !important;
    }
}


/* End Better Weather*/

.svc_post_grid img {
    max-height: 139px !important;
    width: auto !important;
}

.page-template-onepage div.svc_post_grid article {
    margin: 0px !important;
}

.page-template-onepage .svc_post_grid_list_container {
    padding: 20px;
    border-radius: 15px;
}

.page-template-default div.svc_post_grid_s1 article footer ul.svg_post_meta {
    margin-left: 0 !important;
}

.svc_active i {
    color: #00a261 !important;
    background: none;
}

.svc_sort_div,
.svc_view_type_div {
    background: #fff !important;
}

.svc_title {
    color: #000000 !important;
    font-size: 22px !important;
    text-decoration: none !important;
}

.svc_post_cat a {
    color: #000000 !important;
    text-decoration: none !important;
}

.svc_categories_filter li a {
    border: none !important;
    text-decoration: none !important;
    border-radius: 45px !important;
}

.ubermenu-fa {
    z-index: 1 !important;
}

.ubermenu-submenu-type-stack {
    display: block;
}


/*Gravity Forms */

body .gform_wrapper .gfield_time_hour,
body .gform_wrapper .gfield_time_minute {
    margin-right: 2% !important;
}

body .gform_wrapper .gform_body .gform_fields .gfield .gfield_time_hour input,
body .gform_wrapper .gform_body .gform_fields .gfield .gfield_time_minute input {
    width: 50px !important;
}

.gfield_label {
    margin-bottom: 0px !important;
    margin-top: 30px !important;
    font-weight: bold !important;
}

.page-template-forms .gform_wrapper {
    padding-left: 30px;
    background-color: #ECF0F1;
    box-shadow: 1px 1px 8px;
    border-top-left-radius: 30px;
    padding-bottom: 20px;
}

.page-template-forms .gform_wrapper .gform_heading {
    width: 100%;
}

.page-template-forms .gform_wrapper .gform_title {
    margin-left: -30px;
    background-color: #2C3E50;
    padding: 10px;
    color: #fff;
    border-top-left-radius: 30px;
}

.gform_next_button {
    float: right;
}


/* wrapper_9 = Online Orientation  */

body #gform_wrapper_9 .gform_body .gform_page_footer .gform_next_button {
    background-color: #1678FF;
    padding: 1% 5%;
    font-size: 1.5em;
    border-radius: 5px;
    text-shadow: 1px 1px rgba(255, 255, 255, 0.5);
}

body #gform_wrapper_9 .gform_body .gform_page_footer .gform_previous_button {
    background-color: #7CB3FF;
    font-size: 1.1em;
    border-radius: 5px;
}

body #gform_wrapper_9 .gform_body .gform_page_footer .gform_button {
    background-color: #39c13f;
    padding: 1% 5%;
    font-size: 1.5em;
    border-radius: 5px;
    text-shadow: 1px 1px rgba(255, 255, 255, 0.5);
    float: right;
}

.gform_page_footer {
    overflow: auto;
}

.page-template-forms .gform_wrapper input[type="submit"] {
    float: right;
}

.gform_save_link {
    float: left;
    clear: both;
    margin-top: 30px;
}


/* Make form: Quick-Note compact */

.quick-note-to {
    margin-top: 0 !important;
}

.quick-note-text {
    margin-top: 0 !important;
}

.quick-note-col .gform_title {
    margin: 0 !important;
}

.page-template-forms .gform_wrapper input[type="button"],
.page-template-forms .gform_wrapper input[type="reset"],
.page-template-forms .gform_wrapper input[type="submit"] {
    -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.2);
    background: #1993fb;
    background-color: #3498DB;
    background-image: -webkit-linear-gradient(top, #4cb1fe, #229afc 40%, #138df6);
    background-image: -moz-linear-gradient(top, #4cb1fe, #229afc 40%, #138df6);
    background-image: -o-linear-gradient(top, #4cb1fe, #229afc 40%, #138df6);
    background-image: linear-gradient(to bottom, #4cb1fe, #229afc 40%, #138df6);
    border: 1px solid;
    border-color: #2980B9;
    border-color: #1486f9 #0f7de9 #0d6acf;
    border-radius: 4px;
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.2);
    color: #000000;
    padding: 5px 10px;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.2);
}

.page-template-forms .gform_wrapper .has_street label {
    margin-top: 0px !important;
}

div.svc_post_grid article:hover,
div.svc_post_grid article {
    background: #ffffff;
}

div.svc_post_grid_list_container article {
    background: #ffffff;
}

@media screen and (max-width: 440px) {
    .page-template-onepage .svc_post_grid_list_container {
        padding-left: 0;
        padding-right: 0;
    }
    .onepage-content-area .vc_col-sm-12.wpb_column.vc_column_container {
        padding-left: 5px;
        padding-right: 3px;
    }
    .onepage-content-area .svc_grid_title {
        margin-left: 0;
        margin-right: 0;
    }
}


/* vc_tta-accordion on /apply-online/ steps page  */

.vc_tta-panel.vc_active.apply-online-accrd-sec .vc_tta-panel-heading {
    background-color: #72cbff !important;
    border-color: #75bbff !important;
}

.vc_tta-panel.vc_active.apply-online-accrd-sec .vc_tta-panel-heading>.vc_tta-panel-title>a {
    color: #0A1429 !important;
}


/* Special Pop Images  */

.ss-sp-img figure>a>img {
    box-shadow: -3px 5px 6px 0 rgba(0, 0, 0, 0.5) !important;
}


/* Students Campus Carry Video Cover  */

.campus-carry-video-cover-wrap .cq-videocover-img {
    -webkit-box-shadow: 5px 5px 20px 10px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 5px 5px 20px 10px rgba(0, 0, 0, 0.75);
    box-shadow: 5px 5px 20px 10px rgba(0, 0, 0, 0.75);
}

.front-slider-col {
    margin-left: auto;
    margin-right: auto;
}


/* Export of CSS designer for frontdev page.*/


/*

    T A B L E   O F   C O N T E N T S
    ........................................................................

    01. "FrontDev" Page

*/


/*-----------------------------------------------*/


/*  "FrontDev" Page                              */


/*-----------------------------------------------*/

body.page-id-1853 #ubermenu-front_slide-side-49 .ubermenu-item {
    background-image: linear-gradient(180deg, #209352 0%, #26935C 50%, #2fa265 100%) !important;
}

body.page-id-1853 #ubermenu-nav-front_slide-side-49 .ubermenu-item a {
    color: #ffffff;
}

body.page-id-1853 #ubermenu-front_slide-side-49 {
    z-index: 0 !important;
    background-color: #2fa265 !important;
}

body.page-id-1853 .ubermenu-target-nowrap {
    white-space: nowrap;
}

body.page-id-1853 .entry-content .wpb_row .vc_custom_1501600732595 {
    padding-bottom: 15px;
}

body.page-id-1853 .entry-content .wpb_row .vc_custom_1501510715741 {
    padding-bottom: 15px;
}

body.page-id-1853 .front-menu-top-top {
    margin-bottom: 0;
}

body.page-id-1853 .front-menu-top-top .wpb_wrapper .ubermenu-item-layout-icon_left {
    top: auto;
    position: relative;
}

body.page-id-1853 .front-top-top-right {
    position: relative !important;
}

body.page-id-1853 .vc_row[data-vc-full-width] {
    overflow: visible !important;
}

body.page-id-1853 .vc_custom_1501510998336 .wpb_wrapper nav {
    background: #d5d5d5;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f1f1f1), color-stop(0.16666666666666669, #f5f5f5), color-stop(0.33333333333333337, #f9f9f9), color-stop(0.5000000000000001, #ffffff), color-stop(0.6666666666666667, #f9f9f9), color-stop(0.8333333333333334, #f1f1f1), color-stop(1, #d5d5d5));
    background-image: -moz-linear-gradient(top, #f1f1f1 0%, #f5f5f5 16%, #f9f9f9 33%, #ffffff 50%, #f9f9f9 66%, #f1f1f1 83%, #d5d5d5 100%);
    background-image: -o-linear-gradient(top, #f1f1f1 0%, #f5f5f5 16%, #f9f9f9 33%, #ffffff 50%, #f9f9f9 66%, #f1f1f1 83%, #d5d5d5 100%);
    background-repeat: repeat-x;
}

body.page-id-1853 .vc_custom_1501510998336 .wpb_wrapper .ubermenu-item-layout-image_left {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
}

body.page-id-1853 .svc_post_grid_list .svc_grid_title {
    background-image: linear-gradient(141deg, #0842bd 0%, #2b93e7 100%);
    border-top-right-radius: 7px;
    border-top-left-radius: 6px;
}

body.page-id-1853 #evcal_head {
    background-color: #9e9e9e;
    background-image: linear-gradient(-90deg, #137116 0%, #0caa41 100%);
    border-top-right-radius: 7px;
    border-top-left-radius: 7px;
}

body.page-id-1853 .entry-content .wpb_row article {
    background-image: linear-gradient(to top, #e8e8e8 0%, #ffffff 89%, #e0e0e0 100%) !important;
}

body.page-id-1853 .element-item header .svc-col-sm-8 p a {
    color: #0c0c0c !important;
}

body.page-id-1853 .svc_post_grid .time span {
    color: #2c3e50;
}

body.page-id-1853 .svc_post_grid header .svc_read_more {
    color: #2c3e50 !important;
}

body.page-id-1853 .front-cal-full-link p a {
    border-style: solid;
    background-color: #bec2c3;
    text-align: center;
    font-weight: 500;
    display: block;
    border-width: 1px;
    padding-top: 7px;
    padding-bottom: 7px;
    border-bottom-right-radius: 7px;
    border-bottom-left-radius: 7px;
    color: #0b486b;
}

body.page-id-1853 .ubermenu .ubermenu-submenu-type-stack>.ubermenu-divider hr {
    border-top: 1px solid rgba(191, 191, 191, 0.3);
}

body.page-id-1853 .onepage-content-area .svc_grid_title {
    margin: 0 !important;
    padding-bottom: 0 !important;
    padding-top: 0 !important;
}

body.page-id-1853 div.svc_post_grid article {
    width: auto;
    margin: 0 !important;
}

body.page-id-1853 .yp-selector-hover .front-cal-full-link p a {
    background-color: #d4dbdc;
}

body.page-id-1853 .vc_custom_1501510715741 .wpb_wrapper .front-cal {
    margin-bottom: 0;
}

body.page-id-1853 .wpb_wrapper .front-cal-full-link .wpb_wrapper p a {
    border-color: #e2e2e2 !important;
}

body.page-id-1853 .front-menu-top-col .wpb_wrapper .vc_custom_1501611535748 {
    margin-bottom: 0;
}

.front-social a {
    color: initial;
}

.front-social a:visited {
    color: initial;
}

.footer-details-wrap {
    color: #000000;
}

.footer-details-wrap a,
.footer-details-wrap a:visited {
    color: initial;
}

@media screen and (min-width: 1024px) {
    /* ubermenu-item-#'s are very fragile. See if you can attach a custom class in a way that persists plugin updates. */
    /* SCTC Logo in front-menu-top-top */
    .ubermenu-item-2059 a {
        padding-left: 0 !important;
    }
    /* Search box in front-menu-top-top */
    .ubermenu-item-2061 {
        margin-right: 20px;
    }
    .ubermenu-front_top-top {
        max-width: 1000px;
        margin-left: auto !important;
        margin-right: auto !important;
    }
    .ubermenu-front_slide-side {
        height: 269.56px !important;
    }
    .ubermenu-front_slide-side ul {
        height: 100% !important;
    }
    .ubermenu-front_slide-side li {
        height: 25% !important;
        width: 100% !important;
    }
    .ubermenu-front_slide-side a {
        height: 100% !important;
        width: 100% !important;
        padding-top: 9% !important;
    }
    body.page-id-1853 .news-and-events-row-outer {
        margin: auto;
        max-width: 1000px;
    }
    .front-slider-col {
        max-width: 1000px;
    }
    body.page-id-1853 .front-slider-col {
        padding-top: 35px;
        padding-bottom: 35px;
    }
    body.page-id-1853 #ubermenu-front_slide-side-49 {
        float: left;
    }
    #metaslider_1881 {
        width: 744px;
        float: left;
        margin-right: -100%;
        position: relative;
    }
    body.page-id-1853 #ubermenu-nav-front_slide-side-49 li {
        float: left;
        clear: left;
    }
    .front-slider-menu {
        float: left;
    }
}

/* HIDE YP BUTTON */
a.yp-btn {
    display: none !important;
}

/* SR Safe Hide */

.hide-sr-safe,
.safehide, .safe-hide {
    position: absolute !important;
    left: -10000px !important;
    top: auto !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
}

.hide-sr-safe {
    position: absolute !important;
    left: -10000px !important;
    top: auto !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
}

.safe-contrast {
    color: #000000 !important;
    background-color: #ffffff !important;
}

table.tuition-fees,
table.tuition-fees th,
table.tuition-fees td {
    border: 1px solid black;
}

table.tuition-fees td {
    padding: 2px 15px;
    text-align: right;
}

table.tuition-fees td {
    padding: 2px 15px;
    text-align: right;
}

table.tuition-fees th {
    color: black;
    background-color: #d0ffd0;
    text-align: center;
    padding: 5px;
    vertical-align: middle;
}


/* Report tables */

table.schedule {
    border-collapse: collapse;
}

table.schedule,
table.schedule th,
table.schedule td {
    border: 1px solid black;
}

table.schedule th {
    color: black;
    background-color: #d0ffd0;
}

.schedule tr:nth-child(even) {
    background-color: #f2f2f2;
}

table.schedule {
    width: 100%;
}

table.schedule th {
    text-align: left;
    font-size: 0.9em;
    font-weight: bold;
    padding: 3px 2px 3px 2px;
}

table.schedule td {
    vertical-align: top;
    padding: 1px 2px 1px 2px;
    font-size: 0.85em;
}

table.schedule td {
    white-space: nowrap;
}

table.schedule th {
    white-space: nowrap;
}

table.schedule .txt-wrap {
    white-space: normal;
}

table.schedule .notes {
    min-width: 100px;
}

table.schedule .credits {
    text-align: center;
}

.report-title {
    margin-bottom: 5px;
}

.report-subtitle {
    margin-top: 5px;
}

.report-title,
.report-subtitle,
.report-subsubtitle {
    text-align: center;
}

.report-date {
    text-align: right;
}




/* Misc 2 */

.h2-1em {
    font-size: 1em;
    font-weight: bold;
}

.h3-1em {
    font-size: 1em;
    font-weight: bold;
}

.blocker {
    z-index: 100 !important;
}

.single-prog_pod h3 {
    margin-top: 15px;
    margin-bottom: 10px;
}

.h1-normal {
    font-weight: 400;
}

.h2-normal {
    font-weight: 400;
}

.h3-normal {
    font-weight: 400;
}

.h4-normal {
    font-weight: 400;
}

.h-normal {
    font-weight: 400;
}

.h3-small {
    font-size: 1em;
    font-weight: 400;
}


/* For type Programs under /catalog/ */

/* Pages */
.program-page-title{
    text-align: center;
    font-weight: bold;
    font-size: 2.2em;
}


table.th-light-green th {
    color: black;
    background-color: #b4ffd1;
    font-size: 1.2em;
}

table.th-light-blue th {
    color: black;
    background-color: #dadaff;
    font-size: 1.2em;
}

table.th-light-blue th tr {
    color: black;
    background-color: #dadaff;
    font-size: 1.2em;
}

table.th-light-green th {
    color: black;
    background-color: #b4ffd1;
    font-size: 1.2em;
    padding-left: 5px;
    padding-right: 5px;
    border-bottom: 2px solid gray;
}

table.th-light-blue th {
    color: black;
    background-color: #dadaff;
    font-size: 1.2em;
    text-align: left;
}

table.th-light-green th {
    color: black;
    background-color: #b4ffd1;
    font-size: 1.2em;
    padding-left: 5px;
    padding-right: 5px;
    border-bottom: 2px solid gray;
}

table.th-light-blue th {
    color: black;
    background-color: #dadaff;
    font-size: 1.2em;
    text-align: left;
}

table.table-stripe tr:nth-child(odd) {
    background-color: #d9d9d9;
}

table.table-stripe tr:nth-child(even) {
    background-color: #ffffff;
}

table.prog-table tr td {
    padding-right: 15px;
}

.cr-header {
    text-decoration: none;
    color: black;
}

.hidden {
    display: none;
}

.total-row {
    font-weight: bold;
}

table.prog-table tr td,
table.prog-table th,
table.add-cost tr td,
table.add-cost th,
table.electives-table tr td,
table.electives-table th {
    padding-right: 15px;
    padding-left: 10px;
}

.prog-table tr td:last-child {
    text-align: center;
}

.electives-table tr td:last-child {
    text-align: center;
}

.prog-table a {
    white-space: nowrap;
}

.table-note {
    margin-top: 0;
    margin-bottom: 0;
}

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

.cc-or td:nth-child(2) {
    border-bottom: 1px solid gray;
    /* border-top: 1px solid gray; */
    border-left: 1px solid gray;
}

.cc-or td:nth-child(3) {
    border-bottom: 1px solid gray;
    /* border-top: 1px solid gray; */
    border-right: 1px solid gray;
}

.cc-er td {
    font-style: italic;
}

.cc-er td:nth-child(2) {
    border-bottom: 2px solid slategray;
}

.cc-er td:nth-child(3) {
    border-bottom: 2px solid slategray;
}

.cc-er td:last-child {
    font-style: normal;
}

td.course-option {
    text-align: right;
}

td.alt-cr {
    text-align: left;
}

.area-table th:first-child {
    width: 27%;
}

.area-table tr td:nth-child(2) {
    white-space: nowrap;
}

.notes-popup {
    padding-bottom: 30px;
}

.cc-oh {
    float: right;
    padding-left: 15px;
}

.locations-table th {
    background-color: #4CAF50;
    color: #ffffff;
    text-align: left;
}

.locations-table th:nth-child(5) {
    padding-right: 25px;
}

.locations-table td:nth-child(4) {
    white-space: nowrap;
}

.locations-table td {
    padding-right: 15px;
}

.locations-table tr:nth-child(odd) {
    background-color: #e9e9e9;
}

.locations-table tr:nth-child(even) {
    background-color: #ffffff;
}

ol.alpha {
    list-style-type: lower-alpha;
}

.very-strong-note {
    font-size: 125%;
}

p.course-notes {
    margin-top: 2px;
    margin-bottom: 10px;
}

/* .prog-table td:nth-child(1), .prog-table td:nth-child(2) {
    white-space: nowrap;
} */

/* Add to dev */
.cc-er td {
    padding-top: 5px;
}

sup {
    margin-top: 1px;
}

.prog-table tr td, .electives-table tr td {
    padding-top: 2px;
    padding-bottom: 1px;
}


/** Programs Tables **/


/* Testing already assigned class: curriculum-table */

.curriculum-table tr:nth-child(even) {
    background-color: #f2f2f2;
}

.add-cost-table tr:nth-child(even) {
    background-color: #f2f2f2;
}

.locations-table tr:nth-child(even) {
    background-color: #f2f2f2;
}

.locations-table th {
    background-color: #4CAF50;
    color: #ffffff;
}

.course-table th {
    background-color: #000000;
    color: #ffffff;
}

.course-table tr:nth-child(even) {
    background-color: #f2f2f2;
}

.gen-ed-table td {
    border: 1px solid black !important;
}

.payment-plan-table th {
    background-color: lightslategrey;
    color: #ffffff;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 20px;
    padding-bottom: 20px;
}

.payment-plan-table tr:nth-child(even) {
    background-color: #f2f2f2;
}

.payment-plan-table td {
    padding: 2%;
}

.payment-plan-table table {
    margin: 0 auto;
}

.scholarship-em {
    font-weight: bold;
}

.scholarship-u-em {
    font-weight: bold;
    text-decoration: underline;
    font-size: 1.15em;
}

.scholarship-deadlines {
    background-color: yellow;
}


/* For Custom Type Program */
.modal-wide {
    max-width: 1024px !important;
}

div.program {
    margin-top: 50px;
    margin-bottom: 50px;
    max-width: 1024px;
    margin-left: auto;
    margin-right: auto;
    padding: 25px;
}

div.prog-locs-wrap {
    margin-top: 50px;
    margin-bottom: 50px;
    max-width: 1024px;
    margin-left: auto;
    margin-right: auto;
    padding: 25px;
}

div.original p, div.original li {
    font-size: 13px;
}

.cr-header {
    text-decoration: none;
    color: black;
}

.hidden {
    display: none;
}

.total-row {
    font-weight: bold;
}

table.prog-table tr td, table.prog-table th, table.add-cost tr td, table.add-cost th, table.electives-table tr td, table.electives-table th {
    padding-right: 10px;
    padding-left: 10px;
    padding-top: 2px;
    padding-bottom: 2px;
}

.prog-table tr td:last-child {
    text-align: center;
}

.electives-table tr td:last-child {
    text-align: center;
}

.prog-table a {
    white-space: nowrap;
}

.prog-table td:nth-child(1){
	white-space: nowrap;
}

.pma3-electives-table a {
    white-space: nowrap;
}

.table-note {
    margin-top: 0;
    margin-bottom: 0;
}

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

.cc-or td:nth-child(2) {
    border-left: 2px solid gray;
    /* position: relative;
    left: 20px; */
}

.cc-or td:nth-child(3) {
    border-right: 2px solid gray;
    /* position: relative;
    left: 20px; */
}

.cc-or-last td:nth-child(2) {
    border-bottom: 2px solid gray;
    border-left: 2px solid gray;
    /* position: relative; */
    /* left: 20px; */
}

.cc-or-last td:nth-child(3) {
    border-bottom: 2px solid gray;
    border-right: 2px solid gray;
    /* position: relative; */
    /* left: 20px; */
}

.cc-or-first td:nth-child(2) {
    border-top: 2px solid gray;
    border-left: 2px solid gray;
    /* position: relative; */
    /* left: 20px; */
}

.cc-or-first td:nth-child(3) {
    border-top: 2px solid gray;
    border-right: 2px solid gray;
    /* position: relative; */
    /* left: 20px; */
}

.cc-or-so td:nth-child(2) {
    border-top: 2px solid gray;
    border-left: 2px solid gray;
    border-bottom: 2px solid gray;
    /* position: relative; */
    /* left: 20px; */
}

.cc-or-so td:nth-child(3) {
    border-top: 2px solid gray;
    border-right: 2px solid gray;
    border-bottom: 2px solid gray;
    /* position: relative; */
    /* left: 20px; */
}

.cc-or-gr td:nth-child(2) {
    border-bottom: 1px solid gray;
}

.cc-or-gr td:nth-child(3) {
    border-bottom: 1px solid gray;
}



.cc-or-group td:nth-child(2) {
    border-bottom: 1px solid gray;
    /* border-top: 1px solid gray; */
    border-left: 2px solid gray;
}

.cc-or-group td:nth-child(3) {
    border-bottom: 1px solid gray;
    /* border-top: 1px solid gray; */
    border-right: 2px solid gray;
}


.cc-or-group td:nth-child(2) {
    text-align: center;
}


.cc-or-group-last td:nth-child(2) {
border-bottom: 2px solid gray;
}

.cc-or-group-last td:nth-child(3) {
border-bottom: 2px solid gray;
}

.cc-or-group td {

}


.cc-er td:nth-child(2) {
    padding-top: 3px;
    padding-bottom: 3px;
    border-bottom: 1px solid gray;
    border-left: 2px solid gray;
    border-top: 2px solid gray;
    /* position: relative; */
    /* right: 20px; */
    background-color: #ccccd1
}

.cc-er td:nth-child(3) {
    padding-top: 3px;
    padding-bottom: 3px;
    border-bottom: 1px solid gray;
    border-top: 2px solid gray;
    border-right: 2px solid gray;
    /* position: relative; */
    /* right: 20px; */
    background-color: #ccccd1
}

.cc-er td:last-child {
    font-style: normal;
}

.cc-er-group td:nth-child(2) {
    border-bottom: 1px solid slategray;
}

.cc-er-group td:nth-child(3) {
    border-bottom: 1px solid slategray;
}

.cc-er-group td:last-child {
    font-style: normal;
}

.pad-row td:nth-child(2) {
    padding-bottom: 10px;
    padding-top: 10px;
}

.pad-row-btm td:nth-child(2), .pad-row-btm td:nth-child(3), .pad-row-btm td:nth-child(4) {
    padding-bottom: 10px;
}

.pad-row-top td:nth-child(2), .pad-row-top td:nth-child(3), .pad-row-top td:nth-child(4) {
    padding-top: 10px;
}

.area-table th:first-child {
    width: 27%;
}

.area-table tr td:nth-child(2) {
    white-space: nowrap;
}

.notes-popup {
    padding-bottom: 30px;
}

.cc-oh {
    float: right;
}

div.prog-locs-wrap {
    max-width: 1024px;
}

.locations-table {
    width: 100%;
}

.locations-table th {
    background-color: #4CAF50;
    color: #ffffff;
    text-align: left;
}

.locations-table td:nth-child(4), .locations-table td:nth-child(5) {
    white-space: nowrap;
    padding-left: 25px !important;
}

.locations-table td:nth-child(7) {
    padding-left: 40px;
}

.locations-table th:nth-child(3) {
    white-space: nowrap;
}

.locations-table th:nth-child(7) {
    white-space: nowrap;
}

.locations-table th:nth-child(5), .locations-table th:nth-child(6), .locations-table td:nth-child(5), .locations-table td:nth-child(6) {
    padding-left: 12px;
    padding-right: 12px;
}

.locations-table td {
    padding-right: 8px;
    padding-left: 8px;
}

.locations-table th {
    padding-left: 8px;
    padding-right: 8px;
}

.locations-table tr:nth-child(odd) {
    background-color: #e9e9e9;
}

.locations-table tr:nth-child(even) {
    background-color: #ffffff;
}

ol.alpha {
    list-style-type: lower-alpha;
}

.very-strong-note {
    font-size: 125%;
}

p.course-notes {
    margin-top: 2px;
    margin-bottom: 10px;
}

.hide-sr-safe,
.safehide {
    position: absolute !important;
    left: -10000px !important;
    top: auto !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
}

.no-wrap {
    white-space: nowrap;
}

.prog-table td:nth-child(2) {
    white-space: nowrap;
}

table {
    /* tables still need 'cellspacing="0"' in the markup */
    border-collapse: collapse;
    border-spacing: 0;
    margin-bottom: 25px;
    border: 1px solid gray;
}


table.prog-table, table.electives-table {
    border-collapse: separate;
}


div.details, div.desc, div.prog-reqs, div.courses {
    padding: 15px;
    margin-top: 25px;
    margin-bottom: 25px;
    border: 1px solid gray;
}

h3 {
    margin-bottom: 0.5em;
    font-size: 150%;
}

h4 {
    margin-bottom: 0.5em;
    font-size: 120%;
}

/* p {
    margin-top: 5px;
} */



div.at-conflict {
    border: 2px solid red;
}

div.conflict-with {
    border: 2px solid yellow;
}

/* Error yellow border 2px, padding 3px */
.e-y23 {
    border:2px solid yellow;
    padding:3px;
}

.e-y25 {
    border:2px solid yellow;
    padding:5px;
}

.e-r23 {
    border:2px solid red;
    padding:3px;
}

.e-r25 {
    border:2px solid red;
    padding:5px;
}

div.e-y23 {
    border:2px solid yellow;
    padding:3px;
    margin-top: 10px;
    margin-bottom: 10px;
}

div.e-y25 {
    border:2px solid yellow;
    padding:5px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.e-y210 {
    border:2px solid yellow;
    padding:10px;
}

div.e-y210 {
    border:2px solid yellow;
    padding:10px;
    margin-top: 10px;
    margin-bottom: 10px;
}