body.toolbar-horizontal #navbar-top.fixed-top,
body.toolbar-vertical #navbar-top.fixed-top,
body.toolbar-vertical.toolbar-tray-open #navbar-top.fixed-top,
body.toolbar-horizontal #navbar-main.fixed-top,
body.toolbar-vertical #navbar-main.fixed-top,
body.toolbar-vertical.toolbar-tray-open #navbar-main.fixed-top {
  top: 40px;
}
body.toolbar-horizontal.toolbar-tray-open #navbar-top.fixed-top,
body.toolbar-horizontal.toolbar-tray-open #navbar-main.fixed-top {
  top: 80px;
}
body.toolbar-fixed .toolbar-oriented .toolbar-bar{
  z-index: 1040;
}

.messages__content.container{
  position: absolute;
   top: 220px;
   left: 50%;
   margin-left: -570px;
  z-index: 1035;
}

/* code */
code {
	font-size: 1em;
	color: var(--bs-code-color);
	word-wrap: break-word;
}



/* accordion */
.accordionw3 {
    background-color: #333;
    color: #fff;
    cursor: pointer;
    padding: 18px;
    margin-top: 15px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
  }
  
  .accordionw3.active, .accordionw3:hover {
    background-color: #0088CC;
  }
  
  .accordionw3:after {
    content: '\002B';
    color: #fff;
    font-weight: bold;
    float: right;
    margin-left: 5px;
  }
  
  .accordionw3.active:after {
    content: "\2212";
  }
  
  .panelw3 {
    padding: 0 18px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    border: 1px solid #ddd;
  }

  /* custom tags */

  ul#customTags li a{
    color: #fff;
    font-size: 1.2em;
  }

  ul#customTags li {
    display: inline;
    background: #0088CC;
    padding: 5px 25px;
    margin: 4px;
    border-radius: 20px;
  }

  /* datatables pagination tweak */

  div.dt-container .dt-paging .dt-paging-button {
    padding: .5em .2em;
  }

  /* alerts tweak */

  .custom-alert.text-white p {
    color: #fff;
    margin: 0;
    padding: 0;
  }
  .custom-alert.text-white a{
    color: #fff;
    text-decoration: underline;
  }
  .custom-alert.text-dark p {
    color: #000;
    margin: 0;
    padding: 0;
  }


  /* Image blur */
  .image-frame {
    height: 225px;
    position: relative;
  }

  .image-frame-ni {
    position: relative;
  }

  .image-frame-block {
    /* height: 350px; */
    position: relative;
  }

  .card.image-frame {
    width: 100%;
    height: 225px; 
    position: relative;
    float: left;
    
    /* margin: 3px; */
    }

    .post-image.image-frame {
      height: 225px; 
    } 

    .masonryIf.image-frame{
      height: 225px;
    }
  
  .image-frame .blur, .image-frame-block .blur, .image-frame-ni .blur  {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-size: cover;
    background-position: center;
  }
  
  .image-frame img {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 225px;
    object-fit: contain;
    object-position: center;
    /* blurring */
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
  }

  .image-frame-block img {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 360px;
    object-fit: contain;
    object-position: center;
    /* blurring */
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
  }

  .image-frame-ni img {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 160px;
    object-fit: contain;
    object-position: center;
    /* blurring */
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
  }

  /* posts */
.post-custom.post-content{
float: left;
width: 80%;
min-height: 185px;
}

/* cards */
.custom-card.card-body{
  min-height: 155px;
  padding: 10px;
}


/* toggle title */
.customToggleTitle h3{
  padding-top: 2px;
  margin-bottom: 0;
}

/* sidebar related links */
.sidebar .block {
	border: none;
	padding: 15px 0;
	margin: 0 0 20px;
}

.sidebar .block ul{
  padding-left: 15px;
}

.sidebar h2 {
    font-size: 2.2em;
    font-weight: 300;
    line-height: 42px;
    margin: 0 0 5px 0;

}

/* ------------------ Sidebar ----------------- */



.sidebar .block .content {
  font-size: 0.914em;
  line-height: 1.4;
}

.sidebar tbody {
  border: none;
}

.sidebar .even,
.sidebar .odd {
  background: none;
  border-bottom: 1px solid #d6d6d6;
}

.sidebar nav .nav {
  margin: 0 -1rem;
}

/* fix right gutter mobile*/

@media (max-width: 991px) {
  #header .header-nav {
    display: block;
    
  }
}

@media (max-width: 991px) {
  #header .header-nav-bar .header-nav {
    min-height: 50px !important;
    padding: 0;
    padding-top: 0px;
    padding-bottom: 0px;
  }
}

/* news filter */
form#views-exposed-form-people-listing-page-1 .js-form-item,
form#views-exposed-form-basic-news-listing-page-1 .js-form-item {
 margin-right: 20px;
}


/* edit nav admin */
.navCustom > .nav-pills > li > a, .navCustom.nav-pills .nav-link {
  background-color: #2A2A2D;
  margin: 10px 5px 10px 0px;
  color: #fff;
  padding: 7px 12px ;
  border: 1px solid #fff;
}



.navCustom .nav-pills li .nav-link:active, .navCustom .nav-pills li .nav-link:hover, .navCustom .nav-pills li .nav-link:focus {
	background: green;
}

nav.navCustom ul{
  margin: 0 auto;
}

nav.navCustom{
  min-width:400px;
            height:42px;
            position: fixed;
            bottom: 100px;
            left: 50%;
            margin-top: -100px;
            margin-left: -200px;
            z-index: 9999;

}

/* MEGAMENU */
.dropdown-mega-content .list.list-icons li a{
	padding-left: 5px!important;
}

#header .header-nav-main nav > ul > li.dropdown .dropdown-menu .list.list-icons li a {
	padding: 3px;
}

ul.list.list-icons{
  margin-left: 15px;
}

.list.list-icons li {
	padding-left: 10px;
}


.megamenuStyle.nav-pills > li.active > a, .megamenuStyle.nav-pills .nav-link.active {
	background-color: #333;
 
}

@media (max-width: 991px) {
  #header .header-nav-main:not(.header-nav-main-mobile-dark) nav > ul > li.active > a {
    color: #fff;
  }
}

@media (max-width: 991px) {
  #header .header-nav-main nav > ul li.mLi {
    border-bottom: none;
    padding-left: 10px;
  }
}

@media (max-width: 991px) {
  #header .header-nav-main nav > ul li.dropdown.open > .dropdown-menu.mStyle {
    display: block;
    margin-left: 0px;
  }
}

#header .header-nav-main nav > ul > li.dropdown-mega > .dropdown-menu {
	border-bottom: 6px solid #ff652f;
}

@media (min-width: 992px) {
  #header .header-nav-main nav > ul > li.dropdown .dropdown-menu.mStyle li a:hover {
    background-color: #333;
  }
}



button.sitewide{
  z-index: 999999;
  position: relative;
  top: -30px;
  border: 1px solid #fff;
}

.sitewide-alert.alert{
  border-radius: 0;  
}


.sitewide-alert.alert-red{
  background: red;
  margin: 0;
  padding: 10px;
}

.sitewide-alert.alert-amber{
  background: orange;
  margin: 0;
  padding: 0;
}

.sitewide-alert.alert-green{
  background: green;
  margin: 0;
  padding: 0;
}

.sitewide-alert :is(h1, h2, h3, h4, h5, h6) {
  color: #fff;
}


.sitewide-alert.alert-red p, .sitewide-alert.alert-amber p, .sitewide-alert.alert-green p{
 color: #fff;
 margin: 0;
 padding: 0;
}

.sitewide-alert a{
  color: white;
  text-decoration: underline;
}



/* b accordion */

.accordion.accordion-modern-status > .card .card-header a {
	padding: 11px 15px;
}

/* newsletter */

#mc_embed_signup{
  background:none;
}
#mc_embed_signup input#mce-EMAIL {
	color: #000;
	background-color: none!important;
	line-height: 46px;
	padding: 0!important; 
	cursor: text;
	border: 1px solid #fff;
	width: 100%!important; 
	margin-bottom: 0px;
	-webkit-transition: background-color 0.5s;
	-moz-transition: background-color 0.5s;
	-o-transition: background-color 0.5s;
	-ms-transition: background-color 0.5s;
	transition: background-color 0.5s;
	border-radius: 0px;
}

#mc_embed_signup div.response {
	margin: 0!important;
	padding: 0px 0px 5px 0px!important;
	font-weight: bold;
	float: left;
	top: -1.5em;
	z-index: 1;
	width: 100%!important;
}

#mc_embed_signup form {
	display: block;
	position: relative;
	text-align: left;
	margin: 0!important;
}

#mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error {
	display: inline-block;
	margin: 2px 0 1em 0;
	padding: 3px;
	background-color: red!important;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-size: 14px;
	font-weight: normal;
	z-index: 1;
	color: #fff!important;
}

/* mkt boxes */
.mktBoxes p, .mktBoxes strong, .mktBoxes b, .mktBoxes a{
  color: #fff;
}

.divTextWhite :is(h1, h2, h3, h4, h5, h6, p, a, b, strong, i) {
  color: #fff;
}

/* mkt team */
.mTeamText :is(h1, h2, h3, h4, h5, h6)
{
  margin: 20px 0 0 0;
}

/* map */

.gm-style iframe + div { 
  border:none!important; 
}


/* row test */
.row {
/* border-top: 10px solid red;
border-bottom: 10px solid green; */
}

/* caption size for mobile */

@media only screen and (max-width: 600px) {
  .text-12 {
    font-size: 2em !important;
    margin-bottom: 0!important;
  }
}


@media only screen and (max-width: 600px) {
  .text-5 {
    font-size: 1.4em !important;
    margin-bottom: 0!important;
  }
}

@media only screen and (max-width: 600px) {
  .text-5 {
    font-size: 1em !important;
    font-weight: bold!important;
  }
}

ul.paragraphs-add-dialog-list .button.button--small {
	background-repeat: no-repeat;
	background-position: 10px;
	background-size: auto calc(100% - 10px);
	margin: 0 auto!important;
	padding-left: unset!important;
	padding-top: calc(.5rem - 1px);
	padding-bottom: calc(.5rem - 1px);
	text-align: right!important;
	border-radius: 3px;
}

.tp-caption.VideoPlayer-Title, .VideoPlayer-Title {
	color: rgba(255, 255, 255, 1.00);
	font-size: 40px;
	line-height: 40px;
	font-weight: 900;
	font-style: normal;
	font-family: "Poppins"!important;
	text-align: left;
	letter-spacing: 10px;
  text-transform: uppercase!important;
}

.tp-caption.VideoPlayer-SubTitle, .VideoPlayer-SubTitle {
	color: rgba(255, 255, 255, 1.00);
	font-size: 20px;
	line-height: 20px;
	font-weight: 400;
	font-style: italic;
  font-family: "Poppins"!important;
	padding: 0 0 0 0px;
	text-decoration: none;
	background-color: transparent;
	border-color: transparent;
	border-style: none;
	border-width: 0px;
	border-radius: 0 0 0 0px;
	text-align: center;
}

.textarea-dark :is(h1, h2, h3, h4, h5, h6, p, b) {
color: #000;
}

.textarea-light :is(h1, h2, h3, h4, h5, h6, p, b) {
color: #fff;
}

/* button colors */

.btn-tertiary {
	--hover: var(--tertiary--200);
	background-color: var(--tertiary);
	border-color: var(--tertiary) var(--tertiary) var(--tertiary-300);
	color: var(--tertiary-inverse);
}

.btn-quaternary {
	--hover: var(--quaternary--200);
	background-color: var(--quaternary);
	border-color: var(--quaternary) var(--quaternary) var(--quaternary-300);
	color: var(--quaternary-inverse);
} 

/* override spinner color for ajax */

.ajax-throbber {
  --sk-color: var(--primary);
}


/* override back to top button */

html .scroll-to-top {
	transition: opacity 0.3s;
	background: #fff;
  border: 1px solid var(--primary);
	border-radius: var(--border-radius) var(--border-radius) 0 0;
	bottom: 0;
	color: var(--primary);
	display: block;
	height: 9px;
	opacity: 0;
	padding: 10px 10px 35px;
	position: fixed;
	right: 10px;
	text-align: center;
	text-decoration: none;
	min-width: 50px;
	z-index: 1040;
	font-size: 0.8em;
}

@media (max-width: 991px) {
	html .scroll-to-top.hidden-mobile {
		display: block !important;
	}
}

/* override copyright text color */
#footer .footer-copyright p {
  color: #fff;
  margin: 0;
  padding: 0;
  font-size: 0.9em;
}


/* override link color */
.link-primary, .link-primary:hover{
  color: var(--bs-primary-rgb)!important;
  text-decoration-color: var(--bs-primary-rgb)!important;
}

.link-secondary, .link-secondary:hover{
  color: var(--bs-secondary-rgb)!important;
  text-decoration-color: var(--bs-secondary-rgb)!important;
}

.link-tertiary, .link-tertiary:hover{
  color: var(--bs-tertiary-rgb)!important;
  text-decoration-color: var(--bs-tertiary-rgb)!important;
}

table tr th {
	background: var(--secondary);
}

.flip-card .flip-front, .flip-card .flip-back {
  box-shadow: none!important;
}

.scroller {
  --scrollbar-color-thumb: var(--primary);
  --scrollbar-color-track: #fff;
  --scrollbar-width: thin;
  --scrollbar-width-legacy: 0.5rem;
}

@supports (scrollbar-width: auto) {
  .scroller {
    scrollbar-color: var(--scrollbar-color-thumb) var(--scrollbar-color-track);
    scrollbar-width: var(--scrollbar-width);
  }
}

@supports selector(::-webkit-scrollbar) {
  .scroller {
    text-align: left;
  }
  main:has(input[name="fix-safari"]:checked) .scroller:hover {
    --safari-fix: ; /* This custom property forces Safari to re-render the scrollbars on hover */
  }
  .scroller::-webkit-scrollbar-thumb {
    background: transparent;
  }
  .scroller::-webkit-scrollbar-track {
    background: transparent;
  }
  .scroller:hover::-webkit-scrollbar-thumb {
    background: var(--scrollbar-color-thumb);
  }
  .scroller:hover::-webkit-scrollbar-track {
    background: var(--scrollbar-color-track);
  }
  .scroller::-webkit-scrollbar {
    max-width: var(--scrollbar-width-legacy);
    max-height: var(--scrollbar-width-legacy);
  }
}

.scroller {
  width: 100%;
  height: 210px;
  position: relative;
  container-type: inline-size;

  &:has(.scrollContent) {
    background: white;
    overflow-y: auto;
    overscroll-behavior: contain;
  }

  .scrollContent :is(h1, h2, h3, h4, h5, h6) {
    margin-bottom: 20px;
  }

  .scrollContent p{
    line-height: 15px;
    letter-spacing: 1px;
    font-size: 12px;
  }

  .scrollContent {
    min-height: 210px;
    padding: 0 .65rem 0 0;
    *:first-child {
      margin-top: 0;
    }
    *:last-child {
      margin-bottom: 0;
    }
  }
}

.testimonial.testimonial-style-2 .testimonial-author img {
	margin: 0 auto 15px;
	max-width: 120px;
	max-height: 120px;
}


pre:first-line,code:first-line {
  line-height: 0;
}

pre:last-line {
  line-height: 0;
}

/* drupal message div */
.placeholder {
	display: inline-block;
	min-height: 1em;
  padding: 2px 8px;
	vertical-align: middle;
	cursor: wait;
	background-color: green;
	/* opacity: .5; */
}

.placeholder a{
color: #fff;
}

/* datatable */
.dt-column-title, .dt-column-order{
  color: #fff;
}

.dt-length label{
  min-width: 100px;
  margin-left: 8px;
  color: #000;
}

.dt-length select{
  float: left;
  width: 70px;
}

.dt-search label{
  float: left;
  width: 60px;
  color: #000;
}

.dt-search input[type="search"]{
  width: 200px;
}

.dt-search input[type="search"]::placeholder{
  color: #000;
}

.dt-search, .dt-length{
  margin: 10px 0;
}

table.dataTable thead tr th {
  background-color: var(--secondary);
} 


.revoCaptions h1, .revoCaptions h3, .revoCaptions p{
  margin: 0;
  padding: 0;
}


@media only screen and (max-width: 600px) {
  .revoCaptions h1 span{
    margin: 10px!important;
    padding: 0!important;
    font-size: 16px!important;
    line-height: 1.5em!important;
  }
  .revoCaptions h3{
    margin: 0!important;
    padding: 0!important;
    font-size: 12px!important;
    line-height: 1.5em!important;
  }
  .revoCaptions p{
    margin: 0!important;
    padding: 0!important;
    font-size: 10px!important;
    line-height: 1.5em!important;
  }
  .revoCaptions img{
    margin-bottom:10px!important;
    /* padding-bottom:30px!important; */
  }

}