/************* DYNAMIC COLOR - FOR DCCCD *****************/

  .cprimary {color: #fff;background-color: #0033A0;}
  .cprimary-border {border:1px solid #0033A0;}
  .cprimary > a, .cprimary h1,.cprimary h2,.cprimary h3,.cprimary h4,.cprimary h5,.cprimary h6 {color:#fff;}
  a.cprimary-font, .cprimary-font {color:#0033A0;}
  a:hover .cprimary-font {color:#0033A0;text-decoration:underline;}
  a.cprimary:hover {color:#fff;background-color: #001D51;text-decoration:none;} /* DK color */
  a.cprimary:hover, a .cprimary:hover {color:#fff;background-color: #001D51;text-decoration:none;} /* DK color */
  
  .cprimary-md {color: #fff;background-color: #487AD3;}
  .cprimary-md-border {border:1px solid #a3b3ce;}
  .cprimary-md > a, .cprimary-md h1,.cprimary-md h2,.cprimary-md h3,.cprimary-md h4,.cprimary-md h5,.cprimary-md h6 {color:#fff;}
  .cprimary-md > a:hover {color:#0033A0;} /* 1 step darker than above */
  a.cprimary-md-font, .cprimary-md-font {color:#487AD3;}
  a.cprimary-md:hover {color:#fff;background-color: #0033A0;text-decoration:none;}   
  
  .cprimary-dk {color: #fff;background-color: #404040;}
  .cprimary-dk-border {border:1px solid #001D51;}
  .cprimary-dk > a, .cprimary-dk h1,.cprimary-dk h2,.cprimary-dk h3,.cprimary-dk h4,.cprimary-dk h5,.cprimary-dk h6 {color:#fff;}
  .cprimary-dk > a:hover {color:#0033A0;} /* 1 step darker than above */
  a.cprimary-dk-font, .cprimary-dk-font {color:#001D51;}
  a.cprimary-dk:hover {color:#fff;background-color: #0033A0;text-decoration:none;}    

  .csecondary {color: #fff;background-color: #94b5dd;}
  .csecondary-border {border:1px solid #94b5dd;}
  .csecondary > a, .csecondary h1,.csecondary h2,.csecondary h3,.csecondary h4,.csecondary h5,.csecondary h6 {color:#fff;}
  .csecondary > a:hover {color:#E6EFFF;} /* 1 step darker than above */
  a.csecondary-font, .csecondary-font {color:#94b5dd;}
  a.csecondary:hover, a .csecondary:hover {color:#fff;background-color: #4A5E82;text-decoration:none;} /* DK color */
  
  
  .csecondary-lt {color: #4A5E82;background-color: #E6EFFF;}
  .csecondary-lt-border {border:1px solid #E6EFFF;}
  .csecondary-lt > a, .csecondary-lt h1,.csecondary-lt h2,.csecondary-lt h3,.csecondary-lt h4,.csecondary-lt h5,.csecondary-lt h6 {color:#4A5E82;}
  .csecondary-lt > a:hover {color:#fff;} /* 1 step lighter than above */
  a.csecondary-lt-font, .csecondary-md-font {color:#E6EFFF;}
  a.csecondary-lt:hover {color:#4A5E82;background-color: #fff;text-decoration:none;}  
  

  .csecondary-md {color: #fff;background-color: #A7BFE8;}
  .csecondary-md-border {border:1px solid #A7BFE8;}
  .csecondary-md > a, .csecondary-md h1,.csecondary-md h2,.csecondary-md h3,.csecondary-md h4,.csecondary-md h5,.csecondary-md h6 {color:#fff;}
  .csecondary-md > a:hover {color:#E6EFFF;} /* 1 step darker than above */
  a.csecondary-md-font, .csecondary-md-font {color:#A7BFE8;}
  a.csecondary-md:hover {color:#fff;background-color: #7592d0;text-decoration:none;}  

  .csecondary-dk {color: #fff;background-color: #4A5E82;}
  .csecondary-dk-border {border:1px solid #4A5E82;}
  .csecondary-dk > a, .csecondary-dk h1,.csecondary-dk h2,.csecondary-dk h3,.csecondary-dk h4,.csecondary-dk h5,.csecondary-dk h6 {color:#fff;}
  .csecondary-dk > a:hover {color:#7592d0;} /* 1 step darker than above */
  a.csecondary-dk-font, .csecondary-dk-font {color:#4A5E82;}
  a.csecondary-dk:hover {color:#fff;background-color: #7592d0;text-decoration:none;}  
  
  .cprimary-gr {background: #0033a0; /* For browsers that do not support gradients */
      background: -webkit-linear-gradient(#0033a0, #002b77); /* For Safari 5.1 to 6.0 */
      background: -o-linear-gradient(#0033a0, #002b77); /* For Opera 11.1 to 12.0 */
      background: -moz-linear-gradient(#0033a0, #002b77); /* For Firefox 3.6 to 15 */
      background: linear-gradient(#0033a0, #002b77); /* Standard syntax */
      color:#ffffff;
    }
  
  .cwhite {background:#fff;}
  a.cwhite-font, .cwhite-font {color:#fff;}
  
/***********************************************/

/* ---- HEADER / FOOTER STYLES ---- */
  
      body {}
    .container-custom {margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; width:1200px;}
    article .container-custom {padding-left: 0px; padding-right: 0px;}
    
    .colleges-menu {padding:32px 0;border-bottom:24px solid #0033a0;}
    .colleges-menu hr {border-color:#E6F4FF;}
    .ind-college img {width:48px;float:left;display:inline-block;}
    a.ind-college {font-size:18px;font-family:"Lucida Bright", Georgia, serif;display:inline-block;color:#000;max-width:100%;}
    .ind-college span {float:left;display:inline-block;position:relative;margin-left:1rem;}
    a.ind-college:hover, a.ind-college:focus { outline: 1px dotted #000 !important;outline-offset: 8px !important; }
    a.ind-college:hover, a.ind-college:hover span, a.ind-college:focus span {text-decoration:underline;}
    
    .topbar {width:100%;height:32px;vertical-align:middle;font-size:14px;font-family:"Open Sans";margin-bottom: 8px;}
    .topbar img {height:20px;margin-right:8px;}
    .topbar .left-corner {width:15%;float:left;}
    .topbar .left-corner a {font-weight:600;font-size:16px;padding-top:4px;}
    .topbar .right-corner {width:85%;font-weight:300;float:left;text-align:right;}
    .topbar ul {padding:0;margin:0 auto;display: inline-block;}
    .topbar ul li {list-style-type:none;display:block;float:left;margin:1px 1.5rem 0 1.5rem;}
    .our-colleges {float:right;font-weight:600;height: 40px;border-radius: 0 0 1rem 1rem;padding: 8px 26px;margin-left:12px;margin-top: -2px;}
    .our-colleges:hover, .our-colleges:focus {outline: 1px dotted #fff !important;outline-offset: -8px !important;}
    .topbar ul li, .topbar .left-corner {padding-top:4px;}
    .topbar .our-colleges img {margin-right:0;}
    .topbar a {color:#000;font-weight:600;}
    /* .topbar a:hover {text-decoration: none !important;color:#EAEFF8; opacity:0.85} */
    .topbar a:hover {
      text-decoration: underline !important;
      color: #222;
      opacity: 0.85;
      outline: 1px dotted #222 !important;
      outline: 1px dotted -webkit-focus-ring-color !important;
      outline-offset: 4px !important;
  }

#ECC_Scope .topbar a, #MVC_Scope .topbar a {color: #fff;}


    .topbar .icon-caret {font-size:10px;padding:auto .5rem;}

    .tb-dropdown {
        position: relative;
        display: inline-block;
    }

    .tb-dropdown-content {
        display: none;
        position: absolute;
        background-color: #f9f9f9;
        min-width: 160px;
        box-shadow: 0px 8px 1rem 0px rgba(0,0,0,0.2);
        padding: 12px 1rem;
        z-index: 1;
    }

    .tb-dropdown:hover .tb-dropdown-content {display: block;}

    .topbar .tb-dropdown-content a {color:#000;font-weight:400;}
    .topbar .tb-dropdown-content ul li {padding:1rem 0;display:block;}    
    
    .logobar {background-color:#fff; width:100%;height:128px;text-align:center;}
    .logobar .logo {height:90px;margin-top:16px;}
    
    .dnavbar {width:100%;height:57px;position:relative;}
    .dnavbar ul {padding:4px 0;margin-bottom:0;margin-top:0.5em;margin-left:1%;}
    .dnavbar ul li {_font-size:1rem;font-weight:400;color:#000;list-style-type:none;display:block;float:left;margin:0 26px 0 0px}
    .dnavbar ul li a {color:#000;font-weight: bold;}
    .dnavbar ul li a > span:hover {outline: 1px dotted #333 !important; outline-offset: 2px !important; }
    .dnavbar ul li a:hover span { opacity: 0.85 !important; text-decoration: underline; }
    .dnavbar ul li a span {display:inline-block;line-height:1.2em ;vertical-align:middle;}
    .dnavbar ul li a span.txt {font-size:1.2em ;}
    .dnavbar .ico {font-size:24px;margin-right:8px;display:inline-block;}
    .dnavbar .search-button {background:#fff;width:48px;height:48px;text-align:center;border-radius:48px;margin-top:-8px;}
    .dnavbar .search-button img {width:1rem;}
    
    #EFC_Scope .dnavbar ul li a, #NLC_Scope .dnavbar ul li a, #RLC_Scope .dnavbar ul li a {color: #fff;}
    
    .mnavbar {padding-top:1.5rem}
    .mnavbar ul {margin-bottom:0;padding:8px 0 12px 0;float:none;margin-top:0;}
    .mnavbar ul li {font-weight:400;color:#fff;list-style-type:none;display:block;float:left;font-size:13px;text-align:center;margin:0 0 2rem 0;}
    .mnavbar ul li a, .mm-bottom-container a {color:#fff;}
    .mnavbar ul li a span:hover {text-decoration:underline;}
    .mnavbar ul li a span {display:block;line-height:1.2em;vertical-align:middle;}
    .mnavbar .ico {font-size:48px;margin:8px;display:block;margin-right: auto;margin-left: auto;}
    .mnavbar .search-button {background:#fff;width:48px;height:48px;text-align:center;border-radius:48px;margin-top:-8px;}
    .mnavbar .search-button img {width:1rem;}
    
    .mm-close-container {height:2rem;font-size:12px;font-weight:500;text-transform:uppercase;padding:.5rem 1rem;}
    .mm-close-container .ico {margin-right:.5rem;}
    .mm-colleges-container {height:3rem;padding:.75rem;}
    .mm-colleges-container span {font-weight:600;text-transform:uppercase;letter-spacing:1px;}
    .mm-close-container:hover, .mm-colleges-container:hover {text-decoration:underline;cursor:pointer;}    
    .mm-bottom-container [class*='col-'] {margin-top:1.5rem;}
    
    
    .mobile-header {min-height:4rem;color:#fff;padding:.5rem;}
      .college-name-container {height:4rem; _display: flex; justify-content: center;align-items: center;}
      .college-name {font-size:18px;font-family:'Lucida Bright', Georgia, serif; _clear:both;}
      .dcccd-name {font-size:11px;text-transform:uppercase;}

    .banner-area {margin-bottom:300px;width:100%;height:454px;background-image:url('../images/banner-test.jpg');background-size:cover;background-position:center;}
      .search-box {background-color:#fff;height:48px;width:100%;margin-top:24px;font-size:18px;font-weight:300;color:#a8a8a8;padding:12px;}
    
    .hero-header {margin-bottom:300px;width:100%;background: linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.8)), url(../images/banner-test.jpg);background-size: cover;background-position:center;}
    .header-inner {padding-top:14em;height:100%; text-align:center; width:100%;}
    .header-inner, .hero-header {height:304px;}
    a.header:hover { outline: 1px dotted #000 !important; outline-offset: 2px !important; text-decoration:none; }

    .interior-header {_margin-bottom:300px;min-height:128px;width:100%;
      background: linear-gradient(rgba(230, 239, 255, 0.85), rgba(230, 239, 255, 0.85)), url(../images/banner-test.jpg);
      background-size: cover;
      background-position:center;}
    .breadcrumbs {color:#000;padding-top:2rem;}
    .interior-header h1 {margin-top:.33rem;padding-bottom:.5rem;font-weight:500;color:#000;text-shadow: 0px 0px 8px #fff;}
    
	#footer { margin-top: 15px; }
    .footer-top {height: 32px;}
    .footer-main {padding: 2rem 0;}
    .footer-bottom {min-height:48px; font-size:14px;padding:1rem 0;color:#fff;}
    .footer-bottom a:hover, .footer-bottom a:focus { outline: 1px dotted #eee !important; outline-offset: 2px !important;}
    #footer ul {padding:0;list-style-type:none;}
    /* #footer ul li {padding-bottom:14px;} */
    #footer ul:not(.button-list) li {font-size:14px;color:#fff;padding-bottom:1.5rem;}
    #footer ul:not(.boxed-list) li a:hover, #footer ul:not(.boxed-list) li a:focus { outline: 1px dotted #eee !important; outline-offset: 4px !important; }
    #footer a{color:#fff;}
    #footer h3 {padding-bottom:1rem;}
    #footer h3 .header-text {font-size:20px;font-family:"Lucida Bright",Georgia,serif;color:#fff;font-weight:700;border-width:0 0 3px 0;padding-bottom:8px;}
    #footer h3 .ico {color:#fff;font-size:25px;margin-right:1rem;}
    .footer-bottom .right-col {text-align:right;}
    .footer-logo {max-width:270px;margin-top:0;}
    .social-links {margin-top:1rem;margin-bottom:1rem;text-align: center;}
    .social-links div { margin: 3px 1px; display: inline-block; }
    .social-links div a { font-size: 20px !important; padding:5px 6px; }
    .social-links a:hover span {opacity: 0.85; outline: 1px dotted #fff !important; outline-offset: 6px !important;}    
  
    #footer ul.boxed-list { list-style: outside none none; margin: 10px 0; padding: 0; }
    #footer ul.boxed-list > li { height: 10px; margin: 0 0 0px -10px; /**/ text-align: center; font-size: 14px; font-weight: 600; display: table; }
    #footer ul.boxed-list > li > a { font-size: 14px !important; font-weight: 600; padding: 10px; }
    /**********************************************************************/
    /*                                                                    */
    /*  BUTTONS                                                           */
    /*                                                                    */
    /**********************************************************************/
    #footer a.button 
      { display: inline-block; padding: .75em 1.5em; margin: 0 0 .25em 0; font-family: 'Open Sans',arial,helvetica,sans-serif; font-weight: 600;
        line-height: 1.42857143; text-align: center; white-space: normal; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer;
        border: 1px solid transparent; border-radius: 3px; transition: all 0.15s ease 0s; }
    
    #footer a.button 
      { text-decoration: none; }
    
    #footer a.button:hover, #footer a.button:focus
      { text-decoration: underline; opacity: .85; }    

    #footer .button.button-block { display: block;}
    #footer .button.button-sm { font-size: .875em; }

  .icon-box-1 {font-size:14px;font-weight:300;margin:0 auto 1rem auto;text-align:left;max-width:270px;}
  .icon-box-cell {float:left;width:3rem;font-size:2rem;}
  .icon-box-info {display:table-cell;vertical-align:middle;height:2rem;}
    
    .card-2 {box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);}
    .card-3 {box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);}    
    
    
    @media screen and (max-width: 1199px) { /* Medium */
      a.ind-college {font-size:18px;}

      .container-custom {width:100%;}
      .banner-area {height:352px;}
      .dnavbar ul {max-width:892px;}
      .dnavbar ul li {margin:0 1rem 0 1rem; font-size:14px;}
      .dnavbar img {width:32px;}
    }
    
    @media screen and (max-width: 991px) { /* Small */
      a.ind-college {width:100%;font-size:1rem;}
      a.ind-college img {display:block;margin:0 auto;float:none;}
      a.ind-college span {display:block; float:none;text-align:center;margin:8px 0 0 0 ;}
      
      .logobar {height:80px;text-align:center;}
      .logobar .logo {height:48px;margin-top:1rem;}
      .dnavbar {height:auto;}
      .dnavbar ul li {font-size:13px;width:16.6%;text-align:center;margin:0px;}
      .dnavbar ul {padding:8px 0 12px 0;float:none;margin-top: 0;}
      .dnavbar ul li a span {display:block;line-height:1.2em;vertical-align:middle;}
      .dnavbar .ico {font-size:32px;margin:8px;display:block;margin-right: auto;margin-left: auto;}
      .search-box {margin:1rem 0;}
      .banner-area {height:272px;}
      .header-inner, .hero-header {height:240px;}
      .header-inner {padding-top:10em;}
      .our-colleges {height: 32px;border-radius:0;padding: .4em 1.5em;}
      .footer-bottom, .footer-bottom .right-col {text-align:center;}
      .footer-bottom .right-col {padding-top:1rem;}
      .footer-logo {margin-top: -42px;}
    }
    
    @media screen and (max-width: 767px) { /* Extra Small */
    .colleges-menu {border-bottom:0px;}
    .ind-college {margin-bottom:1.5rem;}
     a.ind-college img {float:left;display:inline-block;width:4rem;}
     a.ind-college span {float:left;display:inline-block;position:relative;text-align:left;margin-left:1rem;margin-top:0;font-size:.8rem;}
     .dnavbar {border-bottom:8px solid #e4002B;background-color:#7592D0; }
     .header-inner, .hero-header {height:160px;}
     .hero-header {background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url(../images/banner-test.jpg);background-size: cover;background-position:center;}
     .header-inner {padding-top:3em;}
     .banner-area {width: 100%;padding-bottom: 37.25%;height:auto;}
     .banner-area > div {position: absolute; top: 0; bottom: 0; left: 0; right: 0;}
     .dnavbar img {width: 24px;margin: 1rem;}
     #footer {text-align:center;}
     .footer-logo {margin-top: 0px;}
     .social-links {margin-top:2rem;}
     #footer ul:not(.button-list) li {display:inline-block;margin:0 1rem;}
    }
    
    @media screen and (max-width: 639px) {
      .hidden-xxs {display:none;}
    }
    
    

  /********* CUSTOM STYLING FOR SLIDEBARS ***********/
  
  [off-canvas*=colleges-menu] {background:#fff;}
  [off-canvas*=mobile-menu] {background:#7592D0;}

  [off-canvas*=top] {height: 243px;}
  
  [off-canvas*=left] {width:100vw; }

  .toggle-colleges-menu, .toggle-mobile-menu {
    cursor:pointer;
  }
  
  @media screen and (max-width: 991px) { /* Small */
  [off-canvas*=top] {height: 333px;}
    }

  @media screen and (max-width: 767px) { /* Small */
  [off-canvas*=top] {height: 304px;}
    }