/*
Theme Name: Milos Child
Template: milos
Theme URI: https://www.cssigniter.com/ignite/themes/milos/
Author: Jeremy Clicks
Author URI: https://jeremyclicks.com
Description: Modified child theme to integrate The Booking Button functionanilty and Google Ads landing pages for the Blue Dolphin Holiday Resort
*/
.brand-footer .custom-logo-link {
  display: none; }

.item-title, .jumbo-title {
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5); }

.letter-stylized {
  display: none; }

#gmap {
  width: 100%;
  height: 400px; }

.columnlist {
  columns: 2;
  list-style-position: inside;
  padding: 0 50px; }
  @media screen and (max-width: 600px) {
    .columnlist {
      columns: 1; } }

.item a:before, .item a::before {
  background-color: rgba(35, 35, 35, 0.8) !important; }

p .btn {
  margin-top: 1rem; }

.page-jumbotron {
  width: 100% !important;
  height: 0 !important;
  min-height: 0 !important;
  padding: 0 0 56.25% 0 !important;
  position: relative;
  overflow: hidden; }
  .page-jumbotron > h1 {
    text-align: center;
    display: block;
    width: 90%;
    max-width: 1140px;
    margin: 0 auto;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
    color: #fff;
    z-index: 1;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
    @media screen and (max-width: 500px) {
      .page-jumbotron > h1 {
        font-size: 18px; } }
    .page-jumbotron > h1 span {
      background-color: rgba(0, 169, 239, 0.8);
      padding: 1rem;
      display: inline-block;
      font-size: 1.2em; }
  .page-jumbotron #vidplay {
    display: block;
    cursor: pointer;
    width: 6rem;
    height: 6rem;
    margin: 1rem auto 0 auto;
    z-index: 1;
    background-image: url(assets/img/play.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center; }
    @media screen and (max-width: 768px) {
      .page-jumbotron #vidplay {
        width: 4rem;
        height: 4rem; } }
  .page-jumbotron iframe {
    position: absolute;
    display: none;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2; }

@media screen and (max-width: 480px) {
  img.alignright, img.alignleft {
    float: none;
    display: block;
    margin-left: auto;
    margin-right: auto; } }

#content .container .entry-content hr {
  clear: both; }

.site-externals {
  display: block;
  margin: 0 auto 2rem auto; }
  .site-externals a {
    display: inline-block;
    margin: 0 0.5rem; }
    .site-externals a img {
      display: block;
      width: 100%;
      height: auto;
      max-width: 100px; }

.blog #main .entry-content, .blog #main .entry-thumb {
  display: none; }

.localschema {
  display: block;
  margin: 20px auto;
  padding: 0 20px;
  text-align: center; }

.page-template-landing .site-brand {
  margin: 0 auto; }
.page-template-landing .desktop {
  display: block; }
  @media screen and (max-width: 768px) {
    .page-template-landing .desktop {
      display: none !important; } }
.page-template-landing .mobile {
  display: none; }
  @media screen and (max-width: 768px) {
    .page-template-landing .mobile {
      display: block !important; } }
.page-template-landing .wrapper {
  display: block;
  clear: both;
  padding: 1rem;
  margin: 0 auto;
  overflow: hidden;
  max-width: 58rem;
  position: relative; }
  .page-template-landing .wrapper h1, .page-template-landing .wrapper h2, .page-template-landing .wrapper h3 {
    text-align: center; }
  .page-template-landing .wrapper .cta {
    display: block;
    margin: 2rem auto 0 auto;
    text-align: center; }
.page-template-landing .videowrapper {
  display: block;
  clear: both;
  padding: 0 0 56.25% 0;
  overflow: hidden;
  height: 0; }
  .page-template-landing .videowrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
.page-template-landing .tbb {
  display: block;
  margin: 0 auto;
  max-width: 58rem;
  overflow: hidden; }
  @media screen and (max-width: 768px) {
    .page-template-landing .tbb {
      width: 100%; } }
  .page-template-landing .tbb .col {
    display: block;
    margin: 0 auto;
    width: calc(50% - 1rem); }
    @media screen and (max-width: 768px) {
      .page-template-landing .tbb .col {
        width: 100%; } }
  .page-template-landing .tbb .col:nth-child(odd) {
    clear: left;
    float: left; }
    @media screen and (max-width: 768px) {
      .page-template-landing .tbb .col:nth-child(odd) {
        float: none; } }
  .page-template-landing .tbb .col:nth-child(even) {
    clear: right;
    float: right; }
    @media screen and (max-width: 768px) {
      .page-template-landing .tbb .col:nth-child(even) {
        float: none; } }
  .page-template-landing .tbb .third {
    display: block;
    margin: 0 1.5rem 0 auto;
    width: calc(33.33% - 1rem);
    float: left; }
  .page-template-landing .tbb .last {
    margin-right: 0; }
  .page-template-landing .tbb label {
    display: block;
    margin: 0 0 2px;
    font-weight: normal;
    text-transform: uppercase;
    font-size: 11px; }
  .page-template-landing .tbb input, .page-template-landing .tbb textarea {
    display: inline-block;
    line-height: normal;
    width: 100%;
    max-width: 100%;
    padding: 1rem;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: #ebebeb;
    background-image: none;
    border: 0;
    border-bottom: 3px solid transparent;
    -webkit-transition: border-color .18s ease;
    transition: border-color .18s ease; }
  .page-template-landing .tbb input {
    margin: 0.5rem auto 1rem auto; }
    @media screen and (max-width: 600px) {
      .page-template-landing .tbb input {
        margin: 0.5rem auto; } }
  .page-template-landing .tbb button {
    clear: both;
    position: relative;
    display: inline-block;
    margin: 2rem auto 0 auto;
    text-align: center;
    font-weight: 700;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    vertical-align: middle;
    cursor: pointer;
    white-space: nowrap;
    -webkit-transition: .18s background-color ease, .18s color ease, .18s border-color ease;
    transition: .18s background-color ease, .18s color ease, .18s border-color ease;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-radius: 0;
    width: auto;
    height: auto;
    background-image: none;
    text-transform: uppercase;
    background-color: #18bf0b;
    border: 0;
    color: #FFFFFF;
    padding: 1em 1em 1em 3rem;
    font-size: 1.2rem; }
    .page-template-landing .tbb button:before {
      position: absolute;
      content: '';
      top: 50%;
      left: 1rem;
      width: 1rem;
      height: 1rem;
      transform: translateY(-50%);
      background-image: url(assets/img/book.png);
      background-repeat: no-repeat;
      background-size: contain; }
    .page-template-landing .tbb button:hover, .page-template-landing .tbb button:focus {
      background-color: #1b8c13 !important; }
  .page-template-landing .tbb .hidden {
    display: none; }
  .page-template-landing .tbb .btn-wrap {
    display: block;
    text-align: center; }
.page-template-landing #value {
  background-color: #F4F4F4;
  display: block;
  padding: 2rem; }
  .page-template-landing #value h2 {
    color: #2E2E2F;
    padding: 0;
    margin: 0 auto 3rem auto; }
    .page-template-landing #value h2 a {
      color: #00a9ef;
      background-color: transparent; }
      .page-template-landing #value h2 a:hover, .page-template-landing #value h2 a:focus {
        color: #2E2E2F;
        background-color: transparent; }
  .page-template-landing #value .tbb input {
    background-color: #FFFFFF; }
.page-template-landing #hardcontent > .wrapper {
  max-width: none;
  position: relative;
  overflow: hidden; }
  .page-template-landing #hardcontent > .wrapper .imgwrap {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 40%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center; }
    @media screen and (max-width: 960px) {
      .page-template-landing #hardcontent > .wrapper .imgwrap {
        width: 100%;
        height: 20rem;
        top: auto;
        bottom: 0; } }
  .page-template-landing #hardcontent > .wrapper .wrapper {
    width: 60%;
    float: right;
    clear: right;
    max-width: none;
    padding: 2rem; }
    @media screen and (max-width: 960px) {
      .page-template-landing #hardcontent > .wrapper .wrapper {
        width: 100%;
        clear: both;
        float: none;
        padding: 0 0 20rem 0;
        margin-bottom: 2rem; } }
.page-template-landing #hardcontent > .wrapper.alt {
  background-color: #F4F4F4; }
  .page-template-landing #hardcontent > .wrapper.alt .imgwrap {
    left: auto;
    right: 0; }
  .page-template-landing #hardcontent > .wrapper.alt .wrapper {
    float: left;
    clear: left; }
.page-template-landing #hardcontent .waterpark .imgwrap {
  background-image: url(assets/img/aerial-water-park.jpg); }
.page-template-landing #hardcontent .adults .imgwrap {
  background-image: url(assets/img/pool-bar.jpg); }
.page-template-landing #hardcontent .activities .imgwrap {
  background-image: url(assets/img/games-room.jpg); }
.page-template-landing #hardcontent .accommodation .imgwrap {
  background-image: url(assets/img/two-bedroom-villas.jpg); }
.page-template-landing #hardcontent .sites .imgwrap {
  background-image: url(assets/img/caravan-sites.jpg); }
.page-template-landing #offer {
  display: block;
  margin: 2rem auto 0 auto;
  padding: 0 0 2rem 0;
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }
  .page-template-landing #offer:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #FFFFFF;
    content: '';
    opacity: 0.9; }
  .page-template-landing #offer .wrapper {
    padding: 0 2rem 2rem 2rem;
    max-width: 96rem; }
    @media screen and (max-width: 960px) {
      .page-template-landing #offer .wrapper {
        padding: 2rem 0; } }
    .page-template-landing #offer .wrapper .wrapper h1 {
      margin: 0 auto 2rem auto;
      padding: 0 1rem; }
      .page-template-landing #offer .wrapper .wrapper h1 span {
        color: #707070;
        font-size: 0.8em;
        display: block; }
    .page-template-landing #offer .wrapper h1 {
      padding: 0 2rem; }
    .page-template-landing #offer .wrapper p {
      max-width: 600px;
      margin: 0 auto;
      text-align: center;
      padding: 1rem 2rem; }
    .page-template-landing #offer .wrapper .gallery {
      margin: 0 auto;
      text-align: center;
      padding: 1rem 2rem; }
    .page-template-landing #offer .wrapper .split {
      display: block;
      margin: 0 auto;
      padding: 0;
      width: 60%;
      float: left;
      overflow: hidden;
      position: relative; }
      @media (max-width: 960px) {
        .page-template-landing #offer .wrapper .split {
          float: none;
          width: 100%;
          margin: 0 auto 2rem auto;
          padding: 0 2rem; } }
      .page-template-landing #offer .wrapper .split h1 {
        margin: 0 auto 3rem auto; }
    .page-template-landing #offer .wrapper .split:last-of-type {
      display: block;
      margin: 0 auto;
      padding: 0 1rem;
      width: 40%;
      float: right;
      overflow: hidden;
      position: relative; }
      @media (max-width: 960px) {
        .page-template-landing #offer .wrapper .split:last-of-type {
          float: none;
          width: 100%;
          margin: 0 auto 2rem auto;
          padding: 0 2rem; } }
      .page-template-landing #offer .wrapper .split:last-of-type .wrapper {
        padding: 0;
        margin-top: 2rem; }
.page-template-landing #accommodation, .page-template-landing #value {
  display: block;
  margin: 2rem auto 0 auto; }
.page-template-landing #proof {
  display: block;
  margin: 2rem auto 0 auto; }
  .page-template-landing #proof .wrapper iframe {
    margin: 3rem auto 0 auto;
    display: block; }
  .page-template-landing #proof img {
    display: block;
    width: 100%;
    height: auto;
    max-width: 700px;
    margin: 0 auto 2rem auto; }
.page-template-landing #location #map {
  display: block;
  margin: 0 auto;
  width: 100%;
  height: 50vh; }

/*# sourceMappingURL=style.css.map */