/*
 * Start Bootstrap - Modification of the Grayscale Bootstrap Theme (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */


/* Import 91快播 Custom Global Top Navbar Styles */
    @import url('/themes/dctc_2014/css/scrolling-nav.css');
/* Import Slide-Out Menu for Mobile Display Styles */
    @import url('/themes/dctc_2014/css/mobile-slide-out-menu.css');
/* Import 91快播 Custom Calendar Styles */
    @import url('/themes/dctc_2014/css/dctc-calendar.css');
/* Import 91快播 Custom Program Testimonial Styles */
    @import url('/themes/dctc_2014/css/dctc-testimonial-styles.css');
/* Import 91快播 History Timeline Styles */
    @import url('/themes/dctc_2014/css/history-timeline-styles.css');
/* Import Text Animation Styles */
    @import url('/themes/dctc_2014/css/animate.css');


body {
    width: 100%;
    height: 100%;
    font-family: "Gotham A", "Gotham B", sans-serif;    
    color: #000;
    background-color: #fff;
}

html {
    width: 100%;
    height: 100%;
    scroll-padding-top: 60px; /* set to height of fixed navbar to allow anchors to work properly */
}

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
    color: rgb(7,22,137);
    margin: 35px 0 5px 0;
    text-transform: uppercase;
    font-family: "Gotham A", "Gotham B", sans-serif;
    font-weight: 700;
    letter-spacing: 1px;
}

h1, .h1 {
    margin: 0 0 20px 0;
}

h2, .h2,
h3, .h3 {
    margin: 60px 0 10px 0;
}

@media(min-width:767px) {
    .program-contact-info h3:nth-of-type(1), .program-contact-info .h3:nth-of-type(1),
    .content h3:nth-of-type(1) {
        margin-top: 20px;
    }
}

/* Make small heading styles darker to meet WCAG AAA compliance */
h1 small, .h1 small, h1 .small, .h1 .small,
h2 small, .h2 small, h2 .small, .h2 .small,
h3 small, .h3 small, h3 .small, .h3 .small,
h4 small, .h4 small, h4 .small, .h4 .small,
h5 small, .h5 small, h5 .small, .h5 .small,
h6 small, .h6 small, h6 .small, .h6 .small {
    color: #595959;
}

#tell-me-more h2,
#campus-visit h2 {
    margin-top: 35px;
}

/* Style headers for alert messages */
.alert-success .alert-header,
.alert-info .alert-header,
.alert-warning .alert-header,
.alert-danger .alert-header {
	margin-top: 0;
}

.content h2.alert-header,
.content h3.alert-header {
    margin-top: 0;
}

.alert-success .alert-header {
	color: rgb(38, 85, 42);
}
.alert-info .alert-header {
	color: rgb(7,22,137);
}
.alert-warning .alert-header {
	color: rgb(124, 74, 14);
}
.alert-danger .alert-header {
	color: rgb(167, 40, 37);
}

h1.homepage-h1 {
    position: absolute;
    top: -9999px;
    left: -9999px;
}

p,
div.paragraph { 
    margin: 0 0 25px;
    font-family: "ff-tisa-web-pro",serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.5;
}

p.bottom-margin-0,
.bottom-margin-0 {
    margin-bottom: 0;
}

p.top-margin-0,
.top-margin-0 {
    margin-top: 0;
}

.caps-unlock {
	text-transform: initial;
}

@media(min-width:767px) {
    p {
        margin: 0 0 35px;
        font-size: 20px;
        line-height: 1.6;
    }
}

a {
    color: rgb(7,22,137);
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

a:hover,
a:focus {
    color: rgb(79,86,92);
    text-decoration: underline;
}

/* These CSS styles only apply to the content area of the page.         */
.content ul,
.content ol {
    margin: 10px 0 30px 0;
}

/* Fix for carousel indicators display */
.content ol.carousel-indicators {
	margin: 0 0 0 -30%;
}

.content li {
    font-family: "ff-tisa-web-pro",serif;
    font-size: 18px;
    margin-bottom: 8px;
}
.content li ul li,
.content li ol li {
    margin-bottom: 2px;
}

/* Fix for Calendar Grid view bullets */
.calendar-container .modal-body li {
	font-family: "Gotham A", "Gotham B", sans-serif;
	font-size: 14px;
}

/* Fix for Calendar List view bullets */
.calendar-container .calItem  li {
    margin-bottom: 10px;
}

/* This CSS adds hover effects on the text links within the content     */
/* area of the page. In the templates, a "content-links" class          */
/* should be added if this is the desired effect. This style only       */
/* applies to the <p>  and <li> tags.                                   */
.content-links p a,
.content-links li a {
    border-bottom: 1px dotted rgb(196,189,188);
    text-decoration: none;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.content-links p a:hover,
.content-links p a:focus,
.content-links li a:hover,
.content-links li a:focus {
    color: rgb(159,183,15);
    border-bottom: 1px solid rgb(159,183,15);
}

.content-links .mura-region-local > h2:first-of-type {
    margin-top: 30px;
}

.content-links .mura-region-local > p + h2:first-of-type {
    margin-top: 60px;
}

.top-buffer {
    margin-top: 20px;
}

.light {
    font-weight: 400;
}

/* Hero Banner Image Styles */
.hero-image {
    padding: 0;
}

.hero-image img {
    /*display: table;*/
    width: 100%;
    height: auto;
    padding: 0;
    margin-bottom: -1px;
    text-align: center;
    color: #fff;
    background-color: #000;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.hero-image .hero-image-body {
    display: table-cell;
    vertical-align: middle;
}

.hero-image .hero-image-body .brand-heading {
    font-size: 40px;
}

.hero-image .hero-image-body .hero-image-text {
    font-size: 18px;
}

#hero-banner {
    position: relative;
    margin-bottom: 20px;
    background-color: rgb(7, 22, 137);
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
    #hero-banner {
      margin-bottom: 0;
    }
}

#hero-title-overlay .title-overlay {
    color: rgba(255,255,255,.8);
    font-family: "Gotham A", "Gotham B";
    font-weight: 900;
    font-style: normal;
    font-size: 2em;
    text-shadow: 1px 1px 1px rgba(0,0,0,.5);
    text-transform: uppercase;
    text-align: right;
    position: absolute;
    bottom: .1em;
    right: 15px;
    float: right;
    line-height: 1em;
}

/* Medium devices (tablets, 767px and up) */
@media (min-width: 767px) {
    .hero-image {
        height: auto;
        padding: 0;
        margin-top: 50px; /* height of the navbar */
    }

    #hero-title-overlay .title-overlay {
        font-size: 3em;
    }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    #hero-title-overlay .title-overlay {
        font-size: 4em;
    }
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    #hero-title-overlay .title-overlay {
        font-size: 6em;
    }
}

.btn-circle {
    width: 70px;
    height: 70px;
    margin-top: 15px;
    padding: 7px 16px;
    border: 2px solid #fff;
    border-radius: 35px;
    font-size: 40px;
    color: #fff;
    background: 0 0;
    -webkit-transition: background .3s ease-in-out;
    -moz-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out;
}

.btn-circle:hover,
.btn-circle:focus {
    outline: 0;
    color: #fff;
    background: rgba(255,255,255,.1);
}

.btn-circle i.animated {
    -webkit-transition-property: -webkit-transform;
    -webkit-transition-duration: 1s;
    -moz-transition-property: -moz-transform;
    -moz-transition-duration: 1s;
}

.btn-circle:hover i.animated {
    -webkit-animation-name: pulse;
    -moz-animation-name: pulse;
    -webkit-animation-duration: 1.5s;
    -moz-animation-duration: 1.5s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
}

@-webkit-keyframes pulse {    
    0 {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@-moz-keyframes pulse {    
    0 {
        -moz-transform: scale(1);
        transform: scale(1);
    }

    50% {
        -moz-transform: scale(1.2);
        transform: scale(1.2);
    }

    100% {
        -moz-transform: scale(1);
        transform: scale(1);
    }
}

.content-section {
    padding-top: 60px; /* This should be the height of the top navbar */
    margin-top: 10px;
}

.content-section.flush-top {
    padding-top: 0;
    margin-top: 0;
}

#welcome-back h2 {
    margin-top: 20px;
}

#welcome-back h3 {
    margin-top: 40px;
    text-transform: inherit;
}

@media (min-width: 992px) {
    #welcome-back h2 {
        margin-top: 0;
    }
}

/* Homepage Featured Tiles Section */
#featured-tiles image {
    width: 100%;
    height: 20%;
}

#featured-tiles .container .card,
#featured-tiles .container-fluid .card {
    width: 100%;
    height: auto;
    display: flex;
    flex-wrap: wrap;
}

#featured-tiles .card {
    position: relative;
    transition: .3s transform cubic-bezier(.155,1.105,.295,1.12),.3s box-shadow,.3s -webkit-transform cubic-bezier(.155,1.105,.295,1.12);
    background-color: #f7f7f7;
    height: 200px;
    border: 1px solid rgba(0, 0, 0, .125);
    flex-basis: 20%;
}

#featured-tiles .card:hover,
#featured-tiles .card:focus-within {
    transform: scale(1.01);
    box-shadow: 0 10px 20px rgba(0,0,0,.8), 0 4px 8px rgba(0,0,0,.06);
}

#featured-tiles .card img {
    aspect-ratio: 5 / 4;
    width: 100%;
    object-fit: cover;
}

@media only screen and (max-width: 1200px) {
    #featured-tiles .card {
        flex-basis: 25%;
    }
}

@media only screen and (max-width: 1024px) {
    #featured-tiles .card {
        flex-basis: 33.333%;
        margin-bottom: 30px;
    }
}

@media only screen and (max-width: 768px) {
    #featured-tiles .card {
        flex-basis: 100%;
    }
    #featured-tiles .card .card-body {
        min-height: 0 !important;
    }
}

#featured-tiles .card h2 {
    margin: 20px 0;
    color: rgb(7, 22, 137);
}

#featured-tiles .card-image {
    width: 100%;
    height: 100%;
    background-image: url("/sites/91快播/assets/Image/global/homepage-featured-tiles-default.jpg");
    background-size: 100% 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

#featured-tiles .card h2 a::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 1;
}

#featured-tiles .card a:hover,
#featured-tiles .card a:focus {
    color: rgb(7, 22, 137);
    text-decoration: none;
}

#featured-tiles .card:focus-within :focus {
    box-shadow: none;
    outline: none;
}

#featured-tiles .card-deck {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    margin: 0 0 30px 0;
}

#featured-tiles .blue-gradient-bg .card-deck {
    margin: 30px;
}

#featured-tiles .blue-gradient-bg .card {
    border: none;
}

#featured-tiles .card .card-body {
    min-height: 185px;
    color: rgb(7,22,137);
    border-radius: 0.25rem;
}

#featured-tiles .blue-gradient-bg .card .card-body .card-box,
#featured-tiles .default-bg .card .card-body .card-box {
    display: flex;
    align-items: center;
    padding-bottom: 20px;
}

#featured-tiles .blue-gradient-bg .card .card-body .card-box span,
#featured-tiles .default-bg .card .card-body .card-box span {
    display: flex !important;
    align-items: center;
    justify-content: center;
}

#featured-tiles .blue-gradient-bg .card .card-body .card-box .arrow-text,
#featured-tiles .default-bg .card .card-body .card-box .arrow-text {
    display: flex !important;
    align-items: center;
    justify-content: center;
    font-family: "Gotham A", "Gotham B", sans-serif;
    font-size: 16px;
    line-height: 18px;
    color: rgb(7,22,137);
    padding-left: 15px;
}

#featured-tiles .blue-gradient-bg .card .card-body a,
#featured-tiles .default-bg .card .card-body a {
    color: rgb(7,22,137);
}

#featured-tiles .default-bg .card .card-body p {
    color: rgb(0, 0, 0);
    margin: 0 0 10px 0;
}

.testimonial-section {
    width: 100%;
    padding: 0;
    color: rgb(7,22,137);
    background: url(/sites/91快播/assets/Image/global/homepage-testimonial-bg.jpg) no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

#testimonials .testimonial-img-bottom-border {
    border-bottom: 2px rgb(7, 22, 137) solid;
}

#gallery hr {
    border-top: 2px solid rgb(196,189,188);
} 

.section-padding {
    margin-bottom: 60px;
}

@media(min-width:767px) {
    .content-section {
        padding-top: 60px; /* This should also be the height of the top navbar */
    }
}

.btn {
    font-family: "Gotham A", "Gotham B", sans-serif;    
    font-weight: 400;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    margin-left: 5px; /* added to fix modal footer button shifting */
}

/*.content-links a.btn:hover,
.content-links a.btn:focus {
    color: #fff !important;
    border-bottom: 1px solid !important;
}*/

.btn-default {
    border: 1px solid rgb(7,22,137) !important;
    color: rgb(7,22,137);
    background-color: transparent;
}

.btn-default:hover,
.btn-default:focus {
    outline: 0 !important;
    color: #fff !important;
    background-color: rgb(7,22,137) !important;
}

.btn-primary {
    color: rgb(255,255,255);
    background-color: rgb(7,22,137);
    border-color: rgb(7,22,137);
}

.btn-request-info,
.btn-apply-now,
.btn-visit-campus,
.btn-articulation-agreements {
    color: #ffffff;
    font-size: larger;
    width: 100%;
}

.btn-request-info {
    margin-top: 0px;
}

.btn-apply-now,
.btn-visit-campus {
    margin-top: 15px;
}

.btn-articulation-agreements {
    margin-top: 15px;
    margin-bottom: 15px;
}

.btn-blue,
.btn-blue:focus,
.btn-blue:visited {
    color: rgb(255,255,255) !important;
    background-color: rgb(7,22,137) !important;
    border-color: rgb(7,22,137) !important;
    margin: 15px 0 30px 0 !important;
}

.btn-blue:hover {
    color: rgb(7,22,137) !important;
    background-color: rgb(240,240,240) !important;
    border-color: rgb(7,22,137) !important;
}

.btn-blue a {
    color: rgb(255,255,255) !important;
}

.modal .btn-blue {
  margin: 15px 0 15px 8px !important;
}

.btn-white,
.btn-white:focus,
.btn-white:visited {
    color: rgb(7,22,137);
    background-color: rgb(255,255,255) !important;
    border-color: rgb(255,255,255) !important;
    margin: 15px 0 30px 0 !important;
}

.btn-white:hover {
    color: rgb(255,255,255) !important;
    background-color: rgb(7,22,137) !important;
    border-color: rgb(255,255,255) !important;
}

.btn-responsive {
    white-space: normal !important;
    word-wrap: break-word;
}

.btn-request-info,
.btn-apply-now,
.btn-visit-campus,
.btn-articulation-agreements {
    font-weight: bold;
}

.btn-request-info {
    background-color: rgb(244, 178, 35);
    color: rgb(63, 45, 4);
}

.btn-apply-now {
    background-color: rgb(183, 191, 52);
    color: rgb(42, 43, 13);
}

.btn-visit-campus {
    background-color: rgb(84, 200, 232);
    color: rgb(7, 49, 64);
}

.btn-articulation-agreements {
    background-color: rgb(0, 137, 169);
    color: rgb(0, 0, 0);
}

.btn-request-info:hover,
.btn-apply-now:hover,
.btn-visit-campus:hover,
.btn-articulation-agreements:hover {
    color: rgb(255,255,255);
    background-color: rgba(7,22,137);
    border-color: rgb(7,22,137);
}

/* Override Bootstrap button colors */
.btn-info {
    background-color: rgb(7,22,137);
    border: 1px solid rgb(7,22,137) !important;
}
.btn-success {
    background-color: rgb(38, 85, 42);
    border: 1px solid rgb(38, 85, 42) !important;
}
.btn-warning {
    background-color: rgb(124, 74, 14);
    border: 1px solid rgb(124, 74, 14) !important;
}
.btn-danger {
    background-color: rgb(167, 40, 37);
    border: 1px solid rgb(167, 40, 37) !important;
}

/* Override text hover color for buttons on <a> links within "content-links" class */
.btn-info:hover, .btn-info:focus,
.btn-success:hover, .btn-success:focus,
.btn-warning:hover, .btn-warning:focus,
.btn-danger:hover, .btn-danger:focus {
    color: rgb(255, 255, 255) !important;
    border: 1px solid transparent !important;
}


/* Override text styles for alert boxes */
.alert-success {
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: rgb(38, 85, 42);
  }
  .alert-success hr {
    border-top-color: rgb(38, 85, 42, 0.5);
  }
  .alert-success a.alert-link {
    color: rgb(38, 85, 42);
    border-bottom: 1px dotted rgb(38, 85, 42);
  }
  .alert-success a.alert-link:hover {
    color: rgb(38, 85, 42, 0.8);
    border-bottom: 1px solid rgb(38, 85, 42, 0.8);
    text-decoration: none;
  }
  .alert-info {
    background-color: #d9edf7;
    border-color: #bce8f1;
    color: rgb(7,22,137);
  }
  .alert-info hr {
  border-top-color: rgb(7, 22, 137, 0.5);
  }
  .alert-info a.alert-link {
    color: rgb(7, 22, 137);
    border-bottom: 1px dotted rgb(7, 22, 137);
    text-decoration: none;
  }
  .alert-info a.alert-link:hover {
    color: rgb(7, 22, 137, 0.8);
    border-bottom: 1px solid rgb(7, 22, 137);
    text-decoration: none;
  }
  .alert-warning {
    background-color: #fcf8e3;
    border-color: #faebcc;
    color: rgb(124, 74, 14);
  }
  .alert-warning hr {
    border-top-color: rgb(124, 74, 14, 0.5);
    }
    .alert-warning a.alert-link {
      color: rgb(124, 74, 14);
      border-bottom: 1px dotted rgb(124, 74, 14);
    }
    .alert-warning a.alert-link:hover {
      color: rgb(124, 74, 14, 0.8);
      border-bottom: 1px solid rgb(124, 74, 14);
      text-decoration: none;
    }  
  .alert-danger {
    background-color: #f2dede;
    border-color: #ebccd1;
    color: rgb(167, 40, 37);
  }
  .alert-danger hr {
    border-top-color: rgb(167, 40, 37, 0.5);
    }
    .alert-danger a.alert-link {
      color: rgb(167, 40, 37);
      border-bottom: 1px dotted rgb(167, 40, 37);
    }
    .alert-danger a.alert-link:hover {
      color: rgb(167, 40, 37, 0.8);
      border-bottom: 1px solid rgb(167, 40, 37);
      text-decoration: none;
    }
    .alert .btn {
      margin-top: 15px;
    }

ul.banner-social-buttons {
    margin-top: 0;
}

@media(max-width:1199px) {
    ul.banner-social-buttons {
        margin-top: 15px;
    }
}

@media(max-width:767px) {
    ul.banner-social-buttons li {
        display: block;
        margin-bottom: 20px;
        padding: 0;
    }

    ul.banner-social-buttons li:last-child {
        margin-bottom: 0;
    }
}

/***/
/*** Panels with Tabbed Navigation ***/
.tab-content h3 {
	margin-top: 10px;
}

.nav-tabs > li > a {
    min-height: 52px !important;
    color: #fff;
}

.content ul.nav-tabs {
    margin: 0 !important;
}

.content ul.fa-ul {
    margin: 10px 0 30px 30px;
}

.panel {
    border-radius: 10px;
}

.panel-primary > .panel-heading {
    color: #fff;
    background-color: rgb(7,22,137);
    border-color: rgb(7,22,137);
}

.panel-primary {
    border-color: rgb(7,22,137);
}
    
.panel.with-nav-tabs .nav-tabs{
	border-bottom: none !important;
}

.panel.with-nav-tabs .nav-justified{
	margin-bottom: -1px;
}

.panel.with-nav-tabs .panel-heading {
    border-bottom: 0;
    border-radius: 10px 10px 0 0;
    min-height: 40px;
    padding: 0;
    background-color: rgb(7,22,137);
}

.panel.with-nav-tabs .nav-tabs > li {
    float: left;
    margin: 8px 0 0 8px;
    padding: 0;
}

.panel.with-nav-tabs .nav-tabs > li > a {
    display: inline-block;
    border: 2px solid;
    border-radius: 10px 10px 0 0;
    border-color: #b2b4b2;
    border-radius: 10px 10px 0 0;
    border-bottom-style: none;
    border-bottom-width: 0px;
    padding: 8px 10px;
}

.panel.with-nav-tabs .nav > li > a:hover,
.panel.with-nav-tabs .nav-tabs > li.active > a,
.panel.with-nav-tabs .nav-tabs > li.active > a:hover,
.panel.with-nav-tabs .nav-tabs > li.active > a:focus {
    background-color: rgb(255,255,255);
    border: 2px solid;
    border-radius: 10px 10px 0 0;
    border-color: white;
    border-bottom-style: none;
    border-bottom-width: 0px;
    padding: 8px 10px;
    color: rgb(7,22,137);
}

/*** Default Panel Styles ***/
.with-nav-tabs.panel-default .nav-tabs > li > a,
.with-nav-tabs.panel-default .nav-tabs > li > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li > a:focus {
    color: #777;
}
.with-nav-tabs.panel-default .nav-tabs > .open > a,
.with-nav-tabs.panel-default .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-default .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-default .nav-tabs > li > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li > a:focus {
    color: #777;
	background-color: #ddd;
	border-color: transparent;
}
.with-nav-tabs.panel-default .nav-tabs > li.active > a,
.with-nav-tabs.panel-default .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li.active > a:focus {
	color: #555;
	background-color: #fff;
	border-color: #ddd;
	border-bottom-color: transparent;
}
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu {
    background-color: #f5f5f5;
    border-color: #ddd;
}
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > li > a {
    color: #777;   
}
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
    background-color: #ddd;
}
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > .active > a,
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #555;
}
/*** End tabbed panel styles ***/


footer {
    padding: 0;
}

footer p {
    margin: 0;
}

::-moz-selection {
    background: rgb(7,22,137);
    color: rgb(255,255,255);
    text-shadow: none;
}

::selection {
    background: rgb(7,22,137);
    color: rgb(255,255,255);
    text-shadow: none;
}

img::selection {
    background: 0 0;
}

img::-moz-selection {
    background: 0 0;
}

body {
    webkit-tap-highlight-color: rgba(255,255,255,.2);
}

/* Scott's CSS Add-ons */

/* Homepage and Program Section Headings */
.main-section-heading {
    display: block;
    letter-spacing: .6em;
    margin-bottom: 30px;
    text-transform: uppercase;
    width: 100%;
}

.main-section-heading .heading-primary {
    font-size: 32px;
    font-weight: 700;
}

.main-section-heading .heading-primary h2 {
    color: #000;
    font-size: 32px;
    letter-spacing: .2em;
    margin-top: 35px;
}

.main-section-heading .heading-secondary {
    font-size: 15px;
    font-weight: 700;
}

.main-section-heading .heading-divider {
    border: 0;
    border-top: 2px solid #000;
    margin: 2px auto 2px auto;
    width: 90%;
}

/* Blue background gradient */
.blue-gradient-bg-horizontal {
    background-color: rgb(7,22,137);
    color: #fff;
}

.blue-gradient-bg {
    background-color: rgb(7,22,137);
    background-image: linear-gradient(to right, rgb(7,22,137), rgb(0,85,164));
    color: #fff;
}

.blue-gradient-bg h1,
.blue-gradient-bg h2,
.blue-gradient-bg h3,
.blue-gradient-bg h4,
.blue-gradient-bg h5,
.blue-gradient-bg h6,
.blue-gradient-bg a {
    color: rgb(255,255,255);
}

.blue-gradient-bg .btn-default {
    border: 1px solid #fff;
    color: #fff;
    background-color: transparent;
}

.blue-gradient-bg .btn-default:hover,
.blue-gradient-bg .btn-default:focus {
    border: 1px solid #fff;
    outline: 0;
    color: rgb(7,22,137);
    background-color: #fff;
}

/* -- Bootstrap Modal Overrides ------ */
.modal-header .close {
    margin-top: -30px;
}
.modal-header,
.modal-footer {
    border-bottom: 0;
    border-top: 0;
}

/* -- Blog Feed Styles --------------- */
.blog-feed img {
    width: 100%;
    height: 100%;
}

.blog-feed .caption-text h3,
.blog-feed .caption-text h4,
.blog-feed .caption-text a {
    color: white;
    background-color: rgba(7,22,137,0.5);
    margin: 28px 20px 0 20px;
    padding: 10px;
}

.blog-feed .caption-text h3 small,
.blog-feed .caption-text h4 small
{
    color: white;
    text-transform: capitalize;
}

/* -- Blog Feed 1st Row with 2 Posts -- */
.blog-feed-2up{
	padding: 0px;
	position: relative;
	overflow: hidden;
	height: 300px;
}
.blog-feed-2up:hover .caption{
	opacity: 1;
	transform: translateY(-250px);
	-webkit-transform:translateY(-250px);
	-moz-transform:translateY(-250px);
	-ms-transform:translateY(-250px);
	-o-transform:translateY(-250px);
}
	.blog-feed-2up img{
	z-index: 4;
}
.blog-feed-2up .caption{
	position: absolute;
	top:244px; /* change negative values above in .blog-feed-2up:hover .caption to match */
	-webkit-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-o-transition:all 0.3s ease-in-out;
	-ms-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
	width: 100%;
}

.blog-feed-2up .blur{
	background-color: rgba(7,22,137,0.8);
	height: 306px;
	z-index: 5;
	position: absolute;
	width: 100%;
}
.blog-feed-2up .caption-text{
	z-index: 10;
	color: #fff;
	position: absolute;
	height: 300px;
	text-align: center;
	top:-28px;
	width: 100%;
}

/* -- Blog Feed 2nd Row with 3 Posts -- */
.blog-feed-3up{
	padding: 0px;
	position: relative;
	overflow: hidden;
	height: 200px;
}
.blog-feed-3up:hover .caption{
	opacity: 1;
	transform: translateY(-150px);
	-webkit-transform:translateY(-150px);
	-moz-transform:translateY(-150px);
	-ms-transform:translateY(-150px);
	-o-transform:translateY(-150px);
}
	.blog-feed-3up img{
	z-index: 4;
}
.blog-feed-3up .caption{
	position: absolute;
	top:144px; /* change negative values above in .blog-feed-3up:hover .caption to match */
	-webkit-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-o-transition:all 0.3s ease-in-out;
	-ms-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
	width: 100%;
}

.blog-feed-3up img{
    min-height: 200px;    
}

.blog-feed-3up .blur{
	background-color: rgba(7,22,137,0.8);
	height: 306px;
	z-index: 5;
	position: absolute;
	width: 100%;
}
.blog-feed-3up .caption-text{
	z-index: 10;
	color: #fff;
	position: absolute;
	height: 300px;
	text-align: center;
	top:-26px;
	width: 100%;
}
	
/* -- Blog In Page Feed Styles --------------- */
#content-news .youblue-feed {
    clear: both;
    margin-top: 10px;
}

#content-news .youblue-feed img {
    border: 1px solid rgb(7,22,137);
    float: left;
    width: 150px;
    height: auto;
    margin: 5px 20px 15px 0;
    
}

#content-news .youblue-feed .title {
    font-size: 18px;
    color: #4F565C;
    margin: 0px;
}

#content-news .youblue-feed .date {
    font-size: 15px;
    margin: 0px;
}

#content-news .youblue-feed .description {
    font-size: 12px;
}


/* -- Program Cost Section Table Styles ----- */
.program-costs .table {
    margin-bottom: 0;
    margin-top: 25px;
}

.program-costs .table:first-child {
    margin-top: 0;
}

.program-costs .table th[scope=col],
.program-costs .table tr.total-row th,
.program-costs .table tr.total-row td { 
    background-color: #0055a5 !important;
    color: white;
    font-weight: bold;
}

.program-costs .table-striped > tbody > tr:nth-child(odd) > td,
.program-costs .table-striped > tbody > tr:nth-child(odd) > th {
    background-color: #b2cce5;
}

.program-costs .table > tbody > tr > td,
.program-costs .table > tbody > tr > th,
.program-costs .table > thead > tr > th {
    border-bottom: 0;
    border-top: 0;
}

.program-costs .disclaimer { /* Used in the PPE Cost Page Financial Aid Information Component */
    font-size: 1em;
    margin: 0;
    padding-top: 10px;
    font-style: italic;
}

.table-footer,
.table .disclaimer p {
    margin: 0;
    font-size: 1em;
}

.table .disclaimer p {
    float: right;
}

/* -- Lefthand Navigation Styles ------------ */
.navLeft {
    text-transform: uppercase;
    margin: 0;
    padding-right: 15px;
}
/* -- Level One --------- */
.navLeft li {
    white-space: normal;
    font: normal 13px/20px "Gotham A", "Gotham B", sans-serif;
    font-weight: 500;
    color: rgb(7,22,137);
    display: inline;
    margin: 0;
    padding: 0;
    text-align: right;
}
.navLeft li a {
    display: block;
    padding: 10px 0;
    position: relative;
    color: rgb(7,22,137);
    text-decoration: none;
    border-bottom: 1px solid #ccc;
    letter-spacing: 0em;
}
.navLeft li a:hover { background: #f6f6f6; }
.navLeft li a:hover:before {
    color: rgb(7,22,137);
    text-decoration: none;
    padding-top: 10px;
    position: absolute;
    font-family: FontAwesome;
    top: 0;
    left: 5px;
    content: "\f0da"; /* FontAwesome caret-right icon */
}
.navLeft li.current a {
    color: rgb(7,22,137);
    font-weight: bold;
}
.navLeft li.current a:before {
    color: rgb(7,22,137);
    text-decoration: none;
    position: absolute;
    padding-top: 10px;
    font-family: FontAwesome;
    top: 0;
    left: 5px;
    content: "\f105"; /* FontAwesome angle-right icon */
}
.navLeft li.current ul li a { background-color: #f6f6f6; }
.navLeft li.current ul li a:hover { background: #fff; }

/* -- Level Two --------- */
.navLeft li ul {
    display: none;
    list-style: none;
}
.navLeft li.current > ul { display: block; }
.navLeft li.current > ul {
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #ccc;
}
.navLeft li.current > ul li {
    text-transform: none;
    font: normal 12px/30px "Gotham A", "Gotham B", sans-serif;
    color: rgb(7,22,137);
    display: inline;
    height: 30px;
    margin: 0;
}
.navLeft li.current > ul li a {
    display: block;
    position: relative;
    color: rgb(7,22,137);
    padding: 0 5px 0 0;
    text-decoration: none;
    border-bottom: none;
}
.navLeft li.current > ul li a:before, /* Level 2 */
.navLeft li.current > ul li.current > ul li a:before { /* Level 3 */
    color: rgb(7,22,137);
    text-decoration: none;
    padding-top: 0;
    position: absolute;
    font-family: FontAwesome;
    top: 0;
    left: 5px;
    content: "";
}
.navLeft li.current > ul li a:hover:before, /* Level 2 */
.navLeft li.current > ul li > ul li a:hover:before { /* Level 3 */
    color: rgb(7,22,137);
    text-decoration: none;
    padding-top: 0;
    position: absolute;
    font-family: FontAwesome;
    top: 0;
    left: 10px;
    content: "\f0da"; /* FontAwesome caret-right icon */
}
.navLeft li.current > ul li.current a:before, /* Level 2 */
.navLeft li.current > ul li > ul li.current a:before { /* Level 3 */
    color: rgb(7,22,137);
    text-decoration: none;
    padding-top: 0;
    position: absolute;
    font-family: FontAwesome;
    top: 0;
    left: 10px;
    content: "\f105"; /* FontAwesome angle-right icon */
}
.navLeft li.current > ul li.current a {
    color: rgb(7,22,137);
    }
.navLeft li.current > ul li.current ul li a, /* Level 2 */
.navLeft li.current > ul li.current > ul li.current ul li a { /* Level 3 */
    background-color: #f0f0f0;
}
.navLeft li.current > ul li.current ul li a:hover,
.navLeft li.current > ul li.current > ul li.current ul li a:hover {
    background: #fff; }

/* -- Level Three --------- */
.navLeft li.current > ul li.current > ul { display: block; }
.navLeft li.current > ul li.current > ul {
    margin: 0;
    padding: 0;
}
.navLeft li.current > ul li.current > ul li {
    font: normal 11px/22px "Gotham A", "Gotham B", sans-serif;
    color: rgb(7,22,137);
    display: inline;
    height: 22px;
    margin: 0;
    text-transform: none;
}
.navLeft li.current > ul li > ul li a:hover:before, /* Level 3 Hover */
.navLeft li.current > ul li > ul li.current a:before { /* Level 3 Current Arrow */
    left: 15px;
}
/* -- End Lefthand Navigation Styles --------- */
	
/* -- Image Styles --------------- */
img.align-left {float: left; margin: 5px 20px 15px 20px;}
img.align-right {float: right; margin: 5px 20px 15px 20px;}

/* -- Panel Overrides ------------ */

.panel-heading {
    cursor: pointer;
}

.panel-heading h2,
.panel-heading .h2,
.panel-heading h3,
.panel-heading .h3 {
    margin: 5px 0;
}

/* Clickable Accordion Panels with FontAwesome Arrows */
.accordion .panel {
	margin-bottom: 10px;
}

.accordion .panel-default > .panel-heading {
    color: #333 !important;
    background-color: #f5f5f5 !important;
    border-color: #ddd !important;
    border-bottom: 0 !important;
    padding: 10px 15px !important;
}

.accordion .panel-title > a {
    text-decoration: none;
    display: block;
}

.accordion .panel-title > a:before {
    float: right !important;
    font-family: FontAwesome;
    content:"\f068";
    color: inherit;
    padding-right: 5px;
    padding-left: 20px;
}
.accordion .panel-title > a.collapsed:before {
    float: right !important;
    content:"\f067";
}
.accordion h2 {
    color: inherit;
}

.accordion h3.panel-title {
    margin-top: 5px;
}

.accordion .panel-body .fa-ul.indent {
	margin-left: 70px;
}

.accordion .panel-body h3:first-of-type {
	margin-top: 10px;
}

.accordion .panel-body h3 {
	margin-top: 60px;
}

.panel-blue {
  border-color: rgb(7,22,137);
}
.panel-blue > .panel-heading {
  color: rgb(255,255,255);
  background-color: rgb(7,22,137);
  border-color: rgb(7,22,137);
}
.panel-blue > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: rgb(7,22,137);
}
.panel-blue > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: rgb(7,22,137);
}
.panel-blue .panel-heading a:hover,
.panel-blue .panel-heading a:focus {
    text-decoration: none;
    color: rgb(196,189,188);
}

ul.list-nobullets, ol.list-nobullets, dl.list-nobullets {
    list-style: none inside;
    margin-left: 0;
    padding-left: 15px;
}

/* Dot Leaders */
ul.leaders {
    max-width: 100%;
    padding: 0;
    overflow-x: hidden;
    list-style: none;
}
ul.leaders li:before {
    float: left;
    width: 0;
    white-space: nowrap;
    content:
     ". . . . . . . . . . . . . . . . . . . . "
     ". . . . . . . . . . . . . . . . . . . . "
     ". . . . . . . . . . . . . . . . . . . . "
     ". . . . . . . . . . . . . . . . . . . . "
     ". . . . . . . . . . . . . . . . . . . . "
     ". . . . . . . . . . . . . . . . . . . . "
     ". . . . . . . . . . . . . . . . . . . . "
     ". . . . . . . . . . . . . . . . . . . . "
     ". . . . . . . . . . . . . . . . . . . . "
     ". . . . . . . . . . . . . . . . . . . . ";
 }
ul.leaders span:first-child {
    padding-right: 0.33em;
    background: white;
}
ul.leaders span + span {
    float: right;
    padding-left: 0.33em;
    background: white;
}

.card {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0,0,0,.125);
  border-radius: 0.25rem;
}

.card-body {
  padding: 0 20px;
}

.card-body h2 {
    margin-top: 20px;
}

/* Footer full-width radial gradient black background */
#footer {
    background: rgb(0, 0, 0);
    background-image: radial-gradient(circle 860px at 50% -30%, #555, #000);
}

#footer.row .row {
    padding: 0;
    margin-left: 0;
    margin-right: 0;
}

#footer .col-xs-1, #footer .col-sm-1, #footer .col-md-1, #footer .col-lg-1, #footer .col-xs-2, #footer .col-sm-2, #footer .col-md-2, #footer .col-lg-2, #footer .col-xs-3, #footer .col-sm-3, #footer .col-md-3, #footer .col-lg-3, #footer .col-xs-4, #footer .col-sm-4, #footer .col-md-4, #footer .col-lg-4, #footer .col-xs-5, #footer .col-sm-5, #footer .col-md-5, #footer .col-lg-5, #footer .col-xs-6, #footer .col-sm-6, #footer .col-md-6, #footer .col-lg-6, #footer .col-xs-7, #footer .col-sm-7, #footer .col-md-7, #footer .col-lg-7, #footer .col-xs-8, #footer .col-sm-8, #footer .col-md-8, #footer .col-lg-8, #footer .col-xs-9, #footer .col-sm-9, #footer .col-md-9, #footer .col-lg-9, #footer .col-xs-10, #footer .col-sm-10, #footer .col-md-10, #footer .col-lg-10, #footer .col-xs-11, #footer .col-sm-11, #footer .col-md-11, #footer .col-lg-11, #footer .col-xs-12, #footer .col-sm-12, #footer .col-md-12, #footer .col-lg-12 {
    padding-top: 30px;
    padding-bottom: 30px;
}

#footer h3 {
    color: #fff;
    margin-top: 0;
}

#footer p,
#footer a {
    color: #fff;
    font-size: 15px;
}

#footer p {
    font-family: "Gotham A", "Gotham B", sans-serif;
    line-height: 1.1em;
    margin: 4px 0;
}

#footer i.fa-circle-info {
    font-size: 40px;
}

#footer .social-icons i {
    font-size: 24px;
}

#footer .fa-square-facebook:hover {
    color: rgb(59,89,152);
}

#footer .fa-instagram:hover {
    color: rgb(255,200,56);
}

#footer .fa-square-x-twitter:hover {
    color: rgb(0,172,237);
}

#footer .fa-flickr:hover {
    color: rgb(255,0,132);
}

#footer .fa-square-youtube:hover {
    color: rgb(187,0,0);
}

#footer .fa-linkedin:hover {
  color: rgb(0,119,181);
}

#footer .fa-square-rss:hover {
    color: rgb(255,121,0);
}

/* Give a little space to Font Awesome icons */
.fa-padding-after {
    padding-right: 8px;
}
.fa-padding-before {
    padding-left: 8px;
}

/* Awards & Outcomes Course Title Left-Padding */
.courseTitle .title {
    padding-left: 8px;
}

.courseList .credits {
    float:none;
}

/* 91快播 News feed display classes */
.happening-now img {margin: 10px auto; width: 100%; height: 400px; max-height: 400px;
}

.events-feed h4,
.facebook-feed h4,
.twitter-feed h4 {
    margin-bottom: 30px;
}

/* Make Facebook Feed Responsive */
#fb-root {
    display: none;
}
.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {
    width: 100% !important;
}

/* Make Twitter Feed Responsive */
#twitter-widget-0{
   width: 100% !important;  
}

.twitter-feed .customisable-border {
    border: none;
}

/* Make Google Search Results Responsive */
#cse-search-results {
	margin: 0;
}
#cse-search-results iframe {
	height:1200px; width:100%;
}

#breadcrumbs {
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 1px;
    margin-bottom: 20px;
    padding-bottom: 10px;
    text-transform: uppercase;
    border-bottom: 1px solid black;
}

#breadcrumbs a {
    text-decoration: none;
}

@media screen and (max-width: 767px) {
    #breadcrumbs {
        padding-top: 15px;
        margin-top: 35px;
        border-top: 1px solid black;
    }
}

.hide-secondary-header-nav .header-bar {
    opacity: 0;
    transition: opacity .5s;
    display: none;
}

/* Program Content Padding */
section#clubs {
    margin-bottom: 60px;
}

/* Faculty/Staff Contact Info Styles */
.personBioPic img {
    margin: 5px 0 20px 20px;
}

.contactDiv {
    clear: both;
    display: inline-block;
    margin: 10px 7px 35px 0;
    vertical-align: top;
    width: 100%;
}

ul.contact {
    margin: 0;
    padding: 0;
    width: 200px;
}

ul.contactNoImage {
    width: 100%;
    padding-left: 0;
}

ul.contact li, ul.contactNoImage li {
    list-style: none;
    padding-top: 5px;
}


.program-contact-info .contactDiv {
    clear: both;
    display: inline-block;
    height: 100%;
    margin: 10px 7px 30px 0;
    max-width: 200px;
    vertical-align: top;
    width: 200px;
}

.program-contact-info .contactDiv img {
    width: 150px;
    height: 187px;
    clear: both;
}

.program-contact-info .contactDiv .contact-name,
.contactNoImage.contact-name {
    font-family: "Gotham A", "Gotham B", sans-serif;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 2px;
    line-height: 1;
    margin: 5px 0 0 0;
    text-transform: uppercase;
}

.program-contact-info .contactDiv .contact-info,
.contactNoImage.contact-info {
    font-family: "ff-tisa-web-pro", serif;
    font-size: 13px;
    line-height: 1.2;
    margin: 3px 0;
}

.contactNoImage.contact-name {
    font-size: 18px;
}

.contactNoImage.contact-info {
    font-size: 15px;
}

/* -- Foundation Board Memnber Styles --- */

.board-member {
    height: 100%;
}

.board-member img.align-left {
    margin: 12px 18px 0 0;
}

/* Programs & Majors Portal Styles */
a.program-title {
    font-size: 16px;
}

a.icon-online,
a.icon-new,
a.icon-cpl,
a.icon-scholarship,
a.icon-fall-start,
a.icon-spring-start,
a.icon-late-start {
    color: #767676;
    font-size: x-small;
}
a.icon-high-demand-program {
    color: #df3601 !important;
    font-size: x-small;
}

a.icon-online:hover,
a.icon-new:hover,
a.icon-cpl:hover,
a.icon-scholarship:hover,
a.icon-fall-start:hover,
a.icon-spring-start:hover,
a.icon-late-start:hover {
    color: rgb(7,22,137);
    font-size: inherit;
}

a.icon-high-demand-program:hover {
    color: #F4B223 !important;
    font-size: inherit;
}

/* Blockquote Wells for Program Page "Why?" Content Region */
.well blockquote {
    border: none;
    padding: 15px 10px 5px 40px;
    margin-left: 0;
    margin-bottom: 0;
    background:url('/themes/dctc_2014/images/the-lines-vertical.png');
    background-repeat:repeat-y;
    min-height: 30px;
}

.well blockquote h2 {
    margin: 0 0 20px 0;
}

.well blockquote p {
    font-family: "Gotham A", "Gotham B", sans-serif;
    line-height: 1.4;
    margin: 0 0 20px 0;
}

/* Anitmated text CSS Box Definitions */
.wrap {
  margin: 0px auto;
  width: auto;
}

@media (min-width: 992px) {
  .wrap {
    width: 100%;
  }
  .box {
    width: 100%;
    height: auto;
    clear: both;
    margin: 0px auto;
  }
  .text {
    margin-top: 20px;
  }
  .hingebox,
  .flipbox {
    display: none;
  }
  .well blockquote {
    padding: 15px 40px 5px 60px;
    margin-left: 40px;
  }
}

/* Mobile Phone Number Buttons */
.tel,.tel:visited { /*for small screens */ display:block; color:#fff; background-color:rgb(7,22,137); padding:1em; text-decoration:none; } .tel:hover,.tel:focus { color:#fff; background-color: #0065c3; } @media screen and (min-width: 28.5em) { /* for larger screens */ .tel,.tel:visited { background:none; cursor:default; } .tel,.tel:focus { color:#000; } }

@media screen and (max-width: 768px) {
    .navbar-nav>li {
        padding: 0;
        text-align: left;
        width: 100%;
    }
    .navLeft li {
        text-align: center;
    }
}