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

	Theme Name: Iowa State Fraternal Order of Police, IA
	Front-end developer: Raju Paul
	Author Design: Toshe Vladevski
	Author URI: https://www.revize.com/
	Date: 05/31/2024

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

#fonts

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

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap');

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

#basic styles

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

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

:root {
	--brandcolor: #202B58; /* Choose a dark color form the website color palette */
  --accentcolor: #BD9D46;
  --accectdarkcolor:#6B5A2A;
	--darkgray: #808080; /* Choose a lighter color form the website color palette */
	--lightgray: #ddd; /* Choose a very light color form the website color palette */
	--primarycolor: #1a1a1a; /* Choose a very light color form the website color palette */
  }
  
  body {
	  background: #fff; 
	  font-size: 14px;
	  line-height: 1.6;
	  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";
	  color: #444;
	  -webkit-font-smoothing: antialiased;
	  -moz-osx-font-smoothing: grayscale;
	  -webkit-text-size-adjust: 100%;
	  overflow-x: hidden;
	  top: 0 !important;
    font-family: "Inter", sans-serif;
  }
  
  /* -----------------------------------------
  
  #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: 21px;
	  color: var(--brandcolor);
	  margin-bottom: 20px
  }
  
  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
  
  -----------------------------------------*/
  .button,
  a.button,
  /*#post button:not(.rz-agenda-search-submit),*/
  #post input[type="submit"],
  #post input[type="reset"],
  #post input[type="button"],
  .rz-btn{padding: 12px 27px;background: var(--accentcolor);border:0;display:inline-block;text-decoration:none;cursor:pointer;vertical-align:middle;transition:all .3s;color: var(--white);font-family: "Inter", sans-serif;font-size: 18px;font-style: normal;font-weight: 700;line-height: normal;text-transform: capitalize;border-radius: 24px;text-align: center;}
  .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(--accectdarkcolor);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(--accectdarkcolor);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 */
  .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:32px}
  .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}
  
  /* -----------------------------------------
  
  #forms
  
  -----------------------------------------*/
  form {
	  margin-bottom: 20px
  }
  
  fieldset {
	  margin-bottom: 20px
  }
  
  input[type="text"],
  input[type="password"],
  input[type="email"],
  input[type="search"],
  textarea,
  select {
	  padding: .375rem .75rem;
	  outline: none;
	  margin: 0;
	  display: inline-block;
	  box-shadow: none;
	  color: var(--primarycolor);
    font-family: "Inter", sans-serif;
	  font-size:14px;
	  font-weight: 500;
	 }
  
  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
  
  -----------------------------------------*/
  .floating-alert{position:fixed;z-index:999;bottom: auto;margin:0;right:20px;color: var(--darkgray);padding: 32px 24px 28px;width: 400px;display:flex;flex-direction:column;overflow:hidden;border:0;border-radius: 8px;background: rgba(255, 255, 255, 0.85);box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.12);backdrop-filter: blur(4px);font-size: 16px;line-height: 22px;font-weight: 500;top: 104px;}
  .floating-alert h2{color: var(--primarycolor);margin:0 0 10px;font-size: 20px;font-weight:700;line-height: normal;}
  .floating-alert p{margin:0}
  .alert-buttons{margin:28px -28px -28px;border-top:1px solid #eee;display:flex}
  .alert-button{border-right:1px solid #eee;flex:1 1 auto;text-align:center;padding: 20px 0;text-decoration:none;color: var(--primarycolor) !important;font-weight:700;line-height:1.5;}
  .alert-buttons .alert-button:last-of-type{border:0}
  .alert-button:hover{background:var(--brandcolor);color:#fff !important;text-decoration:none;cursor:pointer}
  .floating-alert.fade:not(.show){display:none}
  
  /* -----------------------------------------
  
  #rz edit
  
  -----------------------------------------*/
  #event-modal .modal-footer .btn{margin:0 0 0 10px}

  form#rz-business-directory-search{margin:0 0 15px 0}
.faq-header ~ .faq-editbtns {margin-top: -35px;position: relative;z-index: 1;}
.faq-header{width:100%}
#doc-search-form input.rz-doc-search-submit{padding: 0 15px;border-radius: 4px;}
#translation-links button#translate-reset { display: none;}
#freeform #post span.btn a{padding: 12px 27px;
    background: var(--accentcolor);
    border: 0;
    display: inline-block;
    text-decoration: none;
    cursor: pointer;
    vertical-align: middle;
    transition: all .3s;
    color: var(--white);
    font-family: "Inter", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: capitalize;
    border-radius: 24px;
    text-align: center;}

#homepage .modal .btn {padding: .6rem .5rem !important;}

#entry #post span.btn a{color: #fff !important; text-decoration: none !important;}
  
  /* -----------------------------------------
  
  #main
  
  -----------------------------------------*/
  .site-header{position:sticky;z-index:200;background:#fff;width: 100%;top: 0;}
  .site-header.scrolled {box-shadow: 0px 4px 20px 0px rgba(44, 44, 44, 0.29);}
  .scrolled #logo {width: 58px;}

  #wrapper_sliderVideo {z-index: 1 !important;}

  .site-header .container{width: 1700px;max-width: 100%;}  
  .tools-wrap {display: flex;align-items: center;justify-content: right;column-gap: 16px;padding-right: 32px;}  
  .logo-wrap {
    position: absolute;
    top: -28px;
    left: 72px;
}
  #logo{display:block;padding: 0;text-decoration:none;width: 150px;max-width:100%;transition: .3s all;}
  #social-media-links {display: flex;width: 130px;justify-content: space-evenly;column-gap: 5px;position: relative;top: -1px;left: -2px;}
  .social-media-link {width: 20px;display: block;}
  .slider-wrapper{position: absolute;left: 50%;transform: translateX(-50%);margin-top: 72px;z-index: 9;}





  /*News*/
.site-news{padding: 212px 0 124px;position: relative;}
.site-news .center-top {z-index: 99;}
.site-news .tns-ovh{z-index:9;position: relative;}
/* .site-news .tns-ovh{padding: 20px 10px;margin: -20px -10px;} */
.section-title-wrap {display: flex;justify-content: space-between;align-items: center;margin-bottom: 40px;}

.site-news .tns-controls {
  margin: -7px -268px;
}

.site-news:hover .tns-controls{opacity: 1;}

/* .site-news .section-title-wrap{} */


.site-news .button{position: relative;padding: 12px 25px 11px 24px;top: 0px;}
.site-news li{margin-bottom:0;}
#homepage .news-box {text-align: center;text-decoration: none;padding: 0;position: relative;margin: 0 auto;position: relative;color: #fff;display: block;transition: .5s all;}
#homepage .news-box p{color: var(--Typography-primary, #111);font-size: 16px;font-weight: 700;line-height: 24px;min-height: 100px;margin-bottom: 32px;}
#homepage .news-box:hover{text-decoration:none;}
#homepage .news-box:hover .btn-more{color:var(--accectdarkcolor);}
#homepage .news-desc-wrap{padding: 25px 15px 20px 20px;text-align: left;}
#homepage .news-desc-wrap .btn-more{color: #4D4D4D;
/* Body/Caption Bold */font-size: 14px;font-weight: 700; /* 18.9px */text-transform: uppercase;}
#homepage .news-title{margin: 0 0 23px;text-align: left;transition: .3s all; /* 27px */display: -webkit-box;max-width: 100%;-webkit-line-clamp: 3;-webkit-box-orient: vertical; /* 32.4px */min-height: 60px;padding-right: 0;overflow: hidden;color: var(--primarycolor);text-overflow: ellipsis;
/* Header/Header 5 Bold */font-size: 24px;font-style: normal;font-weight: 700;line-height: 29px; /* 28.8px */}
/* #homepage.police .news-title{margin: 0 0 8px;} */
.button-white{
position: relative;
color: #fff;
border-color: #fff;
}
/* .button img{width: 24px;position: relative;top: -4px;left: 5px;} */
#homepage .date{background: #E4E4E4;position: absolute;top: 0;font-weight: 900;font-size: 20.4938px;line-height: 20px;display: block;text-align: center;text-transform: uppercase;color: #FFFFFF;padding: 7px 33px 9px;margin-left: 15px;width: 124px;height: 124px;border-radius: 50%;right: -28px;top: -33px;}
#homepage .date span{display: block;margin: -1px 0 0;color: #4B4545;text-align: center;font-size: 24px;font-style: normal;font-weight: 700;line-height: 135%; /* 32.4px */text-transform: uppercase;}
#homepage .date-in {position: relative;top: 45px;left: -9px;color: #4B4545;font-family: 'Abhaya Libre', serif;font-size: 32px;font-style: normal;font-weight: 800; /* 48px */}
#homepage .date-tag {text-align: left;margin: 0 0 23px;color: var(--darkgray);
/* Body/Caption Bold */font-size: var(--size-body-caption, 14px);font-style: normal;font-weight: 700;line-height: 135%; /* 18.9px */}


#homepage .news-img{padding-bottom: 85.2%;border-bottom: 4px solid var(--accentcolor);}
.section-title span{display: block;font-size: 40px;margin: 0 0 13px;}
#homepage .news-box:hover .btn-more::after{left: 0;border-color: #df5b26;}



  
/*Quick Links*/
.site-qlinks {background-repeat: repeat;padding: 0;margin-top: -101px;position: relative;z-index: 99;}
.container{width: 1218px;max-width: 100%;}
.site-qlinks li{margin: 0;}
.qlink-icon {width: 150px;height: 150px;display: flex;justify-content: center;align-items: center;position: relative;margin: 0 auto 24px;border-radius: 50%;background: var(--brandcolor);transition: .3s all;}
.qlink-box:hover .qlink-icon{background: #759CD3;}
.qlink-box:hover .qlink-title{color: #BD9D46;}
.qlink-box:hover{color: #333;text-decoration:none;}
.site-qlinks .tns-item:not(.tns-slide-active){opacity: 0;visibility: visible;pointer-events:none}

.qlink-box img{width: 64px;transition: .3s all;}
.qlink-box{text-decoration: none;font-weight: 700;font-size: 20px;line-height: normal;display: block;text-align: center;color: #333;cursor: pointer;}


.site-events{padding: 120px 0 120px;position: relative;}
.site-events .button{padding: 12px 24px;}
.site-events .section-title-wrapper .top-right{position: absolute;right: 0;top: 0;}
.site-events a.button img{width: 16px;margin-right: 12px;position: relative;top: -1px;}
.calendar-wrap{min-height:480px;margin-bottom: 23px;}
#tabs-button{display: flex;margin-top: 0;color: #000;text-align: center;font-size: 16px;font-style: normal;font-weight: 600;line-height: normal;column-gap: 1px;margin-left: -1px;}
#tabs-button .tab {display: flex;justify-content: center;align-items: center;cursor: pointer;padding: 21px 71px 21px 72px; /* 25.6px */color: var(--white);text-align: center;font-family: "Inter", sans-serif;font-size: 16px;font-style: normal;font-weight: 700;line-height: normal;border-radius: 0;background: var(--brandcolor);width: 34%;}
#tabs-button .tab.active{background: #ffffff;color: #000000;}
.tab-event:not(.active){display: none;}
.tab-calendar{min-height: 180px;margin-bottom: 0;/* background: #fff; */color: #000;}
.tab-event {background: transparent;color: #000;padding: 0;min-height: 480px;}

.tab-calendar:not(.active){display: none;}

.section-title-wrapper {display: flex;align-items: center;justify-content: space-between;margin: 0 0 41px;}

.section-title {
    margin: 0;
    color: var(--primarycolor);
/* Header/Header 1 Norm */
    font-family: "Work Sans", sans-serif;
    font-size: 48px;
    font-style: normal;
    font-weight: 500;
     /* 57.6px */
}

.section-title span {
    color: #348B57;
    font-family: Satisfy;
    font-size: 28px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    display: block;
    margin-bottom: -10px;
}


/*Member*/
.member-box {background: #DFE0E5;padding: 17px 16px 14px;min-width: calc(25% - 18px);margin: 24px 0 0;}
.site-member {
  padding: 120px 0 71px;
}

.site-member .section-title-wrapper{margin-bottom: 24px;}

.member-container h4{
  color: var(--primarycolor);
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  margin: 0 0 12px;
}

.member-container h5 {
  color: var(--accectdarkcolor);
  font-size: 16px;
  font-weight: 500;
  line-height: normal;
  margin: 0 0 12px;
}


.contact-details {
  color: var(--primarycolor);
  font-size: 14px;
  font-weight: 500;
  line-height: normal;
  text-decoration: none;
}

.contact-details:hover{text-decoration: none;}

.bg-gap {
  background-color: transparent !important;
  width: 100%;
}

/* .site-member .container {display: flex;display: grid;grid-template-columns: auto auto auto;gap: 10px;} */
.site-member .member-box:first-child {
  grid-column-start: 2;
  grid-column-end: 4;
}

.member-container {
  display: flex;
  flex-wrap: wrap;
  column-gap: 24px;
}

.cta-in {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  z-index: 1;
  width: 100%;
}

.site-cta-1 {
  width: 95.3%;
  margin: 0 auto;
  text-align: center;
  position: relative;
  min-height: 406px;
  border-bottom: 4px solid var(--accentcolor);
}
.site-cta-2 {
  width: 95.3%;
  margin: 0 auto;
  text-align: center;
  position: relative;
  min-height: 460px;
  border-bottom: 4px solid var(--accentcolor);
}

.site-cta-1 .button{font-size:16px;position: relative;top: 4px;padding: 12px 18px 12px 22px;}

.site-cta-1::after,.site-cta-2::after{content: "";
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  background: linear-gradient(0deg, rgba(10, 13, 24, 0.64) 0%, rgba(10, 13, 24, 0.64) 100%);}

.site-cta-1 .section-title{color:#fff;margin: 0 20px 45px;}

body #userwayAccessibilityIcon{display:none !important}
button#ada-btn {border: 0;background: transparent;width: 44px;position: relative;padding: 0;margin: 0 0 8px;}
.ada-share-wrap {position: fixed;left: auto;z-index: 9999;top: 432px;right: 15px;}

  
  /*base nav styles*/
  .site-header #nav{padding:0;margin:0;display:flex;flex-wrap:wrap;justify-content:space-between;width: 703px;margin: 0 auto 0 109px;}
  .site-header #nav li{list-style:none;margin:0}
  .site-header #nav ul{padding:0;margin:0}
  .site-header #nav a:not(.fa),
  .site-header #nav span:not(.fa){text-decoration:none;display:inline-block;color: var(--dark);
/* UI/Menu */font-size: 18px;font-style: normal;font-weight: 700;padding: 28px 15px 29px;}
  .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}
  
  .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%;left:auto;width:300px;background:#fff;display:none;height:400px;overflow-y:scroll;right: 0;}
  #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)}
  [lang="en"] #translate-reset{display: none}
  [data-lang="English"]{background:#f9f9f9}
  div.skiptranslate{display:none !important}
  
  #search form{margin:0;position:relative;}
  #search label{position:absolute;left:15px;top:50%;transform:translateY(-50%);font-size:18px}
  #search button{position:absolute;right: 13px;top: 10px;padding: 0;border:0;width: 20px;text-transform:uppercase;background: transparent;color:#fff;font-weight:700}
  #search input{border:0;height:45px;background:#f1f1f1;padding-left: 15px;padding-right: 44px;border-radius: 24px;}
  #search input:placeholder{color:#222}

#skip{position:fixed;left:-100%;top:-100%;transition:all .3s;z-index:999}
#skip:focus{left:50px;top:50px}

/*Translate*/
#translate-button {
  background: transparent;
  border: 0;
  padding: 0;
  color: var(--primarycolor);
/* Body/Caption Bold */
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
   /* 18.9px */
  text-transform: uppercase;
}

#translate-button img{width:9px;position: relative;top: -2px;margin-right: 1px;}


  /*Footer*/
/* .site-footer .container{width: 1284px;max-width:100%;} */
.footer-box{width:20%;}
.footer-box:last-child{max-width:160px;}
#footer-top{padding: 0 0 36px;}
#footer-top .container{border-top: 4px solid #DFE0E5;padding-top: 67px;}
#footer-top .col-xl-3:nth-last-child(2){padding-left:14px;}
#footer-top .col-xl-3:last-child{padding-left: 88px;}
#footer-top strong{font-weight:600;}
#footer-bottom{padding: 0;/* background: #98BADF; */color: #000;
/* Body/S Normal */font-size: 14px;font-weight: 400; /* 21px */}

.f-links{display: block;text-decoration: none; /* 21px */margin: 0 0 18px;color: #1B1B1B;font-size: 14px;font-style: normal;font-weight: 500;line-height: 150%;}
.f-links:hover{color:var(--accectdarkcolor);text-decoration: none;}
.f-head {margin: 0 0 25px;letter-spacing: 0;text-transform: capitalize;color: #144A64;
/* Body/Regular Bold */font-size: 18px;font-style: normal;font-weight: 700;line-height: 150%; /* 24px */}
.foot-logo img{width:184px;}
.f-links.address {padding-right: 110px;line-height: 26px;}
#revize-link{font-weight: 700;color: #000;text-decoration: none;}
#revize-link:hover{text-decoration: underline;}
#revize-login{color: #000;text-decoration: none;}
#revize-login:hover{text-decoration: underline;}
.popular .f-links{font-weight: 700;}
.resources .f-links{font-weight: 700;}
#revize {padding: 15px 0 46px;position: relative;/*! left: 3px; */}
.site-footer {background: #fff;}
#f-logo {max-width: 160px;display: inline-block;position: relative;left: 0;top: 1px;}
.phone-email-wrap{display:flex;}
#disclaimer {color: #000;text-decoration: none;}
#disclaimer:hover{text-decoration: underline;}
span.pipe {padding: 0 18px 0 19px;}
span.pipe-2 {padding: 0 6px;}
  
 /* -----------------------------------------

#inner

-----------------------------------------*/
#flyout{padding:0;margin:0}
#flyout li{position:relative;margin:0;list-style:none}
#flyout a,
#flyout span{display:block;text-decoration:none;font-size:18px}
#flyout ul{padding:0;margin:0;display:none}
#flyout ul a,
#flyout ul span{font-size:16px;padding:10px 15px}

#freeform.fullwidth .col-lg-9{max-width: 100% !important;flex: 0 0 100%;}
#freeform #slider-caption {
  font-size: 48px;
  line-height: normal;
  margin: 0;
}
.section-header-h2 {
    color: var(--primarycolor);
    margin: 0 0 19px;
    
/* Header/Header 2 Norm */
    font-family: "Work Sans",sans-serif;
    font-size: 40px;
    font-style: normal;
    font-weight: 500;
    line-height: 48px; /* 48px */
}

.section-header-h3 {
    margin: 0 0 19px;
    color: var(--primarycolor);
/* Header/Header 3 Norm */
    font-family: 'Work Sans',sans-serif;
    font-size: 36px;
    font-weight: 500;
    line-height: 44px; /* 43.2px */
}

.section-header-h4 {
    color: var(--primarycolor);
    font-family: 'Work Sans',sans-serif;
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
    margin-bottom: 20px;
}

.section-header-h5 {
    color: var(--primarycolor);
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    margin-bottom: 20px;
}

.section-header-h6 {
    color: var(--primarycolor);
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
}

#freeform .slider-caption-in {width: auto;}
/* #freeform #slider{padding-bottom: 23.55%;height: auto;} */
#breadcrumbs {
  text-transform: capitalize;
  color: #4d4d4d;
  font-size: 14px;
  font-weight: 500;
  margin: -1px 0 46px;
  }
#breadcrumbs a{text-decoration:none;text-transform: capitalize;
/* Body/S Bold */ /* 21px */color: var(--primarycolor);
/* Body/Caption Bold */font-size: 14px;font-style: normal;font-weight: 700;line-height: 135%; /* 18.9px */}
#breadcrumbs a:hover{text-decoration:underline;}
#breadcrumbs a:after {content: '\f0da';font-family: 'FontAwesome';margin: 0px 18px 0 26px;color: var(--primarycolor);font-size: 12px;position: relative;top: -1px;left: -1px;}
#breadcrumbs ul{list-style:none;margin:0 !important;padding:0 !important}
#breadcrumbs li{display:inline-block;margin:0;padding:0}
.col-xs-12{width:100%}




#flyout{padding:0;margin: 0;}
#flyout li{position:relative;margin: 0;list-style:none;padding: 0;}
#flyout li:last-child>a,
#flyout li:last-child>span{border:0}
#flyout a,
#flyout span{display:block;text-decoration:none;font-size: 14px;color: var(--primarycolor);line-height: normal;padding: 10px 32px 12px;margin: 0;}
#flyout ul{padding:0;margin:0;display:none}
#flyout ul li{margin:0;padding:0}
#flyout ul a,
#flyout ul span{font-size:14px;padding: 8px 15px;color:#fff;border-color:rgba(0,0,0,.15);margin:0}
#flyout-wrap{padding: 33px 0 21px;max-width: 100%;margin-bottom: 16px;
/* Shadow/L */background: #fff;box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.10);}
#flyout-header {padding: 0 0 0 32px;margin: 0 0 14px;text-transform: capitalize;color: var(--primarycolor);font-size: 24px;font-style: normal;font-weight: 700;line-height: 120%;}

#freeform #entry #post p{margin-bottom: 22px;color: var(--primarycolor);
/* Body/Paragraph Norm */font-size: 16px; /* 21.6px */
/* Body/Paragraph Norm */font-weight: 500;line-height: 22px; /* 21.6px */}
#freeform #entry #post p a{color: #202B58;text-decoration: underline;}
#freeform #page-title{margin: 0 0 7px; /* 64.8px */text-transform: capitalize;color: var(--primarycolor);
/* Header/Header 1 Bold */font-family: "Jost", sans-serif;font-size: 48px;font-weight: 700;line-height: 120%; /* 57.6px */letter-spacing: -0.96px;}
#freeform #entry #post ul{margin: -5px 0 53px 23px;padding: 0;position: relative;top: 4px;color: var(--primarycolor);
/* Body/Paragraph Norm */font-size: 16px;font-style: normal;font-weight: 500; /* 21.6px */}

#freeform #entry #post ul#calendar-filters {
    padding: 0;
    margin: 0 0 15px;
}

#freeform #entry #post ul li{margin-bottom: 1px;}
#freeform blockquote{
  padding: 41px 76px 38px 40px;
  position: relative;
  width: 100%;
  
   /* 24px */
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.06);
  overflow: hidden;
  color: var(--primarycolor);
/* Body/Paragraph L Bold */
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 24.3px; /* 24.3px */
  border-radius: 4px;
  background: #DFE0E5;
  margin: 48px 0;
}
#freeform blockquote span{display: block;color: #396C96;font-size: 18px;font-weight: 400; /* 24.3px */letter-spacing: 1.62px;text-transform: uppercase;font-family: "Source Sans 3", sans-serif;position: relative;top: 20px;}
#freeform blockquote img{max-width: 137px;position: absolute;right: 20px;top: 33px;}

/* #freeform blockquote:after{top: 50%;content:"";position:absolute;background-image: url(../images/quote.png);width:78px;height:78px;background-size: 100%;transform: translateY(-50%);right: 48px;margin-top: -2px;} */
#freeform.fullwidth #entry {margin-left:0;}


#freeform #main {position: relative;padding: 49px 0 40px;}
#entry p:last-of-type{margin-bottom:0 !important;}


#contact-dpt{padding: 32px 30px 32px 32px;margin: 0 0 15px 0;max-width: 100%;background: #fff;box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.10);}
#f-members{padding: 34px 30px 11px 32px;margin: 0 0 15px 0;max-width: 100%;background: #fff;box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.10);}
#f-members ul{margin: 0;padding: 0;}
#f-members ul li{list-style: none;color: var(--primarycolor);font-weight: 500;font-size: 14px;margin: 0 0 20.8px;}


#contact-dpt p{
	color: var(--primarycolor);
	font-size: 14px;
	font-weight: 500;
	line-height: 19px;
	margin: 0;
	}
#contact-header{padding: 0;margin: 0 0 23px;text-transform: capitalize;color: var(--primarycolor);font-size: 24px;font-style: normal;font-weight: 700;line-height: 120%;}
#members-header{padding: 0;margin: 0 0 25px;text-transform: capitalize;color: var(--primarycolor);font-size: 24px;font-style: normal;font-weight: 700;}
#freeform .contact-person{max-width: 128px;height: 128px;border-radius: 50%;margin: 0 0 23px;outline: 4px solid #333;}
#freeform .person-name{margin: 0 0 -1px;color: var(--primarycolor);
/* Body/Paragraph L Bold */font-size: 18px;font-style: normal;font-weight: 700; /* 24.3px */}
#freeform .person-designation {margin: 0 0 21px; /* 21px */
/* Body/S Normal */ /* 21px */color: #4D4D4D;font-size: 16px;font-style: normal;font-weight: 500;}
#freeform .f-location{display: flex;align-items: center;padding: 0 12px 25px 0px;text-decoration: none;color: var(--primarycolor);font-size: 14px;margin: 0 0 0px;font-style: normal;font-weight: 500; /* 18.9px */line-height: 19px;}
#freeform .f-location img{width:24px;margin: 0 12px 0 0;}
#freeform .f-phone{display: flex;align-items: center;padding: 0 30px 25px 0;text-decoration: none;color: var(--primarycolor);
/* Body/Caption Norm */font-size: 14px;font-style: normal;font-weight: 500; /* 18.9px */}
#freeform .f-phone img{width:24px;margin: -1px 12px 0 0;}
#freeform .f-email{color: #1B1B1B;display: flex;align-items: center;font-size: 14px;line-height: 21px;padding: 0 30px 24px 0;text-decoration: none;font-weight: 500;}
#freeform .f-email img{width:24px;margin: -1px 12px 0 0;}
#homepage.library #search,#homepage.police #search{position: absolute;z-index: 1;right: 80px;top: 3px;display: none;}

/* DON'T modify the styling of images in the #post, only the span.subheader*/



.hours{color: #06163A;display: flex;align-items: center;font-size: 14px;line-height: 21px;padding: 0 30px 15px 0;}
#hours{padding: 35px 32px 11px;margin: 0 0 16px 0;max-width: 100%;background: #fff;box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.10);}
#hours-header{padding: 0;margin: -1px 0 24px;text-transform: capitalize;color: var(--primarycolor);font-size: 24px;font-style: normal;font-weight: 700;}
#hours ul{margin: 0;padding: 0;color: var(--primarycolor); /* 18.9px */}
#hours ul li{list-style: none;margin: 0 0 20.8px;font-weight: 500;}
#hours ul strong{font-weight: 700;text-transform:uppercase;display: inline-block;width: 56px;color: #4D4D4D;}
#resource{padding: 33px 30px 32px 32px;margin: 0 0 8px;background: #fff;box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.10);}
#resource-header{padding: 0;margin: 0 0 23px;text-transform: capitalize;color: var(--primarycolor);font-size: 24px;font-style: normal;font-weight: 700;}
.resource-box{background: #E5E5E5;padding: 16px 36px 16px 16px;display: flex;width: 100%;column-gap: 12px;align-items: center;margin-bottom: 20px;border-radius: 4px;text-decoration: none;color: var(--primarycolor);
/* Body/Caption Norm */font-size: 14px;font-style: normal;font-weight: 400; /* 18.9px */line-height: 19px;}
/* .resource-box:hover{color: #022957;text-decoration:none;} */
.resource-box:hover {background: #FFFEFC;text-decoration: none;color: var(--primarycolor);}
.resource-box:hover img{filter: contrast(1.4) brightness(1.1);}
.resource-box img{width: 24px;}
.resource-box:last-of-type{margin: 0;}
.resource-box span a{color:#06163A;text-decoration:none;}
.resource-box span a:hover{color:#06163A;text-decoration:underline;}
  /* -----------------------------------------
  
  #share widget
  
  -----------------------------------------*/
  .modal {
	  z-index: 100000
  }
  
  /** modal **/
  .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 {
	  /* position: fixed;
	  z-index: 99999;
	  top: calc(50% - 32px);
	  right: 0; */
	  padding: 0;
	  border: 0;
	  width: 44px;
	  height: 44px;
	  text-align: center;
	  background: transparent;
	 }
  
  
  /* -----------------------------------------
  
  #slider
  
  -----------------------------------------*/
  
  #slider{position:relative;z-index:1;height:calc( 100vh - 80px);border-bottom: 4px solid var(--accentcolor);}
  #slider::after{content: "";position: absolute;left: 0;top: 0;right: 0;bottom: 0;position: absolute;background: linear-gradient(0deg, rgba(10, 13, 24, 0.64) 0%, rgba(10, 13, 24, 0.64) 100%); z-index: 1;}
  #slider:hover .tns-controls{opacity: 1;}
  .site-qlinks:hover .tns-controls{opacity: 1;}

  .site-qlinks .tns-controls {
    position: absolute;
    top: 52%;
    left: -93px;
    right: -93px;
    z-index: 2;
    transform: none;
    /* opacity: 0; */
    transition: .3s all;
}
  


  #slider .tns-outer{position:absolute;left:0;right:0;top:0;bottom:0}
  #slider .tns-controls{z-index:999;}
  #freeform #slider{padding-bottom: 23.3%;height: auto;}
  #slider-caption {color: var(--white);font-family: "Work Sans", sans-serif;font-size: 64px;font-weight: 500;line-height: 70px;margin: 0 0 27px;}
  #slider-caption span{color: #E1D09C;display: block;text-align: center;font-family: "Inter", sans-serif;font-size: 20px;font-style: normal;font-weight: 700; /* 24px */margin: 0 0 1px;line-height: normal;}

  .tns-outer button[data-controls]{border:0;padding:0;background: var(--white);width: 50px;line-height: 50px;border-radius:50px;color: var(--primarycolor);font-size: 30px;margin:0 15px;transition: .3s all;}
  .tns-outer button[data-controls]:hover{background: var(--accectdarkcolor);color: var(--white);}
  
  .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:50%;left: 50px;right: 50px;z-index:1;transform:translateY(-50%);opacity: 0;transition: .3s all;}
  .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 (min-width: 992px) {
  
	  .site-header #nav .toggle,
	  .site-header #nav .toggle2{display:none}
	  
	  .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)}
	  
	  /* 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}
		  
	  /* traditional    */
  #nav ul{position:absolute;left:0;top:100%;display:none}
  #nav ul:not(make-mage) ul{left:100%;top:0}
  #nav li{position:relative}
  #nav ul:not(make-mage) a:not(.fa),
  #nav ul:not(make-mage) span{padding:8px 16px !important;border-bottom:var(--lightgray);font-size:14px;display:block;min-width:200px;}
  #nav ul:not(make-mage) a:not(.fa):hover,
  #nav ul:not(make-mage) span:hover{/* background: #f5f5f5; */color: var(--accectdarkcolor);}
  #nav :not(make-mage) .focused .toggle2{-webkit-transform:rotate(-90deg);position:absolute;right:15px;top:50%;transform:translateY(-50%) rotate(-90deg);}
	  
	  /* mega menu */
  #nav li.static:hover ul{display:block}
  #nav>li>ul.make-mage{position:absolute;left:0;right:0;top:100%;-webkit-column-count: 4;-moz-column-count: 4;column-count: 4;display:none;padding: 29px 16px;background: var(--white);width: 960px;border-top: 4px solid var(--primarycolor);margin: 0 auto;left: 87px;column-gap: 8px;}
  #nav>li>ul.make-mage>li{display:inline-block;break-after:avoid;width:100%;margin-bottom: 20px;}
  #nav li:hover>ul.make-mage ul{position:static}
  #nav ul.make-mage a:not(.fa),
  #nav ul.make-mage span{font-size: 18px;margin-bottom:8px}
  #nav ul.make-mage ul a:not(.fa),
  #nav ul.make-mage ul span{font-size:14px;margin-bottom: 1px;font-weight: 500;color: #4d4d4d;}

  #nav ul.make-mage ul a:not(.fa):hover,
  #nav ul.make-mage ul span:hover{color:var(--accectdarkcolor);}

  #nav .make-mage .focused .toggle2{display:block}
  
  #search{display:block!important;width: 160px;}
	  
	  .layout-table {
		  table-layout: fixed;
		  width: 100%
	  }

    #footer-top .container .col-lg-12 {
      display: flex;
      justify-content: center;
      column-gap: 24px;
  }

  .site-header #nav li:hover a, .site-header #nav li:hover span {color:var(--accectdarkcolor);}
  #freeform #main .col-lg-3{padding-right:26px;position: relative;z-index: 99;}


  #flyout>li:hover>ul {display: block;}
  #flyout ul.first-level {
    position: absolute;
    left: 100%;
    top: 0;
    width: 200px;
    z-index: 10;
    background-color: #3F5897;
}

#nav .focused .toggle,#nav .focused .toggle2,#flyout .focused .toggle{display:inline-block !important;padding:0}
#flyout .focused .toggle,#nav .focused .toggle2{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);font-family: 'FontAwesome';position: absolute;right: 20px;top: 20px;}

#freeform #main .col-lg-9{padding-left: 0;position: relative;margin-left: -1px;}
.site-qlinks .tns-ovh{position: relative;z-index: 2;}
  
  }

@media (min-width:992px) and (max-width:1367px) {
  .logo-wrap {
    position: absolute;
    top: -35px;
    left: 15px;
  }

  .site-header #nav {
    width: 480px;
    margin: 0 auto;
    left: 20px;
    position: relative;
  }
  .site-header #nav a:not(.fa), .site-header #nav span:not(.fa) {padding: 28px 5px 29px;font-size: 14px;}
  #logo {width: 70px;}
  .tools-wrap {justify-content: flex-end;padding-right: 0;}

  .site-qlinks .tns-controls {left: 0;right: 0;bottom: 20px;}
  .site-news .tns-controls {
    margin: 0;
    left: 0;
    right: 0;
  }
  .site-news {padding: 80px 0;}
  #slider-caption {margin: 40px 0 27px;}
  .site-events {padding: 80px 0;}
  .site-member {padding: 80px 0;}

  #nav > li > ul.make-mage {
    left: -100px;
  }
  #nav ul.make-mage a:not(.fa), #nav ul.make-mage span {
    font-size: 14px;}

}

@media (min-width:1200px) and (max-width:1367px) {
.site-header #nav {width: 620px; left: -50px;}
.site-header .col-xl-3{padding-left: 0;  -ms-flex: 0 0 31%;
  flex: 0 0 31%;
  max-width: 31%;}
.site-header .col-xl-7 {
  -ms-flex: 0 0 52.333333%;
  flex: 0 0 52.333333%;
  max-width: 52.333333%;
}

}


@media (min-width:1368px) and (max-width:1700px) {
  .logo-wrap {top: -28px;left: 15px;}

  .site-header .col-xl-7 {
    -ms-flex: 0 0 50.333%;
    flex: 0 0 50.333%;
    max-width: 50.333%;
  }

  .site-header .col-xl-3 {
    -ms-flex: 0 0 33%;
    flex: 0 0 33%;
    max-width: 33%;
  }

  .site-header #nav {margin: 0 auto 0 0;}
  .site-news .tns-controls {
    margin: 0;
    left: 0;
    right: .0;
  }

  }


  
  @media only screen and (max-width:991px) {
  
	  /* rz form tables - without page scope this targets editforms and makes
	   * editing confusing
	   */
	  .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;right:0;top:0}
	  .site-header .logo-wrap{display:flex;align-items:center;justify-content:space-between}
	  .site-header #nav{display:none;margin: 0;width: auto;}
	  .site-header #nav li{position:relative!important}
	  .site-header #nav a:not(.fa), .site-header #nav span:not(.fa){border-bottom:1px solid var(--darkgray);display: block;}
	  .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
	  }
  
	  /* 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
	  }
  
	  #toggles {
		  position: absolute;
		  right: 15px;
		  top: 30px;
	  }
  
	  #nav-toggle,
	  #search-toggle {
		  line-height: 45px;
		  width: 45px;
		  text-align: center;
		  background: var(--brandcolor);
		  color: #fff;
		  margin-left: 5px;
		  cursor: pointer
	  }
  
	  #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);
		  text-decoration: none;
	  }
  
	  #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;
		  right: 0;
		  top: 0;
		  line-height: 45px;
		  text-align: center;
		  width: 45px;
		  background: rgba(0, 0, 0, .15);
		  transform: none !important
	  }
	  
	  #search{
		  display:none;
		  width: 100%;
		  margin: 0 0 10px;
	  }

    .site-header {position: relative;}
    .logo-wrap {position: static;}
    #logo {
      width: 100px;
      margin: 5px 0;
    }
    #translate_in_mob {
      position: absolute;
      right: 140px;
      top: -65px;
    }

    .tools-wrap {
      padding-right: 0;
    }

    #social-media-links {
      position: static;
      margin: 20px 0;
      width: 100%;
    }
    #slider {height: auto;padding-bottom: 70% !important;}
    .site-qlinks {margin-top: 0;padding: 50px 0;}
    .tns-controls {opacity: 1;}
    #slider .tns-controls {display: flex;bottom: 0;top: auto;justify-content: center; }
    .qlink-icon {width: 100px;height: 100px;}
    .site-news {padding: 50px 0;}
    .section-title {font-size: 30px;}
    .site-qlinks .tns-controls {left: 0;right: 0;}
    .site-news .tns-controls {margin: 0 -0;left: 0;right: 0;}
    .site-member {padding: 50px 0;}
    #footer-top .container {padding-top: 30px;}
    #revize {position: static;padding: 20px 0;}
    #tabs-button .tab {padding: 15px 0;}
    .site-events {padding: 50px 0;}
    .f-links {margin: 0 0 7px;}
    .f-head {margin: 0 0 10px;line-height: normal;}
    .footer-box:last-child {max-width: 100%;margin-bottom: 0;}
    .bg-gap {display: none;}
    .member-container {justify-content: center;}
    .member-box {min-width: 31%;margin: 0 0 24px;}


    #footer-top .container .col-lg-12 {
      display: flex;
      justify-content: center;
      column-gap: 15px;
    }

    #translation-links ul {width: 200px;}
    .floating-alert{top: auto;bottom: 20px;}

    #flyout-toggle, #cont-toggle, #hrs-toggle, #resource-toggle,#members-toggle {
      font-size: 16px;
      color: var(--white);
      border-radius: 10px 10px 0 0;
      position: absolute;
      right: 0;
      left: auto;
      z-index: 99;
      padding: 15px;
    }


    #hours ul{display: none;padding: 15px;}
    #contact-details{display: none;padding: 15px;}
    #resource-details{display: none;padding: 15px;}
    #f-members ul{display: none;padding: 15px;}
    #flyout-wrap,#hours,#resource{padding: 0;margin: 0 0 20px 0;position: relative;}


    #contact-dpt {
      padding: 0;
      position: relative;
}

#f-members{padding: 0;position: relative;}


    #flyout-header, #hours-header, #contact-header, #resource-header,#members-header {
      background: var(--brandcolor);
      border-radius: 0;
      color: var(--white);
      padding: 15px;
      font-size: 20px;
      margin: 0;
      border-radius: 10px;
      position: relative;
    }

    #flyout ul a, #flyout ul span {color: var(--primarycolor);}
    .section-header-h2 {font-size: 30px;}
    .section-header-h3 {font-size: 25px;}
    .section-header-h4 {font-size: 22px;}
    .section-header-h5 {font-size: 18px;}
    .section-header-h6 {font-size: 16px;}
    
  }
  
  /* 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
	  }

    #slider-caption {
      font-size: 36px !important;
      line-height: 40px !important;
    }

    .footer-box {
      width: 100%;
      text-align: center;
      margin: 10px 0;
    }

    #slider {height: auto;padding-bottom: 80%;}
    .site-member .member-box:first-child {margin-top: 0;}
    
    #footer-top .container .col-lg-12 {
      flex-direction: column;
    }

    
  }
  
  /* 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) {
    .member-box {
      min-width: 100%;
      text-align: center;
    }
    #slider {height: auto;padding-bottom: 100%;}
    #slider-caption {
      font-size: 30px !important;
      line-height: 32px !important;
    }
  }
  
  @media print {
  
	  #slider,
	  footer,
	  #breadcrumbs,
	  #flyout-wrap,
	  .floating-share-btn,
	  .e-notify,
	  .site-header {
		  display: none !important
	  }
  
	  a[href]:after {
		  content: none !important
	  }
  }