@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,700');
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:100,300,400,700');

html                                        { -webkit-font-smoothing: antialiased; }
body                                        { font-family: 'Roboto', sans-serif; }
@media only screen and (min-width:1400px)   { .container { max-width: 1500px} }
.DnnModule                                  {margin-bottom: 60px;}

@media only screen and (max-width:1370px) and (min-width:968px) {
    .HomePageBanner                         {height:300px; overflow:hidden;}
}

/* colors */
    .darkblue   {color: #25274d;}
    .bluegray   {color: #464866;}
    .beige      {color: #aaabb8;}
    .lightblue  {color: #2e9cca;}
    .blue       {color: #29648a;}

/* === General Classes === */
    .transition04                   {transition: all 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s; -webkit-transition: 0.4s;}
    a:hover                         {text-decoration: none;}
    a                               {outline: none !Important;}
    h1,h2                           {font-weight: 300;}
    .list-group                     {margin-left: 0 !important;}
    p                               {line-height: 1.3em;}
    a.external:before               {content: '\f08e'; font-family: FontAwesome; font-size: 80%; margin: 0 5px 0 0; display: inline-block;}
    #dnn_pnav a.external:before     {position: absolute; top: 0.8em; left: 5px;}
    .Normal li p                    {line-height: 1.5em;}
    ul li                           {font-size: 16px; line-height: 1.5em; position: relative;}
    ol                              {list-style: none; counter-reset: item; margin-left: 0;}
    ol li                           {counter-increment: item; margin-bottom: 5px; font-size: 16px; line-height: 1.5em; padding-left: 35px; position: relative;}
    ol li:before                    {position:absolute; margin-right: 10px; content: counter(item); background-color: #2e9cca; border-radius: 100%; color: white; width: 24px; height: 24px; line-height: 24px; text-align: center; left: 0; }
    .eds_galleryWrapper ol li:before       {display: none;}
    .table                          {font-size: 14px;}
    h5                              {font-weight: 700; font-size: 20px; padding: 5px 7px 5px 12px; color: #fff; margin: 25px 0 10px 0; background-color: #2e9cca; border-left: solid 3px #29648a;}
    .eds_news_DUTH h5               {background-color:transparent !important; border-left:0 !important;}
    .btn-primary                    {color: #fff !important;}

    @media only screen and (max-width:1400px) {
        h3 {font-size: 1.2rem;}
    }

/* === Header === */
    header                                      {background-color: #25274d; box-shadow: 0 0 50px rgba(0,0,0,0.75) inset;}
    .PrimaryLinks                               {background-color: #464866; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; display: inline-block !important;}
    .LoginLink                                  {display: inline-block; padding: 10px 15px; color: #2e9cca;}
    .LoginLink a                                {color: #2e9cca; transition: all 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s; -webkit-transition: 0.4s;}
    .LoginLink:hover a                          {color: #fff;}
    .LoginLink i                                {background-color: #25274d; padding: 5px; border-radius: 50%; height: 28px; width: 28px; text-align: center;}
    .LoginLink:hover i                          {background-color: #2e9cca; color: #fff;}
    .TopSocialLinks                             {display: inline-block; padding: 9px 15px 0 15px;}
    .TopSocialLinks i                           {background-color: #25274d; color: #2e9cca; padding: 0 10px; border-radius: 50%; height: 32px; width:32px; text-align: center; line-height: 32px; box-shadow: 0 1px 1px #000;}
    .TopSocialLinks i:hover                     {background-color: #464866; color: #fff;}

    .TopSearch                                  {display: inline-block; position: relative;}    
    .SecondaryLinks                             {margin-top: 10px;}
    #dnn_dnnSearch_ClassicSearch                {padding: 10px 0; display: inline-block;}
    .searchInputContainer .NormalTextBox        {border: none; outline: none; border-bottom: solid 1px #2e9cca; background: transparent; color: #aaabb8; width: 100%;}
    .HeaderSearch                               {color: #2e9cca; position: absolute; top: 15px; right: 0;}

    /* --- Menu Bar --- */
        .language-object                        {float: right; padding: 16px 15px; border-left: solid 1px #25274d;}
        .language-object img                    {padding: 0 3px; width: 32px; height: auto;}
        
        /* Logo */
            .LogoHolder                         {max-width: 100%; max-height: 100%; height: auto; width: auto; padding: 10px 0 0 0;}

        /* Menu */
            .MenuHolder                     {float: right;}

        /* Mobile Menu */
            .MobileMenuHolder               {padding: 6px 15px; margin: 20px 0 0 0; background-color: #2e9cca; color: #fff; font-size: 120%; display: inline-block; cursor: pointer;}
            .MobileMenuPane                 {background-color: #25274d; box-shadow: 0 0 500px rgba(0,0,0,0.75) inset;}
            .MobileMenuDropDown             {display: none;}
            .MobileMenuDropDownOpen         {display: block;}

/* === Inner Page Styles === */
    .HeaderInner                            {background: transparent url(images/HomeBg_Medium.jpg) no-repeat center; background-size: cover; box-shadow: 0 0 100px 35px #000 inset;}
    .HeaderInner .MobileMenuPane            {background-color: transparent;}
    .DUTHbreadcrumbs .container             {border-top: solid 1px #151515;}
    #dnn_dnnBreadcrumb_lblBreadCrumb        {padding: 20px 0; display: block;}
    .DUTHbreadcrumbs .SkinObject            {padding: 0 10px; color: #e7e7e7; text-transform: uppercase; font-variant: small-caps; font-size: 12px;}

/* === Services Page Styles === */
    .ServicesPage .CntSideMenu > ul > a     {font-size: 14px !important; padding-right: 45px !important;} 
    .ServicesPage .CntSideMenu i            {background-color: rgb(46, 156, 202) !important;}
    .ServicesPage .CntSideMenu > ul > li    {border-bottom: solid 1px rgb(46, 156, 202) !important;}
    .ServicesPage .CntSideMenu > ul > li:last-child    {border-bottom: none !important;}
    .ServicesPage .CntSideMenu .SubSubMenu  {background-color: rgb(46, 156, 202) !important;}

    .ServicesPage .Normal h4                {font-weight: 700; font-size: 20px; padding: 5px 7px 5px 12px; color: #fff; margin: 25px 0 10px 0; background-color: #2e9cca; border-left: solid 3px #29648a;}
    .ServicesPage .Normal table             {padding: 0 !important; border: none !important; border-spacing: 0; border-collapse: collapse; overflow-x: auto;}
    .ServicesPage .Normal table td          {width: 25%;}
    .ServicesPage .Normal table td i        {font-style: normal !important;}

/* === Student Transportation === */
    .StudentTransportation                  {background: transparent url(images/StudentBenefit_Transportation_Bg.jpg) no-repeat center; background-size: cover;}
    .StudentTransportationInner             {padding-top: 300px;}
    .StudentTransportationInner h3          {font-weight: 700; color: #fff; text-shadow: 0 0 5px #000; padding-bottom: 5px;}

/* === Content Panes === */
    .BeigeFluidPane                                 {background-color: #aaabb8;}
    .list-group                                     {font-size: 14px;}
    .FifthPane                                      {display: inline-block; width: 20%; padding: 0 15px;}
    @media only screen and (max-width:968px) {
        .FifthPane                                  {padding: 0 5px;}
    }
     @media only screen and (max-width:580px) {
        .FifthPane                                  {display: block; padding: 0 15px; width: 100%;}
        .FifthPane .DnnModule                       {margin-bottom: 15px;}
    }


/* === Footer === */
    .FooterTop                                      {background-color: #333; border-bottom: solid 1px #444; margin-top: 30px; padding-top: 30px;}
    .FooterBottom                                   {background-color: #151515; line-height: 3em;}
    .ExploriaCopyright                              {color: #999; font-size: 11px;}
    .FooterBottom .AboveMenuBarSocialIcons a        {display: inline-block; color: #999; padding: 3px 5px;}
    .FooterBottom .AboveMenuBarSocialIcons a:hover  {color: #fff;}

/* === Responsive Styles === */
@media only screen and (max-width: 576px){
    .d-xs-none              {display: none !important; height: 0;}
    .col-xs-3               {width: 25%; float: left;}
    .col-xs-6               {width: 50%; float: left;}
    .col-xs-9               {width: 75%; float: left;}
    .MobileMenuHolder       {margin-right: 15px;}
    .hiddden-xs             {display: none;}
}

/* === Slider Classes === */
.ms-thumb-list.ms-dir-h     {display: none;}

/* === Console Classes === */
.console                    {width: 100% !important;}
.console h3                 {margin: 0 !important;}

/* === EDN Rotator Classes === */
.newsticker_wrapper.NewsMagazine .newsticker_title > h4         {font: normal normal 13px/1.2 'Open Sans', sans-serif !important; font-weight: 700;}
.newsticker_wrapper.NewsMagazine.blue .newsticker_title         {background-color: #2e9cca !important;}
.newsticker_wrapper.NewsMagazine.blue .newsticker_title::after  {border-left-color: #2e9cca !important;}
.newsticker_wrapper.NewsMagazine .newsticker li a               {font-weight: 700 !important; font-size: 14px !important; line-height: 28px !important;}

/* === Bootstrap Overides === */
.list-group-item            {padding: 0.25rem 1.25rem !important;}      
.eds_GravityGallery_Piston.edGP_overlay1 .edsgg__itemsListContainer .edsgg__itemContainer .edGP_thumbnail .edGP_thumbnailContainer::before {background-color: rgba(255,255,255,0.9) !important;}
.edstmr__Theme1 .ms-staff-carousel .ms-nav-prev, .edstmr__Theme1 .ms-staff-carousel .ms-nav-next {background-color: #ccc !important}

/* === News Ticker === */
.newsticker_style_scroll                                                {height:50px !important;}
.newsticker_wrapper.NewsMagazine .newsticker_title                      {padding: 17px 25px !important;}
.newsticker_wrapper.NewsMagazine.newsticker_style_scroll .newsticker li {padding: 10px 0 !important;}
.newsticker_wrapper.NewsMagazine .newsticker_controls                   {padding: 10px 0 !important;}

/* === Home Page Announcement Fixes === */
#dnn_ctr596_ModuleContent .edn_articleTitle {min-height:115px}