/****** CSS by 1551901 Ontario Limited (C. Legue) ******/


@font-face {
  font-family: proxima-nova;
  src: url(https://tickets.sonoma.edu/ArticleMedia/Files/fonts/ProximaNova-Condensed.otf);
}

body {
    font-family: proxima-nova,sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    letter-spacing: .25px;
    color: #000;
}



/****** MAIN STYLES *****/

a {
  color: #005794;
  text-decoration: none;
}
a.active,
a:link,
a:visited {
  color: #005794;
  text-decoration: none;
}
a:focus,
a:active {
  -moz-outline-style: none;
  outline: none;
}
a:hover,
a:focus {
  color: #005794;
  text-decoration: none;
}


/****** HEADER ******/

#header {
    background: #004c97;
    position: relative;
    padding-top: 40px;
    height: 50px;
    width: 100%!important;
}
	
.header-content img {
    position: relative;
    left:0;
    top: 15px;
    z-index: 1;
}

#header	.container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 100%;
}

/* for small screens */

@media screen and (max-width: 992px){

#header {
    background: #004C97;
    position: relative;
    padding-top: 5px;
    height: 150px;
    
}
.header-content img {
    position: relative;
    top: 50px;
}
}
/****** FOOTER *****/

#footer {
    background: #004C98 url(/content/Images/Branding/branding/2021_images/ssu_quad-wht.png) no-repeat right center !important;
    background-color: #004c97 !important;
    border-top: 20px solid #accae9;
    height: 255px;    
    color: #ffffff;
    padding-top: 50px;
}

#footer a.active,
#footer a:link,
#footer a:visited {
  color: #ffffff;
  text-decoration: underline;
   font-family: proxima-nova,sans-serif;
}

#footer a:link:hover, 
a:visited:hover, 
a:link:focus, 
a:visited:focus {
   background-color: rgba(255,255,255,0.13);
   font-family: proxima-nova,sans-serif;
}
/* for small screens */

@media screen and (max-width: 992px){
#footer {
    height: auto;
}}

/*******ORDER BOX*******/

@media screen and (min-width: 992px){
.customer-options, .active-nav .customer-options, .active-sidebar .customer-options {
    background-color: #004c97!important;
}
#orderInfoSecondBar {
    display: none;
}
}

#searchBox {
    z-index: 11002;
    background: transparent;
    width: 25%;
    max-width: 100%;
    padding: 0;
    display: block;
    margin: 0 auto 0 auto;
    top: -70px;
    right: -800px;
    height: 50px;
    overflow: hidden;
    position: relative;
    pointer-events: none;
}

@media screen and (max-width: 991px) {
    #searchBox {
        top: 0;
    }
}

#searchBox.search-box {
    border-radius: 0;    
}

#searchBox.search-box form {
    text-align: right;
}

#searchBox.search-box form ul {
    width: 240px;
    border: none;
    display: inline-block;
    height: 30px;
    pointer-events: all;
    border-radius: 0;
    background: url(/content/Images/Branding/athletics/2021_images/icon-search.png) 5% 5px #004C97 no-repeat;
}

#searchBox.search-box ul {
    height: 30px;
}

#searchBox.search-box li {
    background: none;
    height: auto;
    padding: 0;
    margin: 0;
    text-align: left;
}

#searchBox.search-box li label {
    background: transparent;
    height: 30px;
    padding: 0;
    margin: 0;
    text-align: left;
    width: inherit;
    font-weight: bold;
}

#searchBox.search-box form ul li .field-label {
    display: none;
}

#searchBox.search-box form ul li .form-control {
    background: none;
    border: none;
    height: 30px;
    display: block;
    color: #ffffff;
    font-weight: 400;
    font-size: 25px;
    text-indent: 25px;
}

#searchBox.search-box form ul li .btn {
    height: 30px;
    background: transparent;
    border: solid 1px #ffffff;
    border-radius: 10;
    margin: 0 0 0 0;
    color: #ffffff;
    font-size: 1em;
    text-decoration: none;
    display: inline-block;
    padding: 0 10px 0 10px;
    float: left;
    font-weight: 500;
}

#searchBox.search-box form ul li .btn:hover {
    background: #004C97;
    color: #ffffff;
    transition: all 0.25s;
}

#searchBox.search-box li:nth-child(1) {
    background: none;
    height: auto;
    padding: 0;
    margin: 0;
}

#searchBox.search-box li:nth-child(2) {
    display: none;
}

#searchBox.search-box li:nth-child(3) {
    display: none;
}


/*******MENU*******/

#menu {
    background-color: #004C97;
    color: #ffffff;
    padding-bottom: 5px;
  }

.menuContainer.main-nav .nav .menuTopItem .menu_item:hover {
    color: #ffffff!important;
    text-decoration:underline;    
  }

.menuContainer.main-nav .nav .menuTopItem .menu_item {
      color: #ffffff;
      font-family: proxima-nova, serif;
      font-size: 1.6rem;
      font-weight: 500;
      margin: 1px;
    }

@media screen and (min-width: 992px){
#menu, .active-nav #menu, .active-sidebar #menu {
    /* text-align: right; */
    padding-left: 550px;
}}

.menuContainer.utility-nav .nav .utility-menu-item .menu_item,
    .menuContainer.utility-nav .nav .open .utility-menu-item .menu_item {
        color: #ffffff;
        background-color: #004C97;
        font-size: 11px;
        margin: 0 0 0 10px;
        padding: 6px 10px;
        width: auto;
        border-radius: 5px;
        margin-top: 5px;
        border: solid 1px #ffffff!important;
    }

   .menuContainer.utility-nav .nav .utility-menu-item .menu_item:hover,
    .menuContainer.utility-nav .nav .open .utility-menu-item .menu_item:hover {
        color: #004C97;
        background-color: #ffffff;
        font-size: 11px;
        margin: 0 0 0 10px;
        padding: 6px 10px;
        width: auto;
        border-radius: 5px;
        margin-top: 5px;
        border: solid 1px #ffffff!important;
    }

@media screen and (min-width: 992px){
.menuContainer.main-nav .nav .menuTopItem.show [data-toggle="dropdown"] {
    box-shadow: inset 0 3px 5px rgb(0 0 0 / 13%);
    background-color: #004C97;
}

.menuContainer.main-nav .nav .menuTopItem .dropdown-menu {
    background: #ffffff;
    border: 1px solid #ddd;
    border-top: 0;
    border-radius: 0 0 5px 5px;
    box-shadow: 0 4px 6px rgb(0 0 0 / 18%);
    position: absolute;
    width: 300px;
    top: 6px!important;
    z-index: 1000;
}}


/*  for small screens  */
@media screen and (max-width: 992px){
#menu{
	padding: 0;
	background: #004C97

}
.menuContainer.main-nav .nav .menuTopItem .menu_item {
    color: #ffffff;
    background: #004C97;
    font-family: proxima-nova, serif;
    font-size: 18px;
    font-weight: 300;
    border-bottom:solid 1px #000000;    
}

.menuContainer.main-nav .nav li .dropdown-menu a.menuSubItem {
    background-color: #004C97;
    color: #ffffff;
    border: none;
}

.menuContainer .nav > li {
    border-bottom: none;
}

}

/*******SEARCH RESULTS*******/

.start-date-label {
  display: none
}

/*******BUTTONS*******/

.sso-login-options div a, .sso-login-options div .show-standard-login {
    margin: 0 0 10px;
    background-color: #004C97;
    color: white;
    border:solid 1px #004C97!important;
    padding: 10px 5px 8px 5px;
    width: 100%;
    text-align: left;
}
.sso-login-options div a, .sso-login-options div .show-standard-login:hover {
    margin: 0 0 10px;
    background-color: #e8f2fe;
    color: #004C97;
	border:solid 1px #004C97!important;
    padding: 10px 5px 8px 5px;
    width: 100%;
    text-align: left;
}

.clearImage.text-primary, .cancelImage.text-primary {
  color: #337ab7 !important;
}

a.btn-primary,
.btn-primary,
a.btn-primary.disabled,
.btn-primary.disabled,
a.btn-primary:disabled,
.btn-primary:disabled{
    color: white;
    background-color: #004C97;
    border-color: #004C97;
    border: 1px solid #004C97;
}

a.btn-primary:not(:disabled):not(.disabled):hover,
a.btn-primary:not(:disabled):not(.disabled):focus,
.btn-primary:not(:disabled):not(.disabled):hover,
.btn-primary:not(:disabled):not(.disabled):focus {
    color: #004C97;
    background-color: #e8f2fe;
    border-color: #004C97;
}

a.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled):active {
    color: #ffffff;
    background-color: #204d74;
    border-color: #122b40
}

a.btn-secondary,
.btn-secondary,
a.btn-secondary.disabled,
.btn-secondary.disabled,
a.btn-secondary:disabled,
.btn-secondary:disabled {
    color: #333333;
    background-color: #ffffff;
    border-color: #cccccc;
}


a.btn-secondary:hover,
a.btn-secondary:focus,
.btn-secondary:hover,
.btn-secondary:focus {
    color: #333333;
    background-color: #e6e6e6;
    border-color: #cccccc;
}

a.btn-secondary:not(:disabled):not(.disabled):active,
.btn-secondary:not(:disabled):not(.disabled):active {
    color: #333333;
    background-color: #d4d4d4;
    border-color: #8c8c8c;
}

a.btn-secondary:not(:disabled):not(.disabled):active,
.btn-secondary:not(:disabled):not(.disabled):active,
a.btn-secondary:focus,
.btn-secondary:focus,
a.btn-secondary:not(:disabled):not(.disabled):active:focus,
.btn-secondary:not(:disabled):not(.disabled):active:focus {
    box-shadow: 0 0 0 0.2rem rgba(0,123,255, 0.25);
}

.btn.shopping-cart-link{
	color: #ffffff;
    background-color: #004C97;
    border-color: #ffffff;
    border: 1px solid #ffffff;
    font-size: 11px;
    margin: 0 0 0 10px;
    padding: 6px 12px;
    width: auto;
    }

	.btn.shopping-cart-link:hover {
        background: #e8f2fe;
        border-color: #e8f2fe;
        color: #004C97;
        font-size: 11px;
        margin: 0 0 0 10px;
        padding: 6px 12px;
        width: auto;
    }