:root {
  --primary-blue: #00446c;
  --secondary-blue: #41B6E6;
  --info-blue:#ECF1F3;
  --beige: #b19fa0;
  --font-color: #1D1D1B;
  --white: #ffffff;
  --black: #000000;
}

html{
  scroll-behavior: smooth;
}

/***** BASIC FONT AND COLOR *****/
body, em {
  font-family: Arial, Helvetica, sans-serif;
  color: var(--font-color);
}

h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  font-family: franklin-gothic-urw, sans-serif;
  font-weight: 500;
  color: var(--primary-blue);
}

.bg-color-primary {
  background-color: var(--primary-blue);
}

.bg-color-info {
  background-color: var(--info-blue);
}

.bg-color-beige {
  background-color: var(--beige);
}
/***** END BASIC FONT AND COLOR *****/

/***** GENERAL *****/
/* To get description under text in text-editor to be italic */
figcaption.wp-caption-text{
  font-size: .8rem !important;
  font-style: italic !important;
}

.text-white{
  color: var(--white)!important;
}

.text-font-color{
  color: var(--font-color)!important;
}

.object-fit-cover{
  object-fit: cover;
}

.background-check {
  background-color: var(--info-blue)
}

.height-large{
  max-height: 600px;
  min-height: 600px;
  width: 100%;
}

.height-medium{
  max-height: 500px;
  min-height: 500px;
  width: 100%;
}

.height-small{
  max-height: 300px;
  min-height: 300px;
  width: 100%;
}

.height-xsmall{
  max-height: 200px;
  min-height: 200px;
  width: 100%;
}

.margin-small-left{
  margin-left: 16px;
}

.text-align-center{
  text-align: center;
}
/***** END GENERAL *****/

/***** BLOCK TEXT *****/
h2 + p, h3 + p {
  margin-top: 5px!important;
}

.block-text h2, .block-text h3, .block-text-img-text h2, .block-text-img-text h3{
  margin-bottom: 0!important;
}
/***** END BLOCK TEXT *****/

/***** BLOCK TEXT AND IMG *****/
.background-check .padding-img-in-container, .padding-img-in-container, .background-check .padding-text-in-container, .padding-text-in-container{
  padding-right: 30px;
}

.block-text-img.background-check{
  background-color: var(--primary-blue);
  color: var(--white);
}

.block-text-img.background-check h1, .block-text-img.background-check h2, .block-text-img.background-check h3{
  color: var(--white);
}

.block-text-img.background-check a.uk-button.uk-button-primary{
  border: 2px solid var(--white);
  color: var(--white);
}

.block-text-img.background-check a.uk-button.uk-button-primary:hover{
  background-color: transparent!important;
}
/***** END BLOCK TEXT AND IMG *****/

/***** BLOCK STAFF *****/
.staff-mobile a, .staff-mail a{
  color: var(--font-color) ;
}

.img-circle-staff{
  border-radius: 50%;
  height: 100px!important;
  width: 100px!important;
  object-fit: cover;
}
/***** END BLOCK STAFF *****/

/***** BLOCK FORM *****/
.gform_title, .gform_description, .charleft.ginput_counter.gfield_description {
  display: none;
}

.ginput_container input, .ginput_container textarea, .ginput_container select{
  border: 0px;
}

.ginput_container select {
  color: #757575;
  border-radius: 0px!important;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #fff url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23555%22%2F%3E%3C%2Fsvg%3E) no-repeat right 5px top 55%!important;
}

.ginput_container textarea {
  width: 100%!important;
}

input[type="submit" i] {
  font-family: franklin-gothic-urw, sans-serif;
  align-items: flex-end;
  text-align: center;
  background-color: var(--primary-blue);
  color: #fff;
  padding: 0 30px;
  border: 1px solid transparent;
  font-size: 16px;
  font-weight: inherit;
  line-height: 27px;
  text-transform: uppercase;
  border-radius: 0%!important;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

input[type="submit" i]:hover {
  text-decoration: underline;
}

.gform_footer.top_label {
  justify-content: flex-end;
  padding-bottom: 0px!important;
}

.gfield_checkbox{
  display: flex;
  flex-wrap: wrap;
  align-content: space-around;
}

.contact-form div p{
  color: var(--primary-blue);
  font-size: 18px;
}

.gchoice {
  flex: 1 1 auto;
}

.gform-body ::placeholder, .gform_wrapper.gravity-theme select, .gform_wrapper.gravity-theme .gsection_description, .gfield_label, .gfield_checkbox label{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 18px!important;
}

.gform_wrapper.gravity-theme .gsection{
  border-bottom: 1px solid var(--black)!important;
}

.contact-form a{
  color: var(--font-color);
}

.contact-form a:hover{
  color: var(--font-color)!important;
}

.gfield.gfield--type-html.gfield--input-type-html{
  font-size: 13px;
}

.gfield.gfield--type-html.gfield--input-type-html a{
  color: var(--white);
}

.gfield_required.gfield_required_text{
  visibility: hidden;
}

.gform_confirmation_message_1.gform_confirmation_message {
  text-align: center!important;
}
/***** END BLOCK FORM *****/

/***** BLOCK LARGE MENU *****/
.large-menu-gutenberg{
  align-content: flex-start;
  align-items: flex-start;
}

.large-menu-gutenberg h2 a{
color: var(--white)
}

.uk-overlay-primary {
  background-color: rgba(34,34,34,.3);
}

.uk-overlay-default {
  background-color: rgba(255, 255, 255, 0.3);
}
/***** END BLOCK LARGE MENU *****/

/***** BLOCK TEXT AND BG-IMG *****/
.text-and-bg-img .uk-position-center-left{
  left: auto!important;
}

.text-and-bg-img p{
  margin: 0 auto;
}

.text-and-bg-img .uk-text-secondary h1, .text-and-bg-img .uk-text-secondary h2, .text-and-bg-img .uk-text-secondary h3, .text-and-bg-img .uk-text-secondary h4 {
  color: #222;
}
/***** END BLOCK TEXT AND BG-IMG *****/

/***** BLOCK MENU AND TEXT *****/
.block-text-side-menu .side-menu p a{
  color: var(--primary-blue)!important;
  font-family: franklin-gothic-urw, sans-serif;
  font-size: 22px;
}

.block-text-side-menu h2{
  width: 75%
}
/***** END BLOCK MENU AND TEXT *****/

/***** BLOCK PLANNING *****/
.block-planning .uk-card-body{
  padding: 30px;
}
.block-planning span {
  margin-left: -20px;
  margin-right: -17px;
}

.block-planning .uk-icon svg {
  width: 50px;
  height: 50px;
  color: var(--info-blue);
}

.block-planning .uk-icon {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  color: var(--info-blue);
}
/***** END BLOCK PLANNING *****/

/***** BLOCK BOOKINGS *****/
.block-bookings{
  position: relative;
  overflow: hidden;
  width: 100%;
  min-height: 100%;
  padding-top: 62.5%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}

/* Then style the iframe to fit in the container div with full height and width */
.responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  display: block;
}

.color-top{
  background-color: #f4f4f4;
  height: 70px;
}
/***** END BLOCK BOOKINGS *****/

/***** BLOCK CTA *****/
.cta.background-check{
  background-color: var(--beige);
}

.cta.background-check h2, .cta.background-check h3, .cta.background-check h4, .cta.background-check p{
  color: var(--font-color);
}

.cta a.uk-button.uk-button-primary:hover{
  background-color: var(--primary-blue)!important;
  text-decoration: underline;
}
/***** END BLOCK CTA *****/

/***** BLOCK CARD TEXT WITH IMG *****/
.card-with-img .uk-card .card-text h2, .card-with-img .uk-card .card-text h3, .card-with-img .uk-card .card-text h4{
  margin-bottom: 0;
}

.card-with-img .uk-card .card-text h2:hover, .card-with-img .uk-card .card-text h3:hover, .card-with-img .uk-card .card-text h4:hover{
  text-decoration: underline;
}

.card-with-img .uk-card .card-text p{
  font-size: .82rem;
  margin-top: 0;
  margin-bottom: 0;
}

.card-with-img .uk-card .card-text p:hover{
  text-decoration: underline;
}

.card-with-img a:hover{
  text-decoration: none;
  transform: scale(1.02);
  -ms-transform: scale(1.02); /* IE 9 */
  -webkit-transform: scale(1.02); /* Safari 3-8 */
  transition: transform .5s;
}
/***** END BLOCK CARD TEXT WITH IMG *****/

/***** BLOCK TABLE STANDARD GUTENBERG *****/
.custom-table {
  max-width: 1140px!important;
  margin: 30px auto;
}

.custom-table tbody tr td{
  width: 50%!important;
}

.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
  background-color: var(--primary-blue);
  color: var(--white);
}
/***** END BLOCK TABLE STANDARD GUTENBERG *****/

/***** MEDIA QUERIES MAX-WIDTH 1920px *****/
@media screen and (max-width: 1920px){
  .block-bookings{
    min-height: 880px;
  }
}

/***** MEDIA QUERIES MAX-WIDTH 1440px *****/
@media screen and (max-width: 1440px){
.block-bookings{
  min-height: 1200px;
  }
}

/***** MEDIA QUERIES MAX-WIDTH 992px *****/
@media screen and (max-width: 992px){
  .img-container{
    width: 100%;
  }

  .background-check .padding-img-in-container, .padding-img-in-container{
    padding-left: 0px;
  }

  .background-check .padding-text-in-container, .padding-text-in-container{
    padding-bottom: 30px;
  }

  .background-check .padding-img-in-container, .padding-img-in-container, .background-check .padding-text-in-container, .padding-text-in-container{
    padding-right: 0px;
  }

  .height-large{
    max-height: 400px;
    min-height: 400px;
  }
  
  .height-small{
    max-height: 200px;
    min-height: 200px;
  }

  /*Block references*/
  .block-text-img.uk-margin-medium-top {
    margin-top: 0!important;
  }

  /*Block text and bg img*/
  .text-and-bg-img .uk-position-center-left{
    left: 0!important;
  }

  .text-and-bg-img .uk-margin-medium-left, .text-and-bg-img .uk-margin-medium-right {
  margin: 0 30px!important;
  }

  /*General*/
  .margin-top-remove-small-screen{
  margin-top: 0!important;
  }

  .padding-remove-left-right-small-screen{
    padding-left: 0px!important;
    padding-right: 0px!important;
  }

  /*Block text and img*/
  .block-text-img-text .uk-margin-medium-left {
    margin-left: 0px!important;
  }

  .block-text-img .img-container.uk-flex-first{
    padding-left: 0px!important;
  }

  /*Block bookings*/
  .block-bookings{
    min-height: 2020px;
  }

  .color-top{
    height: 25px;
  }

  /*Block text*/
  .block-text.uk-margin-large-left, .block-text.uk-margin-large-right {
    margin-left: 0!important;
    margin-right: 0!important;
  }

  /*Block form*/
  .contact-form div p {
    margin-bottom: 0px!important;
  }

  /*Block table standard gutenberg*/
  .custom-table tbody tr{
    display: flex;
    flex-direction: column;
  }

  .custom-table tbody tr:nth-child(odd) td:last-child{
    display: none;
  }

  .custom-table tbody tr td{
    width: inherit!important;
    padding: 30px!important;
  }

  .block-text-img .padding-small-screen{
    padding: 0 30px!important;
  }

  /*Block text and img video iframe*/
  .block-text-img iframe{
    aspect-ratio: 1.779;
    height: auto;
    width: 100%;
  }

  .block-text-img .iframe-video.uk-height-max-medium {
    max-height: unset;
  }
}

/***** MEDIA QUERIES MAX-WIDTH 640px *****/
@media screen and (max-width: 640px){
  .height-large, .height-small{
    max-height: 300px;
    min-height: 300px;
  }

  .staff .height-small{
    height: 150px;
  }

  .input-text .input-text-item  {
    margin-bottom: 15px
  }

  .block-text-img-text{
    padding: 0 30px;
  }

  .block-text-img-text .padding-text-in-container, .block-text-img-text .padding-small-screen{
    margin-top: 10px!important;
    margin-bottom: 10px!important;
  }

  .block-text-img .padding-small-screen{
    padding: 0 15px!important;
  }

  .padding-text-in-container {
    padding: 0;
  }

  .block-text p:last-child{
    margin-bottom: 0;
  }

  /*Block text and bg img*/
  .text-and-bg-img .uk-margin-medium-left, .text-and-bg-img .uk-margin-medium-right {
  margin: 0 15px!important;
  }

  /*Block bookings*/
  .block-bookings{
    min-height: 2260px;
  }

  .color-top{
    height: 0px;
    background-color: #fff
  }

  /*Block menu and text*/
  .block-text-side-menu h2{
    width: 100%
  }

  /*Block card with img*/
  .rep-imgtext{
    font-size: 23px;
    margin-bottom: 20px!important;
  }

  .card-with-img .height-xsmall{
    max-height: 250px;
    min-height: 250px;
    width: 100%;
  }

  .card-with-img .uk-card .card-text p{
    font-size: 1.2rem;
  }

  /*Block form*/
  .contact-form div p {
    margin-bottom: 20px!important;
  }

  /*Block table standard gutenberg*/
  .custom-table tbody tr td{
    padding: 15px!important;
  }
}