/*
Theme Name: TwentyTwentyFour-Child
Theme URI: https://kansas8111dev.wpenginepowered.com/wp-content/themes/twentytwentyfour-child
Author:
Author URI:
Description:
Requires at least: 6.8
Tested up to: 6.8
Requires PHP: 5.7
Version:
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: twentytwentyfour
Text Domain: twentytwentyfour-child
Tags:
*/

:is(b, strong):not(:is(a, h1, h2, h3, h4, h5, h6) *) {
	font-weight: 600;
}

a:where(:not(.wp-element-button)){
	color: var(--wp--preset--color--accent-2);
	& :hover{
		color: var(--wp--preset--color--accent-3);
	}
}

.in-text-highlight{
	color: var(--wp--preset--color--black);
	font-weight: 600;
}

:where(.wp-site-blocks *:focus) {
outline-width: 0;
outline-style: none;
}

.header-logo{
	position: absolute;
	top: 0;
}

.wp-block-navigation__container{
	justify-content: flex-end;
}

.wp-block-navigation ul li{
	width: min-intrinsic;
}

.wp-block-navigation ul li{
	& :focus > .wp-block-navigation-item__content {
		color: #ffffff;
		background-color: #26303b;
	}
}

.wp-block-navigation-item{
	transition: background .2s ease-out, transform .2s ease-out;
}

.wp-block-navigation-item{
	word-break: normal;
}

.wp-block-navigation-item__label:before{
	content: attr(data-hover);
	position: absolute;
	top: -60px;
	transform: translate3d(0, 0, 0);
}

.wp-block-navigation-item__label{
	display: inline-block;
	position: relative;
	transition: all 0.2s ease-in;
}

.wp-block-navigation-item__content{
	width: min-content;
}

.nav-link{
	min-width: 75px;
}

#modal-1 ul li:first-child a{
	min-width: 70px;
}

.block-editor-block-icon > img{
	max-width: 24px;
}

.wp-block-search__label{
	color: #ffffff;
}

.sidebar a{
	color: var(--wp--preset--color--contrast);
	font-weight: 600;
}

.insert-page-223 {
	overflow: scroll;
}

.important{
	color: red;
}

.form-grid p{
	margin-top: 5px;
}

.form-grid p > a{
	color: var(--wp--preset--color--contrast-2);
}

.form-grid a > img{
	border-color: var(--wp--preset--color--contrast-2);
}

details:hover{
	background-color: #cccccc;
	color: var(--wp--preset--color--contrast);
}
details[open]{
	background-color: #cccccc;
}

details[open] summary{
	color: var(--wp--preset--color--contrast);
}

#emergency-ticket summary{
	color: red;
}

#board-of-directors details, #board-of-directors details:hover{
	background-color: revert;
	color: var(--wp--preset--color--contrast-2);

	& [open]{
		background-color: revert;
		color: revert;
	}

	& summary{
		background-color: revert;
/* 		color: var(--wp--preset--color--accent-2); */
		font-weight: 600;
	}

	& b, strong{
		color: revert;
		font-weight: revert;
	}
}

#guide-grid img{
		max-height: 250px;
		width: auto;
}

#operating-committee details, #operating-committee details:hover{
	color: revert;
	background-color: revert;

	& [open]{
		background-color: revert;
		color: revert;
	}

	& summary{
		background-color: revert;
		font-weight: 600;

	}

	& b, strong{
		color: revert;
		font-weight: revert;
	}
}

#board-of-directors h4, #operating-committee h4{
	margin-top: 15px !important;
	
	&:first-child{
		margin-top: 0px !important;
	}
}

#our-staff{
	& b, strong{
		color: revert;
		font-weight: revert;
	}
}

/*--------------------- Carousel ---------------------*/

.fp-news-feed{
	width: 100%;
}

.wpcp-post-title{
	margin-bottom: 0 !important;
}
.wpcp-post-title a{
	color: #ffffff !important;
}

.wpcp-swiper-wrapper{
	margin-bottom: 0 !important;
}

.swiper-button-next, .swiper-button-prev {
	background-color: #074724 !important;
	padding: 20px !important;
}

/*-------------- Industry Directory Tabs -------------*/

/* Style the tab */
.tab {
  overflow: hidden;
  background-color: #dedede;
}

/* Style the buttons that are used to open the tab content */
.tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button.active {
  background-color: #ffffff;
}

/* Style the tab content */
.tabcontent {
  display: none;
  background-color: #ffffff;
  border: none;
}

.tablinks{
	color: #6e6e6e;
	font-weight: 600;
	font-size: 16px;
}

/*---------------- Mobile Breakpoint ----------------*/

@media (max-width:1100px){
  .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open){
    background-color:inherit;
    display:none;
    position:relative;
    width:100%;
    z-index:auto;
  }

	.wp-block-navigation__responsive-container-open:not(.always-shown){
    display:flex;
  }

  .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) .wp-block-navigation__responsive-container-close{
    display:block;
  }

	.wp-block-navigation__responsive-container-close{
		right: 25px;
		top: 50px;
	}

  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container{
    left:0;
  }

	.wp-block-navigation__responsive-dialog{
		padding: 50px;
	}
}

@media screen and (max-width: 767px) {
	#fp-ticketing-links{
		flex-direction: column;
		justify-content: center;
		gap: 10px;
	}
}