html,body {background-color:#f3f3f3;}
#app-header .container .row .col-xs-12  #topnavbar {background-color:#fff; }
/* -----------UAF custom header stuff----------------*/
#app-header{
    /*padding:4px 0 5px;*/
background-color:#236192; 
padding:0px;
}


.btn-link, .btn-link:visited {color:#fff;}
.btn-link:hover,.btn-link:active {color:#d3d3d3;}
.Dropdown__ToggleText {color:#d3d3d3;}

.feature-region {
    background-image:url(https://open.uaf.edu/wp-content/uploads/2021/09/sun3.jpg);
    height: 300px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color:#236192;
    border-top:4px solid #e3e3e3;
    border-bottom:4px solid #e3e3e3;
}

#search-form.callout-region {
    background-color: #236192;
}

.navbar ul li a,.navbar ul li a:visited {color:#f3f3f3;}
.navbar ul li a:hover,.navbar ul li a:active {#b3b3b3;}
.nav ul li a,.nav ul li a:visited {color:#f3f3f3;}
.css-fhkclk-baseButton__content a:visited {color:#f3f3f3;}
.pull-right a {color:#ffffff;}
.pull-right a:hover {color:#e3e3e3;}

.tagline {font-size:130%;color:#f3f3f3;}


/* -----------START ---- CSS from Instructure for extra menu items----------------*/

/* This helps you change the color of the header bar incase you want white links */

#app-header h1 {
    margin:10px 0;
}


/* user-nav includes changes to the Login / User information link */
#user-nav {
    padding-top:25px;
}
#user-nav > a {
    display:inline-block;
    margin-bottom:0;
    font-weight:normal;
    text-align:center;
    vertical-align:middle;
    cursor:pointer;
    background-image:none;
    border:1px solid transparent;
    white-space:nowrap;
    padding:5px 10px;
    font-size:14px;
    line-height:1.428571429;
    border-radius:4px;
    -webkit-user-select:none;
    color:#f3f3f3;
}

#user-nav > a:hover {
    text-decoration:none;
    color:#ffffff;
}
/* Active Color of Login button once logged in */

.header-nav li a {
    color:#ffffff;
}

/* Page Links refers to the custom links in header menu */
#page-links {
    display:inline-block;
}
#page-links a {
    display:inline-block;
    padding:5px 10px;
    font-size:14px;
    color:#e3e3e3;
}
#page-links a:hover,
.btn-link:hover,
.btn-link {
    color:#ffffff;
}

#page-links .piped-list>li:after {
    content:"|";
    color:#e3e3e3;
}
#page-links .piped-list>li:before {
   /* display:none;*/
    margin-right:0;
}
/* -----------END css from Catalog for extra menu----------------*/

/* -----------sub-catalog styling for main page----------------*/

.subcircle {display:none;}
/*.subicon {display:none; }*/
.subcats {background-color:#e3e3e3;padding-top:20px;margin-bottom:30px;}
.subcatdiv {border:solid 1px #236192; background-color:#236192!important;}
.subcatdiv:hover {background-color:#0073ac!important;}
.subh3 {color:#ffffff!important;}
.submore:before {color:#ffffff;}

.product-heading {height:auto !important; min-height:110px;background-color:#236192}
.product-heading:hover {background-color:#0073ac}
/*.product-dates {display:none;}*/

.product-tile .product-heading {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
}
.product-title {padding: 0 5%;}

/*-----------------Search results-------------------------*/
.container div h3 {padding:20px;color:#ffffff;background-color:#236192;margin-bottom:30px;}

.container div h3.product-title {background-color:transparent;}
.container div h3.subh3 {background-color: transparent;}

/* ---------------- Registration page ------------------- */
.Registration__SignInButton {
text-align:center;
}

.buttons {font-size:130%;font-style:bold;}

.button-uaf {background-color:#236192; border-radius: 10px; display: inline; padding:20px 25px;display:block;}
.button-uaf:hover {background-color:#307099;}
.button-uaf a {color:#ffffff!important; text-decoration:underline; }

.button-guest {background-color:#d3d3d3; border-radius: 10px; display: inline; padding:20px 25px;display:block;}
.button-guest:hover {background-color:#e3e3e3;}
.button-guest a {color:#333333!important; text-decoration:underline;}

.button_box1 {width:45%;float:left;background-color:#f3f3f3; border-radius: 11px;min-height:60px;}
.button_box2 {width:45%;float:right;background-color:#f3f3f3;border-radius: 11px;min-height:60px;}

.button_box1 p, .button_box2 p {font-size:85%;margin: 20px 10px; }

.form-control {color:#333;}

#search-form .search-label,
#search-form .search-box-wrapper {
    width: 350px;
    visibility: hidden;
}

/*---------------Listing page---------------*/
/*.timelimit {display:none;}*/

#main .container #description {padding-left:20%;padding-right:20%;padding-top:30px; padding-bottom:30px; ;}
#main .container {border-bottom:solid 4px #236192}
#main .container #description  p {font-size:120%;}


/*make subcats and listings conform to same widths*/

#main, #listings  {margin: 0  0;}
.courses {clear:both; font-style:bold;}
.container {width:100%;}

@media (min-width: 1200px)
.container {
    width: 100%;
}

@media (min-width: 992px)
.container {
    width: 100%;
}
@media (min-width: 768px)
.container {
    width: 100%;
}