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; color:#fff;
} 
#header-menu-container .css-zi7qzf-view-link:-webkit-any(a), #header-menu-container .css-zi7qzf-view-link:-webkit-any(button) {color:#ffffff;}
#header-menu-container a {background-color:#ffffff;padding:10px;border-radius:4px;font-weight:bold;}
#header-menu-container a:hover,#header-menu-container button:hover{background-color:#f3f3f3;color:#000;}
#header-menu-container button  {background-color:#ffffff;padding:10px;border-radius:4px;font-weight:bold;}

.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:10px;
background-color:#FFF;
    color:#236192;
font-weight: bold;
border-radius:4px;
margin-right:10px;
}

#page-links a:hover,
.btn-link:hover,
.btn-link {
    color:#000;
background-color:#f3f3f3;
}

#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----------------*/


/*-----------------Search results-------------------------*/
.container div h3 {padding:20px;}

.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:130%;} 


.ProductIcon__Wrapper--gallery-index {display:none;}
.product-heading, .product-title {margin-top:0px!important;}
.product-heading h3{font-weight:bold; color:#236192!important;display:block; }
.product-heading .container div h3 {display:block;}

/*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%;
}
/* --------------- button on login page----------------- */
#registration .css-1biq480-baseButton__content {border:solid 5px #911!important;border-radius:30px!important;}
#registration .css-11xkk0o-baseButton__children {font-size:150%;padding:50px!important;}


.bannerlogin {height:100px!important;background-color:#ffcc00; padding:50px!important;text-align:center; font-size:120%;margin-bottom:20px;}

.bannerenroll {background-color:#ffcc00;text-align:center; font-size:1.2em;padding:20px;border-radius:5px;margin-bottom:20px;}

.bannerenroll a {color:#236192;}

.enrollnote {color:#333;font-size:.8em;}

.headliner {color:#FFF; padding:2%; font-weight:bold;	
text-shadow: 2px 4px 3px rgba(0,0,0,0.3);}