/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

.sign-up-consent{color: white;}
.sign-up-consent a{color: #ffd517 !important;}

.embed-container {
      position: relative;
      padding-bottom: 56.25%;
      height: 0; overflow: hidden;
      max-width: 100%; height: auto;
  }

  .embed-container iframe, .embed-container object, .embed-container embed {
      position: absolute;
      top: 0;
      left: 0;
      width: 100;
      height: 100%;
  }


html {scroll-behavior: smooth !important; overflow-x: hidden;}
body { overflow-x: hidden; /* Hide scrollbars */}

.elementor-nav-menu--dropdown a:focus{background-color: #331f42!important;}

.a-links a{text-decoration:underline !important;}

.travel-links p a, .travel-links ul li a{text-decoration:underline !important;}
/*Breakout containers*/
.break-container-left .elementor-container {
    justify-content: flex-start !important;
    flex-direction: row !important;
}

.break-container-right .elementor-container {
    justify-content: flex-end !important;
    flex-direction: row !important;
}

.text-col.elementor-column {
    width: 600px !important;
    align-self: inherit !important;
    cursor: default !important;
}

.image-col.elementor-column {
    width: 50% !important;
    align-self: inherit !important;
    cursor: default !important;
}


@media (min-width: 1024px) and (max-width: 1215px){
.text-col.elementor-column {
    width: 50% !important;
}
.image-col.elementor-column {
    width: 50% !important;
}
}/*END 1024px*/


@media (min-width: 768px) and (max-width: 1023px){
.text-col.elementor-column {
    width: 50% !important;
}
.image-col.elementor-column {
    width: 50% !important;
}
}/*END 1024px*/


@media only screen and (max-width: 767px){
.text-col.elementor-column {
    width: 100% !important;
}
.image-col.elementor-column {
    width: 100% !important;
}
.break-container-left .elementor-row {
    justify-content: flex-start !important;
    flex-direction: row !important;
}

.break-container-right .elementor-row {
    justify-content: flex-start !important;
    flex-direction: row !important;
}
}/*END 768px*/


@media only screen and (max-width: 544px){

}/*END 544px*/

/*================*/




.bullets ol, .bullets ul {
    margin: 0 0 1.5em 1em !important; /*Removes indent from bulleted lists*/
}

.bullets li{margin-bottom: 6px;}


/*To have coloured bullets use the following 2 code blocks*/

.bullets-coloured ul {
  list-style: none !important; /* Remove default bullets */
}    

/*coloured bullets using the before tag*/
.bullets-coloured ul li::before {
  content: ">";
  color: #E84D43;
  font-weight: bold;
  display: inline-block; 
  width: 1em;
  margin-left: -1em;
}

/* header styles*/
.elementor-section.transparentheader{ z-index:999; transition: all .4s;}

/* .elementor-section.transparentheader {
    position:absolute;
    background:transparent !important;
    border-bottom:0px solid rgba(255, 255, 255, 0.10);
    transition: all .4s;
    width:100% !important;
    left: 0;
}  */

/* sticky header styles*/
.transparentheader.elementor-sticky--effects{
background-color: #f0f0f1 !important
}

.transparentheader.elementor-sticky--effects{
transition: background-color 1s ease !important;
}

.transparentheader.elementor-sticky--effects > .elementor-container{
min-height: 70px !important;
}

.transparentheader > .elementor-container{
transition: min-height 1s ease !important;
} 

.transparentheader.elementor-sticky--effects .elementor-widget-image a img{
width: 150px !important;
transition: 1s ease-in-out !important;
}

/* HIDES THE DARK LOGO */
.d-logo {
 display: none;
}

/* SWITCHES LOGO ON SCROLL */
.elementor-sticky--effects .d-logo {
 display: inline-block;
}
.elementor-sticky--effects .l-logo {
 display: none;
}

/* CHANGES THE TEXT COLOR ON SCROLL */
.elementor-sticky--effects .sticky-menu-items ul li a {
 color: #331f42!important; /* edit here to change your text color for sticky header */
}

.elementor-sticky--effects .sticky-menu-items ul li a.elementor-item-active {
 color: #E84D43 !important; /* edit here to change your text color for sticky header */
}

/*MAP STYLES*/
.leaflet-bottom {
    bottom: 0;
    display: none;
}
.leaflet-tile-pane {
    filter: grayscale(1);
}

.gform_required_legend{display:none;}
.gform_confirmation_message{background-color: white; padding: 20px;}
  

/*---------------------------------MEDIA QUERIES-----------------------------------------*/

@media (min-width: 768px) and (max-width: 1023px){

}/*END 1024px*/


@media only screen and (max-width: 767px){

}/*END 768px*/


@media only screen and (max-width: 544px){
    /*FORM*/
    .ginput_container_name{margin-bottom: -8px !important;}
    .ginput_container_name .name_first{margin-bottom: 16px !important;}
    .elementor-section.home-hero-bg{background-image:none !important;}

}/*END 544px*/