/*-----------------------------------------------------------------------------------

  Theme Name: Carson, CA
  Front-end developer: Abdallah 
  Author Design:  Alex Parent
  Author URI: https://www.revize.com/
  Date: 08/06/2024

  -----------------------------------------------------------------------------------*/
  /* -----------------------------------------

  #fonts

  -----------------------------------------*/
  @import url('https://fonts.googleapis.com/css2?family=Sora:wght@100..800&display=swap');

  /* -----------------------------------------

  #basic styles

  -----------------------------------------*/

  /* very important!!! Assign these colors */

  :root {
  --brandcolor: #0C2559; /* Choose a dark color form the website color palette */
  --darkgray: #999; /* Choose a lighter color form the website color palette */
  --lightgray: #ddd; /* Choose a very light color form the website color palette */
  }

  body {
    background: #fff;
    font-size: 16px;
    line-height: 1.5;
    font-family: "Sora", sans-serif;
    color: #1B1B1B;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-text-size-adjust: 100%;
    overflow-x: hidden;
    top: 0 !important
  }

  /* -----------------------------------------

  #typography

  -----------------------------------------*/
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    color: #111;
    font-weight: normal;
    margin-bottom: 20px;
    line-height: 1.2
  }

  h1 a,
  h2 a,
  h3 a,
  h4 a,
  h5 a,
  h6 a {
    font-weight: inherit
  }

  h1 {
    font-size: 36px
  }

  h2 {
    font-size: 32px
  }

  h3 {
    font-size: 28px
  }

  h4 {
    font-size: 21px
  }

  h5 {
    font-size: 16px
  }

  h6 {
    font-size: 14px
  }

  .header {
    font-size: 28px;
    color: var(--brandcolor);
    margin-bottom: 20px
  }

  .subheader {
    font-size: clamp(20px, 4vw,32px);
    color: #1B1B1B;
    margin-bottom: 20px;
    font-weight: 700;
    display: block;
    line-height: 1.35;
  }

  p {
    margin: 0 0 20px 0
  }

  em {
    font-style: italic
  }

  strong,
  b {
    font-weight: bold
  }

  small {
    font-size: 80%
  }

  hr {
    border: solid var(--lightgray);
    border-width: 1px 0 0;
    clear: both;
    margin: 10px 0 30px;
    height: 0
  }

  /* -----------------------------------------

  #links

  -----------------------------------------*/
  a,
  a:visited {text-decoration: underline;-webkit-transition: color .3s ease;-moz-transition: color .3s ease;-o-transition: color .3s ease;transition: color .3s ease;-webkit-transition: background .3s ease;-moz-transition: background .3s ease;-o-transition: background .3s ease;transition: background .3s ease;color: var(--brandcolor)}

  p a,
  p a:visited {line-height: inherit}

  /* -----------------------------------------

  #lists

  -----------------------------------------*/
  ul,
  ol {margin-bottom: 20px;margin-left: 10px}
  ul {list-style: disc}
  ol {list-style: decimal}
  ul ul,
  ul ol,
  ol ol
  ol ul {margin: 4px 0 5px 30px}
  ul ul li,
  ul ol li,
  ol ol li
  ol ul li {margin-bottom: 6px}
  li {line-height: 1.3;margin-bottom: 7px}
  li p {line-height: 1.3}

  /* -----------------------------------------

  #images

  -----------------------------------------*/
  img {
    max-width: 100%;
    height: auto
  }

  a img {
    border: none
  }

  .alignleft {
    float: left;
    clear: left;
    margin: 0 20px 20px
  }

  .alignright {
    float: right;
    margin: 0 0 20px 20px
  }

  .alignnone {
    margin: 0 auto 20px;
    display: block
  }

  img[align="right"],
  img[style*="float: right"],
  img[style*="float:right"] {
    margin: 0 0 20px 20px;
  }

  img[align="left"],
  img[style*="float: left"],
  img[style*="float:left"] {
    margin: 0 20px 20px 0;
  }

  /* -----------------------------------------

  #buttons

  -----------------------------------------*/
  .btn:not([data-dismiss="modal"]),
  a.btn,
  .button,
  a.button,
  #post button:not(.rz-agenda-search-submit, .fc-button),
  #post input[type="submit"],
  #post input[type="reset"],
  #post input[type="button"],
  .rz-btn{padding: 10px 24px;background: radial-gradient(100% 100% at 50% 0%, rgba(255, 255, 255, 0.20) 0%, rgba(255, 255, 255, 0.00) 100%), var(--Surfaces-primary-dark, #0C2559);color: #fff;border: 2px solid #2C62CC;border-radius: 48px;display:inline-block;font-size: 16px;font-weight:400;text-decoration:none;cursor:pointer;line-height:1.5;vertical-align:middle;font-family: "Sora", sans-serif;transition:all .3s}
  #post input[type="submit"],
  #post input.doc-search-submit{padding: 0 24px;border-radius: 4px;}
  #post button.rz-doc-search-reset{display: none;}
  .doc-search-form{position: relative;}

  #post .btn{padding: 10px 24px;background: radial-gradient(100% 100% at 50% 0%, rgba(255, 255, 255, 0.20) 0%, rgba(255, 255, 255, 0.00) 100%), var(--Surfaces-primary-dark, #0C2559) !important;color: #0C2559 !important;border: 2px solid #2C62CC !important;border-radius: 48px;display:inline-block;font-size: 16px;font-weight:400;text-decoration:none;cursor:pointer;line-height:1.5;vertical-align:middle;font-family: "Sora", sans-serif;transition:all .3s}
  #post .btn:hover{background:var(--brandcolor) !important;color:#fff !important}

  .btn a{color: #fff;text-decoration: none;}
  .btn:hover a{color: #fff;}


  .btn:not([data-dismiss="modal"]):hover,
  a.btn:hover,
  .button:hover,
  a.button:hover,
  #post button:hover,
  #post input[type="submit"]:hover,
  #post input[type="reset"]:hover,
  #post input[type="button"]:hover,
  .rz-btn:hover{-webkit-box-shadow:none;-moz-box-shadow:none;-o-box-shadow:none;box-shadow:none;background:var(--brandcolor);color:#fff}
  .button:active,
  a.button:active,
  #post button:active,
  #post input[type="submit"]:active,
  #post input[type="reset"]:active,
  #post input[type="button"]:active,
  .rz-btn:active{-webkit-box-shadow:none;-moz-box-shadow:none;-o-box-shadow:none;box-shadow:none;background:var(--brandcolor);color:#fff}
  #post button::-moz-focus-inner,
  #post input::-moz-focus-inner{border:0;padding:0}


  /* -----------------------------------------

  #revize edit buttons DO NOT MODIFY

  -----------------------------------------*/
  /* ----------------------------------------- #helpers and positioning for revize buttons -----------------------------------------*/
  .relative{position:relative!important}
  .absolute{position:absolute!important}
  .static{position: static!important}
  .user-logged-in{box-shadow: 0 0 10px rgba(21,0,56,0);padding:14px}
  .rz-bar-center-col{display:none!important}

  /* default position for revize buttons is top right DO NOT WRAP - Check Below for other positioning */
  body:not(.user-logged-in) .rz-btns-container{display: none;}
  .rz-btns-container{line-height:1.5!important;font-size:16px;opacity:0;background:#fff;padding:4px;box-shadow:0px 2px 10px rgba(21, 0, 56, 0.08);border:1px solid rgba(21, 0, 56,.1);transform:translateY(10px);transition:all .2s;position:absolute;top:0;right:0;z-index:9;white-space:nowrap}
  .rz-btns-stacked{padding:6px 6px 0!important}

  /* 
  to reposition '.rz-btns-container' WRAP IT IN A DIV WITH ONE OF THE CLASSES BELOW
  top-left,top-center,right-center,right-bottom,center-bottom,center-center,bottom-left,left-center 
  */
  .left-top{top:0!important;right:auto!important;left:0!important;z-index:9;position:absolute}
  .left-top .rz-btns-container{position:relative!important}
  .center-top{top:0!important;right:50%!important;transform:translate(50%, 0)!important;z-index:9;position:absolute}
  .center-top .rz-btns-container{position:relative!important}
  .right-center{top:50%!important;right:0!important;transform:translate(0, -50%)!important;z-index:9;position:absolute}
  .right-center .rz-btns-container{position:relative!important}
  .right-bottom{top:auto!important;right:0!important;bottom:0!important;z-index:9;position:absolute}
  .right-bottom .rz-btns-container{position:relative!important}
  .center-bottom{top:auto!important;right:50%!important;bottom:0!important;transform:translateX(50%)!important;z-index:9;position:absolute}
  .center-bottom .rz-btns-container{position:relative!important}
  .center-center{top:50%!important;right:50%!important;transform:translate(50%, -50%)!important;z-index:9;position:absolute}
  .center-center .rz-btns-container{position:relative!important}
  .left-bottom{top:auto!important;right:auto!important;left:0!important;bottom:0;z-index:9;position:absolute}
  .left-bottom .rz-btns-container{position:relative!important}
  .left-center{top:50%!important;right:auto!important;left:0!important;transform:translate(0, -50%)!important;z-index:9;position:absolute}
  .left-center .rz-btns-container{position:relative!important}

  /* ----------------------------------------- rzBtn's -----------------------------------------*/
  .rz-btns-container a{display:inline-block!important}
  .rzBtn{text-transform:capitalize;cursor:pointer;text-decoration:none;position:relative;line-height:1.5!important;display:inline-block!important;letter-spacing:0!important;padding:7px 14px;background:#fff!important;color:#000!important;font-weight:bold!important;font-size:16px;white-space:nowrap;text-align:center;border:1px solid #e6e6e6;transition:all .2s;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"!important}
  .rz-btns-stacked a,.rz-btns-stacked .rzBtn{display:block!important;margin-bottom:6px;text-decoration:none}
  .rzBtn:hover{background:#eee!important;border-color:#ccc;color:#000!important;text-decoration:none}
  .rzBtn-sm{font-size:14px!important;padding:5px 10px!important}
  .rzBtn-xs{font-size:12px!important;padding:3px 6px!important}
  .user-logged-in .yes-has-edit-buttons{position:relative;outline:3px solid transparent;outline-offset:6px}
  .user-logged-in .yes-has-edit-buttons:hover,.show-edit-buttons .user-logged-in .yes-has-edit-buttons{outline:3px solid #6000fe;outline-offset:3px;z-index:10!important;transition:all .2s;min-width:142px;min-height:64px}
  .user-logged-in .yes-has-edit-buttons:hover .rz-btns-container:has(.rzBtn),
  .show-edit-buttons .user-logged-in .yes-has-edit-buttons .rz-btns-container:has(.rzBtn){opacity:1;height:auto;transform:translateY(0);opacity:1}
  .hide-edit-btns .rz-btns-container{display:none}
  .user-not-logged-in .rz-btns-container{display:none!important}


  .show-edit-buttons .user-logged-in #header-tools .yes-has-edit-buttons{min-height: 32px;}  

  /* -----------------------------------------

  #forms

  -----------------------------------------*/
  form {
    margin-bottom: 20px
  }

  fieldset {
    margin-bottom: 20px
  }

  input[type="text"],
  input[type="password"],
  input[type="email"],
  input[type="search"],
  textarea,
  select {
    border: 1px solid var(--darkgray);
    padding: .375rem .75rem;
    outline: none;
    font-size: 16px;
    font-family: sans-serif;
    color: var(--brandcolor);
    margin: 0;
    display: inline-block;
    background: #fff;
    border-radius: 0;
    box-shadow: none
  }

  input[type="text"]:focus,
  input[type="password"]:focus,
  input[type="email"]:focus,
  input[type="search"]:focus,
  textarea:focus {
    color: var(--brandcolor);
    border: 1px solid var(--darkgray)
  }

  label,
  legend {
    display: block;
    font-weight: bold;
    font-size: 13px
  }

  input[type="checkbox"] {
    display: inline
  }

  label span,
  legend span {
    font-weight: normal;
    font-size: 16px;
    color: #444
  }

  .form-control:focus {
    border-color: inherit;
    -webkit-box-shadow: none;
    box-shadow: none
  }

  ::-webkit-input-placeholder {
    color: #777
  }

  :-moz-placeholder {
    color: #777
  }

  ::-moz-placeholder {
    color: #777
  }

  :-ms-input-placeholder {
    color: #777
  }

  .gsc-control-cse * {
    box-sizing: content-box
  }

  /* -----------------------------------------

  #rz intranet

  -----------------------------------------*/
  form.loginform {
    background: #fff;
    padding: 30px;
    border: 1px solid #D2DFEF
  }

  form.loginform p {
    background: #E65229;
    color: #fff;
    padding: 20px;
    line-height: 1
  }

  form.loginform label {
    font-weight: normal
  }

  form.loginform label input {
    display: block;
    margin-bottom: 10px;
    width: 100%;
    box-sizing: border-box;
    padding: 10px;
    color: #000
  }

  /* -----------------------------------------

  #rz alert

  -----------------------------------------*/
  .user-logged-in .floating-alert{top:211px;position: absolute;}
  .floating-alert{position:fixed;z-index: 10000;top: 147px;margin:0;right: 0;left: 0;background: #D62626;box-shadow:0 4px 24px rgba(0,0,0,0.15),0 2px 6px rgba(0,0,0,0.05);color:#666;padding:28px;font-size:14px;width: 100%;display:flex;flex-direction:column;overflow:hidden;border:0}
  .floating-alert h2{color: #fff;margin: 0 0 16px;font-size: 32px;font-weight:700;line-height: 1.53;text-align: center;}
  .floating-alert p{margin:0;text-align: center;color: #fff;max-width: 750px;margin: 0 auto;}
  .alert-buttons{display:flex;justify-content: center;gap: 8px;margin-top: 16px;}
  .alert-button{text-align:center;padding:14px 0;text-decoration:none;font-weight:700;line-height:1.5;padding: 8px 12px;color: #fff !important;border: 2px solid #fff;border-radius: 48px;display: flex;align-items: center;gap: 10px;}
  .alert-button img{width: 15px;}
  .alert-button:hover{background: none;color:#fff;text-decoration:none;cursor:pointer}
  .floating-alert.fade:not(.show){display:none}

  /* -----------------------------------------

  #rz edit

  -----------------------------------------*/
  #event-modal .modal-footer .btn{margin:0 0 0 10px}
  body .featherlight-content{min-height: 100vh;width:100%;background:none !important;margin: 0 !important;;}

  .user-logged-in.department-landing-page-template .section-top,
  .user-logged-in.department-landing-page-template .quicklinks-list,
  .user-logged-in.department-landing-page-template .news-list{padding-top:55px}
  .user-logged-in.department-landing-page-template .performance-slider-wrap,
  .user-logged-in.department-landing-page-template .finance-box-wrap,
  .user-logged-in.department-landing-page-template .achievements-images{padding-top:60px}

  /* -----------------------------------------

  #main

  -----------------------------------------*/


  article#rz-business-directory i.fa.fa-twitter:before{content: "";background:url(../images/twitter-x.png);background-size: cover;display: inline-block;width: 18px;height: 18px;position: relative;top: 3px;}
  .business-social-links a>.fa-twitter:before{content: "";background:url(../images/twitter-x.png);background-size: cover;display: inline-block;width: 18px;height: 18px;position: relative;top: 3px;}

  body .cat h3,
  tr#rz-rpfbids-row,
  body .bid-list-table thead td{background:var(--brandcolor);}

  .rz-table tbody .btn{display: inline-flex;justify-content: center;align-items: center;}

  body table.rpfbids td{text-align: left !important;}
  body .faq-header{display:block !important}

  body #userwayAccessibilityIcon{/* display: none; */}

  /* to remove */
  #wrapper_sliderVideo{z-index:1 !important}
  div.skiptranslate{display:none !important}
  .container{width: 1550px;max-width: 100%;}


  /* Header */
  .site-header{position: fixed;padding: 0;z-index:250;top: 0;left: 0;right: 0;width: 100%;transition: all .4s;transform: rotate(0deg);}
  .user-logged-in .site-header{position: absolute;top:93px}

  .site-header::before{content: "";position: absolute;inset: 0;background: rgba(255, 255, 255, 0.80);backdrop-filter: blur(4px);z-index: -1;}
  #header-in{display: flex;align-items: stretch;width: 100%;padding: 0 9px 0 10px;gap: 10px;}
  #header-nav{flex:1;}
  #header-in-right{display: flex;align-items: center;}
  #header-right{display: flex;align-items: center;gap: 20px;justify-content: flex-end;}
  #social-toggle{position:relative;flex-shrink:0;display: none;cursor: pointer;color:#fff;}
  #social-media-links{display: flex;gap: 10px;}
  #social-media-in{display: flex;gap: 8px;position: relative;z-index: 5;margin: 1px 4px 0 0;padding: 0;width:110px;}
  #social-media-links .social-media-link{width: 25px;}
  .social-media-link:hover{filter: brightness(0) saturate(100%) invert(71%) sepia(14%) saturate(1666%) hue-rotate(9deg) brightness(108%) contrast(96%);}
  .logo-wrap{position: relative;display: flex;align-items: center;}
  #logo{display:flex;align-items: center;text-decoration:none;width: clamp(100px, 20vw, 282px);max-width:100%;transition: all .4s;padding: 6px 0;}
  /* #logo::after{content: "";background: url(../images/logo.png) center no-repeat;background-size: contain;width: 140px;height: 60px;display: block;margin-left: 5px;flex-shrink: 0;filter: brightness(0) saturate(100%) invert(12%) sepia(62%) saturate(2667%) hue-rotate(205deg) brightness(90%) contrast(106%);} */
  .logo-wrap .logo-text{margin-right:auto;max-width: 130px;filter: brightness(0) saturate(100%) invert(13%) sepia(28%) saturate(4872%) hue-rotate(202deg) brightness(96%) contrast(110%);}
  #logo img{max-width: 100% !important;}


  #header-tools{position: absolute;top:100%;display: flex;right: 24px;background: rgba(255, 255, 255, 0.7);padding: 6px 16px 6px 16px;border-radius: 0 0 8px 8px;gap: 19px;}
  #quick-langs{display: flex;align-items: center;gap: 9px;}
  #quick-langs a{color: #1B1B1B;text-decoration: none;font-size: 14px;font-weight: 400;background: none;}

  #ada-btn{border:0;width: 48px;height: 48px;border-radius: 50%;background: #E3E0CC;display: flex;align-items: center;justify-content: center;padding: 0;}
  #ada-btn img{width: 25.846px;}

  /*base nav styles*/
  .site-header #nav{padding: 0;margin:0;display:flex;flex-wrap:wrap;justify-content: center;padding-left: 70px;height: 100%;}
  .site-header #nav{padding-left: 0px;}
  .site-header #nav li{list-style:none;margin:0;break-inside: avoid;}
  .site-header #nav ul{padding:0;margin:0}
  .site-header #nav a,
  .site-header #nav span{padding: 39px 24px 39px;display: inline-flex;align-items: center;color: #071D3E;text-decoration: none;font-weight: 700;font-size: 20px;text-transform: capitalize;height: 100%;}
  .site-header #nav ul a,
  .site-header #nav ul span{display:block}
  .site-header #nav li:last-child>a,
  .site-header #nav li:last-child>span{border:0}
  .site-header #nav>li>a, 
  .site-header #nav>li>span{position: relative;}

  .text-overflow {overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
  .toggle {display: none}
  #twitterfeed {background: #f1f1f1}
  .goog-te-banner-frame {display: none}



  /* Google translate*/
  #translation-links{padding:0;margin:0}
  #translation-links li{position:relative;margin:0;list-style:none;line-height: 1.5}
  #translation-links ul{padding:10px 0;margin:0;position:absolute;top:100%;right:0;width:300px;background:#fff;display:none;height:400px;overflow-y:scroll;z-index: 20;}
  #translation-links ul li{margin:0}
  #translation-links ul li a{display:block;text-decoration:none;padding:.75rem 1.5rem;}
  #translation-links ul li a:hover{background:var(--lightgray);color:var(--brandcolor)}
  #translate-button{padding: 0;border: 0;background: none;color: #4D4D4D;font-weight: 400;display: flex;align-items: center;gap: 8px;height: 48px;background: #D5DCE9;width: 136px;border-radius: 48px;display: flex;align-items: center;justify-content: center;}
  #translate-button img{width: 22px;}

  [lang="en"] #translate-reset{display: none}
  [data-lang="English"]{background:#f9f9f9}
  div.skiptranslate{display:none !important}



  /* Search */
  #search-toggle-desktop{flex-shrink: 0;cursor: pointer;gap: 9px;color: #4D4D4E;font-size: 16px;font-weight: 400;width: 119px;height: 48px;display: flex;align-items: center;justify-content: center;background: #EBD5D5;border-radius: 48px;display: none; }
  #search-toggle-desktop img{width: 20px;}
  #search{width: 263px;}
  #search form{position:relative;margin:0}
  #search input{border:0;height: 51px;color: #060911;padding-left: 14px;padding-right: 43px;background: #fff;border-radius: 16px;font-weight: 400;font-size: 14px;}
  #search input::-webkit-input-placeholder{color:#060911}
  #search input:-moz-placeholder{color:#060911}
  #search input::-moz-placeholder{color:#060911}
  #search input:-ms-input-placeholder{color:#060911}
  #search label{margin:0;position:absolute;left:0;top:0;line-height:45px}
  #search button{position:absolute;width: 22px;padding: 0;right: 16px;transform: translateY(-50%);top: 50%;border:0;background: none;color:#fff;text-transform:uppercase}
  #search button img{filter: brightness(0) saturate(100%) invert(5%) sepia(5%) saturate(128%) hue-rotate(314deg) brightness(97%) contrast(88%);}



  #hero-search{width: 617px;max-width: 100%;display: none;}
  #hero-search form{position:relative;margin:0;background: #fff;display: flex;align-items: center;border-radius: 16px;padding: 8px 17px;box-shadow: 0px 4px 16px 0px rgba(17, 21, 34, 0.10);}
  #hero-search input{border:0;height: 48px;color: #111522;padding-left: 7px;padding-right: 0;border-radius: 4px;font-weight: 400;font-size: 16px;}
  #hero-search input::-webkit-input-placeholder{color:#111522;opacity: 0.5;}
  #hero-search input:-moz-placeholder{color:#111522;opacity: 0.5;}
  #hero-search input::-moz-placeholder{color:#111522;opacity: 0.5;}
  #hero-search input:-ms-input-placeholder{color:#111522;opacity: 0.5;}
  #hero-search label{margin:0;position:absolute;left:0;top:0;line-height:45px}
  #hero-search button{padding: 0;border:0;background: none;color:#fff;text-transform: capitalize;width: 30px;background: none;font-size: 14px;border-radius: 11px;display: block;}
  #hero-search button img{filter: brightness(0) saturate(100%) invert(5%) sepia(5%) saturate(128%) hue-rotate(314deg) brightness(97%) contrast(88%);}




  .section-inner{position: relative;z-index: 9;opacity: 1;}
  .section-header{display: block;margin-bottom: 36px;}
  .section-title{position:relative;font-size: clamp(40px, 5vw, 56px);font-weight: 700;line-height: normal;text-align: left;color: #0C2559;margin: 0;text-transform: capitalize;}
  .section-title span{display: flex;align-items: center;gap:8px;color: #D62626;font-size: 18px;font-weight: 400;margin-bottom: 29px;}
  .section-title .section-icon{width: 20px;}
  .section-title span:empty{display: none;}


  .section-link{display: inline-flex !important;justify-content: center;align-items: center;gap:16px;}
  .section-link img{width: 20px;}


  #homepage #main{overflow: hidden;}

  /* Quicklinks Section */
  #quicklinks{position: relative;padding: 50px 0 83px;}
  #quicklinks .tns-controls{/* top:unset; *//* bottom:-50px; */left: -13px;right: -13px;/* display: flex; *//* align-items: center; *//* justify-content: center; *//* gap:15px; */}
  #quicklinks .tns-controls button{margin:0;}
  #quicklinks::before{content: "";position: absolute;top:179px;right: -435.58px;width: 1619.864px;height: 1619.864px;border-radius: 1619.864px;opacity: 0.16;background:  #0023;filter: blur(167.25px);z-index: -1;;}
  #quicklinks-in{display: flex;flex-direction: column-reverse;gap:60px;}

  #quicklinks .section-title span, .quicklinks .section-title span{margin-bottom: 13px;}
  .quicklinks-text{font-size: clamp(18px, 3vw, 20px) ;color: #0C2559;margin-bottom: 31px;}
  .quicklinks-subtitle{font-size: clamp(20px, 4vw, 32px);font-weight:700;line-height:1.35;color: #0C2559;text-transform: capitalize;}

  .quicklinks-right{padding: 0;margin: 0 0 0 0;}
  .quicklinks-list{display: block;}
  #quicklinks .qlink, .quicklinks .qlink{position: relative;min-height: 172px;display:flex;flex-direction:column;align-items: center;justify-content: center;text-decoration: none;background: #FFE019;border-radius: 32px 4px;padding: 0 0;gap: 4px;border: 6px solid #fff;color:#1B1B1B;box-shadow: 0px 6px 8px 0px rgba(0, 0, 0, 0.08);transition: all .4s;}


  #quicklinks .tiny-item:nth-child(odd) .qlink
  {background:#001A75;color: #fff;}
  #quicklinks .tiny-item:nth-child(odd) .qlink-icon{filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(272deg) brightness(108%) contrast(103%);}


  /* #quicklinks .tiny-item:nth-of-type(3) .qlink,
  #quicklinks .tiny-item:nth-of-type(6) .qlink,
  #quicklinks .tiny-item:nth-of-type(9) .qlink{background:#83E59D;} */

  #quicklinks .tiny-item:nth-child(even) .qlink
  {background:#FFE019;}

  #quicklinks .qlink-bg, .quicklinks .qlink-bg{position: absolute;inset: 0;border-radius: 23px 0px;z-index: 1;opacity: 0;transition: all .4s;}
  #quicklinks .qlink-icon, .quicklinks .qlink-icon{width: 48px;margin:0 auto;;position: relative;z-index: 2;;}
  #quicklinks .qlink-title, .quicklinks .qlink-title{width:100%;display: block;padding:8px 0 0;text-align: center;font-size: 16px;font-weight: 700;position: relative;z-index: 2;background:rgba(0, 0, 0, 0);transition: all .4s;border-radius: 0 0 32px;}
  #quicklinks .qlink:hover, .quicklinks .qlink:hover{justify-content: flex-end;}
  #quicklinks .qlink:hover .qlink-bg, .quicklinks .qlink:hover .qlink-bg{opacity: 1;}
  #quicklinks .qlink:hover .qlink-icon, .quicklinks .qlink:hover .qlink-icon{display: none;}
  #quicklinks .qlink:hover .qlink-title,  .quicklinks .qlink:hover .qlink-title{background:rgba(0, 0, 0, 0.7);box-shadow: 0px -4px 4px 0px rgba(0, 0, 0, 0.25);backdrop-filter: blur(2px);color: #fff;}

  #quicklinks .tns-outer button[data-controls], .quicklinks .tns-outer button[data-controls]{background: #00245D;}
  #quicklinks .tns-outer button[data-controls] img, .quicklinks .tns-outer button[data-controls] img{width: 24px;filter: brightness(0) saturate(100%) invert(99%) sepia(99%) saturate(2%) hue-rotate(88deg) brightness(105%) contrast(100%);}

  /* Quicklinks Section */
  #office{position: relative;padding: 0;}
  #office::before{content: "";position: absolute;top:328px;left: -435.432px;width: 1619.864px;height: 1619.864px;border-radius: 1619.864px;opacity: 0.09;background:  #FFD200;filter: blur(167.25px);z-index: -1;;}
  #office .section-header{display: flex;justify-content: center;margin-bottom: 28px;}
  #office .section-title{text-align: center;}
  #office .section-title span{justify-content: center;}
  #office .office-text{width: 100%;max-width: 1008px;color: #0C2559;font-size: clamp(16px, 3vw, 18px);font-weight: 400;text-align: left;margin:0 auto;}
  #office .office-btns{display: flex;flex-wrap:wrap;align-items: center;justify-content: center;gap: 8px;margin: 23px 0 0 0;}
  #office .office-btn{background:transparent;display: flex;align-items: center;gap: 16px;flex-wrap: wrap;border: 2px solid #0C2559;border-radius: 48px;color: #0C2559;}
  #office .office-btn img{width: 20px;}
  .office-video{height: 530px;display: flex;align-items: flex-end;justify-content: flex-start;position: relative;border-radius: 32px;margin: 24px 0 0 0;padding: 24px;}
  .office-video #play{display: flex;align-items: center;justify-content: center;gap: 16px;text-decoration: none;font-size: 14px;color: #fff;position: relative;z-index: 3;padding: 10px 14px;border: 2px solid #2C62CC;border-radius: 48px;background: radial-gradient(100% 100% at 50% 0%, rgba(255, 255, 255, 0.20)0%, rgba(255, 255, 255, 0.00)100%), var(--Surfaces-primary-dark, #0C2559);}
  .office-video #play img{width: 19.167px;}

  /* community section */
  #community {position: relative;padding: 90px 0;}
  #community .section-title {margin-bottom: 24px;}
  .community-card {display: block;height: 360px;border-radius: 8px;}
  #community .tns-outer {position: static;}
  #community .tns-controls {top: 50%;}
  #community .tns-controls button {width: 40px;height: 64px;background: #2C62CC;border-radius: 0;margin: 0;}
  #community .tns-controls button img {width: 24px;}

  /* news-section */
  #news{position: relative;padding: 93px 0;}
  #homepage #news::before{content: "";position: absolute;top:80px;right: -435.432px;width: 1619.864px;height: 1619.864px;border-radius: 1619.864px;opacity: 0.1;background:  #00235D;filter: blur(167.25px);z-index: -1;;}
  #news .section-header{display: flex;align-items: center;justify-content: space-between;margin-bottom: 27px;}
  #news #news-controls, .news-section .news-controls{display: flex;align-items: center;gap: 16px;}
  #news #news-controls, .news-section .news-controls{padding:0 27px;width: fit-content;position: relative;height: 24px;margin: 0 auto 0;}
  #news #news-arrows, .news-section .news-arrows{display: flex;align-items: center;justify-content: space-between;position: absolute;left: 0;right: 0;top:0;height: 24px;}
  #news #news-arrows button, .news-section .news-arrows button{width: 24px!important;background:none!important;border:none!important;padding:0!important;}
  #news .tns-nav, .news-section .tns-nav{position: relative;display: flex;align-items: center;gap:8px;height: 24px;bottom: unset;margin: 0 10px;}
  #news .tns-nav button, .news-section .tns-nav button{width: 16px!important;height: 16px!important;padding:0!important;border-radius: 50%!important;border:0!important;background: #2C62CC!important;transition: all .4s!important;margin: 0!important;}
  #news .tns-nav button.tns-nav-active,
  #news .tns-nav button:hover,
  .news-section .tns-nav button.tns-nav-active,
  .news-section .tns-nav button:hover{background: #0C2559!important;}

  body:not(.fullwidth) #news .tiny-carousel{display: flex;align-items: stretch;}
  body:not(.fullwidth) #news .tns-ovh{padding: 20px 15px;margin: -20px -15px;}
  body:not(.fullwidth) #news .tns-controls{left: -85px;right: -85px;top: 49%;}
  body:not(.fullwidth) .news{position: relative;overflow: hidden;border-radius: 8px;text-decoration: none;display: flex;flex-direction: column;align-items: stretch;height: 100%;transition: all .4s;}
  body:not(.fullwidth) #news-list{margin: 23px 0 0;}
  body:not(.fullwidth) .news-banner{min-height: 230px;padding-bottom: 70.2%;opacity: 1;border-radius: 8px;position: relative;}
  body:not(.fullwidth) .news-info{flex:1;padding: 32px 16px 16px;display: flex;flex-direction: column;gap: 15px;transition: all .4s;}
  body:not(.fullwidth) .news-date{position: absolute;bottom: 12px;left: 10px;padding: 7px 14px;background: #FCCE0C;border-radius: 5px;display: flex;color: #333;font-size: 12px;font-weight: 400;font-family: "Source Serif 4", serif;}
  body:not(.fullwidth) .news-date span{display: block;color: #2E2309;font-size: 32px;font-weight: 700;line-height: 1.35;font-family: "Kaisei HarunoUmi", serif;}
  body:not(.fullwidth) 
  body:not(.fullwidth) .news-title{font-size: 25px;font-weight: 600;color: #032F46;text-transform: capitalize;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;margin: 0 0 25px 0;}
  body:not(.fullwidth) .news-details{font-size: 18px;font-weight: 400;color: #1B1B1B;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow: hidden;}
  body:not(.fullwidth) .news-link{font-weight:400;text-transform: capitalize;text-decoration: none;margin-top: auto;display: inline-flex;width: fit-content;align-items: center;justify-content: center;gap: 16px;text-decoration: none;font-size: 14px;color: #fff;position: relative;z-index: 3;padding: 10px 14px;border: 2px solid #2C62CC;border-radius: 48px;background: radial-gradient(100% 100% at 50% 0%, rgba(255, 255, 255, 0.20) 0%, rgba(255, 255, 255, 0.00) 100%), var(--Surfaces-primary-dark, #0C2559);}
  body:not(.fullwidth) .news-link{position: absolute;
bottom: 0px;}
  body:not(.fullwidth) .news-link{position:absolute;bottom:0px}
  body:not(.fullwidth) .news-link img{width: 20px;}
  body:not(.fullwidth) .news:hover{background:#fff;box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.12);}
  body:not(.fullwidth) .news:hover .news-banner{border-radius: 8px 8px 0 0;}
  #news .section-link{background:none ;color: #0C2559;border:2px solid #0C2559;}
  #news .section-link:hover{background:#0C2559;color: #fff;}


  /* Events Section */
  #events{position: relative;padding: 18px 0 62px;}
  #events::before{content: "";position: absolute;top:328px;left: -435.432px;width: 1619.864px;height: 1619.864px;border-radius: 1619.864px;opacity: 0.09;background:  #FFD200;filter: blur(167.25px);z-index: -1;;}
  #events .section-title{font-size: clamp(30px, 5vw, 56px) !important;}
  #events .section-header{justify-content: flex-start;margin: 0 0 27px 0;}
  #events-tabs{display: flex;gap: 1px;flex-wrap: wrap;width: 541px;max-width: 100%;border-radius: 8px 8px 0 0;overflow: hidden;background: #fff;margin-left: auto;}
  .calendar-left #events-tabs{width: 100%;}
  #events-tabs .tab{position:relative;flex: 1;border:0;background: #0C2559;text-align: center;text-transform: capitalize;color: #ffff;font-size: 16px;font-weight: 700;min-height: 56px;padding: 17px 15px;line-height: 1;text-decoration: none;display: flex;align-items: center;justify-content: center;}
  #events-tabs .tab.active{background: #fff;color: #1B1B1B;}
  #events-tabs .tab:hover{background:#2C62CC;}
  #events-list{min-height: 671px;margin: 54px 0 50px;overflow: hidden;}
  #events .section-link{padding: 16px 45px;}
  #events .section-link:hover img{filter: brightness(0) saturate(100%) invert(99%) sepia(28%) saturate(110%) hue-rotate(146deg) brightness(115%) contrast(100%);}
  #events .section-link{background:none ;color: #0C2559;border:2px solid #0C2559;}
  #events .section-link:hover{background:#0C2559;color: #fff;}

  #homepage .tab-calendar {position: relative;}
  #events select {appearance: none;background: #E4E4E4;border-radius: 4px;border: none;color: #1B1B1B;font-size: 20px;font-weight: 700;font-family: "Sora", sans-serif;padding: 8px 32px 5px 12px !important;}
  #homepage .fc-toolbar-title {display: none;}
  .calendar-select-wrapper {position: relative;}
  .calendar-select-wrapper::after {position: absolute;content: '\f0d7';font-family: "FontAwesome";font-size: 16px;color: #1B1B1B;top: 50%;transform: translateY(-50%);right: 10px;pointer-events: none;}
  #homepage .tab-calendar .calendar-datefilters {position: absolute;top: 27px;left: 50%;transform: translateX(-50%);z-index: 2;}
  #homepage .fc-toolbar-chunk:nth-of-type(3) {padding: 32px 18px !important;}
  #homepage .calendar-left select::-webkit-scrollbar {width: 4px;}
  #homepage .calendar-left select::-webkit-scrollbar-track {background: #f1f1f1;border-radius: 10px;}
  #homepage .calendar-left select::-webkit-scrollbar-thumb {background: #888;border-radius: 10px;}
  #homepage .calendar-left select::-webkit-scrollbar-thumb:hover {background: #555;}


  /* priorities-section */
  #priorities{position: relative;padding: 20px 0 55px 0;}
  #priorities::before{content: "";position: absolute;top:527px;right: -435.432px;width: 1619.864px;height: 1619.864px;border-radius: 1619.864px;opacity: 0.13;background:  #2C62CC;filter: blur(167.25px);z-index: -1;;}
  #priorities .section-header{display: flex;align-items: center;justify-content: space-between;margin-bottom: 27px;}

  #priorities-list{margin: 23px 0 43px;display: grid;grid-template-columns: repeat(3, 1fr);gap:16px}
  #priorities .priority-box{position: relative;overflow: hidden;border-radius: 8px;text-decoration: none;display: flex;flex-direction: column;align-items: stretch;height: 100%;transition: all .4s;}
  #priorities .priority-banner{min-height: 230px;padding-bottom: 85.8%;opacity: 1;border-radius: 8px;position: relative;}
  #priorities .priority-info{flex:1;padding: 32px 16px 16px;display: flex;flex-direction: column;gap: 2px;transition: all .4s;}
  #priorities .priority-cat{font-weight:400;text-transform: capitalize;text-decoration: none;color: #2C62CC;display: block;}
  #priorities .priority-details{font-size: 20px;font-weight: 700;color: #1B1B1B;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}
  #priorities .priority-box:hover{background:#fff;box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.12);}
  #priorities .priority-box:hover .priority-banner{border-radius: 8px 8px 0 0;}

  /* officials-section */
  #officials{position: relative;padding: 1px 0 83px;}
  /* #officials::before{content: "";position: absolute;top:179px;right: -435.58px;width: 1619.864px;height: 1619.864px;border-radius: 1619.864px;opacity: 0.16;background:  #0C2559;filter: blur(167.25px);z-index: -1;;} */
  #officials-in{display: grid;grid-template-columns: 2fr 1fr;gap: 16px;align-items: center;}
  #officials .section-header{margin:0;}
  #officials .section-title span{margin:13px 0 0 0;}

  #officials #officials-list{display: grid;grid-template-columns: repeat(8, 1fr);grid-template-rows: repeat(3, auto);gap:5px;justify-content: center;margin: 0 0 27px;}
  #officials .official-card{grid-column: span 2; }
  #officials .official-card .official-title{color: #0C2559;font-size: 20px;font-weight: 700;margin:20px 0;line-height: 1.35;text-align: center;}
  /* #officials .official-name{color: #1B1B1B;font-size: 18px;font-weight: 700;margin: 16px 0 0;} */
  #officials .official-name{color: #1B1B1B;font-size: 14px;font-weight: 700;margin: 16px 0 0;}
  #officials .official-info{text-align: center;}
  #officials .official-role,
  #officials .official-area{color: #2C62CC;font-size: 14px;display: block;}
  #officials .official-card-in{padding: 15px 6.5px;border-radius: 8px;display: block;text-decoration: none;}
  #officials .official-img{width:100%;/* margin: 0 20px; */border-radius: 4px;  aspect-ratio: 430 / 620;}
  #officials .official-card:nth-of-type(1){grid-column: 4 / span 2;}
  #officials .official-card:nth-of-type(1) .official-card-in{height: 100%;}
  #officials .official-card:not(:first-of-type){grid-row-start: 2;}
  #officials .official-card:nth-last-child(-n+2){grid-row-start: 3;}
  #officials .official-card:nth-last-child(-n+2){grid-column: 3 / span 2;}
  #officials .official-card:nth-last-child(-n+1){grid-column: 5 / span 2;}


  #officials.active .official-card:nth-of-type(1) .official-card-in,
  #officials.active .official-card:nth-of-type(6) .official-card-in,
  #officials.active .official-card:nth-of-type(7) .official-card-in{background:#fff;border:4px solid #2C62CC;box-shadow: 0px 6px 8px 0px rgba(0, 0, 0, 0.08);}


  #officials .official-card.active .official-card-in{background:#fff;border:4px solid #2C62CC;box-shadow: 0px 6px 8px 0px rgba(0, 0, 0, 0.08);}

  #officials .officials-right{display: flex;flex-direction: column;gap: 72px;text-align: left;margin: 0 0 0 5px;}
  #officials .official-title{color: #2C62CC;font-size: clamp(20px, 4vw, 28px);font-weight: 700;line-height: 1.35;text-transform: capitalize;margin-bottom: 20px;}
  #officials .official-text{color: #1B1B1B;font-size: 18px;font-weight: 400;line-height: 1.5;text-transform: capitalize;margin-bottom: 8px;}
  #officials .official-group ul{margin:0;padding:0;list-style-type: disc;list-style-position: inside;margin-bottom: 20px;}
  #officials .official-group ul li{list-style-type: disc;}
  #officials .official-group ul a{text-decoration: none;}
  #post #officials .official-btn{font-weight:400;text-transform: capitalize;text-decoration: none;;margin-top: auto;display: inline-flex;width: fit-content;align-items: center;justify-content: center;gap: 16px;text-decoration: none;font-size: 14px;color: #fff !important;position: relative;z-index: 3;padding: 12px 16px;border: 2px solid #2C62CC;border-radius: 48px;background: radial-gradient(100% 100% at 50% 0%, rgba(255, 255, 255, 0.20) 0%, rgba(255, 255, 255, 0.00) 100%),  #0C2559;}
  #officials .officials-right .official-group:first-of-type{display: none;}


  .district-info{display: none;}
  .district-info.active{display: block;}

  #officials-search{width: 100%;box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.10);}
  #officials-search form{position:relative;margin:0;box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.10);background: #fff;display: flex;align-items: center;padding: 12px 20px;background: #fff;border-radius: 8px;}
  #officials-search input{border:0;height: 48px;color: #060911;padding-left: 14px;padding-right: 43px;border-radius: 4px;font-weight: 400;font-size: 14px;}
  #officials-search input::-webkit-input-placeholder{color:#060911}
  #officials-search input:-moz-placeholder{color:#060911}
  #officials-search input::-moz-placeholder{color:#060911}
  #officials-search input:-ms-input-placeholder{color:#060911}
  #officials-search label{margin:0;position:absolute;left:0;top:0;line-height:45px}
  #officials-search button,
  #post #officials-search button{width: 125px;padding: 0;border:0;color:#fff;text-transform: capitalize;display: flex;align-items: center;justify-content: center;gap: 16px;background: #2C62CC;border-radius: 4px;font-size: 16px;font-weight: 400;line-height: 1.5;height: 48px;flex-shrink: 0;}
  #officials-search button img{width: 20px;transform: rotate(90deg);filter: brightness(0) saturate(100%) invert(98%) sepia(6%) saturate(164%) hue-rotate(213deg) brightness(114%) contrast(100%);}
  #officials-search-results{margin-top: 10px;}
  #officials-search-results h3{font-size: 22px;font-weight: 600;}
  #officials-search-results .result-row{display: flex;align-items: center;gap:5px;margin-bottom: 6px;}
  #officials-search-results .result-label{font-weight: 700;width: 106px;}
  #map{height: 400px;}
  /* shows section */
  #shows{position: relative;}
  #shows-list{margin: 27px 0 0;box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.05);}
  #shows .section-header{margin:0;text-align: center;}
  #shows .section-title{text-align: center;}
  #shows .tns-controls{top: 45.5%;left:0;right:0}
  #shows .tns-outer button[data-controls]{background: #2C62CC;margin:0;width: 40px;height: 64px;display: inline-flex;justify-content: center;align-items: center;border-radius: 0;}
  #shows .tns-outer button[data-controls] img{width: 24px;filter: brightness(0) saturate(100%) invert(99%) sepia(99%) saturate(2%) hue-rotate(88deg) brightness(105%) contrast(100%);}

  #shows .show-box{position: relative;min-height:350px;max-height: 700px;aspect-ratio: 16 / 9;display: flex;align-items: flex-end;padding: 48px 65px;width: 100%;}
  #shows .show-box::before{content: "";position: absolute;inset: 0;width: 100%;height: 100%;;background: radial-gradient(125.66% 141.42% at 0% 100%, rgba(0, 0, 0, 0.95)0%, rgba(0, 0, 0, 0.00)100%);z-index: 1;}
  #shows .show-info{width: 100%;max-width: 1520px;margin:0 auto;position: relative;z-index: 5;}
  #shows .show-title{color: #E9C60D;font-size: clamp(24px, 4vw, 56px);font-weight: 700;line-height: 1.34;text-transform: capitalize;margin: 0 0 17px 0;}
  #shows .show-subtitle,
  #shows .show-author{color: #fff;font-size: clamp(18px, 4vw,42px) ;font-weight: 700;line-height: 1.35;text-transform: capitalize;}
  #shows .show-date{display: block;color: #fff;font-size: 18px;font-weight: 400;margin-top: 16px;}
  #shows .show-link{padding: 10px 14px;background: none;color: #fff;border: 2px solid #fff;border-radius: 48px;display: inline-flex;align-items: center;gap: 16px;font-size: 16px;font-weight: 400;text-decoration: none;margin-top: 15px;transition: all .3s;}
  #shows .show-link img{width: 20px;filter: brightness(0) saturate(100%) invert(99%) sepia(99%) saturate(2%) hue-rotate(88deg) brightness(105%) contrast(100%);}

   #shows .section-link{padding: 16px 45px;margin:30px auto;display: flex !important;width: fit-content;;}
   #shows .section-link:hover img{filter: brightness(0) saturate(100%) invert(99%) sepia(28%) saturate(110%) hue-rotate(146deg) brightness(115%) contrast(100%);}
   #shows .section-link{background:none ;color: #0C2559;border:2px solid #0C2559;}
   #shows .section-link:hover{background:#0C2559;color: #fff;}

  /* Gallery section */
  #gallery{position: relative;background:#D5DCE9;padding: 51px 0 0;}
  #gallery .section-header{margin:0;text-align: center;}
  #gallery .section-title{text-align: center;}
  #gallery-list{margin: 27px 0 0;display: flex;flex-wrap: wrap;}
  .gallery-item{min-height: 400px;padding-bottom: 33%;flex:1;}

  /* Stats*/
  #stats{position: relative;padding: 112px 0 18px;}
  #stats::before{content: "";position: absolute;inset: 0;background: rgba(12, 37, 89, 0.85);}
  #stats-list{display: flex;justify-content: center;flex-wrap: wrap;}
  .stat-item{flex:1 1 50%;min-width: 250px;text-align: center;position: relative;z-index: 2;margin-bottom: 104px;}
  .stat-num{position:relative;display: flex;align-items: center;justify-content: center;color: #E9C60D;font-size:72px;font-weight: 700;line-height: 1.1;}

  .stat-item:nth-of-type(2) .stat-num{color: #D62626;}
  .stat-item:nth-of-type(3) .stat-num{color: #2C62CC;}
  .stat-item:nth-of-type(4) .stat-num{color: #2CC1AF;}
  /* .stat-item:nth-of-type(2) .stat-num::before{content: "$";}
  .stat-item:nth-of-type(3) .stat-num::after{content: "$";} */

  .stat-title{display: block;color: #fff;font-size: 24px;font-weight: 400;line-height: 1;text-transform: capitalize;margin: 9px 0 0;}

  /* footer-section */
  .site-footer{background: linear-gradient(271deg, rgba(213, 220, 233, 0.10)0%, rgba(44, 98, 204, 0.10)100%), #FFF;}
  .footer-logo{color: #2C62CC;font-size: 32px;font-weight: 700;line-height: 1.35;display: flex;align-items: center;}
  .footer-logo img{width: 400px !important;}
  #footer-top{padding: 48px 0 48px;border-bottom: 1px solid #D5DCE9;}
  #footer-top .row{flex-wrap: nowrap !important;}

  .footer-text{text-align: right;padding: 0;}
  .footer-text .address{color: #2C62CC;font-size: 18px;font-weight: 700;margin-bottom: 12px;text-decoration: none;display: block;}
  .footer-link{text-decoration: none;color: #1B1B1B !important;font-size: 16px;font-weight: 400;display: block;}
  #footer-bottom{color:#fff;font-size: 14px;font-weight: 400;padding: 23px 0;}
  #revize{text-align: center;color: #1B1B1B;font-weight: 400;font-size: 16px;}
  #revize a{color: #1B1B1B;font-weight: bold;text-decoration: none;}
  #revize #revize-login{font-weight: 400;}


  /* -----------------------------------------

  #inner

  -----------------------------------------*/
  #freeform{position: relative;}
  #freeform .freeform-row{flex-direction: row-reverse;}
  #freeform #main{position: relative;padding: 0 0 0px;}
  #freeform #slider{position: relative;}
  #freeform #slider>img{position:absolute;left:0;right:0;bottom:0;width:100%;z-index:1}
  #freeform #slider{height: 400px;padding:0;z-index: 10;}
  .user-logged-in aside .has-edit-buttons {min-height: 50px;}

  #flyout-bg{position:absolute;right:0;top:0;bottom:0;z-index:-1;background: linear-gradient(178deg, rgba(233, 198, 13, 0.12)0%, rgba(90, 53, 200, 0.12)100%), var(--Surfaces-white, #FFF);}
  #flyout-wrap{color: #fff;position: relative;border-radius: 4px;padding: 29px 0 59px;margin: 0 0 15px 0;width: 100%;}

  #flyout-header{color: #1B1B1B;font-size: 28px;font-weight: 700;text-transform: capitalize;margin-bottom: 32px;padding: 0 33px;}
  #flyout{padding:0;margin:0}
  #flyout>li{position:relative;margin:0;list-style:none;padding: 0 25px 8px;}
  #flyout a,
  #flyout span{display:block;text-decoration:none;font-size: 16px;font-weight:400;color: #1B1B1B;line-height: 1.35;display: flex;}
  #flyout ul{padding:0;margin:0;display:none;list-style: none;}
  #flyout ul a,
  #flyout ul span{font-size: 14px;padding: 8px 27px;display: block;border-bottom: 1px solid rgba(0,0,0,.15);}
  #breadcrumbs{font-size: 16px;text-transform:capitalize;}
  #breadcrumbs a{text-decoration:none;font-weight: 700;color: #2C62CC;}
  #breadcrumbs a:after {content: '\f0da';font-family: 'FontAwesome';font-weight: 400;color: #4D4D4D;margin: 0 18px;font-size: 14px;}
  #breadcrumbs ul{list-style:none;margin:0;padding:0}
  #breadcrumbs li{display:inline-block;margin:0;padding:0;font-weight: 400;color: #4D4D4D;}
  .col-xs-12{width:100%}


  .freeform__box{position:relative;padding: 33px 33px 0;width: 100%;}
  .freeform__box-header{font-size: 28px;font-weight: 700;line-height: 1.2;text-transform: capitalize;margin-bottom: 23px;color: #1B1B1B;}
  #contact-wrap{}
  #contact-img{height: 196px;width: 224px;margin: 0 0px 15px 0px;border-radius: 4px;}
  #contact-name{color: #1B1B1B;font-size: 18px;font-weight: 700;margin: 0;}
  #contact-position{color: #808080;font-size: 16px;font-weight: 400;text-transform: capitalize;}
  #contact-info{margin: 23px 0 48px 0;padding:0;list-style: none;}
  #contact-info li{margin: 0 0 24px 0;display: flex;align-items: center;gap:2px;font-size: 14px;}
  #contact-info li{margin: 0 0 12px 0;}
  .contact-text{color: #1A1A1A;font-size: 14px;font-weight: 400;line-height: 1.35;}
  .contact-link{display: flex;align-items: center;color: #1B1B1B!important;font-size: 14px;font-weight: 400;text-decoration: none;gap: 14px;line-height: 1.5;word-break: break-all;}
  .contact-link img{width: 24px;}
  .contact-link:hover{color: #1B1B1B;}
  #office-wrap{padding-bottom: 12px;}
  #office-hours{margin:0;padding: 1px 0 0 0;list-style: none;}
  #office-hours>li{padding: 0 0 20px;font-size: 14px;line-height: 1.35;margin: 0;}
  #office-hours .day{color: #2C62CC;font-weight: 700;text-transform: uppercase;display:inline-block;width: 38px;margin-right:13px;}
  #office-hours .time{color: #1B1B1B;font-weight: 400;font-size: 14px;}
  #social-wrap{padding: 35px 11px 38px 43px !important;}
  #resource-wrap{padding-bottom: 20px;}
  .resource-item{display: flex;align-items: center;text-decoration:none;border-radius: 6px;margin: 0 0 15px 0;padding: 15px 15px 15px 15px;color: #1B1B1B!important;font-size: 14px;font-weight: 700;text-transform: capitalize;line-height: 1.35;background: #fff;}
  .resource-item-icon{margin: 0 10px 0 0;width: 24px;}
  .resource-item:hover{color: #1B1B1B;background: #fff;text-decoration: none;}
  .resource-item:hover .resource-item-icon{filter: brightness(0) saturate(100%) invert(84%) sepia(46%) saturate(462%) hue-rotate(16deg) brightness(88%) contrast(89%);}



  #flyout li{margin:0;}
  #entry{padding: 0;margin: 48px 0;}
  #freeform.fullwidth #entry{margin:0;padding:48px 0}
  #page-title{font-size: clamp(40px, 5vw, 56px);margin: 8px 0 32px;color: #1B1B1B;text-transform: capitalize;font-weight: 700;line-height: 1.35;}

    
  .inner-accomplishment{display: flex;gap:16px;margin-bottom: 32px;flex-wrap: wrap;justify-content: center;}
  .accomplishment-placeholder{border-radius: 8px;min-height: 300px;flex: 0 0 401px;}
  .accomplishment-list{display: grid;grid-template-columns: repeat(4, 1fr);gap:16px;flex: 1;}
  .accomplishment-card{position: relative;min-height: 185.2px;border-radius: 8px;padding:8px;display: flex;align-items: center;justify-content: center;}
  .accomplishment-card::before{content: "";position: absolute;inset: 0;background:#0C2559;opacity: 0.8;border-radius: 8px;}
  .accomplishment-card::after{content: "";position: absolute;top:8px;left: 8px;background: url('../images/star-icon.png') center no-repeat;background-size: contain; width: 28px;height: 28px;z-index: 2;}
  .accomplishment-card > div{position: relative;z-index: 4;}
  .accomplishment-card span{display: block;text-align: center;color: #fff;font-size: 18px;font-weight: 700;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}
  .accomplishment-card:hover{text-decoration: none;}



  #freeform #news{padding: 0;}
  #freeform:not(.department-landing-page-template) #news-list{display: grid;grid-template-columns: repeat(3, 1fr);gap:16px}


  #freeform-in{display: flex;gap: 60px;}
  #freeform.fullwidth #freeform-in{display: block;}
  #freeform.fullwidth #inner-main{max-width: 1550px;margin:0 auto;width: 100%;padding:0 15px}

  #freeform:not(.fullwidth) #freeform-in:not(:has(#inner-left))::before,
  #department:not(.fullwidth) #freeform-in:not(:has(#inner-left))::before{content: "";flex:1;}
  #freeform:not(.fullwidth) #freeform-in:not(:has(#inner-right))::after,
  #department:not(.fullwidth) #freeform-in:not(:has(#inner-right))::after{content: "";flex:1;}


  #inner-left,
  #inner-right{flex:1;}
  #inner-right aside{background: linear-gradient(178deg, rgba(255, 210, 0, 0.12)0%, rgba(255, 210, 0, 0.20) 100%), var(--Surfaces-white, #FFF);}

  #inner-right{margin-left: auto;}
  #inner-right aside{width: 380px;height: 100%;margin-left: auto;}
  #inner-main{flex-basis: 1327px;padding: 50px 0;overflow: hidden;}


  #inner-slideshow{margin:30px 0;}
  #inner-slideshow .tns-bg-slide {padding-bottom: 60%;}
  #inner-slideshow .tns-controls button{width: 50px;height: 50px;background: rgba(0, 0, 0, 0.8) !important;font-size: 30px !important;color: #fff !important;padding:0 !important;}
  #inner-slideshow .tns-controls button:disabled{background: rgba(0, 0, 0, 0.4);}


  #post #ics-view-export{color: #fff !important;}
  /* -----------------------------------------

  #Department

  -----------------------------------------*/
  #department #slider{padding-bottom: 49.5%;min-height: 430px;}
  #department.freeform #slider{padding-bottom: 30%;}
  #department #slider::before{content: "";position: absolute;inset: 0;z-index:1;background: linear-gradient(104deg, rgba(12, 37, 89, 0.59)0%, rgba(45, 22, 115, 0.59)100%);}

  #department .accomplishment-list{display: grid;grid-template-columns: repeat(2, 1fr);gap:16px;margin-bottom: 20px;}
  #department  .accomplishment-card::after{display: none;}

  #department #inner-slide-header{position: absolute;left: 0;right: 0;top: 50%;transform: translateY(-50%);z-index: 5;}
  #department-title{margin-bottom: 24px;font-size: clamp(40px, 8vw,  80px);line-height: 1.1;color: #fff;font-weight: 700;}
  #department #breadcrumbs{background: linear-gradient(91deg, rgba(12, 37, 89, 0.30)0%, rgba(45, 22, 115, 0.30)100%);
    box-shadow: 0px 4px 22px 0px rgba(0, 0, 0, 0.05);
    backdrop-filter: blur(4px);border-radius: 8px;width: fit-content;padding:8px 16px;}
  #department #breadcrumbs li{color: #fff;}
  #department #breadcrumbs a{color: #E9C60D;}
  #department  #breadcrumbs a:after{color: #fff;}

  #department #main{overflow: hidden;}
  #dept-welcome{padding: 96px 0;position: relative;}
  #welcome-left{padding: 106px 0 101px;}
  #dept-welcome::before{content: "";position: absolute;top:80px;right: -60.833px;width: 998.583px;height:  998.583px;border-radius: 1619.864px;opacity: 0.12;background:  #E9C60D;filter: blur(167.25px);z-index: -1;;}
  #dept-welcome::after{content: "";position: absolute;top:80px;left: 128px;width: 772.798px;height:  772.798px;border-radius: 1619.864px;opacity: 0.09;background:  #2C62CC;filter: blur(167.25px);z-index: -1;;}
  #dept-welcome .welcome-text{color: #0C2559;font-size: clamp(16px, 3vw, 18px);}
  .dept-quicklink-list{display: grid;grid-template-columns: repeat(3, 1fr);gap:32px;margin-top: 45px;}
  .dept-qlink{display: flex;align-items: center;text-decoration: none;gap:16px}
  .dept-qlink-icon{width: 32px;}
  .dept-qlink-title{color: #1B1B1B;font-size: 18px;font-weight: 400;;}
  #welcome-placeohlder{height: 100%;border-radius: 8px;}



  #dept-news{padding: 99px 0 192px;}
  #dept-news .section-header span{justify-content: center;}
  #dept-news .section-header .section-title{text-align: center;}
  #dept-news-list{display: grid;grid-template-columns: repeat(3, 1fr);gap:16px;margin-top: 43px;}
  .dept-news{position:relative;border-radius: 8px;min-height: 620px;display: flex;align-items: flex-end;overflow: hidden;box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.05);text-decoration: none;}
  .dept-news::before{content: "";position: absolute;inset: 0;border-radius:8px;background: radial-gradient(125.66% 141.42% at 0% 100%, rgba(0, 0, 0, 0.95)0%, rgba(0, 0, 0, 0.00)100%);z-index: 1;}
  .dept-news-info{position: relative;padding: 32px;width: 100%;z-index: 10;}
  .dept-news-date{font-size: 18px;font-weight: 400;color: #E9C60D;text-transform: capitalize;display: block;padding-bottom: 6px;}
  .dept-news-date span{font-size: 36px;font-weight: 700;}
  .dept-news-details{font-size: 36px;font-weight: 700;color: #fff;text-transform: capitalize;margin: 11px 0 15px;line-height: 1.35;}
  .dept-news-link{font-weight:400;text-transform: capitalize;text-decoration: none;margin-top: auto;display: inline-flex;width: fit-content;align-items: center;justify-content: center;gap: 16px;text-decoration: none;font-size: 16px;color: #fff;position: relative;z-index: 3;padding: 10px 13px;border: 2px solid #2C62CC;border-radius: 48px;background: radial-gradient(100% 100% at 50% 0%, rgba(255, 255, 255, 0.20) 0%, rgba(255, 255, 255, 0.00) 100%), var(--Surfaces-primary-dark, #0C2559);}
  .dept-news-link img{width: 20px;filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(138deg) brightness(103%) contrast(103%);}
  .dept-news:hover{text-decoration: none;}


  #dept-events{position: relative;padding: 0 0 97px 0;}
  .fullwidth-split{display: grid;align-items:center;grid-template-columns: minmax(15px, 1fr) minmax(0, 775px) minmax(0, 775px) minmax(15px, 1fr);}
  .section-placeholder{height: 100%;}
  .fullwidth-split .section-placeholder:first-child{grid-column: 1 / 3;height: 100%;}
  .fullwidth-split .section-placeholder:last-child{grid-column: 3 / -1;}
  .fullwidth-split .section-info:first-child{grid-column: 2 / 3;}
  .fullwidth-split .section-info:last-child{grid-column: 3 / 4;}
  #dept-events #events-info{padding: 34px 16px 32px 16px;}
  #dept-events .events-text{color: #0C2559;font-size: clamp(16px, 3vw, 18px);margin-bottom: 16px;}

  #events-placeohlder{height: 100%;border-radius: 48px 0 0 48px;}
  #dept-events .section-link{color:#fff;background: radial-gradient(100% 100% at 50% 0%, rgba(255, 255, 255, 0.20) 0%, rgba(255, 255, 255, 0.00) 100%), var(--Surfaces-primary-dark, #0C2559);margin-top: 21px;padding: 10px 14px;}
  #dept-events .section-link img{width: 20px;filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(138deg) brightness(103%) contrast(103%);}





 /* -----------------------------------------

  #department-landing-page-template

  -----------------------------------------*/
  .department-landing-page-template .section-title{text-align:center;font-size:30px;color:#1B1B1B}
  .department-landing-page-template .quicklinks{margin-bottom:100px}
  .department-landing-page-template .quicklinks-list{margin-top:23px}
  .department-landing-page-template .quicklinks .qlink{border:unset;box-shadow:unset;border-radius:32px 0}
  .department-landing-page-template .quicklinks .tiny-item:nth-child(5n+1) .qlink{background:#EFC845}
  .department-landing-page-template .quicklinks .tiny-item:nth-child(5n+2) .qlink{background:#33619A}
  .department-landing-page-template .quicklinks .tiny-item:nth-child(5n+3) .qlink{background:#6F1E32}
  .department-landing-page-template .quicklinks .tiny-item:nth-child(5n+4) .qlink{background:#9C9C9A}
  .department-landing-page-template .quicklinks .tiny-item:nth-child(5n+5) .qlink{background:#D2843F}
  .department-landing-page-template .quicklinks .qlink-icon{width:70px}
  .department-landing-page-template .quicklinks .qlink-icon img{filter:brightness(0) invert(1)}
  .department-landing-page-template .quicklinks .qlink-title{font-size:18px;color:#fff;padding:8px 0;border-radius:0 0 24px}
  .department-landing-page-template .quicklinks .tns-controls{top:calc(100% + 20px);left:0;right:0;display:flex;justify-content:center}
  .department-landing-page-template .quicklinks .tns-controls button{display:inline-flex!important;align-items:center;justify-content:center;margin:0 5px;width:48px;height:48px;padding:0!important}
  .department-landing-page-template .quicklinks .tns-controls img{min-width:24px}
  .department-landing-page-template .news-info{gap:unset!important}
  .department-landing-page-template .news-details-title{font-weight:700;font-size:22px;color:#1B1B1B;margin-bottom:10px}
  .department-landing-page-template .news-details-text{color:#1B1B1B!important}
  .department-landing-page-template .news-controls{margin-top:20px!important}
  .department-landing-page-template .news-list{margin-top:10px}
  .department-landing-page-template .news-list .tiny-item{padding:15px 0}
  .department-landing-page-template .news-list .news:hover{box-shadow:rgba(0, 0, 0, 0.12) 0px 0 8px 0px}

      

  .performance-finance{display:flex;flex-wrap:wrap;justify-content:space-between;/*margin-top:100px;*/}
  /* .performance{width:40%} */
  .performance{width:60%}
  .performance-slider-wrap{margin:30px 0}
  .performance-item{width:100%;height:500px;overflow:auto}
  .performance-item iframe{width:100%}
  .performance-controls{display: flex;align-items: center;gap: 16px;}
  .performance-controls{padding:0 27px;width: fit-content;position: relative;height: 24px;margin: 10px auto 0;}
  .performance-arrows{display: flex;align-items: center;justify-content: space-between;position: absolute;left: 0;right: 0;top:0;height: 24px;}
  .performance-arrows button{width:24px!important;background:none!important;border:none!important;padding:0!important;}
  .performance .tns-nav{position: relative;display: flex;align-items: center;gap:8px;height: 24px;bottom: unset;margin: 0 10px;}
  .performance .tns-nav button{width: 16px!important;height: 16px!important;padding:0!important;border-radius: 50%!important;border:0!important;background: #2C62CC!important;transition: all .4s!important;margin: 0!important;}
  .performance .tns-nav button.tns-nav-active,
  .performance .tns-nav button:hover{background: #0C2559!important;}

  .finance{width:35%}
  .finance-box-wrap{background:#F5F6F7;padding:10px;margin:30px 0}
  .finance-box{height:350px;overflow:auto}
  .finance-item{background:#fff;padding:5px}
  .finance-item:not(:last-child){margin-bottom:10px}
  .finance-item-title{font-weight:700;font-size:18px;margin-bottom:5px}
  .finance-item-title a{color:#2C62CC;text-decoration:none}
  .finance-item-title a:hover{text-decoration:underline}
  .finance-item time{display:inline-block;text-transform:uppercase;margin-top:5px}
  .finance .section-link-wrap{text-align:right;margin-top:10px}
  .finance .section-link{background:none;color:#0C2559}
  .finance .section-link:hover img{filter:brightness(0) invert(1)}

  .achievements-images{display:flex;flex-wrap:wrap;gap:10px;margin:30px 0}
  .achievements-images img{width:calc(50% - 10px)}

  /* -----------------------------------------

  #share widget

  -----------------------------------------*/
  /** modal **/
  .modal {z-index: 100000}
  .modal .modal-dialog{transition:transform cubic-bezier(0.86,0,0.07,1);transform:scale(.98)!important;opacity:1!important}
  .modal.show .modal-dialog{transition:transform .3s cubic-bezier(0.86,0,0.07,1);transform:translateY(0%)!important;}
  .modal-content {border-radius: 10px;overflow: hidden;border: 0;}
  .modal-header {background:#d2d2d2;border-radius:10px 10px 0 0 ;font-size:18px;line-height:1.4;}
  .share-btns{display:flex;gap:8px; justify-content: center;}
  .share-btns a {display: flex;text-decoration: none;border-radius: 100%;height: 44px;width: 44px;outline-offset:0;outline:2px solid transparent;transition:all .3s;}
  .share-btns svg {width:16px;height:16px;margin:auto;fill: #fff}
  .btn-linkedin {background: #0077b5;}
  .btn-linkedin:hover {border-color: #0077b5;outline:2px solid #0077b5;outline-offset:2px}
  .btn-facebook {background: #3b5998;}
  .btn-facebook:hover {border-color: #3b5998;outline:2px solid #3b5998;outline-offset:2px}
  .btn-twitter {background: #000;}
  .btn-twitter:hover {border-color: #000;outline:2px solid #000;outline-offset:2px}
  .btn-reddit {background: #ff5700;}
  .btn-reddit:hover {border-color: #ff5700;outline:2px solid #ff5700;outline-offset:2px}
  .modal .btn{font-size: 16px!important;font-weight: bold!important;padding: .6rem 1.2rem!important;border: 0!important;line-height: 1.4!important;text-transform:none!important;letter-spacing:0!important;color:#000!important;border:0!important;}
  .modal .btn.p-0{padding:0!important}
  .modal .btn-inverse:focus{box-shadow:0 0 0 .2rem rgba(0,0,0,.25)}
  .floating-share-btn {border-radius: 0;border: 0;background: #fff;width:48px;height:48px;box-shadow: 0 4px 24px rgba(0,0,0,0.15),0 2px 6px rgba(0,0,0,0.05);text-align: center;border-radius:6px 0 0 6px}
  .floating-share-btn svg{width: 28px;}
  #site-tools{position: fixed;z-index: 99999;top: calc(40% - 32px);right: 0;display: flex;flex-direction: column;gap:5px;}
  #modal-section {
    position: fixed;
    z-index: 99999;
    top: 25%;
    right: 0;
    }

  #ada-btn{border:0;width: 48px;height: 48px;border-radius:6px 0 0 6px;background: #F6F1D9;display: flex;align-items: center;justify-content: center;padding: 0;box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.05);}
  #ada-btn img{width: 28px;}

  /* -----------------------------------------

  #slider

  -----------------------------------------*/
  #homepage #slider{min-height: 690px;}
  #slider{position:relative;padding-bottom:30%;z-index:1}
  #slider .tns-outer{position:absolute;left:0;right:0;top:0;bottom:0}
  #freeform #slider{padding-bottom:15%}

  #slider-data{position: absolute;z-index: 5;width: 1343px;margin: 0 auto;max-width: 100%;padding:0 15px;display: flex;flex-direction: column;align-items: center;gap: 32px;top: 50%;left: 0;right: 0;transform: translateY(-50%);}
  #homepage .slider-logo{width: 142px;}
  #freeform .slider-logo{position: absolute;top: 43%;left: 50%;transform: translate(-50%, -50%);width: 312px;z-index: 2;}
  .slider-caption{font-size: clamp(40px, 6vw, 64px);color: #fff;font-weight: 700;line-height: 1;letter-spacing: 0.72px;margin: 0;text-shadow: 2px 2px 15px #000;}
  .slider-caption span{}
  .slider-shape{position: absolute;left: 0;right: 0;bottom: 0;z-index: 2;}



  #slider .tns-lazy-img{opacity: 1;}
  .slider-mask{position: absolute;bottom:-1px;left: 0;right: 0;width: 100%;z-index: 1;display: none;}

  .tns-outer button[data-controls]{border:0;padding:0;background:var(--brandcolor);width:40px;line-height:40px;border-radius:50px;color:#fff;font-size:18px;margin:0 15px;position: relative;z-index: 10;}
  .tns-nav{position:absolute;bottom:15px;left:0;right:0;z-index:1;text-align:center}
  .tns-nav button{border:0;background:#fff;padding:0;width:15px;height:15px;border-radius:50px;margin:0 3px}
  .tns-nav button.tns-nav-active{background:var(--brandcolor)}

  .tiny-slider-wrap > .tns-outer,
  .tiny-slider-wrap > .tns-outer > .tns-inner,
  .tiny-slider-wrap > .tns-outer > .tns-inner > .tiny-slider,
  .tiny-slider-wrap > .tns-outer > .tns-inner > .tiny-slider .tns-item,
  .tns-bg-slide {height:100%}
  .tns-outer{position:relative}
  .tns-controls{position:absolute;top:46%;left:0;right:0;}
  .tns-controls button:last-of-type {float:right}
  .tiny-slider-wrap button[data-action]{position:absolute;bottom:0;right:0;z-index:1}
  ul.tiny-slider,
  ul.tiny-carousel{padding:0;margin:0}

  /* -----------------------------------------

  #media queries

  -----------------------------------------*/

  @media only screen and (max-width:1620px) {
    .site-header #nav a {}
        #officials .official-name {
font-size: 12px;
}
  }
  
  @media only screen and (max-width:1500px) {
    .site-header #nav>li>a:not(.toggle), 
    .site-header #nav>li>span{padding: 35px 15px 35px;}
    .site-header #nav {padding-left:15px;}
    /* #logo{max-width: 100px !important;} */
    #officials .official-name {
font-size: 11px;
}
  }
  @media only screen and (max-width:1400px) {
    #header-in{padding: 0;}
    .site-header #nav>li>a:not(.toggle), 
    .site-header #nav>li>span{padding: 35px 15px 35px;}
    #officials-in{display: block;}
    #logo:after{width: 110px;}
    #officials .official-name{font-size:11px}

    .performance{width:45%}
    .finance{width:40%}

  }
  @media only screen and (max-width:1300px) {
    #header-in{padding: 0;}
    .site-header #nav>li>a:not(.toggle), 
    .site-header #nav>li>span{padding: 39px 15px;font-size: 16px;}
    #officials-in{display: block;}
    #search{width: 151px;}
    .logo-wrap #logo{/* width: 191px!important; */}
        #officials .official-name {
font-size: 12px;
}
  }

  @media only screen and (max-width:1200px) {
    #logo img{/* max-width: 190px; */}

    .site-header #nav>li>a:not(.toggle), 
    .site-header #nav>li>span{padding: 35px 10px 35px;font-size: 16px;}

    .quicklinks-right{padding:0;}
    .quicklinks-list{gap:20px}
    #officials .officials-right{margin: 48px 0 0}

    .inner-accomplishment{flex-direction: column;}
    .accomplishment-placeholder{padding-bottom: 50%;}

    #freeform-in{flex-direction: column;padding:0 15px;}
    #inner-main{padding:0;flex-basis: auto;}
    #entry{margin:0;}
    #inner-right{margin:0 -15px;}
    #inner-right aside{width: 100%;}

    #homepage #slider{padding-bottom: 56.4%;min-height: 500px;}
  }
  @media only screen and (max-width:1100px) {
    .site-header #nav{padding:0}
    #logo::after{width: 90px;}
    .site-header #nav>li>a:not(.toggle), 
    .site-header #nav>li>span{font-size: 14px;padding:35px 8px 35px}
    #header-right{gap:5px}
    #social-media-in{gap:4px;margin:0;width: auto;}
    #social-media-links .social-media-link{width: 20px;}
    #logo img{/* max-width: 145px; */}

    #translate-button{width: 128px;font-size: 14px;}
  }

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

    .site-header #nav{display: flex !important;}
    #quicklinks{padding: 20px 0 10px;}

    .site-header #nav .toggle,
    .site-header #nav .toggle2,
    #flyout .toggle{display:none}

    .site-header #nav .toggle,
    .site-header #nav .toggle2{padding: 0 !important;}
    .site-header #nav .focused .toggle,
    .site-header #nav .focused .toggle2,
    #flyout .focused .toggle{display:inline-block;margin-left:8px}
      
    #flyout .focused .toggle,
    .site-header #nav .focused .toggle2{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}
    #flyout .focused .toggle,#nav .focused .toggle2{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);position:absolute;right:15px; top:0px;}

    #flyout>li:has(ul)>a:not(.toggle)::before{content: "\f0da";margin-right:5px;font-family: "FontAwesome";position: absolute;left: 9px;top: 50%;transform: translateY(-50%);}
    #flyout>li.active:has(ul)>a:not(.toggle)::before {content: "\f0d7";}
    /* #flyout>li:not(:has(ul))>a::before{content: "-";margin-right:5px} */
    #flyout>li{padding-bottom:0;}

    /* #flyout>li:hover{background:radial-gradient(100% 100% at 50% 0%, rgba(255, 255, 255, 0.20) 0%, rgba(255, 255, 255, 0.00) 100%), var(--Surfaces-primary-dark, #0C2559)} */
  
    /* #flyout>li:hover a,
    #flyout>li:hover span{color: #fff;}
    #flyout>li:hover>a,
    #flyout>li:hover>span{color:#E9C60D} */
    #flyout>li>a {border-bottom: 1px solid rgba(0, 0, 0, .15);position: relative;}
    #flyout>li.active>a {border-bottom: transparent;}
    #flyout a, 
    #flyout span{padding: 12px 8px 12px 28px;}
    #flyout ul a, #flyout ul span {border-bottom: none;}
    #flyout ul a:hover, #flyout ul span:hover {text-decoration: underline;}
    #flyout ul {margin: 4px 0 !important;}
    #flyout ul li {padding: 0 24px;}
    #flyout ul li:last-child {border-bottom: 1px solid rgba(0, 0, 0, .15);padding-bottom: 4px;}
    /* #flyout ul li:first-of-type a, 
    #flyout ul li:first-of-type span{padding-top: 0;} */

      
    /* base nav styles  */
    .site-header #nav li:hover>ul{display:block}
    .site-header #nav ul a:not(.fa),
    .site-header #nav ul span{display:block;color:#000}
      


    .site-header #nav>li:hover>a:not(.toggle),
    .site-header #nav>li:hover>span{color: #fff;}
    .site-header #nav>li>a:not(.toggle):before, #nav>li>span:not(.toggle):before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%) scale(0);width:100%;height:calc(100%);background: linear-gradient(92deg, #071D3E 0%, #071D3E 100%);border-radius:0;z-index: -1;opacity: 0;transform-origin: center; transition: all .3s;}
    .site-header #nav>li:hover>a:not(.toggle):before, 
    .site-header #nav>li:hover>span:not(.toggle):before{opacity: 1;transform: translateY(-50%) scale(1);}


    /* mega menu */
    #nav>li>ul{position: fixed;left: 0;right: 0;width: 1009px;width:100%;top:100%;margin: 0 auto;display:none;max-height: 600px;overflow-y:auto;overflow-x: hidden;z-index: 10;}
    #nav>li .nav-in{-webkit-column-count: 3;-moz-column-count: 3;column-count: 3;column-gap: 40px;position: relative;display: block;padding: 40px 19px 45px 48px;border-radius: 0 0 10px 10px;box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);backdrop-filter: blur(10px);background: rgba(213, 220, 233, 0.8);max-width: 1200px;margin: 0 auto;border-top: 4px solid #071D3E;}
    #nav>li .nav-in::before{content: "";position: absolute;top: 0;left: 33%;width: 1px;height: 100%;background: #E5E5E5;}
    #nav>li .nav-in::after{content: "";position: absolute;right: 32%;top: 0;width: 1px;height: 100%;background:#E5E5E5}
   
   
    #nav>li>ul.make-mage>li{display:inline-block;break-after:avoid;width:100%;margin-bottom:16px}
    #nav li:hover>ul.make-mage ul{position:static;padding: 0 0 0 16px;margin-bottom: 20px;}

    /* hiding the menu scrollbar */
    /* #nav>li>ul::-webkit-scrollbar {display: none;} */
    #nav>li>ul::-webkit-scrollbar {width: 5px;}
    #nav>li>ul::-webkit-scrollbar-track {background: #F5F4F4 ;border-radius: 10px;}
    #nav>li>ul::-webkit-scrollbar-thumb {background: #FCCE0C;border-radius: 10px;}

    /* mega menu - First Level */
    #nav ul.make-mage a:not(.fa),
    #nav ul.make-mage span{position:relative;color: #0C2559;padding: 0;font-size: 20px;font-weight: 700;text-transform: capitalize;margin: 0 0 9px 0;display: block;width: fit-content;text-shadow: none;text-align: left;}
    #nav ul.make-mage a:not(.fa):hover, 
    #nav ul.make-mage span:hover{color: #0C2559;text-decoration: underline;}

    /* mega menu - Second Level */
    #nav ul.make-mage ul a:not(.fa),
    #nav ul.make-mage ul span{display: block;font-size: 16px;font-weight: 400;color: #0C2559;text-transform: capitalize;transition: all .4s;text-shadow: none;line-height: 1.5;}    
    #nav ul.make-mage ul a:not(.fa):hover,
    #nav ul.make-mage ul span:hover{color: #2C62CC;}
    #nav .make-mage .focused .toggle2{display:block}

    /* #search{position: absolute;top: 105%;right: 0;left: 0;display: none;width: 800px;margin: 0 auto;} */
      
    .layout-table {table-layout: fixed;width: 100%}



  }

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

    /* rz form tables - without page scope this targets editforms and makes
    * editing confusing
    */

    #freeform #main{padding:0;}

    body .featherlight-content{min-height:50%}

    .site-header .logo-wrap {display: flex;align-items: center;justify-content: space-between}

    .site-header .toggle,
    .site-header .toggle2{display:block;line-height:45px;width:45px;text-align:center;color:#fff;background:var(--gray);position:absolute !important;right:0;top:0}
    .site-header .logo-wrap{display:flex;align-items:center;justify-content:space-between}
    .site-header #nav{display:none;padding:0;}
    .site-header #nav li{position:relative!important}
    .site-header #nav a,
    .site-header #nav span{line-height:1;font-size:14px;padding:15px;display:block;border-bottom:1px solid var(--darkgray)}
    .site-header #nav ul{background:var(--lightgray);display:none}  

    #freeform #formwizziwmorf tr,
    #freeform #formwizziwmorf tr td {display: block !important}

    #freeform #formwizziwmorf tr table tr {display: table-row !important}

    #freeform #formwizziwmorf tr table td {display: table-cell !important}


    #flyout-wrap{margin:0 0 0 0;padding: 0;width: 100%;}
    #flyout > li{padding:0;;}
    .accomplishment-list{grid-template-columns: repeat(2, 1fr);}
    #inner-main{flex-basis: auto;}
    .accomplishment-placeholder{min-height: 390px;}
    .accomplishment-card span{font-size: 16px;}
    #freeform #news{padding:20px 0;}
    #freeform #officials{padding-bottom: 0;}
    #freeform-in{gap:30px}



    #dept-welcome{padding:40px 0;}
    #dept-news{padding:0;}
    .dept-news{min-height: 420px;}
    .dept-news-details{font-size: 32px;}

    .fullwidth-split{display: block;}
    #events-placeohlder{border-radius: 48px;height: 500px;margin:0 15px;}
    /* Allows tables to be used as columns with responsive stacking */
    .layout-table { width: 100% !important}

    .layout-table,
    .layout-table thead,
    .layout-table tbody,
    .layout-table th,
    .layout-table td,
    .layout-table tr {display: block !important}

    .layout-table td {margin-bottom: 15px}


    #nav-toggle,
    #search-toggle {line-height: 45px;width: 45px;text-align: center;background: var(--brandcolor);color: #fff;margin-left: 5px;cursor: pointer}

    #flyout-toggle{padding:0;padding:15px;color: #000;}
    #flyout-header{margin:0;padding:15px;border-top:1px solid rgba(0,0,0,.15)}

    #nav,
    #flyout {display: none}

    #nav li {display: block}

    #nav a,
    #nav span,
    #flyout a,
    #flyout span {font-size: 14px !important;line-height: 1 !important;padding: 15px !important;border-bottom: 1px solid rgba(0, 0, 0, .15)}

    #nav li:last-child>a,
    #nav li:last-child>span,
    #flyout li:last-child>a,
    #flyout li:last-child>span {border: 0}

    #nav ul,
    #flyout ul { background: rgba(0, 0, 0, .15)}

    .toggle,
    .toggle2 {display: block;position: absolute !important;right: 0;top: 0;line-height: 45px;text-align: center;width: 45px;background: rgba(0, 0, 0, .15);transform: none !important}


    /* custom styles */
    .site-header{position: relative;background:#91C9ED;}
    #header-in{display: block;padding: 16px 0;}
    #search-toggle-desktop{display: none;}
    #header-in-right{display: none;}
    #search{width: auto;flex:1;}
    #header-tools{right:15px;}


    #quicklinks-in{display: block;}
    /* .quicklinks-right{padding:48px 0 0} */
    .quicklinks-right{padding:0 0}

    .office-video{height: auto;padding-top: 41%;max-height: 500px;}
    #news .section-header{flex-direction: column;align-items: start;gap:20px}
    #news #news-controls, .news-section .news-controls{margin:25px auto 0}

    #homepage .tab-calendar .calendar-datefilters {top: 34px;gap: 4px !important;}
    #events select {font-size: 14px;padding: 8px 20px 5px 12px !important;}
    .calendar-select-wrapper::after {right: 6px;font-size: 14px;}

    #officials #officials-list{display: flex;flex-wrap: wrap;}
    #officials .official-card:first-of-type{flex-basis: 100%;}
    #officials .official-card{flex:1 1 calc(50% - 12px)}
    #officials .official-card-in{max-width: 200px;margin:0 auto;padding:24px 0;}
    #officials .official-card:not(:first-of-type){grid-row-start: auto;}
    #officials .official-name{font-size: 16px;}
    #officials .official-role, 
    #officials .official-area{font-size: 12px;}




    body .logo-text{position: relative !important;inset: 0 !important;}
    #footer-top .row{flex-direction: column;gap:20px;align-items: center;}

    #officials .official-name {
font-size: 12px;
}

    .department-landing-page-template #quicklinks{padding:30px 0}
    .performance-finance{margin-top:50px}
    .performance{width:100%;margin-bottom:30px}
    .finance{width:100%}

  }

  /* All Mobile Sizes (devices and browser) */
  @media only screen and (max-width:767px) {
    .floating-alert {width: auto;right: 10px;left: 10px;}
    .floating-alert {font-size: 12px}
    .floating-alert h4 {margin-bottom: 10px;font-size: 14px}
    .floating-alert .btn {font-size: 10px}
    .share-btns a {height: auto;padding: 10px;width: 100%;font-size: 12px;white-space: nowrap;overflow: hidden}
    .share-btns i {display: block;line-height: 50px !important;font-size: 20px}
    #quicklinks .qlink{flex: 0 1 calc(50% - 6px)}
    #quicklinks .qlink-title{font-size: 14px;}
    #office .office-btn{font-size: 14px;padding:10px 14px}

    #priorities-list{grid-template-columns: repeat(1, 1fr);}
    #priorities .priority-banner{max-height: 448px;}
    #gallery-list{flex-direction: column;}
    .stat-item{margin-bottom: 48px;}

    .footer-logo{justify-content: center;}
    .footer-text{text-align: center;}

    #freeform #news-list{grid-template-columns: repeat(1, 1fr);}
    #freeform:not(.fullwidth) .news-banner{max-height: 448px;}
    #dept-news-list{grid-template-columns: repeat(1, 1fr);}

    #department .accomplishment-list{grid-template-columns: repeat(1, 1fr);}

    
    #officials .official-img {
        min-width: 100px;
    }

    body:not(#homepage) .fc .fc-daygrid-day-frame{min-height: 55px !important;}
    body:not(#homepage) .fc-view-harness{min-height: 350px !important;}

    #community .tns-controls {top: 52%;}


  }

  /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
  @media only screen and (min-width:480px) and (max-width:767px) {}

  /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
  @media only screen and (max-width:479px) {

    #header-right{flex-wrap:wrap;justify-content: center;}
    #search{width: 100%;flex:unset}
    #officials .official-name {
      font-size: 12px;
      }
  }

  @media print {

    #slider,
    footer,
    #breadcrumbs,
    #flyout-wrap,
    .floating-share-btn,
    .e-notify,
    .site-header,
    #flyout-toggle {
      display: none !important
    }


    #flyout-wrap{display: block !important;}


    .inner-accomplishment{flex-direction: column;}
    .accomplishment-list{grid-template-columns: repeat(3, 1fr);}
    #inner-right aside{width: 280px;}

    a[href]:after {
      content: none !important
    }
  }



  .freeform__box-body::after{
    content: "";
    position: absolute;
    width: 60%;
    height: .2px;
    background-color: rgb(153, 153, 153);
    height: 1.2px;
    margin-top: -20px;
  }

  div.freeform__box-body:last-of-type::after {
    display: none;
    }


body .uiiw{border-radius: 50%;background-color: #071D3E  !important;}

/* Support #131915 */
.news-info>div.news-info{
  padding-left:0px;
}