/* 
    All new styling will live here. 
*/

/*
    Config
*/
:root {
  --tma-spacing: 35px;
}

/*
    Below are overrides for the existing style sheet.
*/

.z-target-1,
.z-target-2 {
    min-height: 0;
}
.ks_content-page-text-centered p img.alignnone.size-full {
    max-width: 100%;
    height: auto;
}

/* 
    Existing Break Points - Small Desktop
*/
@media (max-width: 991px) and (min-width: 768px) {
    .z-target-1,
    .z-target-2 {
        padding-top: 0;
    }
    .ks_content-image-listing-sep {
        width: 100%;
    }
}

/* 
    Existing Break Points - Tablet
*/
@media (max-width: 768px) {
    .z-target-1,
    .z-target-2 {
        padding-top: 0; /* or 60px */
    }
}

/* 
    Existing Break Points - Mobile
*/
@media (max-width: 767px) {
    .z-target-1,
    .z-target-2 {
        padding-top: 60px; /* or 60px */
    }
    .ks_footer_copyright {
        max-width: 100%;
    }
    .ks_content-image-listing-item img {
        max-width: 100%;
    }
    .ks_header {
        padding-bottom: 10px;
    }
    .ks_content-image-and-text,
    .ks_content-image-listings h1 {
        margin-top: 0;
    }
}

/*
    Travel Guides Header Fixes
*/

.z-target-1,
.z-target-2 {
  position: relative;
  text-align: center;
  color: white;
}

.z-target-1 .ks_top-hero-inner-text,
.z-target-2 .ks_top-hero-inner-text {
  position: absolute;
  top: 35%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}