/* 
 Theme Name:   Birdpress Child
 Theme URI:    
 Description:  A fast and flappy starter theme for Elementor & Gutenberg
 Author:       Cameron Knight
 Author URI:   https://thisisadvantage.com
 Template:     birdpress
 Version:      1.1
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

 /* == Add your own styles below this line ==
--------------------------------------------*/

#hs-eu-cookie-confirmation {
  display: none !important;
}

.elementor-button-icon svg {
  height: auto;
}

.vertical-text {
  writing-mode: vertical-rl;
  margin: auto;
  /* margin-left: 0;
	 * margin-right: 0; */
}

.elementor-posts-nothing-found {
  text-align: center;
}

#gform_1 input,
#gform_1 select {
  min-height: 72px;
}

@media (max-width: 767px) {
  .elementor-top-section:not(.full-section)
    .elementor-element-e63eeaa.elementor-column
    > div {
    padding: 25px !important;
  }
}

@media (max-width: 767px) {
  .gf_simple_horizontal .gform_fields  li {
    display: flex;
    flex-direction: column !important;
  }
}

.gf_simple_horizontal .gform_fields {
  display: flex !important;
  justify-content: space-between;
}

.gf_simple_horizontal .gfield {
  display: flex;
  flex: 1;
}

.gf_simple_horizontal .gfield .ginput_container {
  width: 100% !important;
}

.gf_simple_horizontal .gform_button {
  height: 100% !important;
  padding: 20px !important;
}
.gform_wrapper form.gf_simple_horizontal div.gform_body {
  max-width: unset !important;
  width: 100%;
}

.gform_wrapper form.gf_simple_horizontal label.gfield_label {
  display: flex;
  top: -25px !important;
  width: 100% !important;
  left: 0 !important;
  height: initial !important;
  font-size: 0.8rem !important;
  font-weight: 300;
}

@media (max-width: 768px) {
  .gf_simple_horizontal .gform_fields,
  .gf_simple_horizontal {
    flex-direction: column;
    width: 100% !important;
  }

  .gf_simple_horizontal .gform_body li.gfield {
    padding: 0 0 1rem !important;
    padding-right: 0 !important;
    width: 100% !important;
  }
}

.feature-button li a {
  font-weight: 800;
}

/* 2nd Menu */

.social-icons {
  text-align: right;
}

.social-icons a {
  transform: scale(0.7);
}

.small-nav a {
  font-size: 0.6rem !important;
  text-transform: uppercase !important;
  letter-spacing: 2px;
  margin-left: 1rem;
}

.small-nav.nav-container {
  border-bottom: 0.5px solid var(--header-base);
  width: 90vw;
  margin: auto;
  height: auto !important;
  padding: 5px 0;
  font-size: 8px;
  justify-content: space-between;
}

.nav-container a {
  pointer-events: all;
}

body:not(.detached-header) .light .small-nav {
  border-color: var(--light-nav-base);
}

.mobile-menu {
  display: flex !important;
  flex-direction: column;
}

.mobile-menu .arrow {
  margin-top: 0 !important;
  width: 16px !important;
}
.mobile-menu .arrow svg {
  width: 16px !important;
}

.primary-mobile-menu {
  margin-bottom: 2rem;
  flex: 1;
  justify-content: flex-start !important;
}

.mobile-menu .social-icons {
  margin-bottom: 1rem;
}

/* 
 Theme Name:   Birdpress Child
 Theme URI:    
 Description:  A fast and flappy starter theme for Elementor & Gutenberg
 Author:       Cameron Knight
 Author URI:   https://thisisadvantage.com
 Template:     birdpress
 Version:      1.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

 /* == Add your own styles below this line ==
--------------------------------------------*/

.vertical-text {
  writing-mode: vertical-rl;
  margin: auto;
  /* margin-left: 0;
	 * margin-right: 0; */
}

#gform_1 input,
#gform_1 select {
  min-height: 72px;
}

@media (max-width: 767px) {
  .elementor-top-section:not(.full-section) .elementor-element-e63eeaa > div {
    padding: 25px !important;
  }
}

.gf_simple_horizontal .gform_fields {
  display: flex !important;
  justify-content: space-between;
}

.gf_simple_horizontal .gfield {
  display: flex;
  flex: 1;
}

.gf_simple_horizontal .gfield .ginput_container {
  width: 100% !important;
}

.gf_simple_horizontal .gform_button {
  height: 100% !important;
  padding: 20px !important;
}
.gform_wrapper form.gf_simple_horizontal div.gform_body {
  max-width: unset !important;
  width: 100%;
}

.gform_wrapper form.gf_simple_horizontal label.gfield_label {
  display: flex;
  top: -25px !important;
  width: 100% !important;
  left: 0 !important;
  height: initial !important;
  font-size: 0.8rem !important;
  font-weight: 300;
}

@media (max-width: 768px) {
  .gf_simple_horizontal .gform_fields,
  .gf_simple_horizontal {
    flex-direction: column;
    width: 100% !important;
  }

  .gf_simple_horizontal .gform_body li.gfield {
    padding: 0 0 1rem !important;
    padding-right: 0 !important;
    width: 100% !important;
  }
}

.feature-button li a {
  font-weight: 800;
}

/* 2nd Menu */

.social-icons {
  text-align: right;
}

.social-icons a {
  transform: scale(0.7);
}

.small-nav a {
  font-size: 0.6rem !important;
  text-transform: uppercase !important;
  letter-spacing: 2px;
  margin-left: 1rem;
}

.small-nav.nav-container {
  border-bottom: 0.5px solid var(--header-base);
  width: 90vw;
  margin: auto;
  height: auto !important;
  padding: 5px 0;
  font-size: 8px;
  justify-content: space-between;
}

.nav-container a {
  pointer-events: all;
}

body:not(.detached-header) .light .small-nav {
  border-color: var(--light-nav-base);
}

.mobile-menu {
  display: flex !important;
  flex-direction: column;
}

.mobile-menu .arrow {
  margin-top: 0 !important;
  width: 16px !important;
}
.mobile-menu .arrow svg {
  width: 16px !important;
}

.primary-mobile-menu {
  margin-bottom: 2rem;
  flex: 1;
  justify-content: flex-start !important;
}

.mobile-menu .social-icons {
  margin-bottom: 1rem;
}

@media (max-width: 768px) {
  .nav-container.small-nav {
    display: none !important;
  }
}

.elementor-button-content-wrapper {
  align-items: center;
}
.elementor-button-icon svg {
  height: auto;
}

footer {
  padding: var(--horizontal-space) var(--vertical-space);
}

footer .custom-logo {
  max-width: 140px;
}

footer.w-full {
  padding: calc(var(--vertical-space) / 2) var(--spacing) 0;
}

footer h3 {
  font-size: 1.3rem;
}

.elementor-button {
  border-radius: 0;
}

.mobile-menu .active .sub-menu {
  display: block;
  opacity: 1;
  visibility: visible;
}

.primary-mobile-menu {
  border-bottom: none !important;
}

@media (min-width: 768px) {
  .desktop-hide {
    display: none !important;
  }
}

*:focus-visible {
  outline-offset: 3px;
  outline-color: #fff !important;
}

#menu-top-menu li {
  font-family: "GIROTT", sans-serif;
  text-align: center;
}

.elementor-pagination .current {
  text-decoration: underline !important;
  font-weight: bold;
  font-size: 1.5rem;
}
.page-numbers {
  font-weight: 400 !important;
  font-size: 1.2rem;
}

.gfield_visibility_administrative {
  position: absolute !important;
}

.submission-shortcodes {
  display: none;
  color: white !important;
}
.submission-shortcodes * {
  color: white !important;
}

/* Fix big icon issue - tour page */
#interest-icon {
  width: 1.5rem !important;
}

#ausregionselect,
#ukregionselect,
#naregionselect,
#intregionselect {
  border: 2px solid var(--e-global-color-primary);
  margin: 10px 10px;
  border-radius: 4px;
  padding: 1rem 1.5rem !important;
  transition: background-color 0.3s, border 0.3s, border-radius 0.3s,
    box-shadow 0.3s, transform var(--e-transform-transition-duration, 0.4s);
}
#ausregionselect a,
#ukregionselect a,
#naregionselect a,
#intregionselect a {
  font-size: 0.9rem !important;
  font-weight: 800 !important;
  padding: 0px !important;
  margin: 0px !important;
}

#ausregionselect:hover,
#ukregionselect:hover,
#naregionselect:hover,
#intregionselect:hover {
  background: var(--e-global-color-primary);
}

#ausregionselect:hover a,
#ukregionselect:hover a,
#naregionselect:hover a,
#intregionselect:hover a {
  color: white;
}
.posts-title * {
  font-family: "Hot Mess", Sans-serif !important;
  font-size: 7rem !important;
  font-weight: normal;
  text-align: center;
  margin-bottom: 2rem !important;
}
.post-container {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 1.5rem;
  align-items: stretch;
}
.post-container .custom-post {
  display: flex;
  overflow: hidden;
  color: inherit;
  align-items: flex-start;
  flex-direction: column;
  transition-property: background, border, box-shadow;
  transition-duration: 0.25s;
}
.post-container .custom-post .post-thumbnail {
  padding-bottom: calc(0.8 * 100%);
  width: 100%;
  position: relative;
}
.post-container .custom-post .post-thumbnail img {
  position: absolute;
  top: calc(50% + 1px);
  left: calc(50% + 1px);
  transform: scale(1.01) translate(-50%, -50%);
  height: 100%;
  object-fit: cover !important;
  width: auto;
}
.post-container .custom-post h3 {
  font-size: 1.4rem;
  margin-top: 1rem;
}
.post-container .custom-post .post-excerpt {
  line-height: 1.5em;
  font-size: 14px;
}
.post-container .custom-post .read-more {
  font-size: 12px;
  font-weight: 700;
  padding: 0.5rem 1.5rem;
  border: 1px solid;
  display: inline-flex;
  margin-top: 25px;
}

@media (max-width: 1024px) {
  .post-container {
    grid-template-columns: 1fr 1fr !important;
  }
}
@media (max-width: 768px) {
  .post-container {
    grid-template-columns: 1fr !important;
  }
}


/* CSS to hide tab content */
.elementor-tab-content {
  display: none;
  opacity: 0;
  transition: opacity 0.3s ease;
}

/* CSS to show tab content */
.elementor-tab-content.active-content {
  display: block;
  opacity: 1;
}

/* CSS for inactive tab titles */
.elementor-tab-desktop-title {
  transition: color 0.3s ease;
}

/* CSS for active tab titles */
.elementor-tab-desktop-title.elementor-active {
  color: #000; /* Example active color */
}

#gform_9 input, #gform_9 textarea {
  background: transparent !important;
  border: 2px solid white !important;
  padding: 10px 10px !important;
  order: 1 !important;
  margin-right: 0.5rem !important; 
}
#gform_9 .gfield {
  margin-bottom: 1rem !important; 
}
#gform_9  #gform_submit_button_9 {
  background: white !important;
}

.post-type-archive-destinations .elementor-posts-container .elementor-post__thumbnail img {
  aspect-ratio: 3/4 !important;
}

#itinerary-popup {
  cursor: pointer;
}

.bottom-footer img {
  max-width: 130px;
  margin: auto;
  margin-bottom: 12px;
}

#parentsform ul li {
  margin-bottom: 0px !important;
}

select option[hidden] { display: none; }

/* Loading spinner --------------------------------------------------------- */
@keyframes spinSelect { to { transform: rotate(360deg); } }

select.is-loading{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='50' r='40' stroke-width='10' stroke='%23ccc' stroke-linecap='round' fill='none' stroke-dasharray='188.5 62.8'%3E%3CanimateTransform attributeName='transform' type='rotate' dur='0.8s' repeatCount='indefinite' from='0 50 50' to='360 50 50'/%3E%3C/circle%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:right 0.75rem center;  /* adjust to taste */
  background-size:1em 1em;
  pointer-events:none;                       /* block clicks */
  opacity:.7;                                /* subtle fade */
}