/*********************************************************************/
/***** BEGIN DESIGNPLUS THEME IMPORT & CUSTOMIZATION  ****************/
/*********************************************************************/
/* Import statements need to be at the top of your CSS file */

/*** Legacy Sidebar ***/
/* For Main CSS file */
@import url(https://designtools.ciditools.com/css/themes.css);
/* For Mobile app CSS file */
/*@import url(https://designtools.ciditools.com/css/app.css);*/
/* Institution color customizations */
@import url(https://designtools.ciditools.com/css/inst_theme_overrides.css);

/*** New Sidebar ***/
/* For Main CSS files */
@import url(https://designplus.ciditools.com/css/content.css);
@import url(https://designplus.ciditools.com/css/editor.css);
/* For Mobile app CSS file */
/*@import url(https://designplus.ciditools.com/css/mobile.css);*/

:root {
    --dt-color-primary: #500000;
    --dt-color-primary-contrast: #FFFFFF;
    --dt-color-primary-dark-text: #500000;
    --dt-color-secondary: #FFFFFF;
    --dt-color-secondary-contrast: #000000;
    --dt-color-secondary-dark-text: #707070;
    --dt-color-accent: #B1B3B3;
    --dt-color-accent-contrast: #000000;
    --dt-color-accent-dark-text: #000000;
    --dt-color-gray: #D1D1D1;
    --dt-color-gray-contrast: #000000;
    --dt-color-gray-dark-text: #636363;
    --dt-color-white: #FFFFFF;
    --dt-color-white-contrast: #000000;
    --dt-color-white-dark-text: #707070;
    --dt-color-graybg: ;
    --dt-color-graybg-contrast: ;
}

/*********************************************************************/
/***** END DESIGNPLUS THEME IMPORT & CUSTOMIZATION   *****************/
/*********************************************************************/

/*********************************************************************/
/***** BEGIN LVC CUSTOM CSS ******************************************/
/*********************************************************************/

/*##CATALOG##*/

/*#Header#*/

/*Logo*/
/*.header-branding .logo a{
  width: 220px;
    height: 50px;
    background-repeat: no-repeat;
    background-position: 0 -30px;
  background-image:url("http://ppo.tamu.edu/ppo/media/Images/CPE-Logo3.png");
  background-size: 220px;
}*/

/*Menu Navigation*/

.nav>li{
  font-size:16px;
  font-weight:600;
  transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .6s ease-in-out;
}
.header-nav li a:hover, .header-nav li a:focus {
    text-decoration: none;
}

.nav>li:hover, .nav>li:focus {
    background: #600024;
}

ul.nav li:hover a, ul.nav li:focus a, .nav>li>a:active {
    color: #e3e3e3;
}

.nav>li>a:hover, .nav>li>a:focus{
  background:transparent;
}


/*User Information*/
.btn-link, .UserName__Container {
    color: #006993;
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .6s ease-in-out;
}

.UserName__Container:hover {
    color: #600024;
}

div#user-nav:focus {
    background: #600024;
    color: white;
}
#user-nav button#accountDropdown:focus {
    color: white;
  background: #600024;
}

/*Feature-Region*/
.feature-region {
    background-image: -webkit-linear-gradient(left, #500000, #600024 50%, #500000);
    background-image: linear-gradient(to right, #500000, #600024 50%, #500000);
    background-repeat: no-repeat;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#500000', endColorstr='#500000', GradientType=1);
    min-height: 35px;
}

/*Search*/
#search-form.callout-region {
    background-color: #332c2c;
}

.search-form .search-label {
    font-family: Arial, sans-serif;
}


/*#Main#*/

/* Product*/
.jqFlag {
    border-top-color: #006993;
}

.product-flag-free {
    background-color: #006993;
}

.ProductIcon__LargeCircle--course, .ProductIcon__SmallCircle--course {
    background: #600024;
}

.product-title {
    font-family: georgia, serif;
    font-weight: 600;
}
.product-description {
    font-family: arial;
}

.product-results .product-tile:hover {
    box-shadow: inset 0px -10px 0px #500000;
}
.product-tile .product-footer {
    color: #600024;
}


/*Enroll Button*/
.btn.btn-info.btn-lg.btn-action{
    background-color: #600024;
    border-color: #500000;
    transition: background .3s ease-in-out;
    -moz-transition: background .3s ease-in-out;
    -webkit-transition: background .3s ease-in-out;
}
.btn.btn-info.btn-lg.btn-action:hover {
    background-color: #332c2c;
    border-color: #332c2c;
}


/*#Footer#*/

/*Style*/
#app-footer {
    font-size: 16px;
    color: #fff;
    background: #403f3f;
    background: -moz-linear-gradient(top,#403f3f 0%,#332c2c 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#403f3f),color-stop(100%,#332c2c));
    background: -webkit-linear-gradient(top,#403f3f 0%,#332c2c 100%);
    background: -o-linear-gradient(top,#403f3f 0%,#332c2c 100%);
    background: -ms-linear-gradient(top,#403f3f 0%,#332c2c 100%);
    background: linear-gradient(top,#403f3f 0%,#332c2c 100%);
    border-top: 1px solid rgba(0,0,0,.1);
    margin-top: 0;
    padding-top: 40px;
    padding-bottom: 40px;
    padding: 5px 0 40px;
  padding-top: 30px;
    text-align: center;
}

#app-footer a, #app-footer ul {
    color: #e5e5e5;
    white-space: nowrap;
}


/*#Enrollment#*/
div#note-tamu {
    color: white;
    background: #500024;
    padding: 15px 10px;
    border-width: 1px;
    border-style: dashed;
    border-color: white;
}

.registration-logo img {
    max-height: 115px;
}

label.control-label.RegistrationForm__TermsOfUse:after {
    content: '* NOTE:  TAMU and Instructure have partnered to use the Canvas product to provide this service.  Please read and agree to the Canvas terms and policies above.';
    display: block;
  font-weight:600;
}

/*#Student & Admin Dashboard#*/
/*Dashboard Navigation*/
.DashboardNavigation, .admin-header {
    background: #e3e3e3;
}

.DashboardNavigation__Tab.active, .admin-header__nav-tab.active {
    background-color: #600024;
}

/*#Core#*/
:focus {
    outline: #500000 auto 5px;
}

/*#Instructure Profile#*/

/*Profile Image*/
.cImg {
    outline: none;
    display: block;
    margin: auto;
    -webkit-border-radius: 300px;
    -moz-border-radius: 300px;
    border-radius: 300px;
    opacity: .4;
    border: 1px solid grey;
    padding: .3em;
    -webkit-transition: opacity .5s ease-out;
    -moz-transition: opacity .5s ease-out;
    -o-transition: opacity .5s ease-out;
    transition: opacity .5s ease-out;
    max-width: 175px;
}

.cImg:hover {
    opacity: 1;
    -webkit-transition: opacity .5s ease-out;
    -moz-transition: opacity .5s ease-out;
    -o-transition: opacity .5s ease-out;
    transition: opacity 1s ease-out;
}

/*Profile Information*/
.profile .profileInfo {
    min-height: 165px;
    background: #e5e5e5;
    transition: background-color .6s ease,color .6s ease;
    -webkit-transition: background-color .5s ease,color .6s ease;
    -moz-transition: background-color .5s ease,color .6s ease;
}
.profileInfo h3 {
    font-family: Georgia,serif;
    font-size: 24px;
}
.profile .profileInfo:hover, .staffProfile .StaffInfo a:hover {
    background: #600024;
    color: #fff;
}


/*#Logo#*/

.header-branding .logo a {
    width: 220px;
    height: 100px;
    background-repeat: no-repeat;
    /* background-position: 0 -30px; */
    background-image: url("http://ppo.tamu.edu/ppo/media/Images/CPE-Logo4.png");
    background-size: 250px;
}

/*Logo before User Dropdown*/
div#user-nav:before {
    content: ' ';
    /* display: block; */
}
div#user-nav:before/*.Dropdown__Wrapper:before*/ {
    width: 250px;
    height: 60px;
    background-repeat: no-repeat;
    background-position: 0 -60px;
    background-image: url("http://brandguide.tamu.edu/downloads/logos/TAMU-logos-rgb/TAM-PrimaryMarkA/TAM-PrimaryMarkA.png");
    background-size: 250px;
    display: block;
}

/*INDIVIDUAL COLLEGE/DEPARTMENT 
#user-nav:after {
    content: 'College of Engineering';
    margin-top: -10px;
    font-size: 18px;
    font-weight: 600;
    color: #500000;
    padding-left: 15px;
}

#accountDropdown{
  padding-top:20px;
}*/

/*Login Button and User*/
div#user-nav a, #accountDropdown {
    float: right;
}



/*##CANVAS##*/

/*#Login Page#*/

/*Body Background
body.modal.no-headers, body.ic-Login-Body {
    background-image: url('https://farm9.staticflickr.com/8189/8077043016_05dccad7af_h.jpg');
  background-size: cover;
}*/

/*Login Logo
body.modal #modal-box.login-box h1, body.modal #modal-box.login-box .h1 {
    background-image: url("http://ppo.tamu.edu/ppo/media/Images/CPE-Logo5.png");
    background-position: 46px;
    background-size: 180px;
  margin-left:20px;
  margin-bottom:10px;
}*/

/*Login Box
body.modal #modal-box.login-box, .ic-Login__content,.ic-Login__body{
    background-image: linear-gradient(to bottom, #f4f4f4, #e3e3e3) !important;
}*/
body.modal #modal-box.login-box a, .ic-Login__body a{
  color:#006993 !important;
}

/*Login Label*/
.ic-Form-control--login .ic-Label, .ic-Login__actions .ic-Login__actions-timeout label{
  color: black !important;
}

/*Login Button*/
.ic-Login__actions button.Button--login{
    background: #600024;
    border: 1px solid #140007;
}

/*.ic-Login__actions .Button--login{
  color:white;  
}*/

.ic-Login__actions button.Button--login:hover{
  background:#332c2c;
}

/*Login Footer
body.modal #footer, .ic-Login-footer{
    background-color: rgba(0, 0, 0, 0.8) ;
}*/

/*Mobile Login*/
#f1_container{
    background-image: url("http://ppo.tamu.edu/ppo/media/Images/CPE-Logo5.png");
    background-size: 220px;
}

#f1_container .face{
  top:50%;
}

html.mobiletest-html, html {
     background:#f4f4f4;
   background-image: linear-gradient(to bottom, #f4f4f4, #e3e3e3);
    background-size: cover;
}

/*#Site Body#*/
/*TableRow Hover*/
.ic-Table.ic-Table--hover-row tbody tr:hover, .ic-Table.ic-Table--hover-row tbody tr.ic-Table__row--bg-neutral:hover, .ic-Table.ic-Table--hover-row tbody tr.ic-Table__row--bg-success:hover, .ic-Table.ic-Table--hover-row tbody tr.ic-Table__row--bg-alert:hover, .ic-Table.ic-Table--hover-row tbody tr.ic-Table__row--bg-danger:hover, .ef-item-row:hover {
    background-color: #9fb5bb;
}

/*Dropdown Hover*/
.dropdown-menu li>a:hover, .dropdown-menu li>a:focus, .dropdown-submenu:hover>a {
    background-color: #600024;
    background-image: linear-gradient(to bottom, #600024, #500000);
}

/*Active Secondary Button
.btn.active, .btn.Button--active, .btn.ui-button.ui-state-active, .ui-progressbar .btn.ui-button.ui-widget-header, .Button.active, .active.ui-button, .Button.Button--active, .Button--active.ui-button, .ui-button.ui-state-active, .ui-progressbar .ui-button.ui-widget-header, .ui-button.ui-state-active:hover, .ui-button.ui-state-active.ui-state-hover {
    background: #332c2c;
}*/

/*********************************************************************/
/***** End TAMU CUSTOM CSS ******************************************/
/*********************************************************************/