/*
 Theme Name:     Divi Child Lake Travis
 Theme URI:      https://stirlingbrandworks.com/
 Description:    Divi Child Theme for Lake Travis Library
 Author:         Stirling Brandworks
 Author URI:     https://stirlingbrandworks.com/
 Template:       Divi
 Version:        1.0.0
*/


/* =Theme customization starts here
------------------------------------------------------- */

/*blog image aspect ratio square 1:1*/

.entry-featured-image-url {
  padding-top: 30%;
  display: block;
}

.entry-featured-image-url img {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  object-fit: cover;
}

/*add media query so changes only affect tablet and desktop*/

@media (min-width: 100px) {

/*set the image width*/

.pa-blog-list .entry-featured-image-url  {
width: 30%;
float: left;
margin-bottom: 0!important;
}

/*set the details width*/

.pa-blog-list .entry-title,
.pa-blog-list .post-meta,
.pa-blog-list .post-content {
width: 70%;
float: left;
padding-left: 30px;
}
}
/*style the individual posts*/

.et_pb_post {
box-shadow: 0px 2px 20px 0px rgba(160,190,212,0.22);
border-radius: 2px;
padding: 10px;
}

/*----------Sub Menu----------*/

#top-menu li li a {
    border: 1px solid #0070b9;
    margin-bottom: 15px;
    text-align: center;
}

#top-menu li li a:hover {
    color: #3e007f;
    background: white;
    opacity: 1!important;
}

.nav li ul {
    border-top: 0px solid white;
    margin-top: -30px;
}

/*----------Sub Menu Mobile----------*/

.et_mobile_menu {
    border-top: 0px solid #2ea3f2;
	  padding: 10px 20px;
}

.et_mobile_menu li a {
padding: 10px 20px;
}

.menu-item-15982 {
	background: #f7f7f7!important;
	border-radius: 5px;
	color: #f7f7f7 !important;
}

.menu-item-15982:hover {
	background: #f7f7f7 !important;
	border-radius: 5px;
	color: #f7f7f7 !important;
}

.menu-item-15982 a {
	color: #666 !important;
}

.menu-item-15982 a:hover {
	color: #666 !important;
}

/*-------acount login mobile -----*/
.menu-item-14793 {
	background: #f7f7f7!important;
	border-radius: 5px;
	color: #f7f7f7 !important;
}

.menu-item-14793:hover {
	background: #f7f7f7 !important;
	border-radius: 5px;
	color: #f7f7f7 !important;
}

.menu-item-14793 a {
	color: #666 !important;
}

.menu-item-14793 a:hover {
	color: #666 !important;
}

/*-----Catalog mobile ---*/

.menu-item-14794 {
	background: #2ea3f2!important;
	border-radius: 5px;
	color: #2ea3f2!important;
	text-align: center;
}

.menu-item-14794:hover {
	background: #2ea3f2 !important;
	border-radius: 5px;
	color: #2ea3f2 !important;
}

.menu-item-14794 a {
	color: #f5f5f5 !important;
}

.menu-item-14794 a:hover {
	color: #f5f5f5 !important;
}

/*---------search the catalog desktop -----*/


.menu-item-16137 {
	background: #2ea3f2!important;
	border-radius: 1px;
	color: #2ea3f2!important;
}

.menu-item-16137:hover {
	background: #2ea3f2 !important;
	border-radius: 1px;
	color: #2ea3f2 !important;
}

.menu-item-16137 a {
	color: #f5f5f5 !important;
}

.menu-item-16137 a:hover {
	color: #f5f5f5 !important;
}


/*--------Gravity Forms--------*/
/* Global gform button styling */
/* Applied to Ninja Forms as well... */
.gform_button,
.nf-field input[value="Submit"]{
	font-family: inherit;
	font-size: 18px;
	padding: 9px 20px;
	border-radius: 3px;
	border: none;
	background: #0072BB;
	color: #fff;
	transition: .2s all;
}
.gform_button:hover,
.nf-field input[value="Submit"]:hover{
	cursor: pointer;
	background: #0091ee;
	box-shadow: 0px 2px rgba(0,0,0,0.3);
	transform:translateY(-2px);
}

.gform_button:focus,
.gform_button:active,
.nf-field input[value="Submit"]:focus,
.nf-field input[value="Submit"]:active{
	background-color: #00bb48;
}

.gform_button:disabled,
.gform_button:disabled:hover
.nf-field input[value="Submit"]:disabled,
.nf-field input[value="Submit"]:disabled:hover{
	cursor: not-allowed;
	background-color: #8ba0ad;
	box-shadow: none;
	transform: none;
}


/*--------Meeting Room--------*/
#gform_fields_4 textarea,
.nf-field-element textarea{
	resize: none;
}

#meeting-room-app .gform_title,
#meeting-room-app .gfield_consent_description{
	margin-bottom: 15px;

}

.nf-field-element input,
.nf-field-element select {
	padding: 10px;
	font-size: 13.3333px
}

.nf-field-title h3 {
	margin-bottom: 10px;
}

/* #meeting-room-app nf-fields-wrap nf-field:nth-child(12),
#meeting-room-app nf-fields-wrap nf-field:nth-child(13) {
	float: left;
} */

#meeting-room-app .nf-field-element {
  width: 60%;
}

#meeting-room-app .field-wrap {
  display: block;
}


.nf-field-description {
	margin-bottom: 5px;
}

.flatpickr-next-month svg, .flatpickr-prev-month svg {
	pointer-events: none;

}
/*-------- Recent News Test --------*/

/* Upcoming Events */
@media screen and (max-width: 767px){
	#upcoming-events .decm-events-details {
		margin-left: 0 !important;
	}
}

/*-------- Divi Calendar --------*/
.fc-title {
	white-space: nowrap;
}

@media screen and (max-width: 767px){
	.fc-day-grid-event .fc-content {
		overflow: visible;
		visibility: visible !important;
		margin-bottom: 5px;
	}

	.fc-event-container {
		overflow: hidden;
	}
}

/*--------numbered list indentations*/
ol {
  list-style-type: none;
  counter-reset: item;
  margin: 0;
  padding: 0;
}

ol > li {
  display: table;
  counter-increment: item;
  margin-bottom: 0.6em;
}

ol > li:before {
  content: counters(item, ".") ". ";
  display: table-cell;
  padding-right: 0.6em;
}

li ol > li {
  margin: 0;
}

li ol > li:before {
  content: counters(item, ".") " ";
}


/*-------------search bar icon ----*/
.et_pb_menu .et_pb_menu__search-input
 {
    font-size: 13px;
box-shadow: 0px 2px rgba(0,0,0,0.3);}

/*--slider navigation arrows--*/
/* show slider arrows always */
.et-pb-arrow-next {
     opacity: 1;
     right: 22px;
}
.et-pb-arrow-prev{
     opacity: 1;
     left: 22px;
}


.tribe-events .tribe-events-calendar-month__header-column {
  background-color: #0070B9;
  padding-top: 15px;
  border-right: 1px solid white;
}

.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-month__header-column-title {
  text-align: center;
  font-size: 1rem;
  color: white;
  font-weight: bold;
}

.tribe-common .tribe-common-c-btn, .tribe-common a.tribe-common-c-btn {
  background-color: #0070B9;
}

.tribe-events-calendar-month__day--current {
  background-color: rgba(0, 112, 185, 0.1)
}

.tribe-events .tribe-events-c-top-bar__datepicker-button {
  color: #0070B9;
  font-weight: bold;
}

.tribe-events .datepicker .day.active, .tribe-events .datepicker .day.active.focused, .tribe-events .datepicker .day.active:focus, .tribe-events .datepicker .day.active:hover, .tribe-events .datepicker .month.active, .tribe-events .datepicker .month.active.focused, .tribe-events .datepicker .month.active:focus, .tribe-events .datepicker .month.active:hover, .tribe-events .datepicker .year.active, .tribe-events .datepicker .year.active.focused, .tribe-events .datepicker .year.active:focus, .tribe-events .datepicker .year.active:hover {
  background:#0070B9;
}

.tribe-events .tribe-events-c-subscribe-dropdown__container {
  display: none;
}

.custom-event-item ~ hr {
	margin: 0;
}

.custom-event-item:first-child {
	margin-top: -7.5px;
}

@media only screen and (max-width: 768px) {
	.tribe-events .tribe-events-calendar-month__day-cell--selected, .tribe-events .tribe-events-calendar-month__day-cell--selected:focus, .tribe-events .tribe-events-calendar-month__day-cell--selected:hover {
		background-color: #0070B9;
	}

	.tribe-events-calendar-month__day--current {
		background-color: #0070B9;
	}
	.tribe-events .tribe-events-calendar-month__mobile-events-icon--event {
		background-color: #0070B9;
	}

	.tribe-events-calendar-month__header-column-title-mobile {
		color: white;
	}
}

/** Search form */
/* .search-form {
	@extend .form-inline;
}

.search-form label {
	@extend .form-group;

	font-weight: normal;
}

.search-form .search-field {
	@extend .form-control;
}

.search-form .search-submit {
	@extend .btn;
	@extend .btn-secondary;
} */

.search-input {
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	border: none;
}

.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0,0,0,0);
	white-space: nowrap;
	border: 0;
}

.search-container {
	display: flex;
	margin-top: 31px;
}

.filter-search-btn {
	background-color: #036ace !important;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	height: 40px;
	border: none;
	padding: 0 1rem;
}

.filter-search-btn .fa-search {
	color: white;
}

.form-control.search-input,
.search-select {
	height: 40px;
	padding: .5rem;
}

.search-select {
	background-color: #e0e0e0;
}

@media only screen and (max-width: 980px) {
	.search-container {
		margin-top: 0;
		margin: .5rem;
	}
	.searchforminput {
		flex: 1;
	}
	.search-input {
		width: 100%;
	}
}

.cat-Online {
	color: #D34E24;
}

.cat-Hybrid {
	color: #682D63;
}

.cat-In-Person {
	color: #034977;
}

.cat-Outdoor {
	color: #1E882A;
}

.custom-event-date {
	margin-right: 1rem !important;
}

.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-month__header-column-title-desktop {
	text-align: center;
	font-size: 1rem;
}

.tribe-events .tribe-events-calendar-month__day-cell--selected, .tribe-events .tribe-events-calendar-month__day-cell--selected:focus, .tribe-events .tribe-events-calendar-month__day-cell--selected:hover {
	background-color: #0070B9 !important;
}

.tribe-events .tribe-events-calendar-month__mobile-events-icon--event {
	background-color: #0070B9 !important;
}

.search-container {
	flex-wrap: wrap;
}

.search-container .searchforminput {
	order: 1;
}

.search-container .search-select-row {
	order: 3;
	width: 100%;
}

.search-container .bluesearch {
	order: 2;
}

.search-select-row ul {
	list-style: none;
	display: flex;
}

.search-select-row ul li {
	margin-right: 1rem;
}

/* remove multiday event wrapper */
div[id^="tribe-events-calendar-day-2024-11-0"] .tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-month__multiday-event-wrapper {
	display: none;
}

/* fix truncated meeting room application input widths */
#meeting-room-app .nf-field-element {
	width: 100%;
}
