/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/


/* mohave-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Mohave';
  font-style: normal;
  font-weight: 400;
  src: url('/fonts/mohave-v9-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* mohave-300 - latin */
/*@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
/*  font-family: 'Mohave';
  font-style: normal;
  font-weight: 300;
  src: url('/fonts/mohave-v9-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
/*}*/


/* crete-round-regular - latin */
/*@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
/*  font-family: 'Crete Round';
  font-style: normal;
  font-weight: 400;
  src: url('/fonts/crete-round-v15-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
/*}*/
/* pt-sans-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 400;
  src: url('/fonts/pt-sans-v17-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* pt-sans-700 - latin */
/*@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
/*  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 700;
  src: url('/fonts/pt-sans-v17-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
/*}*/

/* ubuntu-regular - latin */
/*@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
/*  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 400;
  src: url('/fonts/ubuntu-v20-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
/*}*/



/*************** ADD CUSTOM CSS HERE.   ***************/
body { font-family:  "PT Sans", sans-serif; font-size: 1em;  }
h1,h2,h3,h4,h5,h6, .heading-font { font-family: "Mohave", sans-serif; font-weight: 400; }
h1 { font-size:  3em; line-height: 1; margin-bottom: 1em;}
h2 { font-size: 2em; }
.alt-font { font-family: "PT Sans", sans-serif; font-weight: 300; }

.nav > li > a {  font-family:  "Mohave", sans-serif; font-weight: 400; font-size: 1.1em; }
.header-main .nav > li > a {  line-height: 30px !important; }


/*kleur linkjes en buttons op middenblauwe bg*/
.mb .primary.is-outline { border-color: rgb(57, 96, 122); color:rgb(57, 96, 122);  }
.mb .primary.is-outline:hover { background-color:rgb(57, 96, 122); color:rgb(255,255,255);  }
.mb .primary, .mb .primay:hover { color: rgb(255,255,255);  }
.mb a { color: rgb(57, 96, 122);  }
.mb a:not(.button):hover { color:#00BCDA }

.bg-gradient { background: rgb(0,188,218);
background: linear-gradient(130deg, rgba(0,188,218,1) 0%, rgba(28,68,93,1) 50%, rgba(251,176,64,1) 100%); }

.contactgegevens { text-align: right; }
@media screen and (max-width: 550px) {
	.contactgegevens { text-align: left; }
}
@media screen and (max-width: 800px) {

}
/*footer*/
.gradient-dark {
	background: #1f3341;
	background: linear-gradient(125deg, rgba(31,51,65,1) 25%, rgba(57,96,122,1) 40%, rgba(109,205,227,1) 60%, rgba(31,51,65,1) 100%);
}

.sub-menu > .row { margin: 0 auto !important; }

#main a:not(.button) { text-decoration: underline; }
.nav-tabs a, .nav-pills a { text-decoration: none !important; }
footer a { text-decoration: underline !important; }


.hometabs .tab a { text-decoration: none !important; }
.hometabs .nav-pills > li > a { font-family: "PT Sans", sans-serif; background-color: #fff; color: #f9ac1d; border: 1px solid #f9ac1d; font-weight: bold; margin: .5em .75em; display: inline-block; padding: 0 .75em; font-size: 1em !important; }
.hometabs .nav-pills > li.active > a { background-color: #f9ac1d; color:#fff; }

ul li.bullet-checkmark::before, ul li.bullet-arrow::before, ul li.bullet-star::before {
  color: #f9ac1d !important;
}

/*.bg-fill { background-size: auto !important; background-position: 0% 50%; }*/
.fill img { position: absolute; top: 0; object-fit: contain; height: auto !important; }
.VO .fill img { width: 30%; }

.dark .star-rating span::before { color:#fff; }

/*bookingpress*/
.bpa-front--dt__calendar .vc-day .vc-day-content.is-disabled {
  background-color: rgba(207,214,229,0.7) !important;
}
.bpa-front-tmc__summary-content .bpa-front-tmc__sc-item .bpa-front-sc-item__val span { word-wrap:normal !important; }

/* cf7 */
.form-flat textarea { height: 145px; }
.form-flat input:not([type="submit"]), .form-flat select, .form-flat textarea { background-color: rgba(255,255,255,1) !important; color: #39607a !important; }
.form-flat input[type="submit"] { font-weight: bold !important; text-transform: lowercase !important; }