/*
Theme Name:iDea - Clean & Powerful Bootstrap Theme
Author:HtmlCoder
Author URI:http://www.htmlcoder.me
Author e-mail:htmlcoder.me@gmail.com
Version: 1.6
Created:September 2014
License URI:http://support.wrapbootstrap.com/
File Description:Red Skin
*/
/* 1 Typography
----------------------------------------------------------------------------- */
.name-highlight {
    display: flex;
    align-items: center; /* Centers text vertically */
    justify-content: center; /* Centers text horizontally */
    text-align: center; /* Ensures text alignment for multiline content */
    height: 100%; /* Optional: ensure it fills the parent container */
    color:#fff;
    font-size:16px;
    font-weight:600;
    padding:10px;

}
    .name-highlight:hover {
    color:#fff;
    
    }

.name-highlight-mb {
display:none;
}


a, .text-default {
    color: #973b3c;
}

    a:hover,
    a:focus {
        color: #782f30;
    }

/*breadcrumb addendum to primary style in style.css - this adds the theme color for fvPlayer */
.breadcrumb a {
    color: #973b3c;
}

    .breadcrumb a:hover,
    a:focus {
        text-decoration: underline;
    }

mark,
.mark {
    background-color: #fab303;
    color: #ffffff;
}

.table > thead > tr > th {
    border-bottom: 1px solid #666;
    background-color: #666;
    color: #ffffff;
}

.table-bordered {
    border-color: #fab303;
}


.GU-Logo {
    font-family: 'Gotham Light' !important;
}
/* 2 Layout
----------------------------------------------------------------------------- */
.default-bg {
    background-color: #fab303;
    color: #ffffff;
}

/* Backgrounds
---------------------------------- */

/* custom backgrounds */
.bg-light-yellow {
    background-color: #fffdd0; /* Adjust the color as needed */
}

/*jg 121121 - important - these are replaced by bootstrap 5 once the conversion is made*/
.bg-black {
    background-color: #000; /* Adjust the color as needed */
}
/*---------------------------------- */

.default-translucent-bg:after {
    background-color: rgba(255,165,0,0.7);
}

.row.no-gutter {
    margin-left: 0;
    margin-right: 0;
}

    .row.no-gutter [class*='col-']:not(:first-child),
    .row.no-gutter [class*='col-']:not(:last-child) {
        padding-right: 0;
        padding-left: 0;
    }

/* 3 Pages
----------------------------------------------------------------------------- */
.blogpost .post-info {
    background-color: #fab303;
    color: #ffffff;
}

.blogpost .side .social-links li a {
    background-color: transparent;
    border-color: transparent;
    color: #fab303;
}

.blogpost ul.links li a:hover {
    color: #fab303;
}

/* timeline layout */
.timeline-date-label {
    color: #fab303;
}

@media (min-width: 768px) {
    .timeline .timeline-item:before {
        background-color: #ffffff;
        border: 1px solid #fab303;
    }



}

/* 4 Template Components
----------------------------------------------------------------------------- */
/* Buttons
---------------------------------- */
.btn-base {
    padding: 10px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    min-width: 160px;
    text-align: center;
    border-radius: 0;
    text-transform: uppercase;
    margin: 8px;
}

    .btn-base.small {
        padding: 4px 6px;
        font-size: 12px;
        line-height: 1.42857143;
        min-width: 40px;
        margin: 0px;
    }

    .btn-base.block {
        display: block;
        width: 100%;
        margin: 0px;
    }

/* Gray Buttons */
.btn-gray:hover,
.btn-gray:focus,
.btn-gray:active,
.btn-gray.active,
.open .dropdown-toggle.btn-gray {
    color: #ffffff;
    background-color: #fab303;
    border-color: #fab303;
}

/* Light Gray Buttons */
.btn-light-gray:hover,
.btn-light-gray:focus,
.btn-light-gray:active,
.btn-light-gray.active,
.open .dropdown-toggle.btn-light-gray {
    color: #ffffff;
    background-color: #333;
    border-color: #333;
}

/* Default Buttons */
.btn-default {
    background-color: #973b3c;
    color: #ffffff !important;
    border-color: #973b3c;
}

    .btn-default:hover,
    .btn-default:focus,
    .btn-default:active,
    .btn-default.active,
    .open .dropdown-toggle.btn-default {
        color: #ffffff !important;
        background-color: #782f30;
        border-color: #782f30;
    }

    .btn-default.disabled,
    .btn-default[disabled],
    fieldset[disabled] .btn-default {
        background-color: #973b3c;
        border-color: #973b3c;
    }

/* Button Compliment */
.btn-compliment {
    background-color: #333;
    color: #ffffff !important;
    border-color: #333;
}

    .btn-compliment:hover,
    .btn-compliment:focus,
    .btn-compliment:active,
    .btn-compliment.active,
    .open .dropdown-toggle.btn-compliment {
        color: #ffffff !important;
        background-color: #000;
        border-color: #000;
    }

    .btn-compliment.disabled,
    .btn-compliment[disabled],
    fieldset[disabled] .btn-compliment {
        background-color: #cccccc;
        border-color: #cccccc;
    }

.btn-success2 {
    background-color: #449d44;
    color: #ffffff !important;
    border-color: #398439;
    width: 100%;
}

    .btn-success2:hover,
    .btn-success2:focus,
    .btn-success2:active,
    .btn-success2.active,
    .open .dropdown-toggle.btn-success2 {
        color: #ffffff !important;
        background-color: #398439;
        border-color: #398439;
    }

    .btn-success2.disabled,
    .btn-success2[disabled],
    fieldset[disabled] .btn-success2 {
        background-color: #cccccc;
        border-color: #cccccc;
    }


/* Buttons for the homepage call to action
---------------------------------- */

.btn-calltoaction1 {
    background: #2ac7c3;
    background-image: -webkit-linear-gradient(top, #2ac7c3, #219f9c);
    background-image: -moz-linear-gradient(top, #2ac7c3, #219f9c);
    /*background-image: -ms-linear-gradient(top, #2ac7c3, #219f9c);*/
    background-image: -o-linear-gradient(top, #2ac7c3, #219f9c);
    background-image: linear-gradient(to bottom, #2ac7c3, #219f9c);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    /*height: 50px;*/
    /*line-height: 50px;*/
    color: #FFFFFF;
    /*font-family: Open Sans;*/
    width: 260px;
    font-size: 21px;
    font-weight: 400;
    text-decoration: none !important;
    padding: 4px;
    box-shadow: 1px 1px 20px 0px #000000;
    -webkit-box-shadow: 1px 1px 20px 0px #000000;
    -moz-box-shadow: 1px 1px 20px 0px #000000;
    text-shadow: 1px 1px 20px #000000;
    border: solid #2ac7c3 1px;
    text-decoration: none;
    display: inline-block;
    cursor: pointer;
    /*margin-left:-20px;*/
}

    .btn-calltoaction1:hover {
        background: #2ac7c3;
        color: #FFFFFF;
        background-image: -webkit-linear-gradient(top, #219f9c, #2ac7c3);
        background-image: -moz-linear-gradient(top, #219f9c, #2ac7c3);
        /*background-image: -ms-linear-gradient(top, #219f9c, #2ac7c3);*/
        background-image: -o-linear-gradient(top, #219f9c, #2ac7c3);
        background-image: linear-gradient(to bottom, #219f9c, #2ac7c3);
        text-decoration: none;
    }


.btn-calltoaction2 {
    background: #219f9c;
    background-image: -webkit-linear-gradient(top, #219f9c, #197775);
    background-image: -moz-linear-gradient(top, #219f9c, #197775);
    /*background-image: -ms-linear-gradient(top, #219f9c, #197775);*/
    background-image: -o-linear-gradient(top, #219f9c, #197775);
    background-image: linear-gradient(to bottom, #219f9c, #197775);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    /*height: 50px;*/
    /*line-height: 50px;*/
    color: #FFFFFF;
    /*font-family: Open Sans;*/
    width: 260px;
    font-size: 21px;
    font-weight: 400;
    text-decoration: none !important;
    padding: 4px;
    box-shadow: 1px 1px 20px 0px #000000;
    -webkit-box-shadow: 1px 1px 20px 0px #000000;
    -moz-box-shadow: 1px 1px 20px 0px #000000;
    text-shadow: 1px 1px 20px #000000;
    border: solid #219f9c 1px;
    text-decoration: none;
    display: inline-block;
    cursor: pointer;
    /*margin-left:-20px;*/
}

    .btn-calltoaction2:hover {
        background: #219f9c;
        color: #FFFFFF;
        background-image: -webkit-linear-gradient(top, #197775, #219f9c);
        background-image: -moz-linear-gradient(top, #197775, #219f9c);
        /*background-image: -ms-linear-gradient(top, #197775, #219f9c);*/
        background-image: -o-linear-gradient(top, #197775, #219f9c);
        background-image: linear-gradient(to bottom, #197775, #219f9c);
        text-decoration: none;
    }

.btn-calltoaction3 {
    background: #197775;
    background-image: -webkit-linear-gradient(top, #197775, #104f4e);
    background-image: -moz-linear-gradient(top, #197775, #104f4e);
    /*background-image: -ms-linear-gradient(top, #197775, #104f4e);*/
    background-image: -o-linear-gradient(top, #197775, #104f4e);
    background-image: linear-gradient(to bottom, #197775, #104f4e);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    /*height: 50px;*/
    /*line-height: 50px;*/
    color: #FFFFFF;
    /*font-family: Open Sans;*/
    width: 260px;
    font-size: 21px;
    font-weight: 400;
    text-decoration: none !important;
    padding: 4px;
    box-shadow: 1px 1px 20px 0px #000000;
    -webkit-box-shadow: 1px 1px 20px 0px #000000;
    -moz-box-shadow: 1px 1px 20px 0px #000000;
    text-shadow: 1px 1px 20px #000000;
    border: solid #197775 1px;
    text-decoration: none;
    display: inline-block;
    cursor: pointer;
    /*margin-left:-20px;*/
}

    .btn-calltoaction3:hover {
        background: #197775;
        color: #FFFFFF;
        background-image: -webkit-linear-gradient(top, #104f4e, #197775);
        background-image: -moz-linear-gradient(top, #104f4e, #197775);
        /*background-image: -ms-linear-gradient(top, #104f4e, #197775);*/
        background-image: -o-linear-gradient(top, #104f4e, #197775);
        background-image: linear-gradient(to bottom, #104f4e, #197775);
        text-decoration: none;
    }

/* Button with transparent bg
---------------------------------- */
.btn-white {
    background-color: transparent;
    color: #fff;
    border: 1px solid #fff;
    padding-top: 0px;
    padding-bottom: 0px;
}

    .btn-white:hover,
    .btn-white:focus,
    .btn-white:active,
    .btn-white.active,
    .open .dropdown-toggle.btn-white {
        color: #000;
        background-color: #ffffff;
        border-color: #ffffff;
    }

.btn-grey {
    background-color: transparent;
    color: #666;
    border: 1px solid #666;
    padding-top: 0px;
    padding-bottom: 0px;
}

    .btn-grey:hover,
    .btn-grey:focus,
    .btn-grey:active,
    .btn-grey.active,
    .open .dropdown-toggle.btn-grey {
        color: #000;
        background-color: transparent;
        border-color: #000;
    }

.btn-outline {
    background-color: transparent;
    color: #fab303;
    border: 1px solid #fab303;
    padding-top: 0px;
    padding-bottom: 0px;
}

    .btn-outline:hover,
    .btn-outline:focus,
    .btn-outline:active,
    .btn-outline.active,
    .open .dropdown-toggle.btn-outline {
        color: #c88f02;
        background-color: transparent;
        border-color: #c88f02;
    }

.btn.btn-lg-slim {
    padding: 4px 4px;
    font-size: 18px;
    min-width: 240px;
    letter-spacing: 2px;
}

.btn.btn-md-slim {
    font-family: 'Gotham Light';
    padding: 4px 4px;
    font-size: 16px;
    min-width: 200px;
    letter-spacing: 0px;
    text-transform: none;
}

.btn.btn-sm-slim {
    font-family: 'Gotham Light';
    padding: 4px 4px;
    font-size: 16px;
    width: 100%;
    letter-spacing: 0px;
    text-transform: none;
}



/* Button background transitions
---------------------------------- */
.hvr-sweep-to-right:before,
.hvr-sweep-to-left:before,
.hvr-sweep-to-bottom:before,
.hvr-sweep-to-top:before,
.hvr-bounce-to-right:before,
.hvr-bounce-to-left:before,
.hvr-bounce-to-bottom:before,
.hvr-bounce-to-top:before,
.hvr-radial-out:before,
.hvr-rectangle-out:before,
.hvr-shutter-out-horizontal:before,
.hvr-shutter-out-vertical:before {
    background: #c88f02;
}

/* Forms
---------------------------------- */
.default-bg .form-control {
    border-color: #fab303;
    background-color: rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.35);
    box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.35);
    color: #ffffff;
}

    .default-bg .form-control:focus {
        border-color: #fab303;
        background-color: rgba(0, 0, 0, 0.25);
    }

.default-bg .input-group-addon {
    background-color: #c88f02;
    border-color: #fab303;
    color: #ffffff;
}

.dropdown .active > a > .badge,
.dropdown a:hover .badge,
.dropdown .open > a > .badge {
    border-color: #fab303;
}

/* Pager
---------------------------------- */
ul.pagination li > a:hover {
    background-color: transparent;
    color: #ffffff;
    background-color: #fab303;
    border-color: #fab303;
}

ul.pagination li.active a,
.pagination > .active > a:hover,
.pagination > .active > a:focus {
    color: #ffffff;
    background-color: #fab303;
    border-color: #fab303;
}

/* Tabs
---------------------------------- */
.nav-tabs > li.active > a:after {
    background-color: #333;
}

.tab-content:after {
    background-color: #333;
}

@media (max-width: 480px) {
    .nav-tabs > li > a:hover:after {
        background-color: #333;
    }
}

/* Horizontal tabs version 2 */
.tabs-style-2 .nav-tabs {
    border-bottom: 1px solid #333;
}

    .tabs-style-2 .nav-tabs > li.active > a,
    .tabs-style-2 .nav-tabs > li.active > a:hover,
    .tabs-style-2 .nav-tabs > li.active > a:focus,
    .tabs-style-2 .nav-tabs > li > a:hover {
        border: 1px solid #333;
        background-color: #333;
        color: #ffffff;
    }

/* vertical tabs */
.vertical .nav-tabs > li > a:hover:after {
    background-color: #333;
}

/* Nav pills
---------------------------------- */
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus,
.nav-pills > li > a:hover,
.nav-pills > li > a:focus {
    border: 1px solid #f3f3f3;
    color: #333;
    background-color: #fafafa;
}

    .nav-pills > li.active > a:after {
        color: #333;
    }

    .nav-pills > li.active > a:hover:after,
    .nav-pills > li.active > a:focus:after,
    .nav-pills > li > a:hover:after,
    .nav-pills > li > a:focus:after {
        color: #333;
    }

.light .footer-content .nav-pills > li.active > a:hover,
.light .footer-content .nav-pills > li > a:hover {
    color: #c88f02;
}

.nav-pills > .active > a > .badge {
    color: #333;
    background-color: #ffffff;
    border-color: #333;
}

/* Collapse
---------------------------------- */
.panel-heading a {
    background-color: #000;
    color: #ffffff;
}

    .panel-heading a:hover,
    .panel-transparent .panel-heading a:hover {
        background-color: #333;
        color: #ffffff;
    }

/* Progress bars
---------------------------------- */
.progress-bar-default {
    background-color: #fab303;
}

/* Modals
---------------------------------- */
.modal-content .modal-header {
    background-color: #fab303;
}

/* Images and Images overlay
---------------------------------- */
.overlay a {
    color: #333;
    background-color: #ffffff;
}

.overlay-links a + a {
    color: #ffffff;
    background-color: #333;
}

a.overlay i {
    color: #333;
}

a.overlay-dark {
    background-color: rgba(0, 0, 0, .5);
    cursor: pointer;
}

/* 5 Navigations
----------------------------------------------------------------------------- */
/* first level active menu items on hover/focus */
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:focus {
    color: #fab303;
    background-color: transparent;
}

.main-navigation .navbar-nav > .open > a,
.main-navigation .navbar-nav > .open > a:hover,
.main-navigation .navbar-nav > .open > a:focus {
    color: #666666;
    background-color: #fafafa;
}

/* second level menu items on focus/hover and when opened */
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus,
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus,
.dropdown-menu .menu > .active > a,
.dropdown-menu .menu > .active > a:hover,
.dropdown-menu .menu > .active > a:focus {
    background-color: #ffffff;
    color: #fab303;
    border-color: #f1f1f1;
}

ul.shiftleft {
    margin-left: -480px;
    width: 240px;
}

@media (max-width: 767px) {
    ul.shiftleft {
        margin-left:0;
    width: 240px;
}
    .name-highlight {
        display: none;
    }

    .name-highlight-mb {
        display: block;
        padding-top:20px;
        padding-bottom:20px;
        color:#fff;
        max-width:407px;
        background:#000;
        border-radius:0 0px 10px 10px;
        font-weight: 400;

    }

    .trackimage {
        border-radius: 10px 10px 0 0 !important;
   
    }
    }





#offcanvas .nav .open > a,
#offcanvas .nav .open > a:hover,
#offcanvas .nav .open > a:focus,
#offcanvas .nav > li > a:hover,
#offcanvas .nav > li > a:focus,
#offcanvas .navbar-nav > li.active > a {
    color: #fab303;
    background-color: #ffffff;
}

/* mega menu menu items on focus/hover and when opened */
.mega-menu .menu > li > a:hover,
.mega-menu .menu > li > a:focus {
    background-color: #ffffff;
    color: #fab303;
    border-color: #f1f1f1;
}

/* arrows for parent menu items */
.navbar-default .navbar-nav > .active.dropdown > a:before {
    color: #fab303;
}

.navbar-default .navbar-nav > .dropdown.open > a:before {
    color: #e5e5e5;
}

.dropdown .dropdown.open > a:before,
.transparent.header:not(.dark) .dropdown .dropdown.open > a:before {
    color: #fab303;
}

/* mobile menu toggle button on hover/focus */
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: #fafafa;
    border-color: #fab303;
}

    .navbar-default .navbar-toggle:hover .icon-bar,
    .navbar-default .navbar-toggle:focus .icon-bar {
        background-color: #fab303;
    }

@media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
        color: #fab303;
        background-color: transparent;
    }
    /* first level items hover and focus states */
    .navbar-default .navbar-nav > li > a:hover,
    .navbar-default .navbar-nav > li > a:focus,
    .navbar-default .navbar-nav > .active > a:hover,
    .navbar-default .navbar-nav > .active > a:focus {
        color: #fab303;
        background-color: #ffffff;
    }
    /* second level items on hover/focus */
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #fab303;
    }
}

/* Subfooter navigation
---------------------------------- */
.subfooter .navbar-default .nav > li > a:hover,
.subfooter .navbar-default .nav > .active > a:hover,
.subfooter .navbar-default .nav > .active > a:focus {
    background-color: transparent;
    color: #fab303;
}

.subfooter {
    color: #666 !important;
}
/* 6 Blocks/Widgets
----------------------------------------------------------------------------- */
/* Boxes
---------------------------------- */
.box.gray-bg:hover {
    color: #fab303;
}

.box.default-bg:hover {
    background-color: #ffffff;
    border: 1px solid #fab303;
}

    .box.default-bg:hover * {
        color: #fab303;
    }

.box-style-1:not(.team-member):hover i {
    color: #fab303;
}

.box-style-1.default-bg:hover i,
.box-style-1.dark-bg:hover i {
    color: inherit;
}

.box-style-2:hover .default-bg {
    background-color: #ffffff;
    border: 1px solid #fab303;
}

    .box-style-2:hover .default-bg * {
        color: #fab303;
    }

.box-style-2:hover .white-bg * {
    color: #fab303;
}

.box-style-3:hover .default-bg {
    background-color: #ffffff;
    border: 1px solid #fab303;
}

    .box-style-3:hover .default-bg * {
        color: #fab303;
    }

.box-style-3:hover .white-bg * {
    color: #fab303;
}

/* Tags cloud block
---------------------------------- */
.tag a:hover {
    color: #ffffff;
    background-color: #fab303;
    border-color: #fab303;
}

/* Social icons block
---------------------------------- */
.social-links li a {
    background: #333;
    border: 1px solid #333;
    color: #ffffff;
}

    .social-links li a:hover {
        background-color: transparent;
        border-color: #c88f02;
        color: #c88f02;
    }

.social-links .dropdown.open > button > i:before {
    content: "\f00d";
    color: #fab303;
}

.header-top .social-links li a:hover {
    color: #c88f02;
}

/* search and login
---------------------------------- */
.header-top-dropdown .dropdown.open > button,
.header-top-dropdown .dropdown > button:hover {
    color: #973b3c;
}

/* Pricing tables
---------------------------------- */
.plan .popover-title {
    background-color: #fab303;
    color: #ffffff;
}

.gray .plan .header h3 {
    color: #fab303;
}

.white .plan .header {
    color: #ffffff;
    background: #fab303;
}

.stripped .header {
    background: #fab303;
    -webkit-box-shadow: 0px 0px 60px #c88f02 inset;
    -moz-box-shadow: 0px 0px 60px #c88f02 inset;
    box-shadow: 0px 0px 60px #c88f02 inset;
    color: #ffffff;
}

/* 7 Main Slideshow
----------------------------------------------------------------------------- */
/* Slider Revolution captions */
.default_bg {
    background-color: #fab303;
    color: #ffffff;
}

/* Revolution Nav Controls */
.tparrows.round:hover {
    color: #ffffff;
    background-color: #fab303;
}

.tp-bullets.simplebullets.round .bullet:hover,
.tp-bullets.simplebullets.round .bullet.selected {
    background-color: #fab303;
}

.tp-bannertimer {
    background-color: rgba(255,165,0,0.7);
}

/* 8 Owl carousel
----------------------------------------------------------------------------- */
.owl-prev {
    background-color: #fab303;
    color: #f1f1f1;
}

.owl-next {
    background-color: #f1f1f1;
    color: #fab303;
}

.content-slider-with-controls .owl-nav div,
.content-slider-with-controls-autoplay .owl-nav div {
    background-color: #333;
    color: #fff;
}

.content-slider-with-controls .owl-prev:hover,
.content-slider-with-controls .owl-next:hover,
.content-slider-with-controls-autoplay .owl-prev:hover,
.content-slider-with-controls-autoplay .owl-next:hover {
    background-color: #fff;
    color: #333;
}

.owl-dots .owl-dot.active span,
.owl-dots .owl-dot:hover span {
    background: #333;
}

/*# sourceMappingURL=red.css.map */

.separator-line {
    color: #000;
    font-size: 32px;
    border-bottom: 1px solid #ed1c24;
    margin-bottom: 20px;
    margin-top: -10px;
}

.separator-2 {
    display: block;
    width: 100% !important;
    height: 1px !important;
    margin: -10px 0 20px !important;
    background-color: #333 !important;
}

.separator-2-nomargin { /*this is used in the smaller sections and needs a thinner line*/
    display: block;
    width: 100% !important;
    height: 1px !important;
    background-color: #333 !important;
}

.curriculumheaderbar {
    font-size: 85%;
    margin-top: 6px;
    margin-bottom: 6px;
    background-color: #f1f1f1;
    padding: 2px;
}

.RadTabStrip_SubLevel .rtsImg {
    border: 0;
    vertical-align: top;
    width: 16px;
}


.sidebar-subheader {
    width: 100%;
    padding: 6px 6px 6px 10px;
    margin-bottom: 8px;
    background-color: #fab303;
}

.sidebar-subheader-dark {
    width: 100%;
    padding: 6px 6px 6px 10px;
    margin-bottom: 8px;
    background-color: #333333;
}

.sidebar-subheader-alt {
    width: 100%;
    padding: 2px 6px 2px 10px;
    margin-bottom: 8px;
    background-color: #ada78d;
}

.subheader-dark {
    width: 100%;
    padding: 4px 6px 4px 10px;
    margin-bottom: 8px;
    background-color: #333333;
}


.subheader-alt {
    width: 100%;
    padding: 4px 6px 4px 10px;
    margin-bottom: 8px;
    background-color: #ada78d;
    color: #fff;
}



.sidebar-subheader a {
    color: #fff;
}

.sidebar-subheader-dark a {
    color: #fff;
}

.sidebar-subheader-alt a {
    color: #fff;
}

.subheader-alt a {
    color: #fff;
}

.subheader-dark a {
    color: #fff;
}


.panel-alt .panel-heading a,
.panel-alt .panel-heading a:hover {
    background-color: #ada78d;
}

.full-height {
    width: 100%;
    height: 100%;
    background: black;
    box-shadow: 0 500px 0 500px #000;
}

.fixed-header-on .dark.header.fixed { /*this overwrites the top header color for when the page is scrolled*/
    border-bottom: 1px solid #fff !important;
    background-color: rgba(255, 255, 255, 0.95) !important;
}

.dropdown-menu > li > a {
    color: #666666 !important;
}

.sidebarcolor {
    background-color: #f9f9f9 !important;
    /*padding: 6px;*/
}


hr.gradientdark {
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

hr.gradientlight {
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
}

.userownsitem, .userownsitem a, .userownsitem a:hover {
    color: #2edb4c;
    font-size: 36px;
    position: absolute;
    bottom: 0px;
    right: 6px;
}

.userownsmessageinbox {
    background-color: #e8e8e8;
    color: #000;
    border: 1px solid #666;
    padding: 6px;
    margin-top: 4px;
    margin-bottom: 4px;
}

.page-title {
    font-size: 28px !important;
    font-weight: normal !important;
}

.h2 {
    font-size: 24px !important;
}

.headerbar-default {
    padding: 6px 8px 6px 8px;
    background-color: #fab303;
    color: #fff;
}

.headerbar-dark {
    padding: 6px 8px 6px 8px;
    background-color: #000;
    color: #fff;
}

.headerbar-compliment {
    padding: 6px 8px 6px 8px;
    background-color: #973b3c;
    color: #fff;
}

.headerbar-alt {
    padding: 6px 8px 6px 8px;
    background-color: #ada78d;
    color: #fff;
}

.headerbar-altdark {
    padding: 6px 8px 6px 8px;
    background-color: #969075;
    color: #fff;
}

.block {
    padding-bottom: 15px !important; /*this is to get rid of the 40px padding that it defaults to*/
}

.alternaterowcolors div:nth-child(even) {
    background-color: #f1f1f1;
}

.levelidentifier {
    font-size: 12px;
    color: #fff;
}

.curriculumlevel {
    color: #fff;
}

a.curriculumlevel {
    color: #fff;
}

    a.curriculumlevel:hover {
        color: #fff;
        text-decoration: underline;
    }

.dashboarditemlink {
    font-size: 13px;
}

.expandlevel {
    font-size: 13px;
    color: #fff;
}

a.expandlevel {
    color: #fff;
}

    a.expandlevel:hover {
        color: #fff;
        text-decoration: underline;
    }

.btn.btn-tiny {
    padding: 2px !important;
    margin: 0px !important;
    font-size: 12px !important;
    min-width: 80px !important;
    text-transform: capitalize !important;
}

/*.btn.btn-arrow {
    padding: 4px !important;
    margin: 0px !important;
    font-size: 12px !important;
    min-width: 20px !important;
    text-transform: capitalize !important;
}*/

.btn.btn-arrow {
    text-decoration: none;
    display: inline-block;
    margin: 0px !important;
    padding: 0px !important;
    /*border-radius: 50%;*/
    width: 22px !important;
    height: 22px !important;
    min-width: 20px !important;
    font-size: 14px;
    font-weight: bold;
}


.btn.btn-search {
    text-decoration: none;
    display: inline-block;
    margin: 0px !important;
    padding: 2px !important;
    width: 120px !important;
    height: 26px !important;
    min-width: 40px !important;
    font-size: 14px;
    text-transform: capitalize !important;
}

.btn.btn-nomargin {
    margin: 0px !important;
}

.btn.btn-fullwidth {
    width: 100% !important;
}

.backgroundLogo {
    background: transparent url(/images/logos/faded_triangle.png) no-repeat;
    background-position: 160% 0%;
    overflow: visible;
}

.inlinelink {
    color: #000;
}

a.inlinelink {
    color: #973b3c;
}

    a.inlinelink:hover {
        color: #782f30;
        text-decoration: underline;
    }

.specialmessage {
    background-color: #fffcf5;
    border: 1px solid #990000;
    padding: 8px;
    margin-bottom: 4px;
    line-height: 130%;
    font-size: 90%
}

.trackimage {
    border-radius: 10px 10px 10px 10px;
}

/*html .highlight-examtab {
    font-weight: bold !important;
    color: red !important;
    background-color: Lime !important;
    background-image: linear-gradient(yellowGreen, red) !important;
    background: red !important;
}

    html .highlight-examtab .rtsLevel1 .rtsLink {
        background-color: yellowGreen !important;
        background-image: linear-gradient(yellowGreen, red) !important;
        background: yellow;
    }

html .RadTabStrip_Simple highlight-examtab .rtsLevel1 .rtsLink {
    background-color: yellowGreen !important;
    background-image: linear-gradient(yellowGreen, red) !important;
    background: yellow;
}*/

.mutedtext {
    color: #999999;
    font-style: italic;
}

table.universalstriped {
    width: 100%;
    text-align: left;
}

    table.universalstriped td, table.universalstriped th {
        vertical-align: bottom;
        padding: 4px;
        vertical-align: middle;
        min-height: 40px;
    }

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

    table.universalstriped tr.rowhighlight td, tr.rowhighlight th {
        background-color: #ada78d;
        color: #fff;
    }

    table.universalstriped tr.rowdark td, tr.rowdark th {
        background-color: #666666;
        color: #fff;
    }

    table.universalstriped tr.rowblack td, tr.rowblack th {
        background-color: #000;
        color: #fff;
    }

.qa-indicator { /*use for text such as "Q" or "A" in pages such as forums */
    color: #973b3c;
    font-weight: bold;
    vertical-align: top;
    margin-right: 4px;
    width: 25px;
}

.rowgrey {
    background-color: #f2f2f2;
}

.g-recaptcha {
    margin: 15px auto !important;
    width: auto !important;
    height: auto !important;
    text-align: -webkit-center;
    text-align: -moz-center;
    text-align: -o-center;
    text-align: -ms-center;
}

/*universal custom tabstrip*/
.primarytab-container .RadTabStrip {
    margin-left: 0px;
    margin-top: 8px;
}

    .primarytab-container .RadTabStrip .rtsLevel1 {
        border-bottom: 1px solid #c4c4c4;
    }

    .primarytab-container .RadTabStrip .tab {
        background-color: #eaeaea;
        padding: 0px 0px 0px 0px;
        border: 1px solid #c4c4c4;
        text-align: center;
        vertical-align: middle;
    }

        .primarytab-container .RadTabStrip .tab.selectedTab {
            background-color: #fff;
            border-bottom-color: transparent;
        }

        .primarytab-container .RadTabStrip .tab.hoveredTab {
            background-color: #333;
            color: #fff;
        }

            .primarytab-container .RadTabStrip .tab.hoveredTab.selectedTab {
                background-color: #333;
            }

        .primarytab-container .RadTabStrip .tab .rtsLink {
            border: none;
            /*padding: 12px 0 0 0;*/
        }

        .primarytab-container .RadTabStrip .tab .rtsTxt {
            color: #000;
            /*font-family: 'Segoe UI';*/
            /*font-size: 16px;*/
        }

        .primarytab-container .RadTabStrip .tab.hoveredTab .rtsTxt {
            color: #fff;
        }

    .primarytab-container .RadTabStrip .rtsLevel2 {
        border-bottom: 1px solid #c4c4c4;
        border-left: 1px solid #c4c4c4;
        border-right: 1px solid #c4c4c4;
    }

.RadTabStripPrimary_SubLevel {
    font-size: 14px;
    color: #973b3c;
}

.primarylogo {
    font-family: 'Gotham Light';
    font-size: 24px;
}


/*QG style sheet override*/
.image-box {
    border: none !important;
}

table#student-forum {
    width: 100%;
}

    table#student-forum th {
        background-color: #666;
        color: #fff;
        padding: 5px 5px 5px 5px;
        font-weight: normal;
    }

    table#student-forum td {
        color: #000;
        padding: 5px 5px 5px 5px;
    }

table#HQ-Schedule {
    width: 100%;
}

    table#HQ-Schedule th {
        padding: 5px 5px 5px 5px;
        background-color: #666;
        color: #fff;
        text-align: center;
        border-left: 1px solid #000;
        border-right: 1px solid #000;
    }

    table#HQ-Schedule tr:nth-child(even) {
        background-color: #ddd;
    }

    table#HQ-Schedule tr:nth-child(odd) {
    }

    table#HQ-Schedule td {
        border: 1px solid #666;
        font-size: 12px;
        text-align: center;
        padding: 5px 5px 5px 5px;
        width: 12.5%;
    }


.homepagecustomvideoholder {
    background-color: #282828;
    background-image: url(https://cdn.fugu.com/lc-59/images/backgrounds/homepage_video_bg.jpg);
    background-repeat: no-repeat;
    background-position: center;
    padding: 0px;
    margin: 0px;
    min-height: 258px;
}


/*.RadGrid a {
    color: #973b3c;
    text-decoration: underline;
}

.RadGrid a:hover,
.RadGrid a:visited {
    color: black;
}*/

div.RadGrid_Default .rgRow a,
div.RadGrid_Default .rgAltRow a {
    color: #973b3c;
    text-decoration: underline;
}

    div.RadGrid_Default .rgRow a:hover,
    div.RadGrid_Default .rgAltRow a:hover {
        color: black;
        font-size: 15px;
    }

[id=navbar-collapse-1] > ul > li:nth-child(1) {
    z-index: 100;
}

[id=navbar-collapse-1] > ul > li:nth-child(2) {
    z-index: 99;
}

[id=navbar-collapse-1] > ul > li:nth-child(3) {
    z-index: 98;
}

[id=navbar-collapse-1] > ul > li:nth-child(4) {
    z-index: 97;
}

[id=navbar-collapse-1] > ul > li:nth-child(5) {
    z-index: 96;
}

[id=navbar-collapse-1] > ul > li:nth-child(6) {
    z-index: 95;
}

[id=navbar-collapse-1] > ul > li:nth-child(7) {
    z-index: 94;
}

[id=navbar-collapse-1] > ul > li:nth-child(8) {
    z-index: 93;
}

[id=navbar-collapse-1] > ul > li:nth-child(9) {
    z-index: 92;
}

[id=navbar-collapse-1] > ul > li:nth-child(10) {
    z-index: 91;
}


.tabAddToCart, .hideOnMobile {
    /*no style for full - this class is needed for mobile to hide tab */
}

.hideOnDesktop {
    display: none !important;
}

@media (max-width: 480px) {

    .tabAddToCart, .hideOnMobile {
        display: none !important;
    }

    .hideOnDesktop {
        display:block !important;
    }
}

/* Video Styles */


.videoembed-wrapper {
    border: 1px solid #000000;
    /*background-color: #000;*/
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    /*width: 670px;*/
    height: 312px;
    /*position: absolute;*/
    /*top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;*/
    /*position: relative;*/
    /*background: url(../images/spacer.gif);
    background-size: 600px 378px;*/
}

/* Medium devices (desktops, tablets, 992px and up) */
@media (max-width: 992px) {
    .videoembed-wrapper {
        height: 300px;
    }
}

/* Small devices (tablets, 768px and up) */
@media (max-width: 768px) {
    .videoembed-wrapper {
        height: 358px;
        /*padding-bottom: 20px;*/
    }
}

/* Small devices (mobile) */
@media (max-width: 480px) {
    .videoembed-wrapper {
        height: 188px;
        /*padding-bottom: 20px;*/
    }
}


/* End Video Styles*/

/*The following is a custom responsive bootstrap aspect ratio. The property padding-bottom is nothing else than the height of the item divided by the width in percent.*/
.embed-responsive-4by1 {
    padding-bottom: 25%;
}


.fadeimage {
    background: #fff;
    opacity: 0.3;
}


.gridlink {
    text-decoration: none;
}

    .gridlink a {
        color: #973b3c !important;
        text-decoration: underline;
    }

        .gridlink a:hover {
            color: #000 !important;
        }

.btn-nolink {
    padding: 10px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    min-width: 160px;
    text-align: center;
    border-radius: 0;
    text-transform: uppercase;
    margin: 10px 0;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.productbox {
    padding: 10px;
    border: solid 1px #666;
    text-align: center;
    display: inline-block;
    width: 30%;
    margin: 20px;
    border-radius: 10px;
}

.programpricing {
    text-align: right; /*margin-top: 10px;*/
}

@media (max-width: 992px) {
    .programpricing {
        text-align: left; /*margin-top: 0px;*/
        margin-top: 10px;
    }

    .empty-space {
        display: none;
    }
}

/*use the following stop return test embedded within a parent class back to normal*/
.standardfont {
    text-decoration: none;
}

    .standardfont a {
        font-weight: normal;
    }

        .standardfont a:hover {
            font-weight: normal;
        }

  /*Standardized bullet and numbered lists*/
ul.unorderedlist-default {
	margin-bottom:20px;

}

ul.unorderedlist-default li{
	margin-bottom:15px;

}

ul.unorderedlist-default li:last-child{
	margin-bottom:0px;

}


ol.orderedlist-default {
	margin-bottom:20px;

}

ol.orderedlist-default li{
	margin-bottom:15px;

}

ol.orderedlist-default li:last-child{
	margin-bottom:0px;

}

.mapInfo {
    width: 300px;
    /*height: 300px;*/
}

.nobackgroundcolor {
    background-color: transparent !important;
}


.display-bnr {
    background-image: url(/images/graphics/GUBF.jpg);

    background-position: center center;
   
    background-repeat: no-repeat;


    background-size: 1140px 150px;
    background-color:#000;
}


.display-bnr-img {
    height: 150px;
    width: 1140px;
}


@media (max-width:1100px) {
    .display-bnr {
        background-image: url(/images/graphics/GUBFm.jpg);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 650px 200px;
        background-color: #000;
    }


    .display-bnr-img {
        height: 200px;
        width: 650px;
    }


    @media (max-width:650px) {
        .display-bnr {
            background-image: url(/images/graphics/GUBFm.jpg);
            background-position: center center;
            background-repeat: no-repeat;
            background-size: 375px 115px;
            background-color: #000;
        }


        .display-bnr-img {
            height: 115px;
            width: 375px;
        }
    }
}

.vanish {
    display:none;
}

.mobileshow {
    display: none;
}

/* Smartphone Portrait and Landscape */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
    .mobileshow {
        display: inline;
    }
}

.mobilehide {
    display: inline;
}

/* Smartphone Portrait and Landscape */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
    .mobilehide {
        display: none;
    }
}

.homepage-black-bn {
    background-color: #1b1b1b;
}

.banner-homepage-default {
    background-color: #1b1b1b;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.banner-homepage01 {
    background-color: #1b1b1b;
    background-image: url(/images/graphics/GU_Covid19_banner2.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    height: 100px;
}

.banner-homepage02 {
    background-color: #1b1b1b;
    background-image: url(/images/graphics/GU_black_friday_2020_desktop.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    height: 100px;
}

.banner-homepage03 {
    background-color: #1b1b1b;
    background-image: url(/images/graphics/GU-easter-sale-banner.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    height: 100px;
}

.banner-homepage01-img {
    height: 100px;
    width: 1140px;
}

@media (max-width:650px) {

    .banner-homepage-default {
        background-color: #1b1b1b;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
    }
    
    .banner-homepage01 {
        background-color: #1b1b1b;
        background-image: url(/images/graphics/GU_Covid19_banner2_mobile.jpg);
        background-position: center center;
        background-repeat: no-repeat;
        height: 200px;
    }

    .banner-homepage02 {
        background-color: #1b1b1b;
        background-image: url(/images/graphics/GU_black_friday_2020_mobile.jpg);
        background-position: center center;
        background-repeat: no-repeat;
        height: 200px;
    }

    .banner-homepage03 {
        background-color: #1b1b1b;
        background-image: url(/images/graphics/GU-easter-sale-banner_mb.jpg);
        background-position: center center;
        background-repeat: no-repeat;
        height: 200px;
    }
    .banner-homepage01-img {
        height: 200px;
        width: 100%;
    }
}

/* Default to left-aligned text */
.responsive-text-align {
    text-align: left;
}

/* Right-align text on medium (md) screens and larger */
@media (min-width: 992px) {
    .responsive-text-align {
        text-align: right;
    }
}