@font-face {
	font-family: 'FiraSans-SemiBold';
	src: url('../custom/font/FiraSans-SemiBold-2.ttf');	
}
@font-face {
  font-family: 'FiraSans-Regular';
  src: url('../custom/font/FiraSans-Regular-2.ttf');
}
@font-face {
  font-family: 'FiraSans-Medium';
  src: url('../custom/font/FiraSans-Medium-2.ttf');
}

html {
    height: 100%;
    margin-top: 0;
  }
  
  BODY {
    font-family: "FiraSans-Regular", Arial, Palatino, Zapf Calligraphic, Georgia, Times New Roman, Times, Serif;
    margin: 0;
    padding: 0;
    background-color: #e8e8e8;
    height: 100%;
  }
  
  /***************/
  /* Top Section */
  /***************/
  .global-brand {
    background-color: #fff;
    border-top:5px solid #003DA5;
    border-bottom:1px solid #FFB81C;
    height: 45px;
    margin-top: -10px;
  }
  
  .site-brand {
    background-color: #fff;
    margin-bottom: 1.5rem;
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  
  .global-brand-title {
    font-family: "FiraSans-Medium", Arial, Palatino, Zapf Calligraphic, Georgia, Times New Roman, Times, Serif;
    text-transform: uppercase;
    font-size: 1rem;
    font-weight: 400;
    letter-spacing: -0.01px;
    line-height: 1;
    display: inline-block;
    max-width: 100%;
    padding: 8px 0;
    margin: 0;
  }
  
    .global-brand-title a {
        color: #333333;
        letter-spacing: 0;
    }
    .global-brand-title a:hover {
        text-decoration:dotted;
    }
  

  .audience-nav-section{
        margin-top: 5px;
        max-height: 30px;
  }

  ul.audience-links-menu {
    list-style: none;
    display: inline;
  }

  ul.audience-links-menu li {
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px;
}

  ul.audience-container  {
    background-color: #003DA5;
    padding: 10px 10px 15px 10px !important;
    max-height: 50px;
  }
      
  ul.audience-container li > a {
    font-weight: 500;
    font-size: 0.75rem;    
    font-family: "FiraSans-Regular", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    text-transform: uppercase;
    color: #fff;
  }

  ul.audience-container li:hover {
    color: #0050a8;
    background-color: #FFB81C;
    border-radius: 2px;
    }
  
    ul.audience-container li > a:hover {
        text-decoration: none;
        color: #0050a8;
        }

   
  .masthead-logo {
    position: relative;
    display: inline-block;
    overflow: hidden;
    text-align: left !important;
    width: 205px;
    height: 57px;
    margin-top: 1.5rem;
    background: url("../custom/img/UCR-horizontal-logo-over-white-bg-w-yellow-line-2.svg") no-repeat;
    -webkit-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
  }
  
  div.masthead-title {
    font-family: "FiraSans-SemiBold", Arial, Palatino, Zapf Calligraphic, Georgia, Times New Roman, Times, Serif;    
    font-size: 1.5rem;
    padding-left: 200px;
    margin-top: -70px;
    margin-bottom: 7px;
    -webkit-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
    left: -20px
  }
  
    div.masthead-title a {
        color: #003DA5;
    }

    div.masthead-title a:hover {
        text-decoration: none;
    }
  
  p.slogan {
    position: relative;
    color: #003DA5;
    /*font-family: "Avenir Next W01", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;*/
    font-family: "FiraSans-Regular", "Helvetica Neue", Helvetica,Arial, Roboto, Arial, sans-serif;
    font-size: 1.375rem;
    line-height: 1.08;
    font-weight: 400;
    /*padding-top: .25rem;*/
    -webkit-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
    padding-top: 2.5rem;
  }

  .top-hr-line {
    background-color: #003DA5; /* #2d6cc0;*/
    border-bottom: 1px solid #FFB81C;
    min-height: 2.5em;
    width: 100%;
    line-height: 1em;
    
}
  .bottom-shadow {
    background-color: #003DA5; /* #2d6cc0;*/
    -webkit-box-shadow: 0 2px 3px #666666;
    box-shadow: 0 2px 3px #666666;
    min-height: 1.5em;
    width: 100%;
}
  
  /******************/
  /* Header Section */
  /******************/
  h1.PageTitle{
      font-size: 1.4em;
      font-weight: bold;
      padding: 0;
      color: #0050a8;
  }
  
  /******************/
  /* Main Section */
  /******************/
  .tile{
    min-height: 350px;
  }
  .tile-header{
    padding: .75rem 1.25rem;
    background-color: rgba(0,0,0,.03);
    border-top: 1px solid rgba(0,0,0,.125);
  }
  .tile-footer{
    padding: .75rem 1.25rem;
    margin-bottom: 1.25rem;
  }
  
  /* Added on 3/9/2021 by Joel Valdez to resolve INC0140550 */
  /* This is to forcefully hide the supposed hidden element of the grid */
  /* Used in the Grid/Table section of telerik wizard sidebar */
  
  tr.rgRow td .Hidden {
      display: none;
  }
  tr.rgAltRow td .Hidden {
      display: none;
  }
  
  /******************/
  /* Footer Section */
  /******************/
  footer{
    font-family: "FiraSans-Medium", "Helvetica Neue", Helvetica,Arial, Roboto, Arial, sans-serif;
    background-image: url('../custom/img/bg-ucr-footer-2.jpg');
    background-position:center;
    background-size: cover;
    color: #fff;
  }
  footer::after {
    background-color: #003DA5;
    z-index: -1;
    font-family: "Fira Sans Medium",sans-serif;
    
  }
  
    footer .footer-wrappper {
        background-color: #003DA5;
        position: relative;
        z-index: 0;
        opacity: 0.75;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
    }
  
    footer .footer-item {
        margin-top: 1rem;
        margin-bottom: 1rem;
    }
  
    footer .footer-item-middle {
        padding-left: 1rem;
        padding-right: 1rem;
        border-right: #ffffff;
        border-right-style: solid;
        border-right-width: 1px;
        border-left: #ffffff;
        border-left-style: solid;
        border-left-width: 1px;
    }
  
    footer .footer-item .footer-logo {
        position: relative;
        display: inline-block;
        overflow: hidden;
        text-align: left !important;
        width: 200px;
        height: 47px;
        margin-top: 1rem;
        background: url('../custom/img/UC_Riverside_Horiz_BluBG-2.svg') no-repeat;
    }

    footer .footer-item .tobacco-logo {
      background: url('../custom/img/UCR-TOBACCO-SMOKE-FREE-2.png') no-repeat;
      height: 50px;
    }
  
    footer .footer-item {
        color: #d8e4f3;
        font-size: 0.6875rem;
        line-height: 1.364;
        letter-spacing: 0.06875rem;
    }
  
    footer .ucr-footer-info .footer-links::before {
        display: block;
        content: "";
        margin-bottom: .5rem;
        border: 1px solid #d8e4f3;
        width: 2em;
    }
  
    footer .ucr-footer-info .footer-links {
        margin: 6px 0 14px 0;
        list-style: none;
        padding-left: 0;        
    }
  
        footer .ucr-footer-info .footer-links li {
            border-bottom: 1px solid #FFB81C;
            margin: 0;
            font-size: 0.75rem;
            line-height: 2;
            letter-spacing: .083em;
            list-style-type: none;            
        }
  
            footer .ucr-footer-info .footer-links li:hover {
                background-color: rgba(220, 220, 220, 0.15);
            }
  
            footer .ucr-footer-info .footer-links li a:hover {
                text-decoration: none;
            }

            footer .ucr-footer-info .footer-links li a{
                color: #fff;
            }
  
    footer .footer-item .footer-dept-info {
        margin-top: 1rem;               
    }
        .footer-dept-info p a{
            color: #fff;
        }
        footer .footer-item .footer-dept-info .footer-dept-name {
            font-size: .75rem;
            columns: white;
            margin-top: 1.5rem;
            text-transform: uppercase; 
            border-bottom: 1px solid #FFB81C;
        }
       
    footer .footer-item .footer-related-links {
        margin-top: 1rem;
    }
  
        footer .footer-item .footer-related-links .footer-related-links-title {
            font-size: .75rem;
            text-transform: uppercase;
            columns: white;
            margin-top: 1.5rem;
            border-bottom: 1px solid #FFB81C;
        }
  
    footer .footer-related-links .footer-related-links-item {
        margin: 6px 0 14px 0;
        list-style: none;
        padding-left: 0;
    }
  
        footer .footer-related-links .footer-related-links-item li {
            border-bottom: 1px dotted #FFB81C;
            margin: 0;
            font-size: 0.75rem;
            line-height: 2;
            letter-spacing: .083em;
            list-style-type: none;
        }        
        footer .footer-related-links .footer-related-links-item li a{
            color: #fff;
        }
            footer .footer-related-links .footer-related-links-item li:hover {
                border-bottom: 1px dotted #fec780;
                color: #fec780;
            }
  
                footer .footer-related-links .footer-related-links-item li:hover a {
                    color: #fec780;
                }
  
            footer .footer-related-links .footer-related-links-item li a:hover {
                text-decoration: none;
                color: #fec780;
            }
        footer .social-title{
            color: #ffffff;
            font-weight: 700;
            line-height: 1.444;
            letter-spacing: 0.0625rem;
            text-transform: uppercase;
            margin-bottom: 1.5em;
            padding-bottom: 0.25rem;
            border-bottom: 1px solid #FFB81C;
        }
        footer .social-body a{
            color:#FFB81C;
        }
  .site-legal-footer {
    background: #FFB81C;
    line-height: 2.5rem;
  }
  
    .site-legal-footer .site-legal-links {
        list-style: none;
        display: inline;
        margin: 0;
        padding: 18px 0;
    }
  
        .site-legal-footer .site-legal-links li {
            display: inline-block;
            color: #003DA5;
            font-size:smaller;
            padding-right: 5px;
        }
  
            .site-legal-footer .site-legal-links li a {
                color: #003DA5;
            }