@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Playwrite+HU:wght@100..400&display=swap');
body{
    font-family:  "Inter", sans-serif,'Nunito', sans-serif !important;
}


/*
Menu Bar removal Condition

*/
div#side-menu {
    box-shadow: 4px 0px 11px 2px #bbbbbb;
    z-index: +99;

    flex-direction: column;
    position: sticky;
    height: 100vh;
    top: 0;
}

div#side-menu > div:nth-child(2){
    flex-grow: 1;
}


div#side-menu a:hover {
    text-decoration: none;
    color: #e18e0a;
}

div#side-menu li.active {
    text-decoration: none;
    background: #e18e0a;
}



div#side-menu li.active a {
    color:white
}
div#side-menu li:has(li.active)>a {
    color: #6a0000;
}



div#side-menu .nested-menu{
    box-shadow: inset 0px 0px 2px 0px #b4b4b4;
}

div#side-menu .nested-menu a{
    margin-left:16px
}

#side-opener{
    position: absolute;
    color:white;
    z-index: +100;
    padding: 7px 7px 7px 7px;
    background: #1d2a42;
    border-radius: 0px 50% 50% 0px;
    bottom: 50%;
    font-size: 1rem;
}

.opened{
    left: calc((100%/12)*2);
}

.closed{
    left:0;
}

header#masthead {
    background-color: #03296d !important;
    
}
.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(360,360,360, 1)' stroke-width='3' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E") !important;
}

.modal-header{
    background: #046c8b;
    border-radius: 0px !important;
}
.modal-title{
    color:white;

}

.modal {
    padding: 0 !important; 
    box-shadow: 0 0 11px 0px #1f1e1e;
}
.modal .modal-dialog {
    width: 100%;
    max-width: 98%;
    height: 100%;
}
.modal .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
}
.modal .modal-body {
    overflow-y: auto;
}

.modal .acf-form{
    padding:0px 20px;
}

.acf-form-submit{
    margin: 20px 0px;
    float: right;
}

.acf-field .acf-label label {
    display: block;
    font-weight: 400!important;
}

/*.acf-fields{*/
/*    display: flex !important;*/
/*}*/

.acf-accordion-title{
    background: #0A246A;
    color: lightblue;
}


.short_modal {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 0;
    visibility: hidden;
    transform: scale(1.1);
    transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;
}
.short_modal-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: white;
    padding: 1rem 1.5rem;
    width: 24rem;
    border-radius: 0.5rem;
}
.short_close-button {
    float: right;
    width: 1.5rem;
    line-height: 1.5rem;
    text-align: center;
    cursor: pointer;
    border-radius: 0.25rem;
    background-color: lightgray;
}
.short_close-button:hover {
    background-color: darkgray;
}
.short_show-modal {
    opacity: 1;
    z-index:+99999999999;
    visibility: visible;
    transform: scale(1.0);
    transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s;
}

.side-pinned{
    position: fixed;
    z-index: +999999999999999999;
    right: 0;
    top: 50%;
    padding: 1px 20px;
    font-size: 33px;
    border-radius: 28px 0 0 28px;
}


#user-registration, #user-registration.horizontal{
    box-shadow: none !important;
}

.page-id-218 #content-main{
    background: url(https://today.uconn.edu/wp-content/uploads/2024/12/SCM-Header.jpg) no-repeat ;
    background-size: cover
  }
  
.page-id-218 .ur-frontend-form.ur-frontend-form--rounded form  input{
    border-radius:8px !important;
}
  .page-id-218 #user-registration{
    background-color:transparent !important;
    color:white !important
   
  }
  
  .page-id-218 .form-row{
    flex-direction:column
  }
  .ur-frontend-form{
     border:none !important;
  }
  
  .ur-frontend-form label{
    color:black !important;
  }

.btn-primary{
    background-color: #1d2a42 !important;
    border-color: #1d2a42 !important;
}

.btn-sm{
    margin:2px !important;
}