/* Global CSS HERE */
html {
overflow-x: hidden;
}
body {
font-family: 'Roboto', san-serif !important;
color: #000;
overflow-x: hidden;
min-width: 320px;
padding: 0 !important;
max-width: 100%;
background: url(/content/themes/ramatours/img/ramatours-background.jpg);
}
h1, .h1 {
font-family: 'Merriweather', serif;
font-size: 36px;
display: block;
}
h2, .h2 {
font-family: 'Roboto', san-serif;
font-size: 28px;
font-weight: bolder;
display: block;
}
h3, .h3 {
font-family: 'Roboto', san-serif;
font-size: 24px;
font-weight: bolder;
display: block;
}
h4, .h4 {
font-family: 'Roboto', san-serif;
font-size: 18px;
display: block;
}
p {
font-size: 16px;
margin: 0;
}
strong, b {
font-weight: bold;
}
em {
font-style: italic;
}
* {
outline: none !important;
}
a:hover {
color: #1abfdf;
}
a, a:hover, a:before, a:hover:before, a:after, a:hover:after, input[type=submit], input[type=submit]:hover,
.transition, .transition:hover, .transition:before, .transition:hover:before, .transition:after, .transition:hover:after,
button, button:hover, .header .right-part .top-menu > ul > li:before, .main, .event-item:hover date {
transition: all 0.3s ease;
}
.no-transition, .no-transition:hover {
transition: none;
}
::-webkit-input-placeholder {
color: #dbdbde;
opacity: 1;
}
:-moz-placeholder { /* Firefox 18- */
color: #dbdbde;
opacity: 1;
}
::-moz-placeholder { /* Firefox 19+ */
color: #dbdbde;
opacity: 1;
}
:-ms-input-placeholder {
color: #dbdbde;
opacity: 1;
}
.gform_description p {
font-family: "CaeciliaLTStd-Light", serif;
line-height: 23px;
}
.validation_message, .validation_error,
.gfield_error input {
border-bottom: 1px solid red !important;
}
.alignright {
float: right;
margin: 0 0 0 20px;
}
.alignleft {
float: left;
margin: 0 20px 0 0;
}
/* start styling */
.section-header h1 {
color: #00807b;
text-transform: uppercase;
}
.solid-color-btn {
border-radius: 4px;
font-family: 'Roboto', san-serif;
color: #fff;
font-size: 16px;
background: #00807b;
padding: 10px 55px 10px 55px;
border-bottom: solid #006a66 4px;
text-decoration: none;
}
.solid-color-btn:hover {
color: #fff !important;
text-decoration: none !important;
cursor: pointer !important;
}
/*nav*/
.top-part {
height: 60px;
background: #00807b;
}
.top-links {
display: inline-block;
padding-right: 30px;
}
.top-links li {
list-style: none;
display: inline-block;
}
.top-links a {
font-family: 'Roboto', san-serif;
font-size: 16px;
padding: 8px;
text-align: center;
text-decoration: none;
color: #fff;
}
.top-links a:active {
font-weight: bold;
}
.top-links a:hover {
color: #fff;
}
.top-links i {
padding-left: 10px;
top: 3px !important;
font-weight: 100 !important;
font-style: normal !important;
}
.social-media-top {
display: inline-block;
padding: 20px 61px 20px 0;
border-left: solid;
border-color: #fff;
border-width: 1px;
}
.social-media-top li {
list-style: none;
display: inline-block;
}
.social-media-top a {
padding: 5px 20px;
text-align: center;
text-decoration: none;
}
.social-media-top .divider-vertical {
height: 60px;
margin: 0 9px;
border-left: 1px solid #fff;
border-right: 1px solid #FFF;
}
li.fb-top a {
background: url('/content/themes/ramatours/img/facebook.png') no-repeat;
}
li.ig-top a {
background: url('/content/themes/ramatours/img/instagram-logo.png') no-repeat;
}
.main-header {
height: auto;
width: 100%;
display: block;
margin: 0 auto;
position: relative;
}
.logo-wrap {
text-align: center;
display: block;
position: relative;
margin: 0 auto;
}
.logo-wrap img {
margin-top: -15px;
margin-left: -10px;
}
.second-nav {
padding-top: 40px;
}
.second-nav-links {
display: inline-block;
padding-top: 5px;
}
.second-nav-links li {
list-style: none;
display: inline-block;
}
.second-nav-links a {
font-family: 'Roboto', san-serif;
font-size: 18px;
padding: 8px;
text-align: center;
text-decoration: none;
color: #444444;
text-transform: uppercase;
margin-right: 15px;
}
.second-nav-links a:active {
font-weight: bold;
color: #00807b !important;
}
.second-nav-links a:hover {
color: #00807b !important;
}
.second-nav-search {
display: inline-block;
}
.second-nav-search input {
border-style: none;
background-color: #f2f2f2;
height: 48px;
width: 435px;
padding: 15px 25px;
margin-top: -10px;
margin-right: 70px;
font-size: 16px;
}
.second-nav-search .fa {
margin: auto -118px;
font-size: 20px !important;
color: #848484;
}
.location-nav {
padding-top: 25px;
}
.location-nav-links {
display: inline-block;
}
.location-nav-links ul, .second-nav-links ul {
margin-left: -50px;
}
.location-nav-links li {
list-style: none;
display: inline-block;
padding: 15px 0 5px 0;
}
.location-nav-links a {
font-family: 'Roboto', san-serif;
font-size: 16px;
padding: 14px 10px;
text-align: center;
text-decoration: none;
color: #444444;
transition: all 0.1s ease;
-webkit-transition: all 0.1s ease;
-moz-transition: all 0.1s ease;
}
.location-nav-links a:hover {
color: #00807b !important;
border-bottom: 3px solid #00807b;
}
.location-nav-links a:active {
font-weight: bold;
color: #00807b !important;
border-bottom: 3px solid #00807b;
}
/*end of nav*/
/*FOOTER*/
.footer {
background-color: #00807b;
color: #fff;
display: block;
position: relative;
width: 100%;
height: auto;
overflow: hidden;
}
.contact-opnemen-btn {
margin-top: 25px;
}
.offerte-aanvragen-btn {
margin-top: 30px;
}
.contact-opnemen-btn a.image-btn-light {
font-size: 16px;
padding: 10px 20px;
}
a.white-btn {
background: #fff;
color: #00807b !important;
border: 1px solid #fff;
font-size: 16px;
width: 150px;
padding: 10px 20px;
border-radius: 4px;
}
a.white-btn:hover {
color: #00807b !important;
text-decoration: none !important;
cursor: pointer !important;
}
.footer .h4 {
text-transform: uppercase;
font-family: 'Merriweather', sans-serif;
padding-bottom: 20px;
font-size: 24px;
}
.footer [class*="menu-"] + .h4 {
margin-top: 35px;
}
footer.footer ul {
padding-left: 0 !important;
}
.footer li {
list-style: none;
}
.footer a {
font-size: 16px;
text-decoration: none;
text-align: left;
color: #fff;
}
.footer a:hover {
text-decoration: none !important;
cursor: pointer;
}
.social-link a {
padding: 0 5px;
}
.rama-logo {
padding-top: 40px;
}
.logos img {
margin-left: 10px;
margin-top: 20px;
}
.footer-bottom {
background-color: #006a66;
color: #fff;
}
.footer-bottom a:hover {
text-decoration: none !important;
cursor: pointer;
color: #fff;
}
.footer .rama-logo {
width: 100%;
position: relative;
display: block;
}
.footer .logos {
width: 100%;
position: relative;
display: block;
}
.footer-wrapper {
width: 100%;
display: block;
margin: 0 auto;
position: relative;
padding: 80px 200px 80px 75px;
}
.bottom-wrapper {
width: 100%;
display: block;
margin: 0 auto;
position: relative;
padding: 0 100px 0 75px;
}
.image-btn {
background: none;
color: #fff;
border: 2px solid #fff;
font-size: 24px;
width: 150px;
padding: 10px 35px;
border-radius: 4px;
}
a.image-btn:hover {
color: #fff !important;
text-decoration: none !important;
cursor: pointer !important;
}
a.image-btn-light {
background: none;
color: #fff;
border: 2px solid #fff;
font-size: 16px;
width: 150px;
padding: 10px 40px;
border-radius: 4px;
margin: 10px 0;
}
a.image-btn-light:hover {
color: #fff !important;
text-decoration: none !important;
cursor: pointer !important;
}
/*flickity-slider*/
.flickity-prev-next-button {
border-radius: 0 !important;
background: #00807b !important;
width: 50px !important;
height: 50px !important;
}
.flickity-prev-next-button .arrow {
fill: #fff !important;
}
.flickity-prev-next-button.next {
right: 5px !important;
}
.flickity-prev-next-button.previous {
left: 5px !important;
}
.flickity-prev-next-button:disabled {
visibility: hidden !important;
}
/*end of flickity*/
/*Banner*/
section.banner {
display: inline-block;
position: relative;
width: 100%;
}
.side-nav .collapsible,
.side-nav.fixed .collapsible {
border: none;
box-shadow: none;
}
.side-nav .collapsible li,
.side-nav.fixed .collapsible li {
padding: 0;
}
.side-nav .collapsible-header,
.side-nav.fixed .collapsible-header {
background-color: transparent;
border: none;
line-height: inherit;
height: inherit;
padding: 0 16px;
}
.side-nav .collapsible-header:hover,
.side-nav.fixed .collapsible-header:hover {
background-color: rgba(0, 0, 0, 0.05);
}
.side-nav .collapsible-header i,
.side-nav.fixed .collapsible-header i {
line-height: inherit;
}
.side-nav .collapsible-body,
.side-nav.fixed .collapsible-body {
border: 0;
background-color: #fff;
}
.side-nav .collapsible-body li a,
.side-nav.fixed .collapsible-body li a {
padding: 0 23px 0 31px;
}
.side-nav {
position: fixed;
width: 300px;
left: -300px;
top: 0;
margin: 0;
height: 100%;
padding-bottom: 60px;
background-color: #fff;
z-index: 999;
overflow-y: auto;
will-change: transform;
backface-visibility: hidden;
opacity: 0;
transition: all 150ms ease-out;
}
.side-nav.visible {
left: 0;
opacity: 1;
}
.side-nav.right-aligned {
right: -300px;
left: auto;
}
.side-nav.right-aligned.visible {
right: 0;
opacity: 1;
}
.side-nav .collapsible {
margin: 0;
}
.side-nav li {
float: none;
line-height: 48px;
}
.side-nav li.active {
background-color: rgba(0, 0, 0, 0.05);
}
.side-nav li > a {
color: rgba(0, 0, 0, 0.87);
display: block;
font-size: 14px;
font-weight: 500;
height: 48px;
line-height: 48px;
padding: 0 32px;
}
.side-nav li > a:hover {
background-color: rgba(0, 0, 0, 0.05);
}
.side-nav li > a.btn, .side-nav li > a.btn-large, .side-nav li > a.btn-large, .side-nav li > a.btn-flat, .side-nav li > a.btn-floating {
margin: 10px 15px;
}
.side-nav li > a.btn, .side-nav li > a.btn-large, .side-nav li > a.btn-large, .side-nav li > a.btn-floating {
color: #fff;
}
.side-nav li > a.btn-flat {
color: #343434;
}
.side-nav li > a.btn:hover, .side-nav li > a.btn-large:hover, .side-nav li > a.btn-large:hover {
background-color: #2bbbad;
}
.side-nav li > a.btn-floating:hover {
background-color: #26a69a;
}
.side-nav li > a > i,
.side-nav li > a > [class^="mdi-"], .side-nav li > a li > a > [class*="mdi-"],
.side-nav li > a > i.material-icons {
float: left;
height: 48px;
line-height: 48px;
margin: 0 32px 0 0;
width: 24px;
color: rgba(0, 0, 0, 0.54);
}
.side-nav .divider {
margin: 8px 0 0 0;
}
.side-nav .subheader {
cursor: initial;
pointer-events: none;
color: rgba(0, 0, 0, 0.54);
font-size: 14px;
font-weight: 500;
line-height: 48px;
}
.side-nav .subheader:hover {
background-color: transparent;
}
.side-nav .userView {
position: relative;
padding: 32px 32px 0;
margin-bottom: 8px;
}
.side-nav .userView > a {
height: auto;
padding: 0;
}
.side-nav .userView > a:hover {
background-color: transparent;
}
.side-nav .userView .background {
overflow: hidden;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: -1;
}
.side-nav .userView .circle, .side-nav .userView .name, .side-nav .userView .email {
display: block;
}
.side-nav .userView .circle {
height: 64px;
width: 64px;
}
.side-nav .userView .name,
.side-nav .userView .email {
font-size: 14px;
line-height: 24px;
}
.side-nav .userView .name {
margin-top: 16px;
font-weight: 500;
}
.side-nav .userView .email {
padding-bottom: 16px;
font-weight: 400;
}
.drag-target {
height: 100%;
width: 10px;
position: fixed;
top: 0;
z-index: 998;
}
.side-nav.fixed {
left: 0;
transform: translateX(0);
position: fixed;
}
.side-nav.fixed.right-aligned {
right: 0;
left: auto;
}
@media only screen and (max-width: 991px) {
.side-nav a {
padding: 0 16px;
}
.side-nav a.home-link {
padding: 0;
display: inline-block;
}
.side-nav .userView {
padding: 16px 16px 0;
}
}
.side-nav .collapsible-body > ul:not(.collapsible) > li.active,
.side-nav.fixed .collapsible-body > ul:not(.collapsible) > li.active {
background-color: #ee6e73;
}
.side-nav .collapsible-body > ul:not(.collapsible) > li.active a,
.side-nav.fixed .collapsible-body > ul:not(.collapsible) > li.active a {
color: #fff;
}
.side-nav .collapsible-body {
padding: 0;
}
#sidenav-overlay {
position: fixed;
top: 0;
left: 0;
right: 0;
height: 120vh;
background-color: rgba(0, 0, 0, 0.5);
z-index: 997;
will-change: opacity;
}
.side-nav {
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
}
.view-all-review {
position: absolute;
z-index: 1;
left:50%;
bottom:0;
transform:translateY(-20px) translateX(-50%);
@media(max-width: 600px) {
width:calc(100% - 40px);
.button{
width:100%;
}
}
}
.flickity-viewport {
width: 100%;
}
/* template-home */
.home-slider {
position: relative;
display: block;
}
.home-slider img {
position: relative;
width: 100%;
height: 100%;
}
.slider-design {
width: 100%;
}
.slider-design .short-box {
display: block;
background-color: #4e175e;
width: 640px;
height: 15px;
float: left;
position: absolute;
bottom: 0px;
}
.slider-design .long-box {
display: block;
background-color: #000000;
opacity: 0.5;
width: 100%;
height: 15px;
filter: Alpha(opacity=50); /*IE8 and older*/
position: absolute;
bottom: 0px;
}
.slider-content {
display: block;
position: absolute;
z-index: 5;
left: 260px;
top: 220px;
color: #fff;
}
.slider-content-btn {
padding: 25px 0;
}
/*Content block*/
#home-carousel .flickity-viewport {
height: 350px;
}
#home-carousel .gallery-cell {
width: 100%;
height: 100%;
max-width: 568px;
contain: content;
padding-right: 50px;
}
#home-carousel {
padding-left: 250px;
}
.content-block-img img {
position: relative;
max-width: 100%;
max-height: 100%;
}
.content-block-img {
vertical-align: middle;
padding: 65px 0;
}
.content-block {
display: block;
position: relative;
width: 100%;
height: 100%;
margin: 0 auto;
}
.block-content {
display: block;
padding-top: 65px;
padding-left: 15px;
margin: 0 auto;
height: 490px;
}
.block-content h1,
.block-content .h1 {
padding-bottom: 15px;
}
/*End of Content block*/
.best-geboekte-rondreizen {
display: block;
position: relative;
width: auto;
height: auto;
max-height: 580px;
background-color: #f2f2f2;
}
.best-geboekte-rondreizen-wrap {
width: 100%;
height: 100%;
padding-top: 50px;
padding-bottom: 70px;
}
.best-geboekte-rondreizen .section-header {
display: inline-block;
width: 100%;
margin-bottom: 25px;
}
.best-geboekte-rondreizen .section-header a {
float: right;
margin-top: -55px;
}
.best-geboekte-rondreizen-item {
position: absolute;
bottom: 10px;
padding: 20px 55px 30px 30px;
color: #fff;
}
.best-geboekte-rondreizen-item h3,
.best-geboekte-rondreizen-item .h3 {
padding-right: 140px;
padding-left: 15px;
}
.best-geboekte-rondreizen-wrap img {
width: 100%;
height: 100%;
position: relative;
display: block;
}
.best-geboekte-rondreizen-item p {
padding-bottom: 20px;
padding-left: 15px;
}
.geboekte-rondreizen-item-btn {
float: right;
padding-right: 35px;
}
.landen-informatie {
display: block;
position: relative;
width: auto;
height: auto;
max-height: 580px;
}
.landen-informatie-wrap {
width: 100%;
height: 100%;
padding-top: 50px;
padding-bottom: 70px;
}
.landen-informatie-wrap img {
width: 100%;
height: 100%;
position: relative;
display: block;
}
.landen-informatie .section-header {
display: inline-block;
width: 100%;
margin-bottom: 25px;
}
.landen-informatie .section-header a {
float: right;
margin-top: -55px;
}
.landen-informatie-content img {
max-height: 375px;
max-width: 579px;
vertical-align: middle;
margin: 0 15px;
}
.landen-informatie-item {
position: absolute;
bottom: 10px;
padding: 20px 55px 30px 30px;
color: #fff;
}
.landen-informatie-item h3,
.landen-informatie-item .h3 {
padding-right: 140px;
padding-left: 15px;
}
.landen-informatie-item p {
padding-bottom: 20px;
padding-left: 15px;
}
.landen-informatie-item-btn {
float: right;
padding-right: 35px;
}
.best-geboekte-themareizen {
display: block;
position: relative;
width: auto;
height: auto;
max-height: 580px;
}
.best-geboekte-themareizen-wrap {
width: 100%;
height: 100%;
padding-top: 50px;
padding-bottom: 70px;
}
.best-geboekte-themareizen-wrap img {
width: 100%;
height: 100%;
position: relative;
display: block;
}
.best-geboekte-themareizen .section-header {
display: inline-block;
width: 100%;
margin-bottom: 25px;
}
.best-geboekte-themareizen .section-header a {
float: right;
margin-top: -55px;
}
.best-geboekte-themareizen img {
max-height: 375px;
max-width: 579px;
vertical-align: middle;
margin: 0 auto;
}
.best-geboekte-themareizen-item {
position: absolute;
bottom: 10px;
padding: 20px 55px 30px 30px;
color: #fff;
}
.best-geboekte-themareizen-item h3,
.best-geboekte-themareizen-item .h3 {
padding-right: 140px;
padding-left: 15px;
}
.best-geboekte-themareizen-item p {
padding-bottom: 20px;
padding-left: 15px;
}
.geboekte-themareizen-item-btn {
float: right;
padding-right: 35px;
}
section.search-destination {
width: 100%;
position: relative;
text-align: center;
}
section.search-destination .section-header h1,
section.search-destination .section-header .h1 {
padding-top: 35px;
padding-bottom: 10px;
color: #fff;
text-align: center;
width: 100%;
font-family: 'Merriweather', sans-serif;
}
section.search-destination .container {
width: 100%;
position: relative;
padding: 50px 0;
height: inherit;
}
.search-destination-wrap {
position: absolute;
width: 100%;
height: 435px;
top: 0;
}
.search-destination img {
width: 100%;
height: 100%;
min-height: 420px;
}
.search-destination-content {
display: block;
margin-top: 20px;
margin-bottom: 10px;
}
.search-destination-content p {
color: #fff;
}
.search-destination-content select {
text-align: left !important;
font-size: 16px;
margin: 20px 0;
border-style: none;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
padding: 10px 40px;
width: 465px;
color: #8e8e8e;
}
section.waarom-section {
width: 100%;
height: auto;
text-align: center;
}
.waarom-wrap {
display: block;
position: relative;
width: 100%;
padding: 0 40px;
margin-top: 70px;
min-height: 515px;
}
.waarom-wrap .section-header {
padding: 20px 0px;
}
.waarom-item-content img {
margin: 20px 0;
width: 150px;
}
.waarom-item:hover .waarom-item-btn a {
visibility: visible;
}
.waarom-item-content {
margin: 10px 0;
position: relative;
padding: 20px 0px;
min-height: 250px;
}
.waarom-item-content p {
padding: 0 15px;
margin: 0 110px;
font-size: 18px;
}
.waarom-item-btn a {
color: #00807b !important;
border-color: #00807b !important;
font-size: 16px;
visibility: hidden;
border-width: 1px !important;
}
.waarom-item-btn a:hover {
color: #00807b !important;
border-color: #00807b !important;
text-decoration: none;
}
.cta-contact {
background-color: #00807b;
color: #fff;
text-align: center;
width: 100%;
padding: 40px 0;
font-size: 20px;
}
.cta-contact strong {
margin-left: 40px;
}
.cta-faq {
background-color: #00807b;
color: #fff;
text-align: center;
width: 100%;
padding: 40px 0;
font-size: 20px;
position: relative;
}
.cta-faq > .left__image{
position:absolute;
left:-50px;
top:0;
width:400px;
}
.cta-faq > .right__image{
position:absolute;
right:0;
bottom:-200px;
width:475px;
z-index:2;
}
.cta-faq > .left__image > img, .cta-faq > .right__image > img{
width:100%;
height: 100%;
}
.cta-faq strong {
margin-left: 40px;
}
.onze-recensies-section {
width: 100%;
position: relative;
text-align: center;
}
#onze-recensies-carousel.flickity-enabled.is-draggable .flickity-viewport {
}
#onze-recensies-carousel .flickity-prev-next-button {
top: 25% !important;
}
div#onze-recensies-carousel .container {
padding-left: 0px !important;
padding-right: 0px !important;
}
#onze-recensies-carousel .gallery-cell.is-selected .recensies-item-content {
margin: 14px 120px;
opacity: 1;
}
#onze-recensies-carousel.carousel-cell {
width: 50%;
height: 325px;
margin-right: 10px;
padding: 0 53px;
border-radius: 5px;
left: 45.73%;
}
.onze-recensies-img img {
width: 100%;
height: auto;
max-width: 1920px;
max-height: 912px;
}
.onze-recensies-wrap {
position: relative;
bottom: 0px;
width: 100%;
height: 100%;
padding: 25px 0;
}
.onze-recensies-wrap .section-header h1,
.onze-recensies-wrap .section-header .h1 {
color: #fff;
}
.recensies-item-btn {
margin-top: 40px;
}
.recensies-item-content:after {
content: "";
position: absolute;
bottom: -15px;
left: 48.5%;
border-width: 16px 15px 0;
border-style: solid;
border-color: #ffffff transparent;
display: block;
width: 0;
}
.recensies-item-content {
position: relative;
display: block;
padding: 40px 60px;
margin: 1em 15px 3em;
color: #000;
background: #ffffff;
border-radius: 10px;
text-align: left;
width: auto;
min-height: 190px;
opacity: .7;
transition:0.44s ease-in-out all;
}
.recensies-item-content .klantenvertellen-head {
display: flex;
justify-content: space-between;
}
.recensies-item-content .klantenvertellen-head img {
height: 45px;
}
.recensies-avatar {
color: #fff;
padding-top: 20px;
}
.recensies-avatar h4,
.recensies-avatar .h4 {
padding-top: 10px;
margin-bottom: 0px;
font-size: 20px;
font-weight: bold;
}
.recensies-avatar p {
font-size: 20px;
letter-spacing: 0.5px;
}
.rama-nieuws {
position: relative;
width: 100%;
background-color: #fff;
}
.rama-nieuws-item {
max-width: 560px;
max-height: 750px;
}
.rama-nieuws-wrap {
padding: 0 20px;
margin-bottom: 40px;
height: 690px;
}
.rama-nieuws .section-header {
width: 100%;
text-align: center;
padding: 40px 0;
}
.nieuws-link {
text-align: right;
}
.nieuws-link a {
color: #00807b !important;
text-align: right;
padding-right: 10px;
}
.nieuws-link a:hover {
color: #00807b !important;
cursor: pointer;
text-decoration: none !important;
font-weight: bolder;
}
.rama-nieuws-item-content {
color: #444444;
padding: 15px 25px 25px 25px;
background-color: #fff;
max-height: 390px;
}
.rama-nieuws-item:hover {
box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.15);
cursor: default;
}
.rama-nieuws-item:hover .rama-nieuws-item-content h3,
.rama-nieuws-item:hover .rama-nieuws-item-content .h3 {
color: #00807b !important;
}
.rama-nieuws-item-content h3,
.rama-nieuws-item-content .h3 {
text-transform: uppercase;
padding-bottom: 10px;
margin-right: 30px;
line-height: 34px;
padding-right: 10px;
}
.rama-nieuws-item-content p {
padding-bottom: 35px;
line-height: 25px;
}
.nieuws-item-img img {
width: 100%;
height: 100%;
max-height: 360px;
}
.rama-nieuws-btn {
text-align: center;
display: block;
margin: 40px 0;
}
section.onze-bestemmingen {
background-color: #006a66;
color: #fff !important;
}
.onze-bestemmingen .section-header h1,
.onze-bestemmingen .section-header .h1 {
text-transform: uppercase;
padding-right: 50px;
color: #fff !important;
margin-top: 135px;
margin-bottom: 15px;
}
.onze-bestemmingen-map {
padding-left: 30px;
}
.onze-bestemmingen-map img {
max-height: 500px;
max-width: 610px;
height: 100%;
width: 100%;
}
section.rama-nieuwsbrief {
height: 395px;
text-align: center;
}
.rama-nieuwsbrief .section-header {
padding-top: 80px;
padding-bottom: 30px;
}
.rama-nieuwsbrief p {
padding-bottom: 45px;
margin: 0 350px;
}
.rama-nieuwsbrief-content input {
border-style: none;
background-color: #f2f2f2;
height: 44px;
width: 550px;
padding-left: 45px;
}
.rama-nieuwsbrief-content a {
margin-left: -5px;
border-radius: 0 4px 4px 0 !important;
padding: 10px 45px 10px 45px;
}
.posts-section{
color: #000;
text-align: left;
width: 100%;
padding: 40px 0;
font-size: 20px;
}
@font-face{font-family:'Hollie Script Pro';src:local("Hollie Script Pro Regular"),local("HollieScriptPro-Regular"),url(data:application/font-woff2;charset=utf-8;base64,d09GMgABAAAAABpkAA4AAAAALWwAABoQAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGhYbhAgcGgZgAFwRCArIHLtfC3YAATYCJAOBaAQgBYVTB4ExG8Alo6KGs1oAZH+VQE+ZaO8JLKKa1MBYpHiFHOEuQ/udyWPJd2ixijBCktnh+W32+LRIpkQaVKufSEnFwsbEnnM6z91c6qJcu8i7XeQqL72MpMDbPU2LNiWpBnr6i+17//D4kG6yk8azkpoI0iLOEgjl72TOUmpZatmQxKE9QlSsvXGB4KtMf8lXdniJUY4ys8+GPfxjt50edzsMSHv6nxe2pXELpEuaN/9rtbr/vCGeb88iofFIvE5oZDozf2Z3//+rf3VmzuzvuQ6inkjsJdQlHVU8EUlEHul6RnVVZ+MQuiN08LimHaOrw+LEl1rXBE5PRwEIACgEQIJAIHHM1wxAASKlEPsplgE4UDfqokSl+3VsGOAA59qAAoqKAAeU1AsNIG7ZSwEUADAUoCaygjTGt4ACUv8z6iLAAOjoAiF0wzfYnYNu17WAoUihazCRG0DQAnJI1JdpIqLuVxCIseAczHtTD9QtF4VAgoFYZk04ePjwIMDChCDoYrcabO+4U4Ivi4qWLDgTmzA0QhEQIWWhIYNri+CHiMBMWBdoxcLRrRgy32XHSmUAvdoAAFWHdUFcMPoJDDpEsEO1tz4BYAAc6/jcUghFQrxDboP49HqGGARYAiRiaILIm6AIYxJICH/5RMSybnLM/3G+mUfH8qKf+Kg3XKCtBsM1SfvEOUbjoMmEFH4HoxwFqg0BoL4j1hZo3w0CgCzQnCBzgsz1w261dJcA1IpBFWAKUSj1ga++dv2DS3e9t64X39j7zIW/uPmB76ouTNPHrzme1JmXUBj73t69960g2v7WUYzOvet/e8eb+9800P2DRe9tf3/nW0fO7dp/8JblDDr8I+at1yMIYAgOQUwO0y4B1DX8rPZpYKZPxq/wain+ObmEkofQGCmg97qJEre4qtYJwLBUUo6yzzk9Kzm91u5hL1OSRBAXMEWJnSCv4hNNkNuSjkAkTRi4NRld7wbMnwVS0k0IiiBlCgzqNmBDdJYuqcS6gAnCFPcQCYpZXTdivr41eOuxdFBC8r8WMTGXTM3B0Vv2TVRbIsq+BkgGtxS2HEMRT9ay7GLZZDZgkZpRbLEjJ/REvgSPIAlstVrVtIiRzzfrDPZgibn2LfG0Xb+m5tRsmetvxAEWknxareSxNWARaQUsO8+JZDMkjau2ajMLxUaCWoJK2k0hRaxKj4x0okvhKtuz/7EXmw8k90RRiA0AB21kFuu1vbbKiTLiGcqKUv50WVYHZ5/TkNYSH5o2CdmQAINoDiTpttoSuN5YiTu6/kTc6A3sX8X5TF+axjEP8CLSvaFPoo0u+/PN9klY+1bATEp4mqEM65bDCSa+xPGTlYp7YgLlVA/sk8QGyBa3hgW5Nj2agDtWtRUHZQd3Kygp+4G0uBmiANi/anF06oTC8XFPgYgrQBvTBIYiLWNIKr9UBIgpV5bo8aVP75Y21vd6tiMBRmz8QT3gZi1ucX/EVcdd7O5mgR5zxWw5lP8ZRvNmN7xeSkUqjcqQpKsGHX1JqgacaH7JmiO3p1tQhkSbnweA1e+WtfvZLzMoS4CNY+WX2NjqrIsu78GqPC4NefOsTk4QLN6CKRNRLGaKLqk8Oyuu1ewagBhSjG4l0FPpfxZZWveImaaa0zPc+lZCiWolEAQgxk8tRnRmkM/1gqMES8Cshw70CjjkSDyhwyVOA3aEezhXOCDBRi7n3RvWsOklHhOfIzfiYs8PGjdDamhhJX6HAxEJN/NmT38juunDBNV4uUEfur4s5WPjFxoSdIcg7GwW7YGc1iWtrs8lPUm/nwN7Z0//r0KyRYblDB4IshwxfdafWq8MKW8RyZ31kfmT9rTdjSnV1eoyH7Lp+Dw/3/1FbLXXQ+jJfu+ePdx2NZj5e/l8INpqfvQJ7Er0lKXEb9mi/yJLJcEOS3Wh8v/Rqfw1lBxawbFVltDObv/HZoLPDitx1vNvtFYKiAVb6KZP4HwQ9NFbdSZbkB+7x8/DGrKSWSU7CyT0RkKBWKcsjhzxTq7W9buR0pKWmBXbnJI0+k47Tg2aunBGSDzDjYAsabWJ8hJXzXndnVMkLtEJ/tZBMsGFhBewUOn2Sj2jq2URfp5VhEf4y/zaUbcnCPPrermL/RLZxSaTaMm5LqwqtrsWe3cR0/nbF96KIIOik7L+g3Hg/LUQAO8ELqqhankPGt31gIXLxtGTIQO4xjJFuZJF1AHHupdq4qUk4K0iS0UursdKs4RdGSPZL6fcHjGL31tqJFJSP+CibMysxWRK0M2rPOTlxsXpvZLGhwEjHl6iAQdE+bgNmog1Kyn90eSXoFHrWVuRZjborhyGSTROPgTOi1lo3AXMAbaspgGi336dZmZ3jhXHdRzfWw8Y/7MJ5LDHOyE5DkX2NZeRME8CF7A6VEvuCSHkTi7dbmlms1VJQ2l2jMWM5V/H3gVdHfG+/PZSgx6UekLvXs4CEcM0k5MPA0XI1X6gyST5QjEihHWyyN0J7DIAZQf4i1BVk/QbKk4r9QS8+l38/kkrLXfXuh6xh6Ma+xilGeONkW9PlmSFwrzZZC3aUqWPodwTlRTTrBeG9JZfmzAF6OrYHqWVVOouyBG/ILMSIhJvxkDFuUXryuKEq2vT6O2BV1AsJW9DsHAKM2Zo/MgYIUSGxDoiiAXgFovFBkdeP5bXJ3U4t4CDbJiXUSwnIZtSqyqQis4vhfPw0bG0beOWAixsC7xZA4g1nBqAnE839O1pEgHWLrzourRcpCkCsAAiK5JGwZMDTky3Vwrl80ob4dlkaIgFHEqhFtgoEU0kYLdsYa200yL2yWrV3tkNFF6meFLQJje6hY5ZAEyNjcCfDkAmsRYS4sRim+7jnTQNkbv16mZP0nOkPeJ64we5cPvDjXswbBN/vuSYU7I0XwkFaAlDcG1G72m5fxowvws8PbcQkKTLrcfjzHMCHf6xRJliK8T9j1C5PRHszK1T9JWLA4UUQzCpBXIcnwlRrCDGMOlYQQM1fp3KEU+yXsj2Bk9paaOUdjLValLRk4aeUk20kCnCmuasDxyil9KOfDDY3R9wvVLqtlrv4UobcbGLRmtIt1c1PwpTQA6jx3QmDySLA9ZC/DT+MVd4WbMSS0NW8fl88/KJLpRdPdKlLvYLrHSIjOumjaGYeVd3YekX5V98771V4lF4JackXrN0T1tX3ymply6XyNe1X0qXdAW9fFj1eukpVpddypboulKSJafcpw5WcTJ7dOt6BqRgQLv4H78noBWDxzFhPk+mqgmkyOuhBsyTB48i3A0VQceknILW7/RKe0pdmrJErKqqaduo7oPmQ+9qO/HdOD+yemvmAv0VPJadw8OEIC6dRIm5V03cj9Eh7+0GXLbBo50o6TjNnAd56GFrie6Zom7mcijTI4P6ZPQbz0O9hKdqPOYHlc7Z3q/hjLXRCQu45O4VVjznc6FUny0LH10zrRqTj0/M1WZ8eyduLoNAgpbvC4ZbpoIivzDgbjSeGuE+jVvkzfcIwusCNcmSPcaqUttEAjz031iwf+aeeHN1n9UAB+V1h8AjhZhc/9TlLku7Kd/e05PNT5+L81//VIZfjQltZNi6T9S4yj0uw2glu7Hyvrae/iXZ5LG6QHWoXj76CR8LVqOe6JFmkyj0BijDcmBotL+lFMuLhLrzZDwGOX2VbatJH4wMN7u3e9unBseydxvnuuEqLodDnXWECGy0QGpstVi3jg/KRxT9x2+/Y0um8rQ96qg62VDfAnb9uouVnFjbIm+RZnNrM9TEQaV39Xi/qro0YFzSUs9LcGpiLZZKc1VcI1xtPRPUsqW50ee9WkVC08vVVUjtPfCnbdzty/3mzkC85kj5lk2ydqSYko+IQJ5BLrt/nvfCDFrQqhi8wGi4Py7NqsprGczdFM2C7fYMtVBV9ntocsb6yrYLMufWxGlGQwFEx8L8m6sV1vPmpkLm+Bmc4ERzyXY0TVmsgkGEEGJcuj63UqlVpM3Pts5D7I7kpuhv6Y649Xa/ij5B67FoH7foR2F1Y+Xp1t6x4ebRWzd0YHFFiHqsaRP6o5vpcwyL5gMmt1/ecQtAs9mG257/fsjgzrrcLyVXMVDiMyYO32lb24THcJeTEAheXUVvUN/abJops8oJ5yEsmcHWc0we7+bjJ+BkeiAn39RHSECqE+b9CAVduIXkXf1zjM7sJLfVT5txIMznBTdl+RuyOOB1kHr++07KFM5+iPWmOCwOD0XJC/OCNPYLnb05JYZnyS7bd0IIIHDQXX7e2l08MV3FySDQRPx5wVlBS3+5cH9v0p0jmHCiCR06pgS4/Bey9nyY+84/AFN8ZFu2kFSnVO+ue0bd/G51b7Zh+uR4Vh4fIWHGOHCm1tXnys2tdo43ngeEX36SvJpGipEavd+il664iGE91em47g/p5dFeToQVVLNcFDHf+xpTpWfL/HG4f38VcyuAXto7Eqyuquc1IX/86ANO17dv7ixZgCsaW9/7bSSsE3zLCKfcOzyOMkcmtb55C/jpLmzwza0L8sTpifLO7vFBOC+EUV8Hz602ver3iyp8KV6SR2wjlLPyrCFeUBCVox5lqh5+nfg7i72+KATdqkGmRaOCtmN5+kPppZ28aMFvr0tt68RFv4qK3UFQ8Tbqxi0f10R3dIjPI8n1Rohi23lUFPoydTjsHg9zjnDvtLTr1P+6yZUhOBk/LKBimaGF6Ml6JDY3QERgO4sfK3mGTkIXNbyTeaWFBVY/tp2jY1wyD7pfjedtskwXz8+HDUa5GlrD8MaT3lWXh8Hp6PXqTnMSGu4gjYieb3IGIvubrtQi4PZyroaPVy/rnUhrZTU9/BDfYzJX38KZ60PKWRC+3nQgu2CMTMLiu8X3I5Os3oUvrAi4eiZXH187WPNCzJcMdjRvbBPFRaHmqbHHjXUAx37kIysXRQ0kbmrcV+tftV0+JB1oz0WHwk3b7542glnzPFp0UhppbdGuYmgFEkcaGUcoEMzeL/3BOcNfnY2NrnpXOv9hOOGospsFLHLnvdj3Bi4yNah9+2cmlSPysRXznbnazpP1lqx9sM4sPA+kJmQdL0TspJVVn9o7qzrEhfta2ysPaWHpc/NGDTejwCgH9Zq4kjn4n60vsiF3E2FXIAO/Hp98SnpLothDX5Jk9m2rausyTZ2qOqF9CpvxLogWCvE9C+7HwEcf/cKYhvYCnOzPYrtwao7F+eu0dEo10LFW5vLXvnkmgfvwzhT2gDsbLW9RlTXq6nt+TqfdKTcnL7P/1g3T6hXqgZOBTDzgqxid6IvspOY37cmP1rvoxxP/nlVcZUJwK0P3FfslsJhLqVw/Kj/dCAvPHPq1NPv8G11lrk2TA8oeWfMRY6/17By3LFP10rEyDp/WgDjcZJDMdARSr5Uc9vALyn/sL1or31nN7a/WuVYM58QNooaqjNloqY9rSYfB8WvUtUH1RXFZaTyyjPC2pN6t79ZvQtOUTlX3/N2v0sMn3QiUt07pzjDQYDdVvWC7vYuKV+r/EP8mAuyxeNLQ+Fb4WOvEU2DA4Q+bnM7HHQ+6TUJ1Ni+KCELFBgUaBWFJSJam3F7pW39kR2h4Pqo4rbyrRF9kCrR5G/x7KsjiQncwAU/J9wH6LfiDjOzqCPy6ocOcn1xjHFssp+wgz5jiEnVNHzfC8Riw4Bq0GqPESZnH1pWUkaSrn4JJ0+RlurhCZc07RtOsFg/4t+tBhI8NZZC+6tdKFOoGddb4efOSYhwIZTnR3WNpUWW3r78i7HvhzkoUPBttf9DjGtEvt+zm+dTo87Q2Lfok97mZfLi4pfs98OCRocnRuqGk/yHD8ZDKWtUxb/Dp1Z3DM8gAeyVWTff7Bu57HkP4EBse0G402SQtnrncEBzcdWHRh/SHeWF+nL104k7tmTEPq3T84bYJ1qBmSYcgelIBNxQGaJJA25BtHfhOB6B19ilpd4aKikfKH7f855El24JOnqJr3Niiay4byI0dFCorXkS6qyLWKQ+2DlsQM7F33bW4i12t8onmyivh7pFy7kXpZ16nejv4cbFLMnTnwnxsZbW+atq70reIPXv27kqNg0bfeGepre63VIM2s6Pjmk8OMf0MNAUgCUx/t/uW6pXTa2pi5XVLwmJ+y9GiY/bidsx5+qBj2GXh3CWfefggeGxKr9zgKdPHvB0Nt1RYVzdl/hMQXvnI7FNzb3v0CJFoTW/SJQm+bSKZ94DPwpeL4kVJsGKOnaMUZ82MJ1cmGW0NxyrNRK2AQjTVjgx/FEMknWNXqzi6imu4hIHIF5Qw0zlgfYlIhaqoqa5+Syjam2rKHrUJT4/rAZZtpx/ltkh6CoqiPFga2BFaliwNN4KnJlFle2GdMe4TaGaap8+W0oR7i2+SDCpg4/J9kFKOkCMYXZZMMVvvxd1PwaYTHdog8cHSQu8TDEn0Lr9FSLc1Ad8iEtc0NBZwR5uoNRQU016Is1fiqVpq4Goc80UliXp6hPi5FmDl7kmzjMop3wKO6eW54lvSU6qEOlmiii71Lbj+Zc/hUfpmxyu6zOPbB85XQJh2UnwGyyi4gys/g5tB+TuW0QReU81J8PSMuGSbV5LnwhkPCTBP0/blBUlUC7WEurwAap8nhHl9yoZmmbLDllhqt9TFYfJ7YS5MToj+sS+VyviwFFVOq8QwZ3R5dWVxk3oATLBn99gahLtRz/TBojkPCYYK6PqjYFWNfo6k+Km1emm2DH6eQ75CKRcvrQrIOX8ev5dILJLWPvKbvGOnQbTqY6IypIkFHwIrzqHhVs9ZgOfraajn2wdCqBNEIknR9gZBlt0aFaxfxeQiLhCEJKqfGrRUKDg6H9D9fpaQ9d/qUZqJnsQAGqsq6oNmPIUhQb+6rlnKA6jdp+ciXL3qboaqDgRl5Hupsw3kAVw9TUNdvgDz+XhHqXpADiN2zteEKwz19RH+CE8sc4co8MNEtSorXV9mQkqRXkHraNcrzN7ixbf5K/hT3DgiaVP3PciooWxpzIaL8H/jA94wKHuJSEdyqT3jGyvN7nzbEgde26Ft1cGrM4YnNNWq1Fao26apH7osP1bt7FIVkDhpQWvJ5+CfYyheIrdFSD5Exj1PrJJFFdyvjtn4jVqzUZfbaWKNfi/+5dNi4wYNlhJLe3WPi9erI/YuxSX0OTzrrJhddJqScSmIAtpepLT69gkR86QIwyU2nEefArGrKHG6DL7OplyllEsmgwEF940T97Z6D4zClT9Snr6ZgfA18lGAAGGMDacjBkdFJkLWrsnU6ZPUOGUU6ugvNT+cxvDrf34WW1AQCaUNBQm+JzZSfK5D87hshFjyEM8MmjhidauN+eRQmI9XToQTGgOXMJBM3VhTqP7TmdZ/oXuPsBxCsxfFLJRRoeIUGeJPnze4mTzML+w4v94FzvWJVZM6V119hX1tKQLNfkTCRpbbyBtqnknrwjs9jCyKU4zQuqhwRm6ZX9dSkec7MPm/sqx66veTL+VjVDfnUukFXVDK4R+/QSRa67focztGlC25BN9pLMMB2j4RGo78vFIlkXBYwE1HMHP+ucQSiMrLf/eMYtshXpHQW/nf8mNU7o1Oiswrgee8FUV1hWS+a2ATosAcgU2Kh4SUMQrRfJ7Vi2BW0Z/+AfyyiCxIt25yNc4PlR6GeXIRIR3/XdQu0ujEPzVjnXT4BFc2O9CokRC/KywEl46IbfvLgwMVijviCBqSxVfPusqY+qTV96+QBf1nrJRyLYmHSHShNPOwWpNag8GAP/cIo7GsvPewCRNB1wqpOJx+2KokLlNEFSyDz/pwGB6ox2vTpfTYMIWJPo3FaV0JPRE8MooP+gTlB4wYDzoqouGwC8ebQRyi+3nS0mzLQKNYZdL3jZkUk3qeOfXdvRFWyzfP0EkcNIYUYXWuYbPettGbuSJ38pKRxpJW0ATXjiwRS5aB6iC1SVGIRU50jkiLttgjH/St4YxOGuHeg1pDbciJG35o9T6x1ygkvVHXjnqQpiltXX/ZYgMvPqb3PhgNDlSoLjvEzoWC0JqbU/qZFGbfw7YoZsUkZJNK2kItoUwREMgErMshvRfiwewJ2a16LNKoLtJdlg2B7xZo2H8LQ4WSya9rTGkjzf9OoVTwxXMT5GASVUwo+fnRxSGdWfF1DVU2XVQaVSZVYEUy3jHPkynWtTay+1ccRn7RKwDw2pbKHG7gn3//M2NfWBYAAAdUg39VOh6A/TVC/nkKzlWrKM5+oUVjxIHxjvFthgwo6KyH+wmgv/v6qP93XBz0KZAHtJHxsZb7Sc95dSjhzsf9oa/5aw8AoIe7e9J/u9/DAwMEHpj9Hfdct/no2OQb/cGHO+iVBv0pm/03zZe2DSCy0V+jL831w7Q4lpnXzeR5//eeFWny56iBavPr3ASbN+EfqXExrf6bnJ+F6XE+WFndCv9OHaiKQabTNzfvaEb8XRwodKjTRywMXYK5C7ZSSNw7AABQhVOACKSGQWCRhiGR0oSh4KoKQ+PWxTCwHRtiiAUPwKjp4gAgAt8MgyDxdxgSf/gwFMbiYWiWN5ODQdvvH4YTP1aUGR4ZHMz/z+eY1NjIL3blM2j1eoPrIwpG181CwglTWb/rtUziVHxfr1BdStWIz/Akvm9kvJPCE2mi1m53vW/ngRkZ79EO5nNGrUVrNdtsFjqbCTqNGDVlTF6vPuPEhh5oKUp5w59Rw0YMGkTdtFKjsxwZzVDqwUZU6w5omUIdr8xAS4/1M3CpVaVegqsFVSZmfSnr9yi9volzVPdCxuCiEd2nGABKMSI+p7oG9Q0p4zrLWiZypmVn1wWHdBjQTVZ6aGFIOUYGLMzKzIYD0yKSHWLVyf++td3GTgBRBBKBAkjkFJRU1DSKlShVRktHz8DIxMzCysbOwcnFrZxfQFBIWERUlZi4hKSUtGo1MmrVqdegUVaTZi2hscueeX0RD5P9kO88ph49) format("woff2"),url(data:application/font-woff;charset=utf-8;base64,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) format("woff");font-weight:400;font-style:normal}
@charset "UTF-8";
@font-face {
font-family: "Inter";
src: url("/content/themes/ramatours/fonts/Inter18pt-Regular.woff2") format("woff2"), url("/content/themes/ramatours/fonts/Inter18pt-Regular.woff") format("woff");
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Inter";
src: url("/content/themes/ramatours/fonts/Inter18pt-Bold.woff2") format("woff2"), url("/content/themes/ramatours/fonts/Inter18pt-Bold.woff") format("woff");
font-weight: bold;
font-style: normal;
font-display: swap;
}
.fullwidth {
width: 100%;
padding: 75px 20px;
}
@media (max-width: 991px) {
.fullwidth {
padding: 20px;
}
}
.fullwidth .container {
width: 100%;
padding: 0;
}
@media (min-width: 1370px) {
.fullwidth .container {
width: 1200px;
}
}
.fullwidth .container:before, .fullwidth .container:after {
all: unset;
}
.widget--homeSlider {
top: 130px;
right: 20px;
margin-top: 0;
height: 134px;
width: 100px;
bottom: 0;
position: absolute;
background-image: url("/content/themes/ramatours/img/klantenvertellen-score-shell.svg");
background-size: contain;
background-repeat: no-repeat;
z-index: 9;
}
@media (max-width: 810px) {
.widget--homeSlider {
display: none;
}
}
@media (min-width: 1200px) {
.widget--homeSlider {
height: 200px;
width: 150px;
top: 0px;
right: 100px;
margin-top: auto;
margin-bottom: auto;
}
body.page-template-template-home-2025 .widget--homeSlider {
margin-top: 170px;
}
}
.widget__score {
position: absolute;
left: 0;
top: 28px;
width: 100px;
text-align: center;
font-size: 44px;
color: #000;
display: block;
font-weight: 700;
}
@media (min-width: 1200px) {
.widget__score {
width: 150px;
top: 45px;
font-size: 64px;
}
}
.widget__score span {
font-size: 0.5em;
position: relative;
top: -0.7em;
}
.widget__rating {
height: 18px;
position: absolute;
top: 130px;
left: 15px;
width: 70px;
}
@media (min-width: 1200px) {
.widget__rating {
left: 25px;
width: 100px;
}
}
.widget__stars {
position: absolute;
top: 0;
left: 0;
width: 100px;
background-position: top left;
background-image: url("/content/themes/ramatours/img/score_widget_stars.svg");
background-size: cover;
height: 19px;
display: none;
}
@media (min-width: 1200px) {
.widget__stars {
top: 5px;
display: block;
}
}
.widget__text {
position: absolute;
top: 95px;
font-size: 0.8rem;
color: #fff;
width: 100px;
text-align: center;
font-weight: 400;
}
@media (min-width: 1200px) {
.widget__text {
top: 160px;
width: 150px;
}
}
/***********************************************************************************************************************
*
* text-related treatments (headings, paragraphs, lists)
*
**********************************************************************************************************************/
.heading_wood {
color: #fff;
font: 300 26px "Merriweather", serif;
text-transform: none;
background: url("/content/themes/ramatours/img/heading_wood-right.png") no-repeat center left;
background-size: 100% auto;
margin: 15px 0;
padding: 0;
}
.screen-reader-text {
display: none;
}
/***********************************************************************************************************************
*
* (Some) icons
* @FIXME: Keep this out of the production branch, only for future reference!
*
**********************************************************************************************************************/
.icon-arrow {
width: 20px;
height: 20px;
background-position: center;
background-repeat: no-repeat;
background-size: contain;
transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.icon-arrow:hover {
transform: scale(1.618);
}
.icon-arrow_right {
background-image: url("/content/themes/ramatours/img/arrow-right-white.png");
}
.icon-arrow_left {
background-image: url("/content/themes/ramatours/img/arrow-right-white.png");
/* @TODO: .icon-arrow_left negative scaleX()*/
}
.icon-arrow_left:hover {
transform: scale(-1.618, 1.618);
}
/***********************************************************************************************************************
*
* general styles (forms, tables, buttons, acronyms et al)
*
**********************************************************************************************************************/
.rm-selector {
font-family: "Merriweather", serif;
font-weight: bold;
}
.rm-selector:before {
content: "\f107";
position: absolute;
top: 6px;
right: 25px;
font-family: fontawesome, sans-serif;
color: #00807b;
}
.rm-selector select {
border: 2px solid #00807b;
width: 100%;
margin: 0 0 30px 0;
padding: 5px 0px 5px 10px;
}
/*
* Checkboxes
*/
label.checkbox {
cursor: pointer;
padding: 0;
line-height: 30px;
font-weight: normal;
font-size: 15px;
}
label.checkbox input[type=checkbox] {
cursor: pointer;
position: absolute;
width: 0;
height: 0;
opacity: 0;
padding: 0;
}
label.checkbox input[type=checkbox] + span {
cursor: pointer;
border: 2px solid #00807b;
border-radius: 8px;
width: 30px;
height: 30px;
content: " ";
display: block;
float: left;
margin-right: 15px;
}
label.checkbox input[type=checkbox]:checked + span {
color: #00807b;
font: normal normal normal 14px/1 FontAwesome;
font-size: 26px;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
line-height: 26px;
text-align: center;
}
label.checkbox input[type=checkbox]:checked + span:before {
content: "\f00c";
}
/*
* Button (the secret is that green-btn is not always green!)
*/
.green-btn {
transition: all 0.6s;
position: relative;
background: transparent;
border: 2px solid #155980;
color: #155980;
border-radius: 5px;
font: 400 16px/16px "Roboto", sans-serif;
padding: 10px 10px;
padding-right: 60px;
display: inline-block;
}
.green-btn:before {
transition: all 0.6s;
content: "\f061";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
color: #155980;
font-size: 14px;
padding-right: 0.5em;
position: absolute;
top: 11px;
right: 10px;
}
.cWhy .green-btn {
border: 2px solid #fff;
color: #fff;
}
.cWhy .green-btn:before {
transition: all 0.6s;
content: "\f061";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
color: white;
font-size: 14px;
padding-right: 0.5em;
position: absolute;
top: 11px;
right: 10px;
}
.green-btn:hover, .green-btn:focus {
text-decoration: none;
background: #fff;
color: #155980;
}
.green-btn:hover:before, .green-btn:focus:before {
transition: all 0.6s;
content: "\f061";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
color: #155980;
font-size: 14px;
padding-right: 0.5em;
position: absolute;
top: 11px;
right: 10px;
}
.green-btn.right {
float: right;
}
.green-btn.left {
float: left;
}
.solid-btn {
transition: all 0.6s;
position: relative;
border-color: #155980;
background: #155980;
border: 2px solid #155980;
color: white;
border-radius: 5px;
font: 400 16px/16px "Roboto", sans-serif;
padding: 10px 10px;
padding-right: 60px;
display: inline-block;
}
.solid-btn:before {
transition: all 0.6s;
content: "\f061";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
color: white;
font-size: 14px;
padding-right: 0.5em;
position: absolute;
top: 11px;
right: 10px;
}
.base-theme-bg .solid-btn {
background-color: #fff;
color: #00807b;
}
.base-theme-bg .solid-btn:before {
transition: all 0.6s;
content: "\f061";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
color: #00807b;
font-size: 14px;
padding-right: 0.5em;
position: absolute;
top: 11px;
right: 10px;
}
.base-theme-bg .solid-btn:hover, .base-theme-bg .solid-btn:focus {
background: rgb(229.5, 229.5, 229.5);
border-color: rgb(229.5, 229.5, 229.5);
text-decoration: none;
color: #00807b;
}
.solid-btn:hover, .solid-btn:focus {
background: rgb(13.8120805369, 58.5369127517, 84.1879194631);
border-color: rgb(13.8120805369, 58.5369127517, 84.1879194631);
text-decoration: none;
color: white;
}
.solid-btn.right {
float: right;
}
.solid-btn.left {
float: left;
}
.ghost-button {
transition: all 0.6s;
background: transparent;
border: 2px solid #00807b;
color: #00807b;
border-radius: 5px;
font: 400 16px/16px "Roboto", sans-serif;
padding: 10px 40px;
}
.ghost-button:before {
transition: all 0.6s;
content: "\f061";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
color: white;
font-size: 14px;
padding-right: 0.5em;
position: absolute;
top: 11px;
right: 10px;
}
.ghost-button:hover, .ghost-button:focus {
color: #00807b;
background: transparent !important;
text-decoration: none;
}
.green-btn-original {
font: 400 16px/16px "Roboto", sans-serif;
color: #fff;
padding: 10px 40px;
background: #00807b;
border-radius: 5px;
border: 2px solid #00807b;
cursor: pointer;
display: inline-block;
}
.green-btn-original:hover, .green-btn-original:focus {
color: #00807b;
background: transparent !important;
text-decoration: none;
}
/**********************************************************************************************************************/
a {
text-decoration: none;
}
a:hover, a:focus {
text-decoration: underline;
}
section {
display: block;
}
.rm-container > .container {
padding-right: 0;
padding-left: 0;
}
.pull-right-xs {
float: right !important;
}
.text-left {
text-align: left !important;
}
.text-right {
text-align: right !important;
}
.text-center {
text-align: center !important;
}
@media (min-width: 768px) {
.pull-right-sm {
float: right !important;
}
.pull-sm-right {
float: right !important;
}
.text-sm-left {
text-align: left !important;
}
.text-sm-right {
text-align: right !important;
}
.text-sm-center {
text-align: center !important;
}
}
@media (min-width: 992px) {
.pull-right-md {
float: right !important;
}
.pull-md-right {
float: right !important;
}
.text-md-left {
text-align: left !important;
}
.text-md-right {
text-align: right !important;
}
.text-md-center {
text-align: center !important;
}
}
@media (min-width: 1200px) {
.pull-right-lg {
float: right !important;
}
.pull-lg-right {
float: right !important;
}
.text-lg-left {
text-align: left !important;
}
.text-lg-right {
text-align: right !important;
}
.text-lg-center {
text-align: center !important;
}
}
/* extension */
.headline_size, .section-newsletter h2, .section-newsletter .h2, section.map-section .map-content h2, section.map-section .map-content .h2, .news-section h2, .news-section .h2,
.reisverslagen h2,
.reisverslagen .h2, section.destination-section h2, section.destination-section .h2 {
font: 700 36px/46px "Merriweather", serif;
}
.regular_font, .rm-btn, .section-newsletter .gform_footer input[type=submit], .section-newsletter .gform_body ul li input[type=email], .section-newsletter .gform_description, section.map-section .map-content p, .news-section article .meta-data a,
.reisverslagen article .meta-data a, .news-section article .meta-data p,
.reisverslagen article .meta-data p, .recensies-item-content p, section.destination-section p, .dropdown-style select {
font: 300 16px/24px "Roboto", sans-serif;
}
header {
box-shadow: 0 3px 10px #ccc;
position: relative;
z-index: 9999;
}
.cc-window {
z-index: 9998;
transition: 0.4s bottom;
}
@media (max-width: 767px) {
.cc-revoke.cc-bottom {
left: 0;
bottom: 61px !important;
transform: translateY(0px) !important;
}
}
.cc-overlay {
z-index: 9997;
}
::-webkit-input-placeholder {
opacity: 1;
}
::-moz-placeholder {
opacity: 1;
}
:-ms-input-placeholder {
opacity: 1;
}
:-moz-placeholder {
opacity: 1;
}
.text-small {
font-size: 15px !important;
}
.text-bold {
font-weight: bold !important;
}
.text-italic {
font-style: italic !important;
}
#search_input::-webkit-input-placeholder {
color: #999;
}
#search_input::-moz-placeholder {
color: #999;
}
#search_input:-ms-input-placeholder {
color: #999;
}
#search_input:-moz-placeholder {
color: #999;
}
.footer {
background: #00807b !important;
}
.footer-bottom {
background-color: #006a66 !important;
}
@media (min-width: 768px) {
.hide-desktop {
display: none;
}
}
@media (max-width: 767px) {
.hide-mobile {
display: none;
}
}
.rm-top-part {
height: 60px;
background: #00807b;
}
.rm-top-part nav.about-links {
float: left;
border-right: 1px solid #fff;
height: 60px;
}
.rm-top-part nav.about-links ul {
list-style: none;
padding: 0 25px;
}
.rm-top-part nav.about-links ul li {
display: inline-block;
}
.rm-top-part nav.about-links ul li.nav-button a {
margin: 10px;
padding: 10px;
background: #fff;
border-radius: 6px;
color: #00807b;
}
.rm-top-part nav.about-links ul li.nav-button a:hover {
color: #006a66 !important;
background: rgba(255, 255, 255, 0.85);
}
.rm-top-part nav.about-links ul li a {
color: #fff;
padding: 20px;
display: block;
font: 400 14px/14px "Roboto", sans-serif;
}
.rm-top-part nav.about-links ul li a:hover {
color: rgba(255, 255, 255, 0.85) !important;
text-decoration: none;
}
.rm-top-part nav.about-links ul li.menu-item-has-children {
margin: 0 10px 0 0;
position: relative;
}
.rm-top-part nav.about-links ul li.menu-item-has-children a {
position: relative;
}
.rm-top-part nav.about-links ul li.menu-item-has-children a:after {
content: "\f107";
font-family: fontawesome, sans-serif !important;
margin: 0 0 0 10px;
font-size: 22px !important;
position: absolute;
right: 0;
top: 20px;
}
.rm-top-part nav.about-links ul li.menu-item-has-children:hover .sub-menu, .rm-top-part nav.about-links ul li.menu-item-has-children.open .sub-menu {
opacity: 1;
visibility: visible;
}
.rm-top-part nav.about-links ul li.menu-item-has-children .sub-menu {
position: absolute;
width: 300px;
background: #00807b;
padding: 0;
z-index: 4;
opacity: 0;
visibility: hidden;
transition: visibility 0s, opacity 0.5s;
}
.rm-top-part nav.about-links ul li.menu-item-has-children .sub-menu li {
width: 100%;
display: inline-block;
}
.rm-top-part nav.about-links ul li.menu-item-has-children .sub-menu li a {
border-bottom: 1px solid #119893;
}
.rm-top-part nav.about-links ul li.menu-item-has-children .sub-menu li a:hover {
background: #006a66;
}
.rm-top-part nav.about-links ul li.menu-item-has-children .sub-menu li a:after {
display: none;
}
/* main header */
.rm-main-header {
height: 160px;
width: 100%;
display: inline-block;
}
.rm-main-header .justify-Navflex {
display: flex;
justify-content: space-between;
padding: 0 10px;
}
@media (min-width: 1078px) {
.rm-main-header .justify-Navflex {
padding: 0 100px;
}
}
.rm-main-header .navLogo {
margin-right: 80px;
}
@media (max-width: 1199px) and (min-width: 1024px) {
.rm-main-header .navLogo {
margin-right: 20px;
}
}
.rm-main-header .partnerNav {
background: #034e4a;
padding: 0 20px;
height: 100%;
min-height: 100%;
}
.rm-main-header .partnerNav > a {
padding: 0;
}
.rm-main-header .partnerNav > a:after {
content: unset !important;
}
.rm-main-header a.rm-logo {
margin: -15px auto;
display: block;
text-align: center;
}
.rm-main-header nav {
width: 100%;
display: inline-block;
}
.rm-main-header nav ul {
list-style: none;
padding: 0;
}
.rm-main-header nav ul li {
display: inline-block;
}
.rm-main-header nav ul li a {
color: #444444;
}
.rm-main-header nav.rm-primary-menu {
margin: 30px 0 0 0;
/* for active hover */
}
.rm-main-header nav.rm-primary-menu li a {
padding: 15px;
display: block;
font-size: 18px;
text-transform: uppercase;
}
.rm-main-header nav.rm-primary-menu li a:hover {
color: #00807b;
text-decoration: none;
}
.rm-main-header nav.rm-primary-menu li .sub-menu {
position: absolute;
width: 100%;
display: none;
margin: 15px 0 0 0 !important;
left: 0;
}
.rm-main-header nav.rm-primary-menu li .sub-menu li {
display: inline-block;
}
.rm-main-header nav.rm-primary-menu li .sub-menu li:hover a, .rm-main-header nav.rm-primary-menu li .sub-menu li.open a {
border-bottom: 3px solid #00807b;
}
.rm-main-header nav.rm-primary-menu li .sub-menu li a {
padding: 20px 15px;
display: block;
font-size: 16px;
text-transform: none !important;
}
.rm-main-header nav.rm-primary-menu li .sub-menu li a:hover {
color: #00807b;
text-decoration: none;
border-bottom: 3px solid #00807b;
}
.rm-main-header nav.rm-primary-menu li .sub-menu li .sub-menu {
display: none;
position: absolute;
z-index: 1;
background: #fff;
width: 230px;
margin: 0 !important;
padding: 20px 0;
}
.rm-main-header nav.rm-primary-menu li .sub-menu li .sub-menu li {
width: 100%;
display: inline-block;
}
.rm-main-header nav.rm-primary-menu li .sub-menu li .sub-menu li a {
padding: 5px 15px;
border-bottom: 0 solid #00807b;
}
.rm-main-header nav.rm-primary-menu li .sub-menu li .sub-menu li a:hover {
color: #00807b;
text-decoration: none;
border-bottom: 0 solid #00807b;
}
.rm-main-header nav.rm-primary-menu li .sub-menu li.menu-item-has-children:hover .sub-menu, .rm-main-header nav.rm-primary-menu li .sub-menu li.menu-item-has-children.open .sub-menu {
display: block;
}
.rm-main-header nav.rm-primary-menu li .sub-menu li.menu-item-has-children > a:after {
content: "\f107";
display: inline-block;
margin: 0 0 0 10px;
font-size: 15px;
font-family: fontawesome;
}
.rm-main-header nav.rm-primary-menu li:hover {
color: #00807b;
}
.rm-main-header nav.rm-primary-menu li.current-menu-item a {
color: #00807b;
}
.rm-main-header nav.rm-primary-menu li.current-menu-item .sub-menu {
display: block;
}
.rm-main-header nav.rm-primary-menu li.current-menu-item .sub-menu li a {
color: #444;
}
.rm-main-header nav.rm-primary-menu li.current-menu-item .sub-menu li:hover a {
color: #00807b;
}
.rm-main-header nav.rm-primary-menu li.current-menu-item .sub-menu li .sub-menu a {
color: #444;
}
.rm-main-header nav.rm-primary-menu li.current-menu-parent a {
color: #00807b;
}
.rm-main-header nav.rm-primary-menu li.current-menu-parent .sub-menu {
display: block;
}
.rm-main-header nav.rm-primary-menu li.current-menu-parent .sub-menu li a {
color: #444;
}
.rm-main-header nav.rm-primary-menu li.current-menu-parent .sub-menu li:hover a {
color: #00807b;
}
.rm-main-header nav.rm-primary-menu li.current-menu-parent .sub-menu li .sub-menu a {
color: #444;
}
.rm-main-header nav.rm-primary-menu li.current-menu-parent .sub-menu li.current-menu-item > a {
color: #00807b;
}
.rm-main-header nav.rm-primary-menu li.current-menu-ancestor a {
color: #00807b;
}
.rm-main-header nav.rm-primary-menu li.current-menu-ancestor .sub-menu {
display: block;
}
.rm-main-header nav.rm-primary-menu li.current-menu-ancestor .sub-menu li a {
color: #444;
}
.rm-main-header nav.rm-primary-menu li.current-menu-ancestor .sub-menu li:hover a {
color: #00807b;
}
.rm-main-header nav.rm-primary-menu li.current-menu-ancestor .sub-menu li .sub-menu a {
color: #444;
}
.rm-main-header nav.rm-primary-menu li.current-menu-ancestor .sub-menu li.current-menu-parent > a {
color: #00807b;
}
.rm-main-header nav.rm-primary-menu li.current-menu-ancestor .sub-menu li.current-menu-item > a {
color: #00807b;
}
.rm-main-header nav.rm-secondary-menu {
margin: 10px 0 0 0;
}
.rm-main-header nav.rm-secondary-menu li a {
padding: 15px;
display: block;
font-size: 16px;
text-transform: none;
}
.rm-main-header nav.rm-secondary-menu li a:hover {
color: #00807b !important;
text-decoration: none;
border-bottom: 3px solid #00807b;
}
.rm-main-header .top-search {
position: absolute;
right: 5%;
width: 490px;
background: #f2f2f2;
padding: 5px 10px;
margin: 35px 0 0 0;
z-index: 2;
}
.rm-main-header .top-search input[type=text] {
width: 92%;
padding: 10px;
border: 0;
background: transparent;
}
.rm-main-header .top-search button {
background: transparent;
color: #515151;
border: 0;
font-size: 20px;
}
/* Hotel page search */
.tax-hotels_landen .hotel-tab, .tax-landen2 .hotel-tab {
position: relative;
}
@media (max-width: 550px) {
.tax-hotels_landen .hotel-tab h3, .tax-landen2 .hotel-tab h3 {
text-align: center;
}
}
.tax-hotels_landen .hotel-tab .top-search, .tax-hotels_landen .hotel-tab .hotel-search, .tax-landen2 .hotel-tab .top-search, .tax-landen2 .hotel-tab .hotel-search {
position: absolute;
overflow: hidden;
height: 50px;
margin-top: 10px;
width: 50px;
cursor: pointer;
right: 100px;
transition: all 0.5s;
}
.tax-hotels_landen .hotel-tab .top-search input, .tax-hotels_landen .hotel-tab .hotel-search input, .tax-landen2 .hotel-tab .top-search input, .tax-landen2 .hotel-tab .hotel-search input {
position: absolute;
top: 5px;
right: 45px;
bottom: 5px;
}
@media (min-width: 1440px) {
.tax-hotels_landen .hotel-tab .top-search input, .tax-hotels_landen .hotel-tab .hotel-search input, .tax-landen2 .hotel-tab .top-search input, .tax-landen2 .hotel-tab .hotel-search input {
width: 85%;
}
}
.tax-hotels_landen .hotel-tab .top-search button, .tax-hotels_landen .hotel-tab .hotel-search button, .tax-landen2 .hotel-tab .top-search button, .tax-landen2 .hotel-tab .hotel-search button {
pointer-events: all !important;
position: absolute;
right: 5px;
top: 5px;
bottom: 5px;
padding: 5px 5px;
width: 45px;
}
.tax-hotels_landen .hotel-tab .top-search button #close-icon, .tax-hotels_landen .hotel-tab .hotel-search button #close-icon, .tax-landen2 .hotel-tab .top-search button #close-icon, .tax-landen2 .hotel-tab .hotel-search button #close-icon {
display: none;
}
.tax-hotels_landen .hotel-tab .top-search .search-result, .tax-hotels_landen .hotel-tab .top-search .hotel-search-result, .tax-hotels_landen .hotel-tab .hotel-search .search-result, .tax-hotels_landen .hotel-tab .hotel-search .hotel-search-result, .tax-landen2 .hotel-tab .top-search .search-result, .tax-landen2 .hotel-tab .top-search .hotel-search-result, .tax-landen2 .hotel-tab .hotel-search .search-result, .tax-landen2 .hotel-tab .hotel-search .hotel-search-result {
border-top: 1px solid #ccc;
background: #f2f2f2;
position: absolute;
width: 370px;
left: 0px;
top: 40px;
padding: 15px 10px;
}
.tax-hotels_landen .hotel-tab .top-search.open, .tax-hotels_landen .hotel-tab .hotel-search.open, .tax-landen2 .hotel-tab .top-search.open, .tax-landen2 .hotel-tab .hotel-search.open {
width: 370px;
}
.tax-hotels_landen .hotel-tab .top-search.open button #search-icon, .tax-hotels_landen .hotel-tab .hotel-search.open button #search-icon, .tax-landen2 .hotel-tab .top-search.open button #search-icon, .tax-landen2 .hotel-tab .hotel-search.open button #search-icon {
display: none;
}
.tax-hotels_landen .hotel-tab .top-search.open button #close-icon, .tax-hotels_landen .hotel-tab .hotel-search.open button #close-icon, .tax-landen2 .hotel-tab .top-search.open button #close-icon, .tax-landen2 .hotel-tab .hotel-search.open button #close-icon {
display: inline-block;
}
.tax-hotels_landen .hotel-tab .search-icon, .tax-landen2 .hotel-tab .search-icon {
margin-top: 0;
}
@media (min-width: 1200px) {
.tax-hotels_landen .hotel-tab .search-icon, .tax-landen2 .hotel-tab .search-icon {
margin-top: 35px;
}
}
.tax-hotels_landen .hotel-tab .hotel-search, .tax-landen2 .hotel-tab .hotel-search {
right: 0;
background: #f2f2f2;
overflow: visible;
padding: 5px 10px;
margin: 0;
z-index: 2;
top: 0;
max-width: 100%;
}
.tax-hotels_landen .hotel-tab .hotel-search .hotel-search-result, .tax-landen2 .hotel-tab .hotel-search .hotel-search-result {
top: 49px;
}
.tax-hotels_landen .hotel-tab .hotel-search .hotel-search-result h2, .tax-landen2 .hotel-tab .hotel-search .hotel-search-result h2 {
margin: 0;
}
.tax-hotels_landen .hotel-tab .hotel-search input#hotel_search_input::-moz-placeholder, .tax-landen2 .hotel-tab .hotel-search input#hotel_search_input::-moz-placeholder {
color: #999;
}
.tax-hotels_landen .hotel-tab .hotel-search input#hotel_search_input::placeholder, .tax-landen2 .hotel-tab .hotel-search input#hotel_search_input::placeholder {
color: #999;
}
@media (min-width: 768px) {
.tax-hotels_landen .hotel-tab .hotel-search, .tax-landen2 .hotel-tab .hotel-search {
width: 490px;
}
}
@media (max-width: 767px) {
.tax-hotels_landen .hotel-tab .hotel-search, .tax-landen2 .hotel-tab .hotel-search {
width: 370px;
}
}
@media (max-width: 550px) {
.tax-hotels_landen .hotel-tab .hotel-search, .tax-landen2 .hotel-tab .hotel-search {
right: 0;
margin: 0 auto;
top: -60px;
left: 0;
}
}
.tax-hotels_landen .hotel-tab .hotel-search input[type=text], .tax-landen2 .hotel-tab .hotel-search input[type=text] {
width: 85%;
padding: 10px;
border: 0;
background: transparent;
}
.tax-hotels_landen .hotel-tab .hotel-search button, .tax-landen2 .hotel-tab .hotel-search button {
background: transparent;
color: #515151;
border: 0;
font-size: 20px;
}
/* main slider */
.rm-main-slider .item {
width: 100%;
height: 850px;
background-position: top center;
background-size: cover;
}
.rm-main-slider .item .rm-slider-content {
padding: 195px 25px 25px 25px;
}
.rm-main-slider .item .rm-slider-content h1, .rm-main-slider .item .rm-slider-content .h1 {
color: #fff;
font: 700 36px/36px "Merriweather", serif;
text-align: left;
}
.rm-main-slider .item .rm-slider-content p {
color: #fff;
font: 300 36px/36px "Merriweather", serif;
margin: 0 0 35px 0;
text-align: left;
}
.rm-main-slider .carousel-cell {
width: 100%;
}
a.rm-btn-trans {
font: 400 24px/24px "Roboto", sans-serif;
color: #444;
display: table;
border: 0;
padding: 15px 30px;
border-radius: 5px;
background: #fff;
}
a.rm-btn-trans:hover {
text-decoration: none;
background: #fff;
}
a.rm-btn-trans.is-ghost {
background: transparent;
border: 2px solid #fff;
color: #fff;
}
a.rm-btn-trans.is-ghost:hover {
color: #444 !important;
background: #fff;
}
.content-block .section-header h2,
.content-block .section-header .h2 {
font: 700 36px/46px "Merriweather", serif;
color: #00807b;
margin: 30px 0 30px 0;
}
.content-block p {
font: 300 16px/26px "Roboto", sans-serif !important;
margin: 30px 0;
}
.content-block .container {
width: 1470px;
}
.best-geboekte-rondreizen .container {
width: 1458px;
}
.best-geboekte-rondreizen h2, .best-geboekte-rondreizen .h2 {
font: 700 36px/46px "Merriweather", serif;
color: #00807b;
}
.landen-informatie .container {
width: 1458px;
}
.landen-informatie h2, .landen-informatie .h2 {
font: 700 36px/46px "Merriweather", serif;
color: #00807b;
}
.best-geboekte-themareizen .container {
width: 1458px;
}
.best-geboekte-themareizen h2, .best-geboekte-themareizen .h2 {
font: 700 36px/46px "Merriweather", serif;
color: #00807b;
}
/* group carousel */
.gray-bg {
background: #f2f2f2;
}
section.overlap-slider {
width: 100%;
display: inline-block;
padding: 100px 0;
}
section.overlap-slider .headline-with-link {
width: 100%;
display: inline-block;
}
section.overlap-slider .headline-with-link h2, section.overlap-slider .headline-with-link .h2 {
font: 700 36px/46px "Merriweather", serif;
color: #00807b;
margin: 0 0 20px 19.2%;
}
.group-slider .flickity-viewport .flickity-slider {
margin: 0 0 0 12.6% !important;
}
.group-slider article.active figure,
.group-slider .article.active figure {
box-shadow: 0 0 15px #888;
transition-duration: 0.3s;
}
.group-slider article.active figure img,
.group-slider .article.active figure img {
transform: scale(1.1);
transition-duration: 0.3s;
}
.group-slider article.active .meta-data a,
.group-slider .article.active .meta-data a {
visibility: visible;
}
.group-slider article,
.group-slider .article {
position: relative;
height: 390px;
overflow: hidden;
}
.group-slider article figure,
.group-slider .article figure {
width: 100%;
transition-duration: 0.3s;
overflow: hidden;
background: #00807b;
height: 390px;
position: relative;
}
.group-slider article figure::after,
.group-slider .article figure::after {
content: " ";
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 33%, rgba(0, 0, 0, 0.3) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000", endColorstr="#4d000000", GradientType=0);
}
.group-slider article figure a,
.group-slider .article figure a {
overflow: hidden;
width: 100%;
height: 100%;
position: relative;
display: block;
}
.group-slider article figure img,
.group-slider .article figure img {
height: 100%;
transition-duration: 0.3s;
position: absolute;
top: -9999px;
right: -9999px;
bottom: -9999px;
left: -9999px;
margin: auto;
}
.group-slider article figure img.wide,
.group-slider .article figure img.wide {
height: 100%;
}
.group-slider article figure img.tall,
.group-slider .article figure img.tall {
height: auto;
width: 100%;
}
.group-slider article .meta-data,
.group-slider .article .meta-data {
position: absolute;
top: auto !important;
bottom: 20px;
padding: 0 40px;
width: 94.5%;
}
.group-slider article .meta-data h3, .group-slider article .meta-data .h3,
.group-slider .article .meta-data h3,
.group-slider .article .meta-data .h3 {
display: block;
font: 400 28px/28px "Roboto", sans-serif;
color: #fff;
margin: 0 0 10px 0;
}
.group-slider article .meta-data p,
.group-slider .article .meta-data p {
font: 300 24px/24px "Roboto", sans-serif;
color: #fff;
margin: 0 0 30px 0;
}
.group-slider .last-slide {
width: 100%;
background: #00807b;
display: table;
height: 100%;
text-align: center;
}
.group-slider .last-slide p {
display: table-cell;
vertical-align: middle;
color: #fff;
font: 400 28px/28px "Roboto", sans-serif;
}
.link, strong > a, a > strong {
color: #006a66;
}
.link:hover, .link:focus, strong > a:hover, strong > a:focus, a > strong:hover, a > strong:focus {
color: #00807b;
}
.small-border-btn-white {
border: 1px solid #fff;
color: #fff;
font: 400 14px/14px "Roboto", sans-serif;
padding: 13px 40px;
display: inline-block;
border-radius: 5px;
background: transparent;
}
.small-border-btn-white:hover {
color: #444 !important;
text-decoration: none;
background: #fff;
}
.hide_select_arrow, .dropdown-style select {
-webkit-appearance: none;
-moz-appearance: none;
}
.dropdown-style select::-ms-expand {
display: none;
}
.dropdown-style {
background: #fff;
width: 462px;
overflow: hidden;
position: relative;
margin: 10px auto 30px auto;
display: block;
height: 45px;
border-radius: 5px;
}
.dropdown-style:before {
content: "\f107";
position: absolute;
right: 20px;
top: 6px;
pointer-events: none;
font-family: fontawesome;
font-size: 24px;
color: #8e8e8e;
}
.dropdown-style select {
background: transparent;
margin: 0;
height: 45px;
width: 100%;
padding: 0 20px;
color: #8e8e8e;
}
section.destination-section {
background: url("/content/themes/ramatours/img/search_cta.jpg") no-repeat !important;
background-position: top center;
background-size: cover;
height: 430px;
padding: 100px 0;
text-align: center;
overflow: hidden;
}
section.destination-section h2, section.destination-section .h2 {
color: #fff !important;
margin: 0 0 25px 0;
}
section.destination-section p {
color: #fff;
margin: 0 0 25px 0;
}
section.destination-section button {
margin: 0 auto;
}
body.term-maleisie .post-wrapper article h1,
body.term-maleisie .post-wrapper article .h1,
.term-west-maleisie .post-wrapper article h1,
.term-west-maleisie .post-wrapper article .h1,
.term-sarawak .post-wrapper article h1,
.term-sarawak .post-wrapper article .h1,
.term-sabah .post-wrapper article h1,
.term-sabah .post-wrapper article .h1,
.term-singapore .post-wrapper article h1,
.term-singapore .post-wrapper article .h1 {
text-transform: uppercase;
line-height: 1.5;
margin: 50px 0 20px;
}
body.term-maleisie .post-wrapper article h2,
body.term-maleisie .post-wrapper article .h2,
.term-west-maleisie .post-wrapper article h2,
.term-west-maleisie .post-wrapper article .h2,
.term-sarawak .post-wrapper article h2,
.term-sarawak .post-wrapper article .h2,
.term-sabah .post-wrapper article h2,
.term-sabah .post-wrapper article .h2,
.term-singapore .post-wrapper article h2,
.term-singapore .post-wrapper article .h2 {
line-height: 1.5;
margin: 50px 0 20px;
}
.cta-contact {
overflow: hidden;
}
.cta-contact p {
font-size: 20px;
position: relative;
z-index: 5;
}
.recensies-item-content p {
margin: 0 0 20px 0;
color: #444444;
font-weight: 300 !important;
}
.onze-recensies-wrap {
padding: 48px 20px !important;
}
@media (min-width: 620px) {
.onze-recensies-wrap {
padding: 80px 0px !important;
}
}
@media (min-width: 620px) {
.onze-recensies-wrap .section-header {
margin: 40px 0 0;
}
}
.onze-recensies-wrap .section-header h1, .onze-recensies-wrap .section-header .h1 {
margin: 0;
}
@media (max-width: 620px) {
.onze-recensies-wrap .section-header h1, .onze-recensies-wrap .section-header .h1 {
text-align: left;
}
}
.onze-recensies-wrap .totals {
color: #fff;
margin: 8px 0 0;
}
@media (max-width: 620px) {
.onze-recensies-wrap .totals {
text-align: left;
}
}
.onze-recensies-wrap .recensies-avatar.v2 {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
gap: 20px;
}
.onze-recensies-wrap .recensies-avatar [class^="rating rating-"]::after {
display: block;
color: #fff;
font-family: FontAwesome;
margin-bottom: 20px;
}
.onze-recensies-wrap .recensies-avatar > .rating.rating-1::after {
content: "\f123\f006\f006\f006\f006";
}
.onze-recensies-wrap .recensies-avatar > .rating.rating-2::after {
content: "\f005\f006\f006\f006\f006";
}
.onze-recensies-wrap .recensies-avatar > .rating.rating-3::after {
content: "\f005\f123\f006\f006\f006";
}
.onze-recensies-wrap .recensies-avatar > .rating.rating-4::after {
content: "\f005\f005\f006\f006\f006";
}
.onze-recensies-wrap .recensies-avatar > .rating.rating-5::after {
content: "\f005\f005\f123\f006\f006";
}
.onze-recensies-wrap .recensies-avatar > .rating.rating-6::after {
content: "\f005\f005\f005\f006\f006";
}
.onze-recensies-wrap .recensies-avatar > .rating.rating-7::after {
content: "\f005\f005\f005\f123\f006";
}
.onze-recensies-wrap .recensies-avatar > .rating.rating-8::after {
content: "\f005\f005\f005\f005\f006";
}
.onze-recensies-wrap .recensies-avatar > .rating.rating-9::after {
content: "\f005\f005\f005\f005\f123";
}
.onze-recensies-wrap .recensies-avatar > .rating.rating-10::after {
content: "\f005\f005\f005\f005\f005";
}
.onze-recensies-wrap .recensies-avatar > .rating > .rating {
margin: 30px auto 0;
display: inline-block;
background: #00807b;
border-radius: 50%;
width: 55px;
height: 55px;
line-height: 55px;
}
.onze-recensies-wrap .recensies-avatar .left__col {
border-radius: 100px;
background: #00807C;
display: flex;
width: 48px;
height: 48px;
padding: 10px;
justify-content: center;
align-items: center;
gap: 10px;
aspect-ratio: 1/1;
}
.onze-recensies-wrap .recensies-avatar .right__col {
color: #FFF;
font-family: "Roboto", sans-serif;
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: normal;
}
.onze-recensies-section.v2 {
min-height: 706px;
}
.onze-recensies-section.v2 .recensies-item-content {
padding: 32px 20px;
}
@media (min-width: 620px) {
.onze-recensies-section.v2 .recensies-item-content {
padding: 40px 48px;
}
}
.onze-recensies-section.v2 .recensies-item-content .klantenvertellen-head {
width: 52.418px;
height: 25.732px;
min-width: 52.418px;
min-height: 25.732px;
-o-object-fit: contain;
object-fit: contain;
}
.onze-recensies-section.v2 .recensies-item-content .klantenvertellen-head img {
height: 100% !important;
width: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.onze-recensies-section.v2 .recensies-item-content .h2 {
margin: 0 0 8px 0;
text-align: left;
color: #00807C;
font-family: Merriweather;
font-size: 22px;
font-style: normal;
font-weight: 700;
line-height: normal;
}
.onze-recensies-section.v2 .recensies-item-content .title-date {
display: flex;
flex-direction: column;
}
.onze-recensies-section.v2 .recensies-item-content p {
margin: 0;
color: #000;
text-align: left !important;
}
.onze-recensies-section.v2 .recensies-item-content p:has(+ *) {
margin: 0 0 8px 0;
}
.onze-recensies-section.v2 .recensies-item-content p a {
color: #00807C;
}
@media (max-width: 620px) {
.onze-recensies-section.v2 #onze-recensies-carousel .flickity-button {
display: none;
}
}
.onze-recensies-section.v2 .view-all-review {
transform: translateY(-48px) translateX(-50%);
}
/* news section */
.news-section,
.reisverslagen {
background: #f2f2f2;
padding: 65px 15px;
}
.news-section h2, .news-section .h2,
.reisverslagen h2,
.reisverslagen .h2 {
text-align: center;
color: #00807b;
margin: 0 0 45px 0;
}
.news-section article,
.reisverslagen article {
background: #fff;
margin: 0 20px;
transition-duration: 0.5s;
}
.news-section article:hover,
.reisverslagen article:hover {
box-shadow: 0 3px 8px #ccc;
transition-duration: 0.5s;
}
.news-section article figure,
.reisverslagen article figure {
overflow: hidden;
position: relative;
padding-bottom: 75%;
}
.news-section article figure img,
.reisverslagen article figure img {
display: block;
height: auto;
left: 0;
position: absolute;
top: 50%;
width: 100%;
transform: translateY(-50%);
}
.news-section article figure img.align-vertically,
.reisverslagen article figure img.align-vertically {
height: 100%;
left: 50%;
top: 0;
width: auto;
transform: translateX(-50%);
}
.news-section article .meta-data,
.reisverslagen article .meta-data {
padding: 20px;
width: 100%;
display: inline-block;
}
@media (min-width: 992px) {
.news-section article .meta-data,
.reisverslagen article .meta-data {
min-height: 356px;
}
}
.news-section article .meta-data h3,
.news-section article .meta-data .h3,
.reisverslagen article .meta-data h3,
.reisverslagen article .meta-data .h3 {
display: block;
font: 400 22px/46px "Roboto", sans-serif;
color: #444;
margin: 0 0 20px 0;
}
@media (min-width: 992px) {
.news-section article .meta-data h3,
.news-section article .meta-data .h3,
.reisverslagen article .meta-data h3,
.reisverslagen article .meta-data .h3 {
line-height: 35px;
min-height: 66px;
}
}
.news-section article .meta-data h3 a,
.news-section article .meta-data .h3 a,
.reisverslagen article .meta-data h3 a,
.reisverslagen article .meta-data .h3 a {
color: #444;
font: 400 22px/22px "Roboto", sans-serif;
float: none;
display: block;
}
.news-section article .meta-data h3 a:hover,
.news-section article .meta-data .h3 a:hover,
.reisverslagen article .meta-data h3 a:hover,
.reisverslagen article .meta-data .h3 a:hover {
text-decoration: none;
font-weight: normal;
color: #00807b !important;
}
.news-section article .meta-data p,
.reisverslagen article .meta-data p {
color: #444;
margin: 0 0 20px 0;
font-size: 16px;
line-height: 24px;
}
.news-section article .meta-data p.has-five-lines,
.reisverslagen article .meta-data p.has-five-lines {
max-height: 120px;
overflow: hidden;
}
.news-section article .meta-data a,
.reisverslagen article .meta-data a {
text-decoration: none;
color: #00807b;
}
.news-section article .meta-data a:hover,
.reisverslagen article .meta-data a:hover {
text-decoration: none;
font-weight: bold;
color: #00807b !important;
}
.news-section .news-btn,
.reisverslagen .news-btn {
width: 100%;
display: flex;
justify-content: center;
margin: 90px 0 0 0;
}
section.map-section {
min-height: 500px;
background: #006a66;
}
section.map-section .container {
width: 1370px;
}
section.map-section .map-content {
padding: 160px 0 0 0;
}
section.map-section .map-content h2, section.map-section .map-content .h2 {
color: #fff;
margin: 0 0 30px 0;
}
section.map-section .map-content p {
color: #fff;
}
.section-newsletter {
padding: 100px 0;
text-align: center;
}
.section-newsletter h2, .section-newsletter .h2 {
color: #00807b !important;
margin: 0 0 30px 0;
}
.section-newsletter .gform_description {
text-align: center;
color: #444;
}
.section-newsletter form {
width: 70%;
margin: 0 auto;
position: relative;
}
.section-newsletter .gform_body {
margin: 40px 0 0 0;
}
.section-newsletter .gform_body ul {
padding: 0;
list-style: none;
}
.section-newsletter .gform_body ul label {
display: none;
}
.section-newsletter .gform_body ul li {
width: 100%;
}
.section-newsletter .gform_body ul li input[type=email] {
border-radius: 5px;
width: 100%;
height: 45px;
border: 1px solid #ccc;
padding: 0 20px;
}
.section-newsletter .gform_footer {
position: absolute;
right: 0;
bottom: 0;
}
.section-newsletter .gform_footer input[type=submit] {
background: #00807b;
border: 0;
color: #fff;
height: 45px;
padding: 0 50px;
border-radius: 0 5px 5px 0;
}
.section-newsletter .gform_footer input[type=submit]:hover {
background: #116763;
}
.gform_validation_container, .validation_error, .validation_message {
display: none;
}
.footer-links li {
margin: 0 0 5px;
}
.footer-buttons {
width: 100%;
margin: 32px 0;
display: flex;
flex-direction: column;
gap: 20px;
}
.footer-buttons a {
align-self: flex-start;
}
.footer .vignet img {
display: block;
width: 66.66%;
}
.footer .footer-badge img {
display: block;
width: 100%;
max-width: 140px;
}
body.home section.rm-main-slider {
text-align: center;
}
body.home section.rm-main-slider .flickity-viewport {
text-align: left;
}
body.home section.rm-main-slider .flickity-page-dots {
display: inline-block;
position: absolute;
bottom: 40px;
background: rgba(0, 0, 0, 0.3);
padding: 4px 6px;
border-radius: 10px;
margin: 0 auto;
width: auto;
}
body.home section.rm-main-slider .flickity-page-dots .dot {
background: rgba(255, 255, 255, 0.5);
opacity: 1;
}
body.home section.rm-main-slider .flickity-page-dots .dot.is-selected {
background: #fff;
}
.rm-btn {
padding: 13px 40px;
line-height: 16px !important;
}
.btn-border-white {
border-radius: 5px;
border: 2px solid #fff;
color: #fff;
}
.btn-border-white:hover {
background: #006a66;
color: #fff !important;
}
.btn-flat-white {
border-radius: 5px;
border: 2px solid #fff;
color: #00807b !important;
background: #fff;
}
.btn-flat-white:hover {
background: rgba(255, 255, 255, 0.85);
color: #00807b !important;
}
.footer-contact p {
font: 300 16px/24px Roboto, sans-serif;
color: #fff;
}
nav.social-links-bottom {
display: inline-block;
width: 100%;
}
nav.social-links-bottom ul {
list-style: none;
padding: 0;
margin: 0;
display: flex;
}
nav.social-links-bottom ul li {
display: inline-block;
margin: 5px 5px 0 0;
}
nav.social-links-bottom ul li a {
color: #fff;
font-size: 18px;
background: #fff;
border-radius: 50%;
width: 30px;
height: 30px;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
}
nav.social-links-bottom ul li a i {
color: #00807b;
display: block;
font-size: 15px;
}
nav.social-links-bottom ul li a:hover {
color: #00807b;
background: #c1e4e3;
}
.footer .logos {
margin: 20px 0 0 0;
}
.recensies-item-btn {
margin-top: 20px !important;
}
.recensies-item-btn a {
display: inline-block;
}
.center-button {
width: 100%;
display: inline-block;
}
.center-button a {
margin: 0 auto;
}
main.rm-main-slider-wrapper {
position: relative;
}
main.rm-main-slider-wrapper .vignet {
display: block;
position: absolute;
right: 60px;
top: 0;
bottom: 0;
margin: auto 0;
height: 50%;
}
main.rm-main-slider-wrapper .reviewWidget {
display: block;
position: absolute;
right: 45px;
top: 0;
bottom: 0;
margin-top: 60px;
height: 50%;
width: 200px;
}
main.rm-main-slider-wrapper .rm-scroll-btn {
display: none;
position: absolute;
bottom: 200px;
margin: 0 auto;
left: 0;
right: 0;
text-align: center;
color: #fff;
text-transform: uppercase;
font-size: 16px;
}
main.rm-main-slider-wrapper .rm-scroll-btn i {
display: block;
font-size: 36px;
margin: 5px 0 0 0;
}
main.rm-main-slider-wrapper .rm-scroll-btn:hover {
text-decoration: none;
color: #00807b !important;
}
.flex-center {
display: flex;
justify-content: center;
align-items: center;
}
.rm-main-header .col-md-2 {
width: 15%;
}
.shorten {
line-height: 24px;
overflow: hidden;
}
.shorten.shorten-1-lines {
max-height: 24px;
}
.shorten.shorten-2-lines {
max-height: 48px;
}
.shorten.shorten-3-lines {
max-height: 72px;
}
.shorten.shorten-4-lines {
max-height: 96px;
}
.shorten.shorten-5-lines {
max-height: 120px;
}
.seo {
margin-top: 45px;
padding-top: 45px;
border-top: 2px solid #155980;
margin-bottom: 60px;
}
body.archive.tax-themas .seo, body.archive.post-type-archive-rondreizen_ .seo {
border-color: #00807b;
}
.seo h2, .seo .h2, .seo h3, .seo .h3 {
font: 400 32px/46px "Merriweather", serif;
text-transform: none;
color: #00807b;
margin: 30px 0 15px;
}
.seo h3 {
font: 400 22px/30px "Merriweather", serif;
line-height: 1.4;
font-weight: bold;
text-transform: none;
margin: 30px 0 15px;
}
.seo img {
margin: 39px 0 20px;
display: block;
height: auto;
width: auto;
min-width: 0;
min-height: 0;
max-width: 100%;
max-height: none;
}
.seo p {
font: 300 16px/26px "Roboto", sans-serif !important;
margin: 0 0 15px;
}
.post-slider {
overflow: hidden;
}
.post-slider .flickity-viewport {
/* on some small phone's flickity can't set viewportheight by itself, so we give it a default height which is overridden in most cases
(it's what it should be on an iphone 5) */
height: 217.5px;
}
@media (min-width: 425px) {
.post-slider .flickity-viewport {
height: 403.5px;
}
}
@media (min-width: 768px) {
.post-slider .flickity-viewport {
height: 100%;
}
}
.post-slider .carousel-main .carousel-cell {
width: 100%;
}
.post-slider .carousel-main .carousel-cell a {
display: block;
}
.post-slider .carousel-main .carousel-cell img {
display: block;
max-width: 100%;
max-height: 100%;
}
.post-slider .carousel-nav {
margin: 8px -5px 0;
}
.post-slider .carousel-nav .image {
padding: 0 5px;
overflow: hidden;
}
.post-slider .carousel-nav .image img {
max-width: 100%;
}
.section-instagram {
padding: 0 0 50px;
text-align: center;
}
.section-instagram h2, .section-instagram .h2 {
font: 700 36px/46px "Merriweather", serif;
font-weight: 400;
color: #00807b !important;
margin: 0 0 30px 0;
}
.section-instagram h2 a, .section-instagram .h2 a {
color: #00807b !important;
text-decoration: none !important;
}
.section-instagram h2 a:hover, .section-instagram .h2 a:hover {
color: #00807b !important;
text-decoration: none !important;
}
.section-instagram p {
font: 300 16px/24px "Roboto", sans-serif;
text-align: center;
color: #444;
margin: 0 0 40px;
}
.section-instagram .btn.btn-green {
display: inline-block;
transition: all 0.3s ease;
font: 300 16px/24px "Roboto", sans-serif;
border: 0;
background: #00807b;
color: #fff;
height: 45px;
line-height: 45px;
vertical-align: top;
padding: 0 50px;
border-radius: 5px;
margin: 0 0 40px;
}
.section-instagram .btn.btn-green:hover {
background: #116763;
}
.section-instagram #sb_instagram .sbi_photo_wrap {
background: #444;
}
.section-instagram #sb_instagram .sbi_photo_wrap .sbi_photo {
opacity: 1 !important;
}
.section-instagram #sb_instagram .sbi_photo_wrap .sbi_photo::after {
content: "\f16d";
font-family: FontAwesome, serif;
top: 50%;
position: absolute;
left: 0;
right: 0;
transform: translateY(-50%);
color: #fff;
font-size: 60px;
opacity: 0;
transition: opacity 150ms ease-out;
text-align: center;
display: block;
}
.section-instagram #sb_instagram .sbi_photo_wrap .sbi_photo:hover {
opacity: 0.7 !important;
}
.section-instagram #sb_instagram .sbi_photo_wrap .sbi_photo:hover::after {
opacity: 1;
cursor: pointer;
}
.page-template-template-reisgidsen, .single-rondreizen_ .specialist, .single-hotels_ .specialist, .single-hoogtepunten_ .specialist, .page-template-template-offerte .specialist-mobile, .page-template-template-landing-rondreizen .specialist, .single-sublanden .specialist, .single-landen .specialist {
position: relative;
color: #fff;
text-align: center;
}
@media (min-width: 768px) {
.page-template-template-reisgidsen, .single-rondreizen_ .specialist, .single-hotels_ .specialist, .single-hoogtepunten_ .specialist, .page-template-template-offerte .specialist-mobile, .page-template-template-landing-rondreizen .specialist, .single-sublanden .specialist, .single-landen .specialist {
text-align: left;
}
}
@media (min-width: 992px) {
.page-template-template-reisgidsen, .single-rondreizen_ .specialist, .single-hotels_ .specialist, .single-hoogtepunten_ .specialist, .page-template-template-offerte .specialist-mobile, .page-template-template-landing-rondreizen .specialist, .single-sublanden .specialist, .single-landen .specialist {
padding: 30px 0 0 0;
}
}
.page-template-template-reisgidsen a:not(.button), .single-rondreizen_ .specialist a:not(.button), .single-hotels_ .specialist a:not(.button), .single-hoogtepunten_ .specialist a:not(.button), .page-template-template-offerte .specialist-mobile a:not(.button), .page-template-template-landing-rondreizen .specialist a:not(.button), .single-sublanden .specialist a:not(.button), .single-landen .specialist a:not(.button) {
color: #fff;
}
.page-template-template-reisgidsen a:not(.button):hover, .page-template-template-reisgidsen a:not(.button):focus, .single-rondreizen_ .specialist a:not(.button):hover, .single-rondreizen_ .specialist a:not(.button):focus, .single-hotels_ .specialist a:not(.button):hover, .single-hotels_ .specialist a:not(.button):focus, .single-hoogtepunten_ .specialist a:not(.button):hover, .single-hoogtepunten_ .specialist a:not(.button):focus, .page-template-template-offerte .specialist-mobile a:not(.button):hover, .page-template-template-offerte .specialist-mobile a:not(.button):focus, .page-template-template-landing-rondreizen .specialist a:not(.button):hover, .page-template-template-landing-rondreizen .specialist a:not(.button):focus, .single-sublanden .specialist a:not(.button):hover, .single-sublanden .specialist a:not(.button):focus, .single-landen .specialist a:not(.button):hover, .single-landen .specialist a:not(.button):focus {
color: #fff !important;
}
.page-template-template-reisgidsen .background, .single-rondreizen_ .specialist .background, .single-hotels_ .specialist .background, .single-hoogtepunten_ .specialist .background, .page-template-template-offerte .specialist-mobile .background, .page-template-template-landing-rondreizen .specialist .background, .single-sublanden .specialist .background, .single-landen .specialist .background {
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
background: #155980 url("/content/themes/ramatours/img/background-specialist.png") center no-repeat;
background-size: cover;
}
@media (min-width: 992px) {
.page-template-template-reisgidsen .background, .single-rondreizen_ .specialist .background, .single-hotels_ .specialist .background, .single-hoogtepunten_ .specialist .background, .page-template-template-offerte .specialist-mobile .background, .page-template-template-landing-rondreizen .specialist .background, .single-sublanden .specialist .background, .single-landen .specialist .background {
top: 30px;
}
}
.page-template-template-reisgidsen .arrow, .single-rondreizen_ .specialist .arrow, .single-hotels_ .specialist .arrow, .single-hoogtepunten_ .specialist .arrow, .page-template-template-offerte .specialist-mobile .arrow, .page-template-template-landing-rondreizen .specialist .arrow, .single-sublanden .specialist .arrow, .single-landen .specialist .arrow {
display: none;
position: absolute;
bottom: -20px;
right: 0;
left: 0;
margin: 0 auto;
width: 0;
height: 0;
border-style: solid;
border-width: 20px 20px 0 20px;
border-color: #00807b transparent transparent;
}
@media (min-width: 768px) {
.page-template-template-reisgidsen .arrow, .single-rondreizen_ .specialist .arrow, .single-hotels_ .specialist .arrow, .single-hoogtepunten_ .specialist .arrow, .page-template-template-offerte .specialist-mobile .arrow, .page-template-template-landing-rondreizen .specialist .arrow, .single-sublanden .specialist .arrow, .single-landen .specialist .arrow {
display: block;
}
}
.page-template-template-reisgidsen .container, .single-rondreizen_ .specialist .container, .single-hotels_ .specialist .container, .single-hoogtepunten_ .specialist .container, .page-template-template-offerte .specialist-mobile .container, .page-template-template-landing-rondreizen .specialist .container, .single-sublanden .specialist .container, .single-landen .specialist .container {
position: relative;
}
.page-template-template-reisgidsen .hello .contents, .single-rondreizen_ .specialist .hello .contents, .single-hotels_ .specialist .hello .contents, .single-hoogtepunten_ .specialist .hello .contents, .page-template-template-offerte .specialist-mobile .hello .contents, .page-template-template-landing-rondreizen .specialist .hello .contents, .single-sublanden .specialist .hello .contents, .single-landen .specialist .hello .contents {
padding: 30px 0 0;
}
@media (min-width: 992px) {
.page-template-template-reisgidsen .hello .contents, .single-rondreizen_ .specialist .hello .contents, .single-hotels_ .specialist .hello .contents, .single-hoogtepunten_ .specialist .hello .contents, .page-template-template-offerte .specialist-mobile .hello .contents, .page-template-template-landing-rondreizen .specialist .hello .contents, .single-sublanden .specialist .hello .contents, .single-landen .specialist .hello .contents {
padding: 42px 0;
}
}
.page-template-template-reisgidsen .hello .call, .single-rondreizen_ .specialist .hello .call, .single-hotels_ .specialist .hello .call, .single-hoogtepunten_ .specialist .hello .call, .page-template-template-offerte .specialist-mobile .hello .call, .page-template-template-landing-rondreizen .specialist .hello .call, .single-sublanden .specialist .hello .call, .single-landen .specialist .hello .call {
font: 300 31px/38px "Roboto", sans-serif;
display: block;
margin-bottom: 12px;
}
.page-template-template-reisgidsen .hello .call:hover, .page-template-template-reisgidsen .hello .call:focus, .single-rondreizen_ .specialist .hello .call:hover, .single-rondreizen_ .specialist .hello .call:focus, .single-hotels_ .specialist .hello .call:hover, .single-hotels_ .specialist .hello .call:focus, .single-hoogtepunten_ .specialist .hello .call:hover, .single-hoogtepunten_ .specialist .hello .call:focus, .page-template-template-offerte .specialist-mobile .hello .call:hover, .page-template-template-offerte .specialist-mobile .hello .call:focus, .page-template-template-landing-rondreizen .specialist .hello .call:hover, .page-template-template-landing-rondreizen .specialist .hello .call:focus, .single-sublanden .specialist .hello .call:hover, .single-sublanden .specialist .hello .call:focus, .single-landen .specialist .hello .call:hover, .single-landen .specialist .hello .call:focus {
text-decoration: none;
}
.page-template-template-reisgidsen .hello .call:hover span, .page-template-template-reisgidsen .hello .call:focus span, .single-rondreizen_ .specialist .hello .call:hover span, .single-rondreizen_ .specialist .hello .call:focus span, .single-hotels_ .specialist .hello .call:hover span, .single-hotels_ .specialist .hello .call:focus span, .single-hoogtepunten_ .specialist .hello .call:hover span, .single-hoogtepunten_ .specialist .hello .call:focus span, .page-template-template-offerte .specialist-mobile .hello .call:hover span, .page-template-template-offerte .specialist-mobile .hello .call:focus span, .page-template-template-landing-rondreizen .specialist .hello .call:hover span, .page-template-template-landing-rondreizen .specialist .hello .call:focus span, .single-sublanden .specialist .hello .call:hover span, .single-sublanden .specialist .hello .call:focus span, .single-landen .specialist .hello .call:hover span, .single-landen .specialist .hello .call:focus span {
border-bottom: 2px solid #fff;
}
.page-template-template-reisgidsen .quote, .single-rondreizen_ .specialist .quote, .single-hotels_ .specialist .quote, .single-hoogtepunten_ .specialist .quote, .page-template-template-offerte .specialist-mobile .quote, .page-template-template-landing-rondreizen .specialist .quote, .single-sublanden .specialist .quote, .single-landen .specialist .quote {
font: 400 20px/30px "Merriweather", serif;
font-style: italic;
}
.page-template-template-reisgidsen .quote .contents, .single-rondreizen_ .specialist .quote .contents, .single-hotels_ .specialist .quote .contents, .single-hoogtepunten_ .specialist .quote .contents, .page-template-template-offerte .specialist-mobile .quote .contents, .page-template-template-landing-rondreizen .specialist .quote .contents, .single-sublanden .specialist .quote .contents, .single-landen .specialist .quote .contents {
padding: 30px 0;
}
@media (min-width: 992px) {
.page-template-template-reisgidsen .quote .contents, .single-rondreizen_ .specialist .quote .contents, .single-hotels_ .specialist .quote .contents, .single-hoogtepunten_ .specialist .quote .contents, .page-template-template-offerte .specialist-mobile .quote .contents, .page-template-template-landing-rondreizen .specialist .quote .contents, .single-sublanden .specialist .quote .contents, .single-landen .specialist .quote .contents {
padding: 37px 0;
}
}
.page-template-template-reisgidsen .quote .name, .single-rondreizen_ .specialist .quote .name, .single-hotels_ .specialist .quote .name, .single-hoogtepunten_ .specialist .quote .name, .page-template-template-offerte .specialist-mobile .quote .name, .page-template-template-landing-rondreizen .specialist .quote .name, .single-sublanden .specialist .quote .name, .single-landen .specialist .quote .name {
font: 300 18px/24px "Roboto", sans-serif;
font-weight: bold;
margin-top: 30px;
}
.page-template-template-reisgidsen .quote .expertise, .single-rondreizen_ .specialist .quote .expertise, .single-hotels_ .specialist .quote .expertise, .single-hoogtepunten_ .specialist .quote .expertise, .page-template-template-offerte .specialist-mobile .quote .expertise, .page-template-template-landing-rondreizen .specialist .quote .expertise, .single-sublanden .specialist .quote .expertise, .single-landen .specialist .quote .expertise {
font: 300 18px/24px "Roboto", sans-serif;
}
.page-template-template-reisgidsen .photo .contents, .single-rondreizen_ .specialist .photo .contents, .single-hotels_ .specialist .photo .contents, .single-hoogtepunten_ .specialist .photo .contents, .page-template-template-offerte .specialist-mobile .photo .contents, .page-template-template-landing-rondreizen .specialist .photo .contents, .single-sublanden .specialist .photo .contents, .single-landen .specialist .photo .contents {
margin: 0;
}
@media (min-width: 992px) {
.page-template-template-reisgidsen .photo .contents, .single-rondreizen_ .specialist .photo .contents, .single-hotels_ .specialist .photo .contents, .single-hoogtepunten_ .specialist .photo .contents, .page-template-template-offerte .specialist-mobile .photo .contents, .page-template-template-landing-rondreizen .specialist .photo .contents, .single-sublanden .specialist .photo .contents, .single-landen .specialist .photo .contents {
margin-top: -30px;
}
}
.page-template-template-reisgidsen .photo img, .single-rondreizen_ .specialist .photo img, .single-hotels_ .specialist .photo img, .single-hoogtepunten_ .specialist .photo img, .page-template-template-offerte .specialist-mobile .photo img, .page-template-template-landing-rondreizen .specialist .photo img, .single-sublanden .specialist .photo img, .single-landen .specialist .photo img {
display: block;
height: 100%;
width: auto;
margin: 0 auto;
}
@media (min-width: 768px) {
.page-template-template-reisgidsen .photo img, .single-rondreizen_ .specialist .photo img, .single-hotels_ .specialist .photo img, .single-hoogtepunten_ .specialist .photo img, .page-template-template-offerte .specialist-mobile .photo img, .page-template-template-landing-rondreizen .specialist .photo img, .single-sublanden .specialist .photo img, .single-landen .specialist .photo img {
margin: 0;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.page-template-template-reisgidsen .photo img, .single-rondreizen_ .specialist .photo img, .single-hotels_ .specialist .photo img, .single-hoogtepunten_ .specialist .photo img, .page-template-template-offerte .specialist-mobile .photo img, .page-template-template-landing-rondreizen .specialist .photo img, .single-sublanden .specialist .photo img, .single-landen .specialist .photo img {
margin-left: -40px;
}
}
@media (max-width: 767px) {
.page-template-template-reisgidsen .photo img, .single-rondreizen_ .specialist .photo img, .single-hotels_ .specialist .photo img, .single-hoogtepunten_ .specialist .photo img, .page-template-template-offerte .specialist-mobile .photo img, .page-template-template-landing-rondreizen .specialist .photo img, .single-sublanden .specialist .photo img, .single-landen .specialist .photo img {
max-width: 200px;
}
}
@media (min-width: 768px) {
.page-template-template-reisgidsen .photo img, .single-rondreizen_ .specialist .photo img, .single-hotels_ .specialist .photo img, .single-hoogtepunten_ .specialist .photo img, .page-template-template-offerte .specialist-mobile .photo img, .page-template-template-landing-rondreizen .specialist .photo img, .single-sublanden .specialist .photo img, .single-landen .specialist .photo img {
width: 100%;
}
}
.page-template-template-offerte .specialist-mobile {
margin-top: 25px;
}
.page-template-template-offerte .specialist-mobile .hello p {
font: 400 20px/30px "Merriweather", serif;
font-style: italic;
margin-bottom: 30px;
}
.page-template-template-offerte .specialist-mobile .quote .name {
margin-top: 15px;
}
.page-template-template-landing-rondreizen .specialist .arrow {
display: none;
}
.page-template-template-landing-rondreizen .specialist ~ .seo {
border-top: none;
padding-top: 0;
}
#contact-specialist {
display: none;
max-width: 85%;
width: 1000px;
}
article#algemeen iframe[src^="https://www.youtube.com/embed/"] {
max-width: 100%;
}
body.single-employee .single-blog .blog-container .blog-post .content h2, body.single-employee .single-blog .blog-container .blog-post .content .h2, body.single-employee .single-blog .blog-container .blog-post .content h3, body.single-employee .single-blog .blog-container .blog-post .content .h3,
body.nieuws-template-default.single.single-nieuws .single-blog .blog-container .blog-post .content h2,
body.nieuws-template-default.single.single-nieuws .single-blog .blog-container .blog-post .content .h2,
body.nieuws-template-default.single.single-nieuws .single-blog .blog-container .blog-post .content h3,
body.nieuws-template-default.single.single-nieuws .single-blog .blog-container .blog-post .content .h3 {
font-family: "Merriweather", serif;
color: #00807b;
}
/* Privacy statement and cookie policy adjustments AND duurzaamheids page */
body.page-id-47380 main .content h1,
body.page-id-47460 main .content h1 {
color: #00807b;
}
body.page-id-47380 main .content h2, body.page-id-47380 main .content .h2,
body.page-id-47460 main .content h2,
body.page-id-47460 main .content .h2 {
font-size: 24px;
}
body.page-id-47380 main .content h3, body.page-id-47380 main .content p.h3,
body.page-id-47460 main .content h3,
body.page-id-47460 main .content p.h3 {
color: #00807b;
font-size: 20px;
font-family: "Merriweather", serif;
font-weight: normal;
}
body.page-id-47380 main .content p.h3,
body.page-id-47460 main .content p.h3 {
margin-top: 20px;
margin-bottom: 10px;
}
body.page-id-47380 main .content ul li,
body.page-id-47460 main .content ul li {
color: #444;
font: 300 15px/26px "Roboto", sans-serif;
}
body.page-id-47380 main .content table,
body.page-id-47460 main .content table {
font: 300 15px/26px "Roboto", sans-serif;
}
/*
* Contact sidebar
*/
.contact-sidebar {
background: #eaeaea;
padding: 20px 10px 0px 10px;
}
@media (min-width: 768px) {
.contact-sidebar {
padding: 40px;
}
}
.contact-sidebar span.h4 {
margin: 0 0 20px 0;
text-transform: uppercase;
font: 400 25px/35px "Merriweather", sans-serif;
color: #00807b;
text-align: center;
}
@media (min-width: 768px) {
.contact-sidebar span.h4 {
text-align: left;
}
}
.contact-sidebar ul {
list-style: none;
margin: 0 auto;
padding: 0;
display: block;
width: 100%;
}
@media (min-width: 768px) {
.contact-sidebar ul {
width: 86%;
}
}
.contact-sidebar ul li {
margin: 0 0 10px 0;
font-size: 16px;
}
.contact-sidebar ul li figure {
width: 50px;
text-align: center;
display: inline-block;
}
@media (min-width: 768px) {
.contact-sidebar ul li figure {
width: 100px;
}
}
.contact-sidebar ul li.buttons {
display: inline-block;
width: 100%;
}
.contact-sidebar ul li.buttons a {
width: 100%;
display: block;
text-align: center;
margin: 25px 0 0 0;
line-height: 24px;
}
.scroll-to-voorbeeldreizen {
text-align: center;
margin-top: 15px;
}
@media (min-width: 560px) {
.scroll-to-voorbeeldreizen {
margin-top: 0;
}
}
@media (min-width: 1024px) {
.scroll-to-voorbeeldreizen {
margin-top: -27px;
text-align: right;
}
}
/*******************************************************************************
*
* Fancybox
*
******************************************************************************/
@media (max-width: 991px) {
.fancybox-container .fancybox-button--zoom, .fancybox-container .fancybox-button--play, .fancybox-container .fancybox-button--thumbs {
display: none !important;
}
}
@media (orientation: landscape) {
.fancybox-container .fancybox-button--arrow_left, .fancybox-container .fancybox-button--arrow-right {
min-height: 30%;
min-width: 15%;
}
}
.fancybox-container .fancybox-toolbar {
top: 60px;
}
.fancybox-container .fancybox-button {
width: 88px;
height: 88px;
}
.fancybox-container .fancybox-button.fancybox-button--arrow_left, .fancybox-container .fancybox-button.fancybox-button--arrow_right {
min-width: 15%;
min-height: 15%;
top: calc(42.5% + 64px);
transform: translateY(-64px);
}
@media (min-width: 992px) {
.fancybox-container .fancybox-toolbar {
top: 0;
text-align: right;
}
.fancybox-container .fancybox-button {
height: 10%;
width: 5%;
}
.fancybox-container .fancybox-button.fancybox-button--arrow_left, .fancybox-container .fancybox-button.fancybox-button--arrow_right {
top: calc(10% + 44px);
width: 10%;
min-width: unset;
height: calc(90% - 44px);
background: none;
}
.fancybox-container .fancybox-button.fancybox-button--arrow_left > div, .fancybox-container .fancybox-button.fancybox-button--arrow_right > div {
height: 12.5%;
top: calc(45% - 22px);
background: rgba(30, 30, 30, 0.6);
}
}
a.scroll-arrow {
display: none;
position: fixed;
right: 0;
bottom: 5%;
background: lightgrey;
padding: 20px;
cursor: pointer;
}
a.scroll-arrow i {
transition: transform 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
color: #444;
font-size: 40px;
}
a.scroll-arrow i:hover {
transform: scale(1.1);
}
a.scroll-arrow i:active {
transform: scale(0.98);
}
/******************************************************************************/
.no-margin-bottom {
margin-bottom: 0 !important;
}
.ym-gallery {
padding: 0 0 50px;
}
.ym-gallery img {
display: block;
height: auto;
width: 100%;
}
.ym-gallery .carousel {
padding: 0 30px;
}
@media (min-width: 768px) {
.ym-gallery .carousel {
padding: 0 40px;
}
}
@media (min-width: 992px) {
.ym-gallery .carousel {
padding: 0 50px;
}
}
.ym-gallery .carousel-control {
background: transparent;
width: 30px;
}
@media (min-width: 768px) {
.ym-gallery .carousel-control {
width: 40px;
}
}
@media (min-width: 992px) {
.ym-gallery .carousel-control {
width: 50px;
}
}
.ym-gallery .carousel-control .fa {
border: 1px solid #00807b;
border-radius: 50%;
color: #00807b;
font-size: 0.5em;
height: 20px;
line-height: 18px;
left: 50%;
text-shadow: none;
top: 50%;
transform: translate(-50%, -50%);
position: absolute;
width: 20px;
}
@media (min-width: 768px) {
.ym-gallery .carousel-control .fa {
font-size: 0.8em;
height: 30px;
line-height: 28px;
width: 30px;
}
}
@media (min-width: 992px) {
.ym-gallery .carousel-control .fa {
border-width: 2px;
font-size: 1em;
height: 40px;
line-height: 36px;
width: 40px;
}
}
.ym-gallery .carousel-indicators {
margin: 20px auto;
position: initial;
bottom: 10px;
/* left: 50%; */
z-index: 15;
width: 100%;
padding-left: 0;
/* margin-left: -30%; */
text-align: center;
list-style: none;
}
.ym-gallery .carousel-indicators li {
border-color: #00807b;
}
.ym-gallery .carousel-indicators li.active {
background: #00807b;
}
.ym-gallery .carousel-indicators li + li {
margin-left: 10px;
}
.modal {
top: 70px;
}
@media (min-width: 992px) {
.modal {
top: 0;
}
}
.align-content-image {
display: block;
margin-bottom: 15px;
}
@media (min-width: 992px) {
.align-content-image {
display: flex;
}
.align-content-image p {
overflow: visible !important;
}
.align-content-image img {
margin-top: 0;
height: 100%;
width: 50%;
}
.align-content-image span {
margin-left: 60px;
}
}
.image-text {
display: inline-block;
width: 100%;
height: auto;
padding: 25px;
margin-top: -50px;
background-color: #00807B;
border-radius: 0 0 5px 5px;
}
.image-text p {
color: #fff !important;
display: inherit;
width: auto;
}
.image-text img {
max-width: 280px !important;
}
.image-text .reis-image {
margin: -50px;
}
@media (max-width: 767px) {
.image-text img {
max-width: 180px !important;
margin-top: -130px !important;
}
}
#download-reisbrochure {
display: none;
max-width: 85%;
width: 1000px;
}
.sitemap ul {
list-style: none;
line-height: 2.5em;
}
/*
* Styling for the new input field and the select field
*/
.contact-form ul .gfield.input-radio {
width: 100%;
}
@media (min-width: 1024px) {
.contact-form ul .gfield.input-radio {
width: 94%;
}
}
@media (min-width: 1171px) {
.contact-form ul .gfield.input-radio {
width: calc(88% + 40px);
}
}
@media (min-width: 1471px) {
.contact-form ul .gfield.input-radio {
width: calc(90% + 40px);
}
}
.contact-form ul .gfield.input-radio .ginput_container {
height: auto;
}
.contact-form ul .gfield.input-select {
width: 100%;
}
@media (min-width: 1024px) {
.contact-form ul .gfield.input-select {
width: 94%;
}
}
@media (min-width: 1171px) {
.contact-form ul .gfield.input-select {
width: calc(88% + 40px);
}
}
@media (min-width: 1471px) {
.contact-form ul .gfield.input-select {
width: calc(90% + 40px);
}
}
.contact-form ul .gfield.input-select select {
width: 100%;
padding: 10px;
line-height: 24px;
font-size: 16px;
border: 2px solid #999;
border-radius: 5px;
}
.gfield.input-radio .gfield_radio {
display: flex;
flex-direction: column;
margin-left: 100px;
margin-top: 15px;
}
@media (min-width: 990px) {
.gfield.input-radio .gfield_radio {
flex-direction: row;
}
}
@media (min-width: 1024px) {
.gfield.input-radio .gfield_radio {
margin-left: 60px;
}
}
.gfield.input-radio .gfield_radio li {
width: 60px;
}
.gfield.input-radio .gfield_radio li input {
display: inline-block;
width: auto;
}
.gfield.input-radio .gfield_radio li label {
margin: 0 0 0 10px;
}
@media (max-width: 990px) {
.fancybox-content {
padding: 20px !important;
margin-top: 80px;
}
}
#menu-top-links {
margin: 0 !important;
}
.navOurPartners {
color: white;
padding: 20px 15px;
position: absolute;
width: 450px;
z-index: 2;
}
.navOurPartners p {
font-weight: bold;
margin-bottom: 0;
}
.navOurPartners span {
font-size: 12px;
font-weight: lighter;
}
.navOurPartners--empty {
padding-top: 65px;
}
.navOurPartnersLogos {
display: block;
padding: 0 20px 0 15px;
align-items: center;
justify-content: space-between;
height: 100px;
}
.navOurPartnersLogos a.showMore {
color: white !important;
font-size: 12px !important;
text-decoration: underline !important;
border-bottom: unset !important;
font-weight: bold;
}
.navOurPartnersLogos a.showMore:hover {
border-bottom: unset !important;
}
@media (min-width: 1078px) {
.navOurPartnersLogos {
display: flex;
}
}
.pNfirst img {
filter: brightness(0) invert(1);
width: 50%;
}
.pNfirst .empty {
padding-top: 65px;
}
.pNfirst .showMore {
display: block;
margin-top: 10px;
font-weight: bold;
}
.pnSecond img {
filter: brightness(0) invert(1);
width: 70%;
}
.pnSecond .showMore {
display: block;
margin-top: 10px;
font-weight: bold;
}
header > nav.tabs {
margin-bottom: 0;
display: none;
}
nav.tabs {
height: 60px;
margin-bottom: 0px;
background: #00807b;
}
nav.tabs > select {
display: none;
}
@media (max-width: 991px) {
nav.tabs {
text-align: center;
}
nav.tabs > ul {
display: none;
}
nav.tabs > select {
display: inline-block;
margin: 20px;
font-size: 20px;
color: #444444;
border: 0px;
}
}
nav.tabs > ul {
padding: 0;
}
@media (min-width: 992px) {
nav.tabs ul > li.active:before {
content: "";
display: block;
position: absolute;
height: 11px;
background: rgba(102, 102, 102, 0.8);
background: linear-gradient(180deg, rgba(102, 102, 102, 0.8) 0%, rgba(82, 82, 82, 0.3) 20%, rgba(60, 60, 60, 0) 41%, rgba(0, 0, 0, 0) 100%);
width: 100vw;
right: 100%;
bottom: -11px;
}
nav.tabs ul > li.active:after {
content: "";
display: block;
position: absolute;
height: 11px;
background: rgba(102, 102, 102, 0.8);
background: linear-gradient(180deg, rgba(102, 102, 102, 0.8) 0%, rgba(82, 82, 82, 0.3) 20%, rgba(60, 60, 60, 0) 41%, rgba(0, 0, 0, 0) 100%);
width: 100vw;
left: 100%;
bottom: -11px;
}
nav.tabs ul > li a:not(.active):hover {
text-decoration: underline;
}
}
@media (max-width: 991px) {
nav.tabs {
height: auto;
}
nav.tabs ul {
width: 100%;
padding: 0;
}
}
nav.tabs ul {
list-style: none;
}
nav.tabs ul > li {
text-align: center;
height: 60px;
position: relative;
}
nav.tabs ul > li.active {
background: #fff;
background: url("/content/themes/ramatours/img/ramatours-background.jpg");
}
nav.tabs ul > li.active > a {
color: #00807b;
}
nav.tabs ul > li > a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
font-size: 18px;
line-height: 60px;
text-decoration: none;
color: #fff;
white-space: nowrap;
transition: 0.4s color;
}
nav.tabs ul > li:not(.active) a:hover {
color: #fff;
}
nav.tabs ul > li .tabs-offerte-button {
background-color: #fff;
height: 20px !important;
display: flex;
align-items: center;
justify-content: center;
/* margin-top: auto; */
margin-top: 10px;
color: #00807b !important;
border-radius: 6px;
padding: 20px !important;
}
.landen-template-default .post-wrapper article h1, .sublanden-template-default .post-wrapper article h1 {
margin-top: 0;
}
@media (max-width: 1023px) {
header .rm-navbar {
display: none;
}
}
@media (min-width: 992px) {
header {
position: fixed;
top: 0px;
left: 0px;
right: 0px;
background: white;
z-index: 10;
box-shadow: none;
}
}
header .rm-top-part {
transition: 0.4s all;
}
header .rm-top-part .container-fluid .top-search, header .rm-top-part .container-fluid .hotel-search {
position: absolute;
overflow: hidden;
height: 50px;
margin-top: 10px;
width: 50px;
cursor: pointer;
right: 100px;
transition: all 0.5s;
}
header .rm-top-part .container-fluid .top-search input, header .rm-top-part .container-fluid .hotel-search input {
position: absolute;
top: 5px;
right: 45px;
bottom: 5px;
}
@media (min-width: 1440px) {
header .rm-top-part .container-fluid .top-search input, header .rm-top-part .container-fluid .hotel-search input {
width: 85%;
}
}
header .rm-top-part .container-fluid .top-search button, header .rm-top-part .container-fluid .hotel-search button {
pointer-events: all !important;
position: absolute;
right: 5px;
top: 5px;
bottom: 5px;
padding: 5px 5px;
width: 45px;
}
header .rm-top-part .container-fluid .top-search button #close-icon, header .rm-top-part .container-fluid .hotel-search button #close-icon {
display: none;
}
header .rm-top-part .container-fluid .top-search .search-result, header .rm-top-part .container-fluid .top-search .hotel-search-result, header .rm-top-part .container-fluid .hotel-search .search-result, header .rm-top-part .container-fluid .hotel-search .hotel-search-result {
border-top: 1px solid #ccc;
background: #f2f2f2;
position: absolute;
width: 370px;
left: 0px;
top: 40px;
padding: 15px 10px;
}
header .rm-top-part .container-fluid .top-search.open, header .rm-top-part .container-fluid .hotel-search.open {
width: 370px;
}
header .rm-top-part .container-fluid .top-search.open button #search-icon, header .rm-top-part .container-fluid .hotel-search.open button #search-icon {
display: none;
}
header .rm-top-part .container-fluid .top-search.open button #close-icon, header .rm-top-part .container-fluid .hotel-search.open button #close-icon {
display: inline-block;
}
header .rm-top-part .container-fluid .search-icon {
margin-top: 0;
}
@media (min-width: 1200px) {
header .rm-top-part .container-fluid .search-icon {
margin-top: 35px;
}
}
header .rm-main-header {
height: auto;
display: none;
box-shadow: 0px 2px 10px -2px rgb(102, 102, 102);
}
@media (min-width: 992px) {
header .rm-main-header {
display: block;
}
}
@media (min-width: 1023px) and (max-width: 1040px) {
header .rm-main-header .container-fluid > .row > .col-md-10, header .rm-main-header .container-fluid .rm-primary-menu {
position: static;
}
header .rm-main-header .container-fluid .big-menu > li > .sub-menu {
position: absolute;
width: 100vw !important;
}
}
header .rm-main-header .container-fluid .top-search, header .rm-main-header .container-fluid .hotel-search {
position: absolute;
overflow: hidden;
height: 50px;
margin-top: 10px;
width: 50px;
cursor: pointer;
right: 100px;
transition: all 0.5s;
}
header .rm-main-header .container-fluid .top-search input, header .rm-main-header .container-fluid .hotel-search input {
position: absolute;
top: 5px;
right: 45px;
bottom: 5px;
}
@media (min-width: 1440px) {
header .rm-main-header .container-fluid .top-search input, header .rm-main-header .container-fluid .hotel-search input {
width: 85%;
}
}
header .rm-main-header .container-fluid .top-search button, header .rm-main-header .container-fluid .hotel-search button {
pointer-events: all !important;
position: absolute;
right: 5px;
top: 5px;
bottom: 5px;
padding: 5px 5px;
width: 45px;
}
header .rm-main-header .container-fluid .top-search button #close-icon, header .rm-main-header .container-fluid .hotel-search button #close-icon {
display: none;
}
header .rm-main-header .container-fluid .top-search .search-result, header .rm-main-header .container-fluid .top-search .hotel-search-result, header .rm-main-header .container-fluid .hotel-search .search-result, header .rm-main-header .container-fluid .hotel-search .hotel-search-result {
border-top: 1px solid #ccc;
background: #f2f2f2;
position: absolute;
width: 370px;
left: 0px;
top: 40px;
padding: 15px 10px;
}
header .rm-main-header .container-fluid .top-search.open, header .rm-main-header .container-fluid .hotel-search.open {
width: 370px;
}
header .rm-main-header .container-fluid .top-search.open button #search-icon, header .rm-main-header .container-fluid .hotel-search.open button #search-icon {
display: none;
}
header .rm-main-header .container-fluid .top-search.open button #close-icon, header .rm-main-header .container-fluid .hotel-search.open button #close-icon {
display: inline-block;
}
header .rm-main-header .container-fluid .search-icon {
margin-top: 0;
}
@media (min-width: 1200px) {
header .rm-main-header .container-fluid .search-icon {
margin-top: 35px;
}
}
header .rm-main-header .container-fluid a.rm-logo {
margin-top: -57px;
transition: 0.4s all;
}
header .rm-main-header .container-fluid a.rm-logo img {
width: 120px;
transition: 0.4s all;
}
header .rm-main-header .container-fluid nav.rm-primary-menu {
margin-top: 0px;
/*
* Top menu level
*/
}
header .rm-main-header .container-fluid nav.rm-primary-menu > ul#menu-head-menu.big-menu {
margin-top: 0px;
margin-bottom: 0px;
}
header .rm-main-header .container-fluid nav.rm-primary-menu > ul#menu-head-menu.big-menu > li {
/*
* Second level menu - indonesië azie...
*/
}
header .rm-main-header .container-fluid nav.rm-primary-menu > ul#menu-head-menu.big-menu > li > a {
border-bottom: none !important;
padding: 25px 30px !important;
padding-bottom: 25px !important;
text-transform: none;
}
@media (max-width: 1199px) and (min-width: 1024px) {
header .rm-main-header .container-fluid nav.rm-primary-menu > ul#menu-head-menu.big-menu > li > a {
padding: 15px 20px !important;
}
}
header .rm-main-header .container-fluid nav.rm-primary-menu > ul#menu-head-menu.big-menu > li > a:hover {
background: white !important;
color: #006a66;
}
header .rm-main-header .container-fluid nav.rm-primary-menu > ul#menu-head-menu.big-menu > li.menu-item-has-children > a {
position: relative;
white-space: nowrap;
}
header .rm-main-header .container-fluid nav.rm-primary-menu > ul#menu-head-menu.big-menu > li.menu-item-has-children > a:after {
content: "\f078";
font-family: FontAwesome, serif;
font-size: 17px;
top: 28%;
right: 0%;
padding: 4%;
}
header .rm-main-header .container-fluid nav.rm-primary-menu > ul#menu-head-menu.big-menu > li:hover > ul.sub-menu, header .rm-main-header .container-fluid nav.rm-primary-menu > ul#menu-head-menu.big-menu > li.open > ul.sub-menu {
display: flex;
opacity: 1;
visibility: visible;
}
header .rm-main-header .container-fluid nav.rm-primary-menu > ul#menu-head-menu.big-menu > li.open > a:after {
content: "\f00d";
}
header .rm-main-header .container-fluid nav.rm-primary-menu > ul#menu-head-menu.big-menu > li > ul.sub-menu {
margin-top: 0px !important;
background: #00807b;
width: 90%;
height: 470px; /** TODO: maybe set equal heights with flexbox **/
padding-left: 22px;
opacity: 0;
visibility: hidden;
font-size: 1rem;
position: absolute;
left: 50%; /* position the left edge of the element at the middle of the parent */
transform: translate(-50%, 0);
/* This is a shorthand of
translateX(-50%) and translateY(-50%) */
display: flex;
transition: 0.4s opacity;
}
@media (max-width: 1023px) {
header .rm-main-header .container-fluid nav.rm-primary-menu > ul#menu-head-menu.big-menu > li > ul.sub-menu .close {
display: none;
}
}
@media (min-width: 1040px) {
header .rm-main-header .container-fluid nav.rm-primary-menu > ul#menu-head-menu.big-menu > li > ul.sub-menu .close {
display: none;
}
}
header .rm-main-header .container-fluid nav.rm-primary-menu > ul#menu-head-menu.big-menu > li > ul.sub-menu > li.partnerNav {
padding-left: 20px;
}
header .rm-main-header .container-fluid nav.rm-primary-menu > ul#menu-head-menu.big-menu > li > ul.sub-menu > li.partnerNav.pNfirst .sub-menu {
padding-top: 0;
}
header .rm-main-header .container-fluid nav.rm-primary-menu > ul#menu-head-menu.big-menu > li > ul.sub-menu > li.partnerNav .sub-menu {
background: transparent;
padding-left: 20px;
padding-top: 0;
}
header .rm-main-header .container-fluid nav.rm-primary-menu > ul#menu-head-menu.big-menu > li > ul.sub-menu > li {
width: 20%;
position: relative;
/*
* Third level menu - indonezië sumartra java...
*/
}
header .rm-main-header .container-fluid nav.rm-primary-menu > ul#menu-head-menu.big-menu > li > ul.sub-menu > li > a {
color: white;
border-bottom: none;
position: relative;
font-weight: 600;
}
header .rm-main-header .container-fluid nav.rm-primary-menu > ul#menu-head-menu.big-menu > li > ul.sub-menu > li > a:hover {
color: #9edad9;
border-bottom: none;
}
header .rm-main-header .container-fluid nav.rm-primary-menu > ul#menu-head-menu.big-menu > li > ul.sub-menu > li > a:after {
content: "";
position: absolute;
bottom: 5px;
top: auto;
left: 0%;
right: 15%;
height: 5px;
border-top: 2px solid #006a66;
}
header .rm-main-header .container-fluid nav.rm-primary-menu > ul#menu-head-menu.big-menu > li > ul.sub-menu > li.current-menu-item a {
color: white;
}
header .rm-main-header .container-fluid nav.rm-primary-menu > ul#menu-head-menu.big-menu > li > ul.sub-menu > li.current-menu-item a:hover {
color: #9edad9;
}
header .rm-main-header .container-fluid nav.rm-primary-menu > ul#menu-head-menu.big-menu > li > ul.sub-menu > li > ul {
display: block;
background: #00807b;
width: 100%;
padding-top: 5px;
}
header .rm-main-header .container-fluid nav.rm-primary-menu > ul#menu-head-menu.big-menu > li > ul.sub-menu > li > ul > li > a {
color: white;
}
header .rm-main-header .container-fluid nav.rm-primary-menu > ul#menu-head-menu.big-menu > li > ul.sub-menu > li > ul > li > a:hover {
color: #9edad9;
}
header .rm-main-header .container-fluid nav.rm-primary-menu > ul#menu-head-menu.big-menu > li > ul.sub-menu > li > ul > li.current-menu-item a {
color: white;
}
header .rm-main-header .container-fluid nav.rm-primary-menu > ul#menu-head-menu.big-menu > li > ul.sub-menu > li > ul > li.current-menu-item a:hover {
color: #9edad9;
}
.rm-top-part {
position: relative;
height: 60px;
overflow: hidden;
}
.rm-top-part .container-fluid {
position: absolute;
top: 0;
right: 0;
}
.rm-main-header {
position: relative;
z-index: 2222;
}
.minify .rm-top-part {
height: 0;
}
.minify a.rm-logo {
margin-top: 2px !important;
}
.minify a.rm-logo img {
width: 70px !important;
}
.bigmenu-btn.close {
opacity: 1;
font-size: 20px;
color: #ffffff;
background: #63260b;
border-radius: 5px;
padding: 15px 20px;
font-weight: 400;
text-shadow: none;
position: absolute;
bottom: 20px;
right: 20px;
}
.bigmenu-btn.close span:after {
content: "\f00d";
font-family: fontawesome;
margin-left: 20px;
}
body {
transition: 0.4s margin-top;
}
#sidenav-overlay {
z-index: 9;
}
@media (min-width: 992px) {
#wpadminbar {
top: auto !important;
bottom: 0 !important;
}
}
@media (min-width: 992px) {
#wpadminbar .quicklinks .ab-sub-wrapper {
bottom: 28px;
}
}
@keyframes showAtEnd {
99% {
display: none;
}
100% {
display: inline-block;
}
}
header .rm-main-header .container-fluid nav.rm-primary-menu > ul#menu-head-menu.big-menu > li.singlemenu {
position: relative;
}
header .rm-main-header .container-fluid nav.rm-primary-menu > ul#menu-head-menu.big-menu > li.singlemenu:hover > ul.sub-menu, header .rm-main-header .container-fluid nav.rm-primary-menu > ul#menu-head-menu.big-menu > li.singlemenu.open > ul.sub-menu {
transform: translate(-50%, 0px);
transition: all 0.21s ease-in-out;
}
header .rm-main-header .container-fluid nav.rm-primary-menu > ul#menu-head-menu.big-menu > li.singlemenu ul.sub-menu {
background-color: #00807b;
display: flex;
flex-direction: column;
width: 300px;
height: auto;
transform: translate(-50%, 30px);
transition: all 0.05s ease-in-out;
}
header .rm-main-header .container-fluid nav.rm-primary-menu > ul#menu-head-menu.big-menu > li.singlemenu ul.sub-menu > li {
width: 100%;
}
header .rm-main-header .container-fluid nav.rm-primary-menu > ul#menu-head-menu.big-menu > li.singlemenu ul.sub-menu > li:last-of-type a {
padding-bottom: 20px;
}
header .rm-main-header .container-fluid nav.rm-primary-menu > ul#menu-head-menu.big-menu > li.singlemenu ul.sub-menu > li:last-of-type a:after {
display: none;
}
header .rm-main-header .container-fluid nav.rm-primary-menu > ul#menu-head-menu.big-menu > li.singlemenu ul.sub-menu > li a:hover {
color: #9edad9;
}
li.subparent {
margin-top: 20px;
position: relative;
font-weight: 600;
padding: 0;
}
li.subparent:after {
content: "";
position: absolute;
height: 2px;
background-color: #006a66;
width: calc(100% - 50px);
bottom: 5px;
left: 10px;
}
li.subparent > a {
padding: 20px 10px !important;
}
@media (max-width: 1023px) {
li.subparent {
display: none !important;
}
}
@media (max-width: 1023px) {
li.subchild {
display: none !important;
}
}
li.mobileonly {
display: none !important;
}
@media (max-width: 1023px) {
li.mobileonly {
display: block !important;
}
}
.position-relative {
position: relative;
}
.position-static {
position: static;
}
.affix {
position: relative !important;
}
@media (min-width: 1200px) {
.affix {
position: fixed !important;
top: 140px;
}
}
.affix-top {
position: relative;
}
@media (min-width: 1200px) {
.affix-top {
position: absolute !important;
top: 0;
}
}
.affix-bottom {
top: auto !important;
margin-bottom: 100px;
}
@media (min-width: 1200px) {
.affix-bottom {
bottom: 0;
position: absolute !important;
}
}
.nnn {
padding: 0 !important;
display: flex;
align-items: flex-end;
}
.nnn img {
display: block;
margin: 0 !important;
}
/*
* Common affix content
*/
@media (min-width: 1200px) {
.single-nieuws .affix-inner,
.single-employee .affix-inner {
float: right;
width: 334px;
}
}
@media (max-width: 767px) {
.single-nieuws .deel-dit-nieuws:last-of-type,
.single-employee .deel-dit-nieuws:last-of-type {
background-size: auto;
}
}
@media (max-width: 991px) {
.single-nieuws .deel-dit-nieuws-top,
.single-employee .deel-dit-nieuws-top {
display: none;
}
.single-nieuws .deel-dit-nieuws:last-of-type,
.single-employee .deel-dit-nieuws:last-of-type {
display: block;
}
}
@media (min-width: 992px) {
.single-nieuws .deel-dit-nieuws-top,
.single-employee .deel-dit-nieuws-top {
display: block;
background-size: auto !important;
}
.single-nieuws .deel-dit-nieuws:last-of-type,
.single-employee .deel-dit-nieuws:last-of-type {
display: none;
}
}
.single-nieuws .deel-dit-nieuws,
.single-employee .deel-dit-nieuws {
line-height: 60px;
margin-right: 30px;
}
@media (min-width: 1200px) {
.single-nieuws .deel-dit-nieuws,
.single-employee .deel-dit-nieuws {
margin-right: 30px;
}
}
.single-nieuws .deel-dit-nieuws p,
.single-employee .deel-dit-nieuws p {
color: #00807b !important;
font: 400 16px "Roboto", sans-serif !important;
font-weight: bold !important;
height: 50px;
line-height: 50px !important;
margin-left: 15px;
}
@media (max-width: 991px) {
.single-nieuws .deel-dit-nieuws p,
.single-employee .deel-dit-nieuws p {
margin-left: 0;
}
}
.single-nieuws .deel-dit-nieuws a,
.single-employee .deel-dit-nieuws a {
display: inline-block;
color: #00807b;
font-size: 20px;
background: #00807b;
border: #00807b 2px solid;
border-radius: 50%;
width: 38px;
height: 38px;
line-height: 36px;
text-align: center;
}
.single-nieuws .deel-dit-nieuws a i,
.single-employee .deel-dit-nieuws a i {
color: #fff;
padding: 6px 0 0 0;
display: block;
font-size: 25px;
}
.single-nieuws .deel-dit-nieuws a:hover,
.single-employee .deel-dit-nieuws a:hover {
text-decoration: none;
background-color: #fff;
}
.single-nieuws .deel-dit-nieuws a:hover i,
.single-employee .deel-dit-nieuws a:hover i {
color: #00807b;
}
.single-nieuws .auteur,
.single-employee .auteur {
display: flex;
justify-content: center;
align-items: center;
background: #F2F2F2;
z-index: 20;
}
.single-nieuws .auteur .row,
.single-employee .auteur .row {
width: 100%;
}
.single-nieuws .auteur .row > div:first-child,
.single-employee .auteur .row > div:first-child {
padding-left: 0;
padding-right: 30px;
}
@media (max-width: 1200px) {
.single-nieuws .auteur,
.single-employee .auteur {
position: static;
width: 100%;
clear: right;
opacity: 0.92;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
}
}
.single-nieuws .auteur .auteur__img-wrapper,
.single-employee .auteur .auteur__img-wrapper {
width: 112px;
height: 112px;
}
.single-nieuws .auteur .auteur__img-wrapper img,
.single-employee .auteur .auteur__img-wrapper img {
-o-object-fit: contain;
object-fit: contain;
width: 100%;
height: 100%;
margin-top: 4px;
display: block;
}
.single-nieuws .auteur .row,
.single-employee .auteur .row {
display: flex;
}
.single-nieuws .auteur .auteur__meta,
.single-employee .auteur .auteur__meta {
color: #00807b;
font-size: 13px;
line-height: 23px;
padding-top: 20px;
padding-bottom: 20px;
}
@media (max-width: 767px) {
.single-nieuws .auteur .auteur__meta,
.single-employee .auteur .auteur__meta {
padding-left: 30px;
}
}
.single-nieuws .auteur .auteur__meta .auteur__naam,
.single-employee .auteur .auteur__meta .auteur__naam {
font-weight: bold;
font-size: 17px;
}
.single-nieuws .auteur .auteur__meta .button,
.single-employee .auteur .auteur__meta .button {
margin-top: 7px;
}
@font-face {
font-family: "Roboto";
src: url("/content/themes/ramatours/fonts/subset-Roboto-Regular.woff2") format("woff2"), url("/content/themes/ramatours/fonts/subset-Roboto-Regular.woff") format("woff"), url("/content/themes/ramatours/fonts/subset-Roboto-Regular.ttf") format("truetype");
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Roboto";
src: url("/content/themes/ramatours/fonts/subset-Roboto-Light.woff2") format("woff2"), url("/content/themes/ramatours/fonts/subset-Roboto-Light.woff") format("woff"), url("/content/themes/ramatours/fonts/subset-Roboto-Light.ttf") format("truetype");
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Roboto";
src: url("/content/themes/ramatours/fonts/subset-Roboto-Medium.woff2") format("woff2"), url("/content/themes/ramatours/fonts/subset-Roboto-Medium.woff") format("woff"), url("/content/themes/ramatours/fonts/subset-Roboto-Medium.ttf") format("truetype");
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Merriweather";
src: url("/content/themes/ramatours/fonts/subset-Merriweather-Light.woff2") format("woff2"), url("/content/themes/ramatours/fonts/subset-Merriweather-Light.woff") format("woff"), url("/content/themes/ramatours/fonts/subset-Merriweather-Light.ttf") format("truetype");
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Merriweather";
src: url("/content/themes/ramatours/fonts/subset-Merriweather-Regular.woff2") format("woff2"), url("/content/themes/ramatours/fonts/subset-Merriweather-Regular.woff") format("woff"), url("/content/themes/ramatours/fonts/subset-Merriweather-Regular.ttf") format("truetype");
font-weight: normal;
font-style: normal;
font-display: swap;
}
section.dagslider {
display: block;
position: relative;
padding: 15px 0px 15px 0px;
margin-bottom: 30px;
/*****************************************************************************
*
* Title and background
*
****************************************************************************/
/*****************************************************************************
*
* Tour contents
*
****************************************************************************/
/*****************************************************************************
*
* Slider buttons
*
****************************************************************************/
/*****************************************************************************
*
* Bolletjes
*
****************************************************************************/
/*hahahah*/
/*]hahahah*/
}
@media (min-width: 768px) {
section.dagslider {
padding: 15px 15px 15px 15px;
}
}
@media (min-width: 1200px) {
section.dagslider {
padding: 30px 0px 15px 0px;
margin-bottom: 0px;
}
}
section.dagslider .dagslider__title-container {
line-height: 46px;
margin-bottom: 0 !important;
}
@media (min-width: 768px) {
section.dagslider .dagslider__title-container {
margin-bottom: 30px;
}
}
@media (min-width: 992px) {
section.dagslider .dagslider__title-container {
margin-bottom: 45px;
}
}
section.dagslider span.h2 {
margin: 0;
}
@media (max-width: 767px) {
section.dagslider span.h2 {
font-size: 26px;
}
}
section.dagslider label[for=dagslider-display-toggle] {
cursor: pointer;
font-size: 1.1em;
font-weight: normal;
margin: 0;
}
section.dagslider .dagslider__display-toggle {
border: 1px solid transparent;
border-radius: 7px;
box-sizing: border-box;
cursor: pointer;
display: inline-block;
height: 14px;
margin: 0 10px;
position: relative;
transition: background 0.6s;
width: 35px;
}
section.dagslider .dagslider__display-toggle.is-checked {
background: white !important;
}
section.dagslider .dagslider__display-toggle input {
background: white;
border: none;
border-radius: 5px;
display: block;
height: 10px;
left: 22px;
margin: 0;
position: absolute;
top: 1px;
transition: all 0.6s;
width: 10px;
-webkit-appearance: none;
-moz-appearance: none;
}
section.dagslider .dagslider__display-toggle input:checked {
left: 1px;
}
section.dagslider .dagslider__print {
float: right;
text-decoration: none;
font-size: 32px;
line-height: inherit;
}
@media (min-width: 768px) {
section.dagslider .dagslider__print {
font-size: 46px;
}
}
section.dagslider .dagslider__print:hover {
transform: scale(1.618);
transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
@media (min-width: 992px) {
section.dagslider #dagslider__carousel {
padding-top: 100px;
}
}
section.dagslider #dagslider__carousel .dagslider__carousel-indicators {
display: none;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
@media (min-width: 992px) {
section.dagslider #dagslider__carousel .dagslider__carousel-indicators {
display: block;
}
}
section.dagslider #dagslider__carousel .dagslider__carousel-indicators .rm-container {
position: relative;
}
section.dagslider #dagslider__carousel .dagslider__carousel-indicators .carousel-indicators {
background: transparent url("/content/themes/ramatours/img/dagslider-indicators-background.png") repeat-x -7% -3%;
background-size: 1% auto;
bottom: auto;
left: 0;
margin: 0;
right: 0;
top: 0;
width: auto;
}
@media (min-width: 1581px) {
section.dagslider #dagslider__carousel .dagslider__carousel-indicators .carousel-indicators {
background-position: -7% -15%;
}
}
section.dagslider #dagslider__carousel .dagslider__carousel-indicators .carousel-indicators:after {
clear: both;
content: " ";
display: table;
}
section.dagslider #dagslider__carousel .dagslider__carousel-indicators .carousel-indicators li {
border: none;
border-radius: 0;
display: none;
float: left;
height: auto;
margin: 0;
padding-top: 30px;
position: relative;
text-align: center;
text-indent: initial;
width: 20%;
}
section.dagslider #dagslider__carousel .dagslider__carousel-indicators .carousel-indicators li:after {
background: #155980;
border: 2px solid transparent;
border-radius: 50%;
content: " ";
display: block;
height: 20px;
left: 50%;
margin-left: -10px;
position: absolute;
top: 0;
width: 20px;
}
section.dagslider #dagslider__carousel .dagslider__carousel-indicators .carousel-indicators li.active {
background: transparent;
display: block;
}
section.dagslider #dagslider__carousel .dagslider__carousel-indicators .carousel-indicators li.active + li {
display: block;
}
section.dagslider #dagslider__carousel .dagslider__carousel-indicators .carousel-indicators li.active + li + li {
display: block;
}
section.dagslider #dagslider__carousel .dagslider__carousel-indicators .carousel-indicators li.active + li + li + li {
display: block;
}
section.dagslider #dagslider__carousel .dagslider__carousel-indicators .carousel-indicators li.active + li + li + li + li {
display: block;
}
section.dagslider #dagslider__carousel .dagslider__carousel-indicators .carousel-controls .carousel-control {
font-size: 1.6em;
margin-top: -0.25em;
opacity: 1;
text-shadow: none;
width: 30px;
background: transparent;
}
section.dagslider #dagslider__carousel .dagslider__carousel-indicators .carousel-controls .carousel-control.left {
left: auto;
right: 100%;
}
section.dagslider #dagslider__carousel .dagslider__carousel-indicators .carousel-controls .carousel-control.right {
left: 100%;
right: auto;
}
@media (min-width: 1366px) {
section.dagslider .item {
min-height: 430px;
}
}
section.dagslider .item svg {
position: absolute;
width: 100%;
}
@media (max-width: 1365px) {
section.dagslider .item svg {
display: none;
}
}
section.dagslider .item svg path {
stroke: #444444;
stroke-width: 12px;
stroke-linecap: round;
stroke-dasharray: 0, 26;
stroke-dashoffset: 14px;
vector-effect: non-scaling-stroke;
}
section.dagslider .dagslider__thumbnail {
width: 100%;
height: auto;
overflow: hidden;
padding-top: 100%;
position: relative;
z-index: 100;
}
@media (max-width: 767px) {
section.dagslider .dagslider__thumbnail {
margin-bottom: 15px;
}
}
section.dagslider .dagslider__thumbnail img {
display: block;
left: 50%;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
z-index: 1;
}
section.dagslider .dagslider__thumbnail img.max-height {
max-height: 100%;
width: auto;
}
section.dagslider .dagslider__thumbnail img.max-width {
height: auto;
max-width: 100%;
}
section.dagslider .dagslider__dag-heading {
margin: 0 auto 0 auto;
}
@media (min-width: 992px) {
section.dagslider .dagslider__dag-heading {
margin: 85px auto 0 auto;
}
}
section.dagslider .dagslider__dag-heading .dagslider__subtitle {
font-family: "Merriweather", serif;
font-weight: 700;
position: relative;
width: 100%;
line-height: 28px;
margin: 15px 0 0 0;
}
@media (min-width: 768px) {
section.dagslider .dagslider__dag-heading .dagslider__subtitle {
margin: 15px -30px 0px -30px;
}
}
@media (min-width: 992px) {
section.dagslider .dagslider__dag-heading .dagslider__subtitle {
background-position-y: 50%;
width: calc(100% + 30px);
line-height: 20px;
margin: 0 0 0 0;
}
}
section.dagslider .dagslider__dag-heading .dagslider__subtitle span {
font-size: 1.3em;
}
section.dagslider .dagslider__dag-info {
padding-bottom: 30px;
margin: 0;
}
@media (min-width: 1200px) {
section.dagslider .dagslider__dag-info {
max-width: 740px;
}
}
section.dagslider .dagslider__subtitle {
font-family: "Merriweather", serif;
font-weight: 700;
position: relative;
line-height: 1.625em;
width: calc(100% + 30px);
margin: 15px -15px 0px -15px;
}
@media (min-width: 768px) {
section.dagslider .dagslider__subtitle {
width: calc(100% + 60px);
}
}
@media (min-width: 992px) {
section.dagslider .dagslider__subtitle {
background-position-y: 50%;
width: calc(100% + 30px);
margin-top: -25px;
padding-left: 0px;
}
}
section.dagslider .dagslider__subtitle span {
font-size: 1.3em;
}
section.dagslider .dagslider__text {
font: 300 16px/26px "Roboto", sans-serif;
min-height: 240px;
}
@media (min-width: 768px) {
section.dagslider .dagslider__text {
min-height: 160px;
}
}
@media (min-width: 992px) {
section.dagslider .dagslider__text {
margin-top: 30px;
}
}
section.dagslider .dagslider__carousel-container {
position: relative;
}
section.dagslider .dagslider__controls-wrapper {
position: absolute;
top: 0;
left: 0;
width: calc(100% + 60px);
margin: 0 -30px;
}
@media (min-width: 992px) {
section.dagslider .dagslider__controls-wrapper {
width: 100%;
margin: 0;
top: 100px;
}
}
section.dagslider .dagslider__controls-wrapper .dagslider__controls {
position: relative;
font: 400 18px "Roboto", sans-serif;
background-color: transparent;
border-width: 2px;
border-style: solid;
border-radius: 6px;
width: calc(100% - 30px);
text-align: center;
line-height: 2.64em;
margin: 0 0 0 15px;
}
@media (min-width: 768px) {
section.dagslider .dagslider__controls-wrapper .dagslider__controls {
margin: 0 0 30px -4px;
width: calc(100% - 50px);
}
}
@media (min-width: 992px) {
section.dagslider .dagslider__controls-wrapper .dagslider__controls {
width: 300px;
}
}
section.dagslider .dagslider__controls-wrapper .dagslider__controls a {
-webkit-user-select: none; /* Safari */
-moz-user-select: none; /* Firefox */ /* IE10+/Edge */
user-select: none; /* Standard */
opacity: unset;
cursor: pointer;
position: absolute;
width: 33%;
height: 100%;
font-size: 46px;
font-weight: 100;
line-height: 40px;
text-decoration: none;
}
@media (hover: hover) {
section.dagslider .dagslider__controls-wrapper .dagslider__controls a:hover {
color: #155980 !important;
}
}
section.dagslider .dagslider__controls-wrapper .dagslider__controls a:active {
color: #fff !important;
}
@media (min-width: 992px) {
section.dagslider .dagslider__controls-wrapper .dagslider__controls a {
z-index: 5;
}
}
section.dagslider .dagslider__controls-wrapper .dagslider__controls a.left {
left: 0px;
}
@media (min-width: 768px) {
section.dagslider .dagslider__controls-wrapper .dagslider__controls a.left {
left: 25px;
}
}
@media (min-width: 992px) {
section.dagslider .dagslider__controls-wrapper .dagslider__controls a.left {
left: 0;
}
}
section.dagslider .dagslider__controls-wrapper .dagslider__controls a.right {
right: 0px;
}
@media (min-width: 768px) {
section.dagslider .dagslider__controls-wrapper .dagslider__controls a.right {
right: 25px;
}
}
@media (min-width: 992px) {
section.dagslider .dagslider__controls-wrapper .dagslider__controls a.right {
right: 0;
}
}
@media (min-width: 992px) {
section.dagslider .dagslider__bolletjes {
display: flex;
justify-content: space-between;
margin-bottom: 40px;
}
section.dagslider .dagslider__bolletjes .col-xs-4:first-child ul {
text-align: left;
}
section.dagslider .dagslider__bolletjes .col-xs-4:last-child ul {
float: right !important;
}
section.dagslider .dagslider__bolletjes ul {
height: 100%;
display: flex;
flex-direction: column;
width: 90%;
padding-left: unset;
}
section.dagslider .dagslider__bolletjes ul li {
text-align: left;
list-style: none;
max-height: 60px;
border-bottom: 1px solid black;
}
section.dagslider .dagslider__bolletjes ul li .dagslider__bolletje {
transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
font: 300 16px/16px "Roboto", sans-serif;
color: #444;
-webkit-user-select: none; /* Safari */
-moz-user-select: none; /* Firefox */ /* IE10+/Edge */
user-select: none; /* Standard */
cursor: pointer;
height: 50px;
line-height: 50px;
padding-left: 10px;
display: block;
}
section.dagslider .dagslider__bolletjes ul li .dagslider__bolletje span {
font-weight: bold;
display: table-cell;
min-width: 80px;
}
section.dagslider .dagslider__bolletjes ul li .dagslider__bolletje span:last-child {
font-weight: normal;
}
section.dagslider .dagslider__bolletjes ul li .dagslider__bolletje:hover {
transform: scale(1.05);
text-decoration: none;
color: #00807b;
}
section.dagslider .dagslider__bolletjes ul li .dagslider__bolletje.active {
color: #00807b;
}
section.dagslider .dagslider__bolletjes ul li .dagslider__bolletje .dagslider__day_number {
float: left;
font-weight: bold;
min-width: 80px;
}
section.dagslider .dagslider__bolletjes ul li .dagslider__bolletje .dagslider__day_plek {
float: left;
width: calc(100% - 80px);
}
}
@media (max-width: 991px) {
section.dagslider .dagslider__bolletjes {
display: none;
}
}
section.dagslider .seo {
margin-bottom: -30px;
}
.reis-afbeelding-wrapper, .reis-map-wrapper {
display: none;
width: 100%;
height: 100%;
}
.reis-afbeelding-wrapper.--active, .reis-map-wrapper.--active {
display: block;
}
/*
* @TODO: Move all the voorbeeldreis blocks CSS here cuz everything is in rondreizen.scss now.
*/
/*******************************************************************************
*
* Travel information in the voorbeeldreizen block.
*
******************************************************************************/
.section-item-result article {
transition: all 250ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
-webkit-user-select: none; /* Safari */
-moz-user-select: none; /* Firefox */ /* IE10+/Edge */
user-select: none; /* Standard */
/***************************************************************************
*
* Hover overlay
*
**************************************************************************/
}
.section-item-result article .voorbeeldreis-hover {
transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
-webkit-user-select: none; /* Safari */
-moz-user-select: none; /* Firefox */ /* IE10+/Edge */
user-select: none; /* Standard */
cursor: pointer;
opacity: 0;
position: absolute;
top: 0;
left: 15px;
right: 15px;
}
.section-item-result article .voorbeeldreis-hover .banner-cta {
background: rgba(255, 255, 255, 0.8);
padding: 20px 50px 20px 20px;
height: 280px;
/*Vanaf € x,-- p.p. bij x pers.*/
/*Informatie over deze rondreis*/
}
.section-item-result article .voorbeeldreis-hover .banner-cta h3,
.section-item-result article .voorbeeldreis-hover .banner-cta .h3 {
margin: 0;
font: 400 22px/28px "Merriweather", serif;
text-transform: uppercase;
color: #00807b;
}
.section-item-result article .voorbeeldreis-hover .banner-cta p {
font: 300 16px/26px "Roboto", sans-serif;
color: #333;
margin: 0 0 10px 0;
padding-top: 12px;
}
.section-item-result article .voorbeeldreis-hover .banner-cta .price-info {
font-weight: bold;
color: #00807b;
font-size: 16px;
}
.section-item-result article .voorbeeldreis-hover .banner-cta .more-about-price {
bottom: 20px;
position: absolute;
}
.section-item-result article:hover .voorbeeldreis-hover {
opacity: 1;
}
.section-item-result article:hover > a > span {
opacity: 0;
}
.section-item-result article:hover > a > figure > img {
transform: scale(1.1);
}
.section-item-result article:active > a > figure > img {
transform: scale(1.3);
}
.content-frame {
background: #f2f2f2;
padding: 50px 0;
margin: 0 0 90px 0;
position: relative;
}
.content-frame:after {
display: table;
content: " ";
}
.content-frame article p {
font: 300 16px/26px "Roboto", sans-serif;
}
@font-face {
font-family: "Roboto";
src: url("/content/themes/ramatours/fonts/subset-Roboto-Regular.woff2") format("woff2"), url("/content/themes/ramatours/fonts/subset-Roboto-Regular.woff") format("woff"), url("/content/themes/ramatours/fonts/subset-Roboto-Regular.ttf") format("truetype");
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Roboto";
src: url("/content/themes/ramatours/fonts/subset-Roboto-Light.woff2") format("woff2"), url("/content/themes/ramatours/fonts/subset-Roboto-Light.woff") format("woff"), url("/content/themes/ramatours/fonts/subset-Roboto-Light.ttf") format("truetype");
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Roboto";
src: url("/content/themes/ramatours/fonts/subset-Roboto-Medium.woff2") format("woff2"), url("/content/themes/ramatours/fonts/subset-Roboto-Medium.woff") format("woff"), url("/content/themes/ramatours/fonts/subset-Roboto-Medium.ttf") format("truetype");
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Merriweather";
src: url("/content/themes/ramatours/fonts/subset-Merriweather-Light.woff2") format("woff2"), url("/content/themes/ramatours/fonts/subset-Merriweather-Light.woff") format("woff"), url("/content/themes/ramatours/fonts/subset-Merriweather-Light.ttf") format("truetype");
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Merriweather";
src: url("/content/themes/ramatours/fonts/subset-Merriweather-Regular.woff2") format("woff2"), url("/content/themes/ramatours/fonts/subset-Merriweather-Regular.woff") format("woff"), url("/content/themes/ramatours/fonts/subset-Merriweather-Regular.ttf") format("truetype");
font-weight: normal;
font-style: normal;
font-display: swap;
}
/* Indonesia scheme */
body .rm-navbar {
z-index: 1;
position: relative;
}
body .breadcrumbs-wrap {
background: transparent;
}
body.landen-template-default .post-wrapper article h1, body.sublanden-template-default .post-wrapper article h1 {
margin-top: 0;
}
body .specialist .background {
background: url("/content/themes/ramatours/img/background-specialist.png") center no-repeat;
}
body.tax-rondreizen_landen header > nav.tabs, body.landen-template-default header > nav.tabs, body.sublanden-template-default header > nav.tabs, body.tax-hotels_landen header > nav.tabs, body.tax-landen2 header > nav.tabs {
margin-bottom: 0;
display: none;
}
body.tax-rondreizen_landen .breadcrumbs-wrap, body.landen-template-default .breadcrumbs-wrap, body.sublanden-template-default .breadcrumbs-wrap, body.tax-hotels_landen .breadcrumbs-wrap, body.tax-landen2 .breadcrumbs-wrap {
margin: 0;
}
body.tax-rondreizen_landen nav.tabs, body.landen-template-default nav.tabs, body.sublanden-template-default nav.tabs, body.tax-hotels_landen nav.tabs, body.tax-landen2 nav.tabs {
height: 60px;
margin-bottom: 0px;
}
body.tax-rondreizen_landen nav.tabs > ul, body.landen-template-default nav.tabs > ul, body.sublanden-template-default nav.tabs > ul, body.tax-hotels_landen nav.tabs > ul, body.tax-landen2 nav.tabs > ul {
padding: 0;
}
@media (min-width: 992px) {
body.tax-rondreizen_landen nav.tabs ul > li.active:before, body.landen-template-default nav.tabs ul > li.active:before, body.sublanden-template-default nav.tabs ul > li.active:before, body.tax-hotels_landen nav.tabs ul > li.active:before, body.tax-landen2 nav.tabs ul > li.active:before {
content: "";
display: block;
position: absolute;
height: 11px;
background: rgba(102, 102, 102, 0.8);
background: linear-gradient(180deg, rgba(102, 102, 102, 0.8) 0%, rgba(82, 82, 82, 0.3) 20%, rgba(60, 60, 60, 0) 41%, rgba(0, 0, 0, 0) 100%);
width: 100vw;
right: 100%;
bottom: -11px;
}
body.tax-rondreizen_landen nav.tabs ul > li.active:after, body.landen-template-default nav.tabs ul > li.active:after, body.sublanden-template-default nav.tabs ul > li.active:after, body.tax-hotels_landen nav.tabs ul > li.active:after, body.tax-landen2 nav.tabs ul > li.active:after {
content: "";
display: block;
position: absolute;
height: 11px;
background: rgba(102, 102, 102, 0.8);
background: linear-gradient(180deg, rgba(102, 102, 102, 0.8) 0%, rgba(82, 82, 82, 0.3) 20%, rgba(60, 60, 60, 0) 41%, rgba(0, 0, 0, 0) 100%);
width: 100vw;
left: 100%;
bottom: -11px;
}
body.tax-rondreizen_landen nav.tabs ul > li a:not(.active):hover, body.landen-template-default nav.tabs ul > li a:not(.active):hover, body.sublanden-template-default nav.tabs ul > li a:not(.active):hover, body.tax-hotels_landen nav.tabs ul > li a:not(.active):hover, body.tax-landen2 nav.tabs ul > li a:not(.active):hover {
text-decoration: underline;
}
}
@media (max-width: 991px) {
body.tax-rondreizen_landen nav.tabs, body.landen-template-default nav.tabs, body.sublanden-template-default nav.tabs, body.tax-hotels_landen nav.tabs, body.tax-landen2 nav.tabs {
height: auto;
}
body.tax-rondreizen_landen nav.tabs ul, body.landen-template-default nav.tabs ul, body.sublanden-template-default nav.tabs ul, body.tax-hotels_landen nav.tabs ul, body.tax-landen2 nav.tabs ul {
width: 100%;
padding: 0;
}
}
body.tax-rondreizen_landen nav.tabs ul, body.landen-template-default nav.tabs ul, body.sublanden-template-default nav.tabs ul, body.tax-hotels_landen nav.tabs ul, body.tax-landen2 nav.tabs ul {
list-style: none;
}
body.tax-rondreizen_landen nav.tabs ul > li, body.landen-template-default nav.tabs ul > li, body.sublanden-template-default nav.tabs ul > li, body.tax-hotels_landen nav.tabs ul > li, body.tax-landen2 nav.tabs ul > li {
text-align: center;
height: 60px;
position: relative;
}
body.tax-rondreizen_landen nav.tabs ul > li.active, body.landen-template-default nav.tabs ul > li.active, body.sublanden-template-default nav.tabs ul > li.active, body.tax-hotels_landen nav.tabs ul > li.active, body.tax-landen2 nav.tabs ul > li.active {
background: #fff;
background: url("/content/themes/ramatours/img/ramatours-background.jpg");
}
body.tax-rondreizen_landen nav.tabs ul > li.active > a, body.landen-template-default nav.tabs ul > li.active > a, body.sublanden-template-default nav.tabs ul > li.active > a, body.tax-hotels_landen nav.tabs ul > li.active > a, body.tax-landen2 nav.tabs ul > li.active > a {
color: #00807b;
}
body.tax-rondreizen_landen nav.tabs ul > li > a, body.landen-template-default nav.tabs ul > li > a, body.sublanden-template-default nav.tabs ul > li > a, body.tax-hotels_landen nav.tabs ul > li > a, body.tax-landen2 nav.tabs ul > li > a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
font-size: 18px;
line-height: 60px;
text-decoration: none;
color: #fff;
white-space: nowrap;
transition: 0.4s color;
}
body.tax-rondreizen_landen nav.tabs ul > li:not(.active) a:hover, body.landen-template-default nav.tabs ul > li:not(.active) a:hover, body.sublanden-template-default nav.tabs ul > li:not(.active) a:hover, body.tax-hotels_landen nav.tabs ul > li:not(.active) a:hover, body.tax-landen2 nav.tabs ul > li:not(.active) a:hover {
color: #fff;
}
@keyframes fadein {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
ol.flickity-page-dots {
display: none;
}
/*
.slider-image {
min-height: 660px;
}
.slide-navigation .flickity-slider{
min-height: 294px;
}*/
.rm-container {
width: 1370px;
display: block;
margin: 0 auto;
}
ul.gform_fields.top_label.description_below.gform_column.one-half.first {
border-right: 1px solid #ccc;
}
.content-block .section-header h2,
.content-block .section-header .h2 {
font: 400 36px/46px "Merriweather", serif;
}
section.overlap-slider .headline-with-link h2,
section.overlap-slider .headline-with-link .h2 {
font-weight: 400;
}
.headline_size,
section.destination-section h2,
section.destination-section .h2,
.news-section h2,
.news-section .h2,
.reisverslagen h2,
.reisverslagen .h2,
section.map-section .map-content h2,
section.map-section .map-content .h2,
.section-newsletter h2,
.section-newsletter .h2 {
font-weight: 400;
}
.page-line {
margin-top: 60px;
padding-top: 60px;
border-top: 2px solid #00807b;
}
.footer {
margin: -5px 0 0;
}
.footer-contact {
display: flex;
flex-direction: column;
}
.footer-contact .logos-sponsors {
padding: 20px;
gap: 30px;
border-radius: 5px;
max-width: 180px;
order: 2;
margin-top: 20px;
}
.footer-contact .logos-sponsors a {
width: 50px;
}
.footer-contact .logos-sponsors a:last-child {
width: 100%;
}
.logos-sponsors {
text-align: left;
background-color: #f2f2f2;
display: flex;
flex-wrap: wrap;
gap: 14px;
align-items: center;
padding: 0 20px;
}
.logos-sponsors br {
display: none;
}
.logos-sponsors a {
display: inline-block;
width: 34px;
padding: 2px;
}
.logos-sponsors a img {
width: 100%;
transition-duration: 0.3s;
}
.logos-sponsors a img:hover {
transition-duration: 0.3s;
}
/*start css play */
.tel-section, .email-section {
float: left;
padding: 18px 33px 20px 20px;
border-right: 1px solid #fff;
}
.tel-section span, .email-section span {
color: #fff;
font-size: 16px;
}
.tel-section span i, .email-section span i {
margin: 0 5px 0 10px;
font-size: 19px;
}
.search-result h2, .hotel-search-result h2 {
font-size: 17px;
text-transform: none;
text-align: left;
font-weight: 400;
border-bottom: 1px solid #ddd;
padding: 0 0 10px 0;
}
.search-result, .hotel-search-result {
border-top: 1px solid #ccc;
padding: 15px 0;
height: 500px;
overflow-x: scroll;
}
/* modernizr css*/
.compat-object-fit img {
display: none;
opacity: 0;
}
.banner-headline {
height: 320px;
width: 100%;
background: url("/content/themes/ramatours/img/sunsetbg.jpg") no-repeat top center #eee;
background-size: cover;
position: relative;
}
.banner-headline h2, .banner-headline .h2 {
font: 400 36px/46px "Merriweather", serif;
color: #fff;
}
.banner-headline h1, .banner-headline .h1 {
font: 400 36px/46px "Merriweather", serif;
color: #fff;
color: #fff;
}
.banner-headline .vignet img {
position: absolute;
right: 30px;
top: 0;
bottom: 0;
height: 66.66%;
margin: auto 0;
}
.rm-main-slider .item {
background-position: top center !important;
background-size: cover !important;
}
section.destination-section {
background-position: top center !important;
background-size: cover !important;
}
.onze-recensies-section > img {
position: absolute;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.side-menus.sticky {
padding: 50px 0 0 0;
}
.rm-main-wrapper {
width: 100%;
display: inline-block;
padding: 30px 40px;
}
.search-box-filter {
background: #006a66;
margin-bottom: 30px;
}
.search-box-filter .wrapper {
padding: 0 60px;
}
.search-box-filter .search-box-content {
padding: 30px 0;
}
.search-box-filter .search-box-content h3,
.search-box-filter .search-box-content .h3 {
font: 400 28px/36px "Merriweather", serif;
text-transform: uppercase;
color: #fff;
margin: 0 0 20px;
}
.search-box-filter .search-box-content p {
font: 300 16px/26px "Roboto", sans-serif;
color: #fff;
}
.single-hotels {
height: auto;
overflow: hidden;
}
.slide-navigation {
overflow: hidden;
height: auto;
margin: 20px 0 0 0;
}
.search-box-fields {
width: 100%;
display: inline-block;
margin: 80px 0 0;
position: relative;
z-index: 1;
}
.search-box-fields .custom-dropdown-field {
position: relative;
height: 50px;
overflow: hidden;
border-radius: 5px;
}
.search-box-fields .custom-dropdown-field input[type=text] {
width: 100%;
height: 50px;
font: 300 16px/26px "Roboto", sans-serif;
color: #444;
background: #fff;
padding: 0 30px;
border: 0;
opacity: 1;
}
.search-box-fields .custom-dropdown-field button {
background: #00807b;
border: 0;
position: absolute;
right: 0;
top: 0;
width: 50px;
height: 50px;
color: #fff;
font-size: 30px;
padding: 0;
}
.search-box-fields .custom-dropdown-field.active i:before {
content: "\f00d";
}
.search-box-fields .custom-dropdown-options {
width: 100%;
background: #fff;
margin: -4px 0 0 0;
border-top: 1px solid #ccc;
position: absolute;
padding: 25px 30px;
display: none;
box-shadow: 0 1px 6px #ccc;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}
.search-box-fields .custom-dropdown-options ul {
list-style: none;
padding: 0;
margin: 0;
}
.search-box-fields .custom-dropdown-options ul li {
position: relative;
}
.search-box-fields .custom-dropdown-options ul li input {
display: none;
}
.search-box-fields .custom-dropdown-options ul li input:checked + label:before {
content: "\f00c";
font-family: fontawesome, sans-serif;
color: #fff;
text-align: center;
font-size: 21px;
line-height: 30px;
background: #00807b;
transition-duration: 0.3s;
}
.search-box-fields .custom-dropdown-options ul li label {
font: 300 16px/26px "Roboto", sans-serif;
color: #444;
width: 100%;
padding: 10px 0 0 45px;
position: relative;
line-height: 32px !important;
}
.search-box-fields .custom-dropdown-options ul li label:before {
width: 30px;
height: 30px;
background: #eaeaea;
border-radius: 3px;
content: "";
display: block;
position: absolute;
left: 0;
transition-duration: 0.3s;
}
.search-box-fields .custom-dropdown-options ul li label:after {
content: "";
width: 100%;
height: 1px;
border-bottom: 1px solid #eaeaea;
display: block;
margin: 4px 0 0 0;
}
.search-box-fields .custom-dropdown-options ul li ul {
margin: 0 0 0 60px;
display: none;
}
.search-box-fields .custom-dropdown-options ul li ul li label {
border: 0;
}
.search-box-fields .custom-dropdown-options ul li ul li label:after {
display: none;
}
.search-box-fields .custom-dropdown-options ul li ul.active {
display: block;
}
.search-box-fields .custom-dropdown-options span.carret-down:before {
content: "\f107";
position: absolute;
top: 0;
right: 0;
font-family: fontawesome, sans-serif;
font-size: 30px;
color: #535353;
cursor: pointer;
}
.search-box-fields .custom-dropdown-options span.carret-down.active:before {
content: "\f106";
}
a.clear-input {
display: inline-block;
margin: 20px 25px 0 auto;
text-align: center;
font-size: 24px;
font-weight: bold;
color: #444;
cursor: pointer;
}
a.clear-input:hover {
text-decoration: none !important;
color: #00807b !important;
}
section.section-list-item-selected {
padding: 30px 30px;
}
section.section-list-item-selected ul {
list-style: none;
padding: 0;
margin: 0;
}
section.section-list-item-selected ul li {
display: inline-block;
font: 400 18px/18px "Roboto", sans-serif;
color: #00807b;
margin: 0 60px 0 0;
position: relative;
}
section.section-list-item-selected ul li:after {
content: "";
width: 40px;
height: 40px;
background: url("/content/themes/ramatours/img/close.png") no-repeat;
display: block;
position: absolute;
right: -50px;
top: 0;
}
.item-prijs-wrapper {
position: absolute;
top: 20px;
left: 30px;
color: white;
z-index: 1;
}
.item-prijs-wrapper span {
display: block;
margin-bottom: 6px;
font: bold 16px/26px "Roboto", sans-serif;
}
.item-card {
display: block;
position: relative;
margin: 0 0 30px 0;
/* -moz-animation: fadein 0.3s; /* Firefox */
/* -webkit-animation: fadein 0.3s; /* Safari and Chrome */
}
.item-card.none-selected {
width: 100%;
height: 280px;
text-align: center;
overflow: hidden;
background: #d5d5ca url("/content/uploads/2017/11/selecteer-een-bestemming.jpg") center no-repeat;
background-size: cover;
border-radius: 5px;
position: relative;
color: #fff;
font-size: 21px;
}
@media (min-width: 992px) {
.item-card.none-selected {
height: 325px;
}
}
.item-card.none-selected .content {
position: relative;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
margin: 0 20px;
}
.item-card figure {
width: 100%;
height: 280px;
overflow: hidden;
background: #000;
border-radius: 5px;
position: relative;
}
.item-card figure::after {
content: " ";
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 33%, rgba(0, 0, 0, 0.3) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000", endColorstr="#4d000000", GradientType=0);
}
.item-card figure img {
max-width: 100%;
max-height: 100%;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
height: 100%;
opacity: 0.9;
transition: all 300ms ease-out;
}
.item-card:hover figure img {
transform: scale(1.1);
}
.item-card .meta-data {
transition-duration: 1s;
position: absolute;
bottom: 20px;
left: 30px;
right: 50px;
width: auto;
height: auto;
}
.item-card .meta-data::after {
content: " ";
position: absolute;
bottom: 1px;
right: -23px;
width: 20px;
height: 20px;
background: url("/content/themes/ramatours//img/arrow-right-white.png") center no-repeat;
background-size: contain;
}
.item-card .meta-data h2, .item-card .meta-data .h2, .item-card .meta-data h3, .item-card .meta-data .h3 {
color: #fff;
text-transform: none;
font: 400 20px/24px "Roboto", sans-serif;
display: block;
margin: 0;
}
.item-card .meta-data p {
font: 400 18px/20px "Roboto", sans-serif;
color: #fff;
margin: 0 0 20px;
}
.item-card .meta-data span {
font: 300 15px/16px "Roboto", sans-serif;
color: #fff;
line-height: 20px;
display: block;
margin: 0 0 5px;
text-transform: lowercase;
font-style: italic;
}
.item-card .meta-data img.arrow {
display: block;
position: absolute;
bottom: 1px;
right: -23px;
width: 20px;
}
.view-more-wrapper {
width: 100%;
display: inline-block;
text-align: center;
padding: 60px 0 50px 0;
}
section#sticky_search {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 2;
height: auto;
display: none;
}
section#sticky_search .search-box-content {
padding: 0;
}
section#sticky_search .search-box-content h3, section#sticky_search .search-box-content .h3 {
margin: 15px 0;
height: 50px;
line-height: 50px;
}
section#sticky_search .search-box-fields {
margin: 15px 0 0;
}
label.checked:before {
content: "\f00c" !important;
font-family: fontawesome, sans-serif;
color: #fff !important;
text-align: center !important;
font-size: 21px !important;
line-height: 30px !important;
background: #00807b !important;
transition-duration: 0.3s;
}
.section-item-result span.loading {
margin: 15px 0 0 20px;
}
/* informatie css */
.banner-headline.banner-informatie {
background-image: url("/content/themes/ramatours/img/banner-landen-informatie.jpg");
}
.head-bar-section {
background: #00807b;
padding: 40px 80px;
margin-bottom: 60px;
}
.head-bar-section p {
font: 300 16px/26px "Roboto", sans-serif;
color: #fff;
}
.head-bar-section .button-list {
padding: 0;
list-style: none;
display: inline-block;
width: 100%;
margin: 40px 0 20px 0;
}
.head-bar-section .button-list li {
display: inline-block;
margin: 0 20px 0 0;
}
.head-bar-section .button-list li a {
font-weight: 400;
}
.head-bar-section .button-list li a:hover {
text-decoration: none;
}
section.archieved-items {
margin: 40px 0 0 0;
}
section.archieved-items article .item {
transition-duration: 0.3s;
border: 1px solid #eee;
position: relative;
width: 100%;
margin: 0 0 30px 0;
}
section.archieved-items article .item:hover {
box-shadow: 0 0 10px #ccc;
transition-duration: 0.3s;
}
section.archieved-items article .item figure {
width: 100%;
height: 280px;
overflow: hidden;
background: #00807b;
position: relative;
}
section.archieved-items article .item figure img {
max-width: 100%;
max-height: 100%;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
height: 100%;
}
section.archieved-items article .item figure span.line {
width: 100%;
display: inline-block;
height: 7px;
position: absolute;
bottom: 0;
}
section.archieved-items article .item figure span.line.australie {
background: #8c141f;
}
section.archieved-items article .item figure span.line.cambodja,
section.archieved-items article .item figure span.line.cambodja-2 {
background: #763319;
}
section.archieved-items article .item figure span.line.india,
section.archieved-items article .item figure span.line.india-2 {
background: #d54837;
}
section.archieved-items article .item figure span.line.indonesie,
section.archieved-items article .item figure span.line.indonesie-2 {
background: #D65919;
}
section.archieved-items article .item figure span.line.laos,
section.archieved-items article .item figure span.line.laos-2 {
background: #8c141f;
}
section.archieved-items article .item figure span.line.maleisie,
section.archieved-items article .item figure span.line.maleisie-2 {
background: #461254;
}
section.archieved-items article .item figure span.line.myanmar,
section.archieved-items article .item figure span.line.myanmar-2,
section.archieved-items article .item figure span.line.myanmar-3 {
background: #953887;
}
section.archieved-items article .item figure span.line.nieuw-zeeland,
section.archieved-items article .item figure span.line.nieuw-zeeland-2 {
background: #229c96;
}
section.archieved-items article .item figure span.line.sri-lanka,
section.archieved-items article .item figure span.line.sri-lanka-2,
section.archieved-items article .item figure span.line.sri-lanka-3 {
background: #1d897d;
}
section.archieved-items article .item figure span.line.thailand,
section.archieved-items article .item figure span.line.thailand-2,
section.archieved-items article .item figure span.line.thailand-2-2 {
background: #153969;
}
section.archieved-items article .item figure span.line.vietnam,
section.archieved-items article .item figure span.line.vietnam-2 {
background: #0f5471;
}
section.archieved-items article .item .item-info {
padding: 20px;
width: 100%;
background: #fff;
}
section.archieved-items article .item .item-info h3 {
margin: 0 0 10px 0;
font: 400 28px/36px "Roboto", sans-serif;
color: #00807b;
}
section.archieved-items article .item .item-info p {
font: 300 16px/26px "Roboto", sans-serif;
color: #444;
margin: 0 0 10px 0;
}
section.archieved-items article .item .item-info a {
font: 300 16px/26px "Roboto", sans-serif;
color: #00807b;
font-weight: 400;
text-align: right;
width: 100%;
display: inline-block;
}
section.archieved-items article .item .item-info a:hover {
color: #444 !important;
text-decoration: none;
}
.vacant-item ul {
list-style: none;
padding: 0;
}
.vacant-item ul li {
list-style: none;
padding: 0 0 0 30px;
position: relative;
}
.vacant-item ul li:before {
content: "";
display: inline-block;
background: url("/content/themes/ramatours/img/globe-icon.png") no-repeat;
width: 20px;
height: 20px;
position: absolute;
left: 0;
top: 2px;
}
.section-item-result .item-card {
transition-duration: 0.3s;
}
.section-item-result .item-card:hover {
box-shadow: 0 0 10px #888;
transition-duration: 0.3s;
border-radius: 5px;
}
/* term rondreizen landen css */
.term-summary {
margin: 0 0 60px 0;
}
.term-summary figure {
width: 100%;
padding: 0 30px 0 0;
}
.term-summary figure img {
width: 100%;
height: auto;
border-radius: 5px 5px 0 0;
}
.term-summary .category-image-wrapper {
padding-top: 30px;
}
.term-summary article {
margin-top: -37px;
/***********************************************************************
*
* BEGIN USPs
*
**********************************************************************/
/***********************************************************************
*
* END USPs
*
**********************************************************************/
}
.term-summary article table.usp-list {
list-style-type: none;
display: inline-block;
overflow: hidden;
padding: 15px;
}
.term-summary article table.usp-list tr {
padding-bottom: 10px;
}
.term-summary article table.usp-list tr td:nth-child(1) {
width: 64px;
}
.term-summary article table.usp-list tr td:nth-child(1) img {
width: 36px;
height: 36px;
}
.term-summary article table.usp-list tr td {
vertical-align: middle;
overflow: hidden;
height: 50px;
}
.term-summary article table.usp-list tr p {
font: 300 16px/26px "Roboto", sans-serif;
margin: 0;
color: white;
text-shadow: 1px 1px 1px #000000;
}
.term-summary article, .term-summary .article {
font: 300 16px/26px "Roboto", sans-serif;
color: #333333;
}
.term-summary article h1,
.term-summary article .h1,
.term-summary article h3,
.term-summary article .h3, .term-summary .article h1,
.term-summary .article .h1,
.term-summary .article h3,
.term-summary .article .h3 {
font: 400 36px/46px "Merriweather", serif;
color: #00807b;
margin: 30px 0 15px 0;
overflow: hidden;
}
.term-summary article p, .term-summary .article p {
font: 300 16px/26px "Roboto", sans-serif;
color: #333333;
margin: 0 0 15px;
overflow: hidden;
}
@media (max-width: 767px) {
.term-summary article .read-more-btn, .term-summary .article .read-more-btn {
margin-bottom: 10px;
line-height: 34px;
}
}
.term-summary article a.green-btn, .term-summary .article a.green-btn {
margin: 0;
display: inline-block;
}
.term-summary article .solid-btn + .green-btn, .term-summary .article .solid-btn + .green-btn {
margin-top: 10px;
}
@media (min-width: 1200px) {
.term-summary article .solid-btn + .green-btn, .term-summary .article .solid-btn + .green-btn {
margin-left: 15px;
}
}
.term-summary article .intro-text-wrapper, .term-summary .article .intro-text-wrapper {
height: 350px;
overflow: hidden;
transition: all 0.5s;
}
@media (min-width: 768px) {
.term-summary article .intro-text-wrapper, .term-summary .article .intro-text-wrapper {
height: auto;
}
}
.term-summary article .intro-text-wrapper.open, .term-summary .article .intro-text-wrapper.open {
height: auto;
transition: all 0.5s;
}
.term-summary article .read-more-btn, .term-summary .article .read-more-btn {
text-decoration: underline;
cursor: pointer;
}
@media (min-width: 768px) {
.term-summary article .read-more-btn, .term-summary .article .read-more-btn {
display: none;
}
}
.term-summary .voorbeeldreizen-btn-wrapper {
text-align: center;
}
.term-summary .voorbeeldreizen-btn-wrapper .voorbeeldreizen-btn {
display: inline-block;
padding: 25px;
margin-top: 20px;
width: 100%;
}
@media (min-width: 768px) {
.term-summary .voorbeeldreizen-btn-wrapper .voorbeeldreizen-btn {
width: 80%;
}
}
@media (min-width: 992px) {
.term-summary .voorbeeldreizen-btn-wrapper .voorbeeldreizen-btn {
width: 40%;
}
}
.term-summary .voorbeeldreizen-btn-wrapper.mobile .voorbeeldreizen-btn {
margin-top: 30px;
margin-bottom: 10px;
}
h2, .h2 {
font: 400 32px/46px "Merriweather", serif;
text-transform: none;
color: #00807b;
margin: 30px 0 15px;
}
h2.__nomargin, .h2.__nomargin {
margin: 0px;
}
.tax-steden .breadcrumbs-wrap {
margin: 0;
}
.breadcrumbs-wrap {
background: #006a66;
padding: 20px 40px;
margin: 0 0 30px 0;
}
.breadcrumbs-wrap ul {
list-style: none;
margin: 0;
padding: 0;
}
.breadcrumbs-wrap ul li {
display: inline-block;
color: #fff;
font: 300 16px/16px "Roboto", sans-serif;
padding: 0;
position: relative;
line-height: 22px;
}
.breadcrumbs-wrap ul li + li {
padding-left: 33px;
}
.breadcrumbs-wrap ul li + li:before {
content: "\f105";
left: 12px;
font-family: fontawesome, sans-serif;
position: absolute;
top: -1px;
font-size: 21px;
line-height: 22px;
}
@media (min-width: 992px) and (max-width: 1023px) {
.breadcrumbs-wrap ul li + li:before {
left: 6px;
top: 7px;
}
}
.breadcrumbs-wrap ul li a {
color: #fff;
font: 300 16px/16px "Roboto", sans-serif;
}
.breadcrumbs-wrap ul li a:hover {
color: #fff;
}
body .breadcrumbs-wrap {
background: transparent;
}
body .breadcrumbs-wrap > div.container {
padding: 0;
}
body .breadcrumbs-wrap ul li {
color: #444;
}
body .breadcrumbs-wrap ul li a {
color: #444;
}
body .breadcrumbs-wrap ul li a:hover {
text-decoration: none;
color: #444;
font-weight: bold;
}
body.tax-hotels_landen section.hotel-archieved nav.hotel-tab, body.tax-landen2 section.hotel-archieved nav.hotel-tab, body.tax-steden section.hotel-archieved nav.hotel-tab {
padding: 0;
}
body.tax-hotels_landen .banner-headline, body.tax-landen2 .banner-headline, body.tax-steden .banner-headline {
overflow: hidden;
}
body.tax-hotels_landen .banner-headline img, body.tax-landen2 .banner-headline img, body.tax-steden .banner-headline img {
position: absolute;
z-index: 0;
width: 100vw;
height: auto;
}
@media (max-width: 1200px) {
body.tax-hotels_landen .banner-headline img, body.tax-landen2 .banner-headline img, body.tax-steden .banner-headline img {
width: auto;
height: 320px;
}
}
body.tax-hotels_landen .banner-headline .h1, body.tax-hotels_landen .banner-headline h1, body.tax-landen2 .banner-headline .h1, body.tax-landen2 .banner-headline h1, body.tax-steden .banner-headline .h1, body.tax-steden .banner-headline h1 {
z-index: 1;
}
.no-margin {
margin: 0;
}
section.post-banner {
height: 508px;
background-size: cover !important;
background-repeat: no-repeat !important;
background-position: 5% center !important;
margin: 0;
}
section.post-banner .flex-left {
width: 100%;
height: 508px;
display: flex;
justify-content: flex-start;
align-items: center;
}
section.post-banner .banner-cta {
width: 550px;
background: rgba(255, 255, 255, 0.8);
padding: 40px 50px 50px 50px;
}
section.post-banner .banner-cta h1,
section.post-banner .banner-cta .h1 {
margin: 0 0 20px 0;
font: 400 28px/36px "Merriweather", serif;
text-transform: uppercase;
color: #00807b;
}
section.post-banner .banner-cta p {
font: 300 16px/26px "Roboto", sans-serif;
color: #333;
margin: 0 0 10px 0;
}
section.post-banner .banner-cta p .price {
font-weight: bold;
color: #00807b;
}
section.post-banner .banner-cta .buttons {
margin: 40px 0 0 0;
padding: 0;
list-style: none;
}
section.post-banner .banner-cta .buttons li {
display: inline-block;
margin: 0 10px 0 0;
}
@media (max-width: 1023px) {
.single-rondreizen_ section.post-banner .banner-cta {
bottom: auto !important;
margin-top: 20px;
position: relative;
width: 100%;
}
}
@media (max-width: 767px) {
.single-rondreizen_ section.post-banner .banner-cta {
margin-top: 0;
}
}
.single-rondreizen_ .breadcrumbs-wrap + section.post-banner {
display: table;
width: 100%;
}
@media (max-width: 767px) {
.single-rondreizen_ .breadcrumbs-wrap + section.post-banner {
height: auto;
}
}
@media (min-width: 768px) {
.single-rondreizen_ .breadcrumbs-wrap + section.post-banner {
position: absolute;
top: 65px;
left: 0;
}
}
@media (min-width: 992px) {
.single-rondreizen_ .breadcrumbs-wrap + section.post-banner {
box-sizing: border-box;
top: 135px;
padding-top: 40px;
}
}
.single-rondreizen_ .breadcrumbs-wrap + section.post-banner .vertical-align-this {
display: table-cell;
vertical-align: middle;
}
.single-rondreizen_ .breadcrumbs-wrap + section.post-banner ~ .post-wrapper article#algemeen {
margin-top: 0 !important;
}
.single-rondreizen_ .breadcrumbs-wrap + section.post-banner ~ .post-wrapper article#algemeen .h3 {
margin-top: 0;
}
.post-wrapper {
overflow: hidden;
margin: 0 0;
position: relative;
z-index: 1;
}
.post-wrapper article {
padding-left: 0;
padding-right: 0;
}
.post-wrapper article h1, .post-wrapper article .h1,
.post-wrapper article h2, .post-wrapper article .h2,
.post-wrapper article h3, .post-wrapper article .h3 {
font: 400 18px/20px "Roboto", sans-serif;
color: #00807b;
margin: 50px 0 20px 0;
line-height: 1.4;
}
.post-wrapper article h1, .post-wrapper article .h1 {
text-transform: uppercase;
font-family: "Merriweather", serif;
font-size: 36px !important;
font-weight: normal;
}
.post-wrapper article h2, .post-wrapper article .h2 {
font-family: "Merriweather", serif;
font-size: 36px !important;
font-weight: normal;
}
.post-wrapper article h3, .post-wrapper article .h3 {
font-size: 24px;
font-weight: bold;
}
.post-wrapper article p {
font: 300 16px/26px "Roboto", sans-serif !important;
margin: 0 0 20px 0;
}
.post-wrapper article p span {
font: 300 16px/26px "Roboto", sans-serif !important;
}
.post-wrapper article ul {
margin: 0 0 30px 0;
}
.post-wrapper article ul li {
font: 300 16px/24px "Roboto", sans-serif !important;
margin: 0 0 10px 0;
}
.post-wrapper article ul li span {
font: 300 16px/26px "Roboto", sans-serif !important;
}
.post-wrapper article img.map-image {
width: 480px;
margin: 0 auto;
display: block;
}
.post-wrapper .column-2 {
margin: 0 0 60px 0;
width: 100%;
display: inline-block;
}
.post-wrapper .has-margin-bottom-60 {
margin-bottom: 60px;
}
.day-list .green-btn {
margin: 20px 0 0 0;
display: inline-block;
}
.questions-box {
width: 100%;
background: #00807b;
text-align: center;
padding: 50px 0 80px 0;
margin: 40px 0 0 0;
}
.questions-box h4 {
font: 500 24px/36px "Roboto", sans-serif;
color: #fff;
margin: 0 0 10px 0;
}
.questions-box p {
font: 300 20px/28px "Roboto", sans-serif;
color: #fff;
margin: 0 0 40px 0;
}
.flat-btn-white {
background: #fff;
padding: 10px 40px;
font: 300 16px/16px "Roboto", sans-serif;
color: #00807b;
color: #00807b !important;
border-radius: 5px;
border: 2px solid #fff;
}
.flat-btn-white:hover {
background: transparent !important;
color: #fff !important;
text-decoration: none;
}
div#daymodal .modal-dialog .modal-content {
width: 760px;
height: 560px;
overflow: scroll;
padding: 30px;
}
div#daymodal .modal-dialog .modal-content h5 {
font: 400 28px/36px "Merriweather", serif;
text-transform: uppercase;
color: #00807b;
margin: 0 0 20px 0;
}
div#daymodal .modal-dialog .modal-content .close {
font-size: 16px;
color: #333 !important;
opacity: 1;
position: relative;
padding: 0 28px 0 0;
font-weight: 300;
}
div#daymodal .modal-dialog .modal-content .close span {
font-size: 40px;
right: 0;
position: absolute;
top: -15px;
}
div#daymodal .modal-dialog .modal-content .day-item {
margin: 0 0 30px 0;
}
div#daymodal .modal-dialog .modal-content .day-item h4 {
font: 500 20px/28px "Roboto", sans-serif;
color: #333;
text-transform: uppercase;
}
div#daymodal .modal-dialog .modal-content .day-item p {
font: 300 16px/16px "Roboto", sans-serif;
color: #333333;
line-height: 24px;
}
div#daymodal .modal-dialog {
padding: 60px 0 0 0;
}
.text-image-block {
background: #fff;
padding: 0 0;
margin: 40px 0 0 0;
display: inline-block;
width: 100%;
}
.text-image-block .wrapper {
position: relative;
}
.text-image-block .box-item {
width: 50%;
float: left;
position: relative;
}
.text-image-block .box-item:nth-child(2) {
position: absolute;
top: 0;
bottom: 0;
right: 0;
overflow: hidden;
}
.text-image-block .box-item img {
width: 100%;
height: auto;
}
.text-image-block .box-item img.wide {
width: auto;
height: 100%;
}
.text-image-block .box-item article {
padding: 50px 20px;
}
.text-image-block .box-item article h3 {
font: 400 32px/46px "Merriweather", serif;
color: #00807b;
margin: 0 0 20px;
}
.text-image-block .box-item article p {
margin: 0 0 40px;
}
.single-hotels_ .single-page article .full-width, .single-hoogtepunten_ .single-page article .full-width {
background: #00807b;
}
.single-rondreizen_ .specialist .background, .single-hotels_ .specialist .background, .single-hoogtepunten_ .specialist .background, .page-template-template-offerte .specialist-mobile .background, .page-template-template-landing-rondreizen .specialist-mobile .background {
background: #00807b;
}
section.hotel-archieved {
margin: 30px 0 30px 0;
}
section.hotel-archieved nav.hotel-tab .h3, section.hotel-archieved nav.hotel-tab h1 {
font: 400 32px/46px "Merriweather", serif;
color: #00807b;
margin: 0 0 20px;
}
section.hotel-archieved nav.hotel-tab ul {
padding: 0;
margin: 0;
list-style: none;
}
section.hotel-archieved nav.hotel-tab ul li {
display: inline-block;
margin: 0 15px 0 0;
}
section.hotel-archieved nav.hotel-tab ul li a {
color: #00807b;
padding: 10px 40px;
font: 400 16px/16px "Roboto", sans-serif;
border-radius: 5px;
border: 2px solid #00807b;
cursor: pointer;
}
section.hotel-archieved nav.hotel-tab ul li a:hover {
color: #fff !important;
background: #00807b;
text-decoration: none;
}
section.hotel-archieved nav.hotel-tab ul li.active a {
color: #fff !important;
background: #00807b !important;
text-decoration: none;
}
section.hotel-archieved nav.hotel-tab ul li:first-child {
margin: 0 50px 0 0;
}
.hotel-item-list.active {
display: inline-block;
}
.hotel-item-list {
width: 100%;
display: none;
margin: 30px 0 0 0;
}
@media (min-width: 768px) {
.hotel-item-list {
margin: 60px 0 0 0;
}
}
.hotel-item-list .hotel-item {
width: 49%;
display: inline-block;
height: 180px;
overflow: hidden;
margin: 0 0 20px 0;
}
.hotel-item-list .hotel-item figure {
width: 49%;
display: inline-block;
vertical-align: top;
background: #00807b;
height: 180px;
}
.hotel-item-list .hotel-item figure a {
overflow: hidden;
width: 100%;
height: 100%;
position: relative;
display: block;
}
.hotel-item-list .hotel-item figure img {
height: 100%;
transition-duration: 0.3s;
position: absolute;
top: -9999px;
right: -9999px;
bottom: -9999px;
left: -9999px;
margin: auto;
}
.hotel-item-list .hotel-item figure img.wide {
height: 100%;
}
.hotel-item-list .hotel-item figure img.tall {
height: auto;
width: 100%;
}
.hotel-item-list .hotel-item .hotel-meta {
width: 49%;
display: inline-block;
padding: 10px 20px;
}
.hotel-item-list .hotel-item .hotel-meta .h4 {
font: 500 18px/25px "Roboto", sans-serif;
margin: 0;
color: #333;
}
.hotel-item-list .hotel-item .hotel-meta p {
font: 300 16px/26px "Roboto", sans-serif;
color: #333;
margin: 0;
}
.hotel-item-list .hotel-item .hotel-meta a {
color: #00807b;
text-align: right;
display: block;
}
.hotel-item-list .hotel-item .hotel-meta a:hover {
color: #00807b !important;
}
.side-menus {
position: absolute;
left: 30px;
}
.side-menus ul {
list-style: none;
margin: 0;
padding: 0;
position: relative;
}
.side-menus ul li {
padding: 0 0 0 20px;
margin: 0 0 15px 0;
}
.side-menus ul li a {
position: relative;
font: 400 16px/16px "Roboto", sans-serif;
color: #333333;
}
.side-menus ul li a:before {
content: "";
width: 10px;
height: 10px;
border-radius: 50%;
border: 2px solid #00807b;
display: block;
position: absolute;
left: -30px;
top: 4px;
background: #fff;
}
.side-menus ul li a:hover {
color: #00807b !important;
text-decoration: none;
}
.side-menus ul li a:hover:before {
background: #00807b;
}
.side-menus ul li.active a {
color: #00807b !important;
}
.side-menus ul li.active a:before {
background: #00807b;
}
.side-menus ul:before {
width: 2px;
height: 146px;
background: #00807b;
content: "";
display: block;
position: absolute;
left: -6px;
top: 4px;
}
/* landen css */
section.post-banner.landen-informatie {
height: 320px;
}
section.post-banner.landen-informatie .flex-left {
justify-content: flex-end;
height: 320px;
}
section.post-banner.landen-informatie .banner-cta {
width: 430px;
}
section.post-banner.landen-informatie > div {
height: 100%;
}
section.post-banner.landen-informatie > div p {
color: #fff;
}
.landen-content h3 {
font: 400 36px/46px "Merriweather", serif !important;
}
.tax-hotels_landen .hotel-tab p, .tax-landen2 .hotel-tab p, .tax-steden .hotel-tab p {
font: 300 16px/26px "Roboto", sans-serif !important;
}
section.extra-image {
width: 100%;
height: 214px;
overflow: hidden;
margin: 30px 0;
}
section.extra-image img {
width: 25%;
float: left;
}
section.route-image {
text-align: center;
}
section.route-image img {
width: 460px;
}
.text-image-block.landen-block .wrapper {
background: #00807b;
display: inline-block;
width: 100%;
}
.text-image-block.landen-block .wrapper .box-item article {
padding: 60px;
color: #fff;
}
.border-gray-btn {
border: 2px solid #333;
color: #333;
font: 400 16px/16px "Roboto", sans-serif;
padding: 13px 40px;
display: table;
border-radius: 5px;
background: transparent;
}
.border-gray-btn:hover {
background: #333;
color: #fff !important;
text-decoration: none;
}
.pagination-button {
margin: 40px 0;
}
div#carousel-example-generic {
height: 560px;
overflow: hidden;
margin: 0 0 40px 0;
}
div#carousel-example-generic .item img {
width: 100%;
height: auto;
}
div#carousel-example-generic .carousel-control i {
font-size: 90px;
padding: 235px 0 0 0;
}
.content-box {
padding: 0 0;
margin: -10px 0 0 0;
}
@media (min-width: 520px) {
.content-box h3, .content-box .h3 {
font: 400 36px/46px "Merriweather", serif;
color: #00807b;
margin: 0 0 30px 0;
}
}
@media (max-width: 520px) {
.content-box h3, .content-box .h3 {
font: 400 20px/30px "Merriweather", serif;
margin: 0 0 30px 0;
}
}
.content-box p {
font: 300 16px/26px "Roboto", sans-serif;
color: #333;
}
@media (min-width: 520px) {
.content-box p {
margin: 0 0 15px 0;
}
}
@media (max-width: 520px) {
.content-box p {
margin: 0;
padding: 10px 20px;
}
}
.cta-and-sm {
background: #00807b;
display: inline-block;
width: 100%;
padding: 20px 30px;
margin: 30px 0;
}
.cta-and-sm .flat-btn-white {
display: inline-block;
color: #00807b !important;
}
.share-post {
float: right;
margin: 6px 0 0 0;
}
.share-post p {
font-size: 16px;
color: #fff;
margin: 0;
display: inline-block;
}
.share-post ul {
display: inline-block;
padding: 0 0 0 10px;
margin: 0;
}
.share-post ul li {
display: inline-block;
margin: 0 0 0 5px;
}
.share-post ul li a {
background: #fff;
width: 28px;
height: 28px;
display: block;
text-align: center;
border-radius: 50%;
font-size: 16px;
padding: 2px 0 0 0;
border: 2px solid #fff;
color: #00807b !important;
}
.share-post ul li a:hover {
background: transparent !important;
color: #fff !important;
text-decoration: none;
}
.sidebar-related {
margin: 21px 0 70px;
}
.sidebar-related h3 {
font: 400 24px/24px "Merriweather", serif;
margin: 0 0 20px 0;
color: #00807b;
text-transform: uppercase;
}
.sidebar-related article {
margin-bottom: 30px;
}
.sidebar-related article figure {
width: 100%;
height: 280px;
overflow: hidden;
background: #00807b;
display: inline-block;
}
.sidebar-related article figure a {
overflow: hidden;
width: 100%;
height: 100%;
position: relative;
display: block;
}
.sidebar-related article figure img {
height: 100%;
transition-duration: 0.3s;
position: absolute;
top: -9999px;
right: -9999px;
bottom: -9999px;
left: -9999px;
margin: auto;
}
.sidebar-related article figure img.wide {
height: 100%;
}
.sidebar-related article figure img.tall {
height: auto;
width: 100%;
}
.sidebar-related article .meta-data {
padding: 15px 20px;
}
.sidebar-related article .meta-data h4, .sidebar-related article .meta-data .h4 {
display: block;
font: 400 19px/29px "Roboto", sans-serif;
margin: 0 0 10px;
text-transform: none;
color: #333;
}
.sidebar-related article .meta-data a {
text-align: right;
display: block;
color: #00807b;
font-weight: bold;
font-size: 16px;
}
.image-box {
width: 100%;
padding: 10px;
height: 429px;
overflow: hidden;
}
.image-box img {
width: 100%;
}
.text-block {
padding: 30px;
}
.text-block h3 {
font: 400 18px/20px "Roboto", sans-serif;
color: #00807b;
text-transform: uppercase;
font-size: 24px;
font-weight: bold;
margin: 0 0 30px 0;
}
.text-block p {
font: 300 16px/24px "Roboto", sans-serif !important;
margin: 0 0 20px 0;
}
@media (min-width: 992px) {
.text-block {
padding-top: 6px;
}
}
.day-frame {
background: #f2f2f2;
padding: 20px;
margin: 10px 10px;
position: relative;
}
.day-frame::after {
content: " ";
position: absolute;
height: 45px;
right: 0;
bottom: 0;
left: 0;
margin: 0;
opacity: 0.9;
box-shadow: 0 -9px 20px #f2f2f2;
background: #f2f2f2;
}
.day-frame .day-contents {
height: 763px;
overflow-x: hidden;
overflow-y: scroll;
position: static;
}
.day-frame h3 {
font: 400 18px/20px "Roboto", sans-serif;
color: #00807b;
text-transform: uppercase;
font-size: 24px;
font-weight: bold;
margin: 0 0 30px 0;
}
.day-frame h4 {
font-size: 18px;
}
.day-frame p {
font: 300 16px/24px "Roboto", sans-serif !important;
margin: 0 0 20px 0;
}
.middle-image {
width: 100%;
margin: 30px 0 50px 0;
display: inline-block;
padding: 0 0;
}
.middle-image img {
width: 100%;
max-height: 468px;
max-width: 100%;
}
.post-wrapper article .region-form {
margin: 40px 0 0 0;
}
.post-wrapper article .region-form p {
font-size: 18px !important;
line-height: 28px !important;
}
.custom-dropdown {
width: 100%;
position: relative;
height: 50px;
margin: 0 0 40px 0;
display: inline-block;
}
.custom-dropdown select {
width: 100%;
height: 50px;
font-size: 18px;
border: 0;
font: 300 16px/26px "Roboto", sans-serif;
color: #444;
background: #fff;
opacity: 1;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
padding: 0 30px;
}
.custom-dropdown button {
background: #006a66;
border: 0;
position: absolute;
right: 0;
top: 0;
width: 50px;
height: 50px;
color: #fff;
font-size: 30px;
pointer-events: none;
}
/*******************************************************************************
*
* Practical-information
* @NOTE: It might be better to move this to `reisinformatie.scss`.
*
******************************************************************************/
.practical-information {
width: 100%;
padding: 0 15px;
margin: 0 0 70px 0;
}
.practical-information h2 {
font: 400 36px/46px "Merriweather", serif;
color: #00807b;
margin: 0 0 30px;
}
.practical-information .information-item {
transition: all 150ms;
overflow: hidden;
padding-left: 0;
border-bottom: 1px solid black;
}
.practical-information .information-item h4 {
cursor: pointer;
display: flex;
align-items: center;
color: #000;
font-family: "Roboto", sans-serif;
font-weight: unset;
text-transform: uppercase;
padding: 16px 0 16px 30px;
margin: 6px 0;
transition: all 150ms;
}
.practical-information .information-item h4 span {
font-size: 36px;
width: 36px;
text-align: center;
margin-right: 30px;
}
.practical-information .information-item:hover {
padding-left: 30px;
}
.practical-information .information-item:hover:not(.active) h4 {
transform: translate(5%) scale(1.1);
}
.practical-information .information-item:hover, .practical-information .information-item.active {
padding: 0px !important;
margin-left: -15px;
margin-right: -15px;
width: calc(100% + 30px);
}
@media (min-width: 531px) {
.practical-information .information-item:hover, .practical-information .information-item.active {
margin-left: -30px;
margin-right: -30px;
width: calc(100% + 60px);
}
}
@media (min-width: 992px) {
.practical-information .information-item:hover, .practical-information .information-item.active {
margin-left: initial;
margin-right: initial;
width: 100%;
padding: initial;
}
}
.practical-information .information-item.active h4 {
color: #00807b !important;
}
@media (max-width: 991px) {
.practical-information .descriptions {
margin-top: 45px;
padding-bottom: 30px;
}
}
.practical-information .information-item-description:not(.active) {
display: none;
}
.practical-information .information-item-description h4 {
text-transform: uppercase;
padding-bottom: 15px;
}
/*******************************************************************************
*******************************************************************************/
.rm-main-header nav.rm-primary-menu > ul > li > .sub-menu {
box-shadow: 0px 2px 4px -1px rgb(102, 102, 102);
}
.rm-main-header nav.rm-primary-menu > ul > li > .sub-menu li.subland a {
font-size: 14px;
}
.rm-main-header nav.rm-primary-menu > ul > li > .sub-menu li a {
font-size: 16px;
line-height: 24px;
}
.rm-main-header nav.rm-primary-menu > ul > li > .sub-menu li .submenu {
left: auto;
}
.button-list .active {
background: #fff;
color: #00807b;
}
.button-list .active:hover {
color: #00807b !important;
}
section.news {
padding: 30px 0;
}
section.news .headline {
margin-top: 10px;
}
section.news .headline .h3 {
font: 400 36px/46px "Merriweather", serif;
color: #00807b;
margin: 0;
height: 50px;
line-height: 50px;
vertical-align: top;
}
section.news .headline .categorySelect {
text-align: right;
}
section.news .headline .categorySelect label {
font: 400 36px/46px "Merriweather", serif;
color: #00807b;
font-size: 18px;
display: inline-block;
color: #00807b;
height: 50px;
line-height: 50px;
vertical-align: top;
margin: 0 10px 0 0;
}
section.news .headline .categorySelect .cat-dropdown {
position: relative;
display: inline-block;
border: 2px solid #00807b;
border-radius: 8px;
margin: 0;
background: #fff;
}
section.news .headline .categorySelect .cat-dropdown select {
border: 0;
font-size: 18px;
padding: 10px 30px 10px 10px;
background: transparent;
-webkit-appearance: none;
-moz-appearance: none;
cursor: pointer;
}
section.news .headline .categorySelect .cat-dropdown select::-ms-expand {
display: none;
}
section.news .headline .categorySelect .cat-dropdown:before {
content: "\f107";
right: 10px;
top: 10px;
font-family: fontawesome, sans-serif;
font-size: 20px;
position: absolute;
color: #00807b;
pointer-events: none;
}
section.news .news-section {
background: none;
padding: 40px 0;
}
section.news .news-section article {
margin: 0 0 30px;
border: 1px solid #eee;
}
.blog_pagination {
margin: 0;
text-align: center;
}
.blog_pagination a {
background: #f2f2f2;
display: inline-block;
padding: 10px 20px;
font-size: 16px;
color: #00807b;
margin: 0 10px 0 0;
}
.blog_pagination .current {
padding: 10px 20px;
font-size: 16px;
color: #00807b;
margin: 0 10px 0 0;
}
.blog-social-shares {
width: 100%;
min-height: 115px;
border-top: 1px solid #00807b;
border-bottom: 1px solid #00807b;
display: inline-block;
margin: 50px 0 0 0;
padding: 0 30px;
}
.blog-social-shares .shares-icons {
float: left;
margin: 38px 0 0;
width: 100%;
}
.blog-social-shares .shares-icons p {
font-size: 24px;
font-weight: 500;
text-transform: uppercase;
float: left;
color: #00807b;
}
.blog-social-shares .shares-icons ul {
list-style: none;
margin: -4px 0 0 30px;
padding: 0;
float: left;
}
.blog-social-shares .shares-icons ul li {
display: inline-block;
margin: 0 10px 0 0;
}
.blog-social-shares .shares-icons ul li a {
width: 40px;
height: 40px;
background: #00807b;
display: block;
border-radius: 50%;
text-align: center;
font-size: 25px;
line-height: 36px;
color: #fff;
border: 2px solid #00807b;
}
.blog-social-shares .shares-icons ul li a:hover {
background: none;
color: #00807b !important;
}
.blog-social-shares .view-all {
margin: -38px 0 0 0;
float: right;
}
.other-post {
width: 100%;
display: inline-block;
padding: 30px 30px;
}
.other-post .post-item a {
font-size: 32px;
font-weight: 500;
text-transform: uppercase;
color: #444;
}
.other-post .post-item a i {
font-size: 40px;
}
.other-post .post-item p {
font-size: 24px;
line-height: 34px;
}
.other-post .post-item.pull-right {
text-align: right;
}
/* contact page */
.contact-banner {
background: url("/content/themes/ramatours/img/contact-banner.jpg") no-repeat;
width: 100%;
height: 485px;
margin: 50px 0 50px 0;
display: none;
background-size: cover;
}
.contact-banner .headline {
text-align: center;
margin: 150px 0 0 0;
}
.contact-banner .headline span.h3 {
font: 400 36px/46px "Merriweather", serif;
color: #fff;
margin: 0 0 10px 0;
}
.page-contact {
margin: 50px 0;
overflow: hidden;
}
.page-contact aside {
background: #eaeaea;
padding: 40px;
}
.page-contact aside h1 {
margin: 0 0 40px 0;
text-transform: uppercase;
font: 400 25px/35px "Merriweather", sans-serif;
color: #00807b;
}
.page-contact aside ul {
list-style: none;
margin: 0 auto;
padding: 0;
display: block;
width: 86%;
}
.page-contact aside ul li {
margin: 0 0 30px 0;
font-size: 16px;
}
.page-contact aside ul li figure {
width: 100px;
text-align: center;
display: inline-block;
}
.page-contact aside ul li.buttons {
display: inline-block;
width: 100%;
}
.page-contact aside ul li.buttons a {
width: 100%;
display: block;
text-align: center;
margin: 25px 0 0 0;
line-height: 24px;
}
.gform_validation_container {
display: none !important;
}
.contact-form-inschrijven h2, .contact-form-inschrijven .h2 {
font: 400 25px/35px "Merriweather", sans-serif;
color: #00807b;
margin: 0 0 20px 0;
}
.contact-form-inschrijven p {
font: 300 16px/26px "Roboto", sans-serif;
color: #444;
margin: 0 0 20px 0;
}
.contact-form-inschrijven .gform_footer {
margin: 40px 0 0 0;
}
.contact-form-inschrijven .gform_footer input {
background: #00807b;
color: #fff;
padding: 10px 40px;
font: 400 16px/26px "Roboto", sans-serif;
border-radius: 5px;
border: 2px solid #00807b;
border-bottom: 2px solid #006a66;
width: 270px;
}
.contact-form-inschrijven .gform_footer input:hover {
background: #006a66;
}
.contact-form-inschrijven .gform_fields {
display: flex;
flex-wrap: wrap;
padding: 0;
justify-content: space-between;
list-style: none;
margin: 0;
}
.contact-form-inschrijven .gfield_checkbox li, .contact-form-inschrijven .gfield_radio li {
list-style: none;
}
.contact-form-inschrijven .gfield {
display: inline-block;
margin: 0 0 20px;
vertical-align: top;
position: relative;
}
.contact-form-inschrijven .gfield.w50 {
width: calc(50% - 10px);
}
@media (max-width: 567px) {
.contact-form-inschrijven .gfield.w50 {
width: 100%;
}
}
.contact-form-inschrijven .gfield.w100 {
width: 100%;
}
.contact-form-inschrijven .gfield label {
font-size: 16px;
font-weight: 400;
margin: 11px 0 0 15px;
}
.contact-form-inschrijven .gfield label span {
font-size: 18px;
color: green;
margin: 0 0 0 4px;
}
.contact-form-inschrijven .gfield input:not([type=checkbox]):not([type=radio]), .contact-form-inschrijven .gfield textarea {
width: 100%;
padding: 10px;
font-size: 16px;
line-height: 24px;
border-radius: 5px;
border: 2px solid #999999;
transition-duration: 0.5s;
background: #fff;
}
.contact-form-inschrijven .gfield input:not([type=checkbox]):not([type=radio]):focus, .contact-form-inschrijven .gfield textarea:focus {
border: 3px solid #00807b !important;
transition-duration: 0.5s;
}
.contact-form-inschrijven .gfield textarea {
height: 222px;
}
.contact-form-inschrijven .gfield_error input {
border: 3px solid #8c4545 !important;
}
.contact-form {
width: 100%;
padding: 40px 20px 0 20px;
}
.contact-form .gsection_description {
margin: 0;
width: 100%;
display: inline-block;
}
.contact-form .gsection_description p {
margin-bottom: 0;
}
.contact-form .gform_footer.right_label {
padding: 0 40px;
}
.contact-form .gform_footer.right_label input {
background: #00807b;
color: #fff;
padding: 10px 40px;
font: 400 16px/26px "Roboto", sans-serif;
border-radius: 5px;
border: 2px solid #00807b;
border-bottom: 2px solid #006a66;
}
@media (min-width: 620px) {
.contact-form .gform_footer.right_label input {
width: 270px;
}
}
.contact-form .gform_footer.right_label input:hover {
background: #006a66;
}
.contact-form h2, .contact-form .h2 {
font: 400 25px/35px "Merriweather", sans-serif;
color: #00807b;
margin: 0 0 20px 0;
}
.contact-form p {
font: 300 16px/26px "Roboto", sans-serif;
color: #444;
margin: 0 0 20px 0;
}
.contact-form ul {
list-style: none;
margin: 0;
}
.contact-form ul .gfield.gsection {
width: 100%;
display: inline-block;
}
.contact-form ul .gfield_error input {
border: 3px solid #8c4545 !important;
}
.contact-form ul .gfield.contact-textarea {
width: 95% !important;
}
.contact-form ul .gfield {
width: 45%;
display: inline-block;
margin: 0 40px 25px 0;
vertical-align: top;
position: relative;
}
.contact-form ul .gfield label {
position: absolute;
font-size: 16px;
font-weight: 400;
margin: 11px 0 0 15px;
}
.contact-form ul .gfield label span {
font-size: 18px;
color: green;
margin: 0 0 0 4px;
}
.contact-form ul .gfield input, .contact-form ul .gfield textarea {
width: 100%;
padding: 10px;
font-size: 16px;
line-height: 24px;
border-radius: 5px;
border: 2px solid #999999;
transition-duration: 0.5s;
background: #fff;
}
.contact-form ul .gfield input:focus, .contact-form ul .gfield textarea:focus {
border: 3px solid #00807b !important;
transition-duration: 0.5s;
}
.contact-form ul .gfield textarea {
height: 222px;
}
.contact-form ul .gfield .ginput_container {
height: 50px;
}
/* offerte form */
.offer-form, #review-form {
margin: 0 0 40px;
overflow: hidden;
}
.offer-form .additional-margin-top, #review-form .additional-margin-top {
margin-top: 40px;
}
.offer-form h1, #review-form h1 {
font: 400 36px/46px "Merriweather", serif;
color: #00807b;
margin: 0;
}
.offer-form .gform_column, #review-form .gform_column {
width: 48%;
float: left;
}
.offer-form .intro p, #review-form .intro p {
font: 300 16px/26px "Roboto", sans-serif;
color: #333;
margin-top: 20px;
}
.offer-form .specialist, #review-form .specialist {
position: relative;
}
.offer-form .specialist p, #review-form .specialist p {
color: #00807b;
font-weight: bold;
margin: 0 0 5px;
font-size: 1.2em;
}
.offer-form .specialist a, #review-form .specialist a {
text-decoration: none;
color: inherit;
}
.offer-form .specialist a:hover, #review-form .specialist a:hover {
color: inherit !important;
text-decoration: underline;
}
.offer-form .specialist .photo, #review-form .specialist .photo {
position: absolute;
top: 0;
right: 30px;
left: 250px;
bottom: 0;
height: 100%;
}
.offer-form .specialist .photo img, #review-form .specialist .photo img {
display: block;
height: 100%;
width: auto;
float: right;
}
.offer-form .specialist .background, #review-form .specialist .background {
background: #00807b;
border-radius: 12px;
color: #fff;
padding: 20px;
}
.offer-form .specialist .name, #review-form .specialist .name {
font: 300 18px/26px "Roboto", sans-serif;
font-weight: bold;
}
.offer-form .specialist .job, #review-form .specialist .job {
font: 300 16px/26px "Roboto", sans-serif;
}
.offer-form .specialist .phone, #review-form .specialist .phone {
font: 300 20px/26px "Roboto", sans-serif;
display: block;
margin: 10px 0 25px;
}
.offer-form .specialist .btn, #review-form .specialist .btn {
font-size: 1.1em;
border-radius: 6px;
font-weight: bold;
padding: 8px 16px;
transition: all 200ms ease-out;
}
.offer-form .specialist .btn:hover, #review-form .specialist .btn:hover {
padding: 8px 12px 8px 20px;
}
.offer-form .specialist .btn.btn-white, #review-form .specialist .btn.btn-white {
color: #00807b;
background-color: #fff;
}
.offer-form .specialist .btn.btn-white:hover, #review-form .specialist .btn.btn-white:hover {
color: #00807b !important;
}
.offer-form .exampleTripPreview, #review-form .exampleTripPreview {
padding-top: 45px;
}
@media (max-width: 991px) {
.offer-form .exampleTripPreview, #review-form .exampleTripPreview {
margin-top: 90px;
}
}
.offer-form .exampleTripPreview > a, #review-form .exampleTripPreview > a {
position: relative;
}
.offer-form .exampleTripPreview > a:before, #review-form .exampleTripPreview > a:before {
content: "";
position: absolute;
width: 100%;
height: 120px;
background: linear-gradient(0deg, rgba(34, 34, 34, 0) 0%, rgba(34, 34, 34, 0.7) 100%);
top: 0;
left: 0;
z-index: 1;
border-radius: 12px 12px 0 0;
}
.offer-form .bestemming-info, #review-form .bestemming-info {
margin-top: 100px;
padding: 15px 30px;
background-color: rgba(158, 218, 217, 0.3);
border-radius: 12px;
}
@media (min-width: 768px) {
.offer-form .bestemming-info, #review-form .bestemming-info {
margin-top: 15px;
}
}
.offer-form .bestemming-info li, #review-form .bestemming-info li {
list-style: none;
}
.offer-form .bestemming-info li label, #review-form .bestemming-info li label {
color: #00807b;
font-size: 16px;
text-transform: uppercase;
padding-top: 10px;
}
.offer-form .bestemming-info li p, #review-form .bestemming-info li p {
color: #000;
font-size: 16px;
padding-bottom: 8px;
}
.offer-form .item-card figure, #review-form .item-card figure {
border-radius: 12px;
}
[v-cloak] {
display: none;
}
#review-form {
margin: 50px 0 30px;
}
#review-form .lead {
margin-bottom: 20px;
font-size: 16px;
font-weight: 300;
line-height: 1.4;
color: #00807b;
}
@media (min-width: 768px) {
#review-form .lead {
font-size: 21px;
}
}
.offer-form-wrapper,
#review-form {
padding-top: 45px;
}
@media (min-width: 992px) {
.offer-form-wrapper,
#review-form {
padding-top: 22px;
padding-right: 30px;
}
}
.offer-form-wrapper .gfield.gfield_error .gform_validation_container, .offer-form-wrapper .gfield.gfield_error .validation_error, .offer-form-wrapper .gfield.gfield_error .validation_message,
#review-form .gfield.gfield_error .gform_validation_container,
#review-form .gfield.gfield_error .validation_error,
#review-form .gfield.gfield_error .validation_message {
display: block;
border: 0 !important;
margin: 5px 15px 0;
color: #d65919;
}
.offer-form-wrapper h2,
#review-form h2 {
color: #00807b;
border-bottom: 2px solid #00807b;
margin: 15px 0 30px 0;
}
@media (min-width: 768px) {
.offer-form-wrapper h2,
#review-form h2 {
width: 50%;
}
}
.offer-form-wrapper ul,
#review-form ul {
margin: 0 0 20px;
padding: 0;
list-style: none;
}
.offer-form-wrapper h4,
#review-form h4 {
font: 400 28px/36px "Roboto", sans-serif;
text-transform: uppercase;
color: #00807b;
margin: 0 0 50px 0;
position: relative;
padding: 0 0 0 60px;
}
.offer-form-wrapper h4 span,
#review-form h4 span {
background: #DBDBDB;
display: inline-block;
width: 40px;
height: 40px;
border-radius: 50%;
text-align: center;
color: #fff;
font-size: 23px;
line-height: 41px;
margin: 0 20px 0 0;
position: absolute;
left: 0;
top: -3px;
font-weight: 400;
}
.offer-form-wrapper .radio-input,
#review-form .radio-input {
margin: 0 0 45px 0;
width: 100%;
}
.offer-form-wrapper .radio-input .gfield_label,
#review-form .radio-input .gfield_label {
display: none;
}
.offer-form-wrapper .radio-input .gfield_radio,
#review-form .radio-input .gfield_radio {
width: 340px;
margin: 0 auto;
overflow: hidden;
border-radius: 6px;
height: 55px;
}
.offer-form-wrapper .radio-input .gfield_radio li,
#review-form .radio-input .gfield_radio li {
display: inline-block;
width: 50%;
height: 55px;
}
.offer-form-wrapper .radio-input .gfield_radio li label,
#review-form .radio-input .gfield_radio li label {
width: 100%;
background: #E2E2E2;
padding: 20px;
text-align: center;
font: 400 16px/16px "Roboto", sans-serif;
color: #888;
}
.offer-form-wrapper .radio-input .gfield_radio li input:checked + label,
#review-form .radio-input .gfield_radio li input:checked + label {
background: #00807b;
color: #fff;
}
.offer-form-wrapper .radio-input .gfield_radio li input,
#review-form .radio-input .gfield_radio li input {
display: none;
}
.offer-form-wrapper .form-group input, .offer-form-wrapper .form-group textarea, .offer-form-wrapper .form-group select,
.offer-form-wrapper .input-field input,
.offer-form-wrapper .input-field textarea,
.offer-form-wrapper .input-field select,
#review-form .form-group input,
#review-form .form-group textarea,
#review-form .form-group select,
#review-form .input-field input,
#review-form .input-field textarea,
#review-form .input-field select {
width: 100%;
height: 48px;
color: #444;
font: 400 14px/24px "Roboto", sans-serif;
border: 2px solid #00807b;
background: transparent;
padding: 0 10px;
border-radius: 8px;
box-shadow: none;
}
@media (min-width: 992px) {
.offer-form-wrapper .form-group input, .offer-form-wrapper .form-group textarea, .offer-form-wrapper .form-group select,
.offer-form-wrapper .input-field input,
.offer-form-wrapper .input-field textarea,
.offer-form-wrapper .input-field select,
#review-form .form-group input,
#review-form .form-group textarea,
#review-form .form-group select,
#review-form .input-field input,
#review-form .input-field textarea,
#review-form .input-field select {
padding: 0 20px;
}
}
.offer-form-wrapper .form-group input:focus, .offer-form-wrapper .form-group textarea:focus, .offer-form-wrapper .form-group select:focus,
.offer-form-wrapper .input-field input:focus,
.offer-form-wrapper .input-field textarea:focus,
.offer-form-wrapper .input-field select:focus,
#review-form .form-group input:focus,
#review-form .form-group textarea:focus,
#review-form .form-group select:focus,
#review-form .input-field input:focus,
#review-form .input-field textarea:focus,
#review-form .input-field select:focus {
border-color: #006a66;
}
.offer-form-wrapper .form-group.has-error input, .offer-form-wrapper .form-group.has-error textarea, .offer-form-wrapper .form-group.has-error select,
.offer-form-wrapper .input-field.has-error input,
.offer-form-wrapper .input-field.has-error textarea,
.offer-form-wrapper .input-field.has-error select,
#review-form .form-group.has-error input,
#review-form .form-group.has-error textarea,
#review-form .form-group.has-error select,
#review-form .input-field.has-error input,
#review-form .input-field.has-error textarea,
#review-form .input-field.has-error select {
border-color: #d65919;
}
.offer-form-wrapper .form-group.has-error input .help-block, .offer-form-wrapper .form-group.has-error textarea .help-block, .offer-form-wrapper .form-group.has-error select .help-block,
.offer-form-wrapper .input-field.has-error input .help-block,
.offer-form-wrapper .input-field.has-error textarea .help-block,
.offer-form-wrapper .input-field.has-error select .help-block,
#review-form .form-group.has-error input .help-block,
#review-form .form-group.has-error textarea .help-block,
#review-form .form-group.has-error select .help-block,
#review-form .input-field.has-error input .help-block,
#review-form .input-field.has-error textarea .help-block,
#review-form .input-field.has-error select .help-block {
color: #d65919;
}
.offer-form-wrapper .form-group select,
.offer-form-wrapper .input-field select,
#review-form .form-group select,
#review-form .input-field select {
-webkit-appearance: none;
}
.offer-form-wrapper .form-group textarea,
.offer-form-wrapper .input-field textarea,
#review-form .form-group textarea,
#review-form .input-field textarea {
height: 250px;
border: 2px solid #00807b;
padding-top: 15px;
}
@media (min-width: 768px) {
.offer-form-wrapper .form-group textarea,
.offer-form-wrapper .input-field textarea,
#review-form .form-group textarea,
#review-form .input-field textarea {
height: 140px;
}
}
.offer-form-wrapper .form-group textarea:focus,
.offer-form-wrapper .input-field textarea:focus,
#review-form .form-group textarea:focus,
#review-form .input-field textarea:focus {
border-color: #006a66;
}
.offer-form-wrapper .form-group label,
.offer-form-wrapper .input-field label,
#review-form .form-group label,
#review-form .input-field label {
font: 400 16px/20px "Roboto", sans-serif;
color: #444;
padding: 0 0 0 20px;
margin: 0 0 10px 0;
}
.offer-form-wrapper .form-group label span.gfield_required,
.offer-form-wrapper .input-field label span.gfield_required,
#review-form .form-group label span.gfield_required,
#review-form .input-field label span.gfield_required {
margin: 0 0 0 5px;
color: #00807b;
}
.offer-form-wrapper .form-group .ginput_container.ginput_container_select,
.offer-form-wrapper .input-field .ginput_container.ginput_container_select,
#review-form .form-group .ginput_container.ginput_container_select,
#review-form .input-field .ginput_container.ginput_container_select {
position: relative;
}
.offer-form-wrapper .form-group .ginput_container.ginput_container_select:before,
.offer-form-wrapper .input-field .ginput_container.ginput_container_select:before,
#review-form .form-group .ginput_container.ginput_container_select:before,
#review-form .input-field .ginput_container.ginput_container_select:before {
content: "\f107";
right: 10px;
position: absolute;
font-family: fontawesome, sans-serif;
top: 0;
font-size: 30px;
color: #00807b;
pointer-events: none;
line-height: 46px;
}
@media (min-width: 768px) {
.offer-form-wrapper .form-group .ginput_container.ginput_container_select:before,
.offer-form-wrapper .input-field .ginput_container.ginput_container_select:before,
#review-form .form-group .ginput_container.ginput_container_select:before,
#review-form .input-field .ginput_container.ginput_container_select:before {
right: 20px;
}
}
.offer-form-wrapper .calendar-field,
#review-form .calendar-field {
position: relative;
}
.offer-form-wrapper .calendar-field:before,
#review-form .calendar-field:before {
content: "\f073";
right: 22px;
bottom: 14px;
position: absolute;
font-family: fontawesome, sans-serif;
color: #00807b;
pointer-events: none;
}
.offer-form-wrapper .big-inputs input, .offer-form-wrapper select, .offer-form-wrapper textarea,
#review-form .big-inputs input,
#review-form select,
#review-form textarea {
font-size: 16px !important;
}
.offer-form-wrapper .gform_footer.top_label,
#review-form .gform_footer.top_label {
width: 100%;
float: left;
margin: 10px 0 10px 0;
}
.offer-form-wrapper .gform_footer.top_label input,
#review-form .gform_footer.top_label input {
background: #00807b;
color: #fff;
padding: 10px 40px;
font: 400 16px/26px "Roboto", sans-serif;
border-radius: 5px;
border: 2px solid #00807b;
border-bottom: 2px solid #006a66;
width: 390px;
}
.offer-form-wrapper .gform_footer.top_label input:hover,
#review-form .gform_footer.top_label input:hover {
background: #006a66;
}
.offer-form-wrapper .btn.btn-submit,
#review-form .btn.btn-submit {
background: #00807b;
color: #fff;
padding: 10px 40px;
font: 400 16px/26px "Roboto", sans-serif;
border-radius: 5px;
border: 2px solid #00807b;
border-bottom: 2px solid #006a66;
width: 390px;
}
.offer-form-wrapper .btn.btn-submit:hover,
#review-form .btn.btn-submit:hover {
background: #006a66;
}
.offer-form-wrapper .gfield_error input,
#review-form .gfield_error input {
border-bottom: 2px solid #d65919 !important;
}
.gform_validation_error h4 span {
background: #00AFA2;
}
.gform_validation_error .one-half.first h4 span {
background: #d65919;
}
div#gform_confirmation_message_7 {
text-align: center;
}
div#gform_confirmation_message_7 p {
font-size: 18px !important;
}
div#gform_confirmation_message_7 h4 {
font-size: 50px;
}
/* datepicker style */
.ui-datepicker {
width: 297px;
background: #00807b;
font-size: 16px;
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
display: none;
}
.ui-datepicker a {
color: #fff;
font-size: 16px;
}
.ui-datepicker .ui-datepicker-header {
width: 100%;
padding: 11px;
border-bottom: 1px solid #fff;
}
.ui-datepicker .ui-datepicker-header select {
background: #fff;
font-size: 16px;
padding: 10px;
}
.ui-datepicker table.ui-datepicker-calendar {
width: 100%;
padding: 10px;
margin: 10px;
}
.ui-datepicker table.ui-datepicker-calendar th {
color: #fff;
}
.page-template-template-overons2 .about-page {
padding-top: 40px;
}
.about-page {
position: relative;
padding: 0 0 50px;
overflow: hidden;
}
@media (min-width: 1024px) {
.about-page {
padding: 0 15px 50px;
}
}
.about-page .side-menus ul:before {
height: 76px;
}
.about-page .content p {
font: 300 16px/26px "Roboto", sans-serif;
color: #444;
margin: 0 0 20px 0;
}
.about-page main .content {
padding: 0 !important;
padding: 0 20px;
}
.about-page main .content#over-rama, .about-page main .content#featured-items {
margin-bottom: 40px;
}
.about-page main .content#featured-items .item-card figure {
width: 100%;
height: 240px;
overflow: hidden;
background: #000;
border-radius: 0px;
position: relative;
margin: 5px 0 0 0;
}
.about-page main .content#featured-items .item-card figure:after {
content: " ";
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 33%, rgba(0, 0, 0, 0.3) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000", endColorstr="#4d000000", GradientType=0);
}
.about-page main .content#featured-items span.title-meta {
background: #00807b;
width: 100%;
display: inline-block;
font-size: 16px;
padding: 10px 20px;
margin-top: -5px;
text-transform: uppercase;
color: #fff;
}
.about-page main .content#featured-items span.title-meta i {
float: right;
}
.about-page main .content h2, .about-page main .content .h2 {
font: 400 36px/46px "Merriweather", serif;
color: #00807b;
margin: 0 0 30px 0;
}
.about-page main .content h4, .about-page main .content .h4 {
margin: 0 0 20px 0;
color: #444;
}
.about-page main .content .h4 {
font-size: 18px;
font-weight: 500;
line-height: 1.1;
}
.about-page main .content p {
font: 300 16px/26px "Roboto", sans-serif;
color: #444;
margin: 0 0 20px 0;
}
.about-page main .content a.green-btn {
margin: 10px 0 0 0;
display: inline-block;
padding: 15px 40px;
}
.about-page main figure {
margin: 5px 0 40px 0;
width: 100%;
display: inline-block;
}
.about-page main figure img {
width: 100%;
}
.about-page aside h3 {
font: 400 36px/46px "Merriweather", serif;
color: #00807b;
margin: 0 0 30px 0;
}
.about-page.about-bg {
background: url("/content/themes/ramatours/img/ramatours-background.jpg");
}
.about-page.about-bg .left-box {
padding: 20px 25px;
}
.about-page.about-bg .right-box {
padding: 20px 25px;
background-color: #eaeaea;
border-radius: 5px;
}
.about-page.about-bg .right-box span.h4 {
font-family: "Merriweather", serif;
color: #00807b;
line-height: 1.3;
margin: 0 0 20px;
}
.about-page.about-bg .right-box a {
color: #444;
font-weight: 700;
}
#onze_reisspecialisten {
border-bottom: 1px solid #00807b;
margin-bottom: 30px;
}
@media (min-width: 992px) {
#onze_reisspecialisten {
border-bottom: none;
}
}
#onze_reisspecialisten span.h2 {
margin-bottom: 0;
}
#onze_reisspecialisten .medewerkers-loop-item {
border-top: 1px solid #00807b;
display: flex;
flex-flow: column nowrap;
justify-content: center;
padding: 35px 0 30px;
position: relative;
width: 100%;
}
@media (min-width: 992px) {
#onze_reisspecialisten .medewerkers-loop-item {
border-top: none;
flex-direction: row;
}
}
#onze_reisspecialisten .medewerkers-loop-item:first-child {
border-top: none;
}
#onze_reisspecialisten .medewerkers-loop-item:before {
background-repeat: no-repeat;
background-size: contain;
content: " ";
display: none;
left: 15%;
padding-top: 15%;
position: absolute;
width: 70%;
}
@media (min-width: 992px) {
#onze_reisspecialisten .medewerkers-loop-item:before {
display: block;
}
}
#onze_reisspecialisten .medewerkers-loop-item:last-child:before {
display: none;
}
#onze_reisspecialisten .medewerkers-loop-item > div {
position: relative;
padding: 0 15px;
z-index: 1;
}
@media (min-width: 992px) {
#onze_reisspecialisten .medewerkers-loop-item > div {
width: 25%;
}
}
#onze_reisspecialisten .medewerkers-loop-item > div.employee-image {
text-align: center;
z-index: 2;
}
@media (min-width: 992px) {
#onze_reisspecialisten .medewerkers-loop-item > div.employee-details {
width: 50%;
}
}
#onze_reisspecialisten .medewerkers-loop-item .image-wrapper {
background-color: #fff;
border: 5px solid #00807b;
border-radius: 50%;
margin: auto;
max-width: 100%;
overflow: hidden;
padding-top: 100%;
position: relative;
min-width: 225px;
z-index: 2;
}
#onze_reisspecialisten .medewerkers-loop-item .image-wrapper img.circle-image {
display: block;
height: 100%;
left: 50%;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
width: auto;
-o-object-fit: cover;
object-fit: cover;
}
#onze_reisspecialisten .medewerkers-loop-item div.medewerker-naam {
margin: 30px 0 15px !important;
background-position: right;
background-size: cover;
font-family: "Merriweather", serif;
padding-left: 5px;
width: 55%;
color: #fff;
height: 40px;
line-height: 40px;
font-size: 20px;
position: relative;
}
@media (min-width: 540px) {
#onze_reisspecialisten .medewerkers-loop-item div.medewerker-naam {
width: 35%;
}
}
#onze_reisspecialisten .medewerkers-loop-item div.medewerker-naam:before {
display: block;
content: " ";
background: transparent url("/content/themes/ramatours/img/medewerkers-title-arrow-right.png") no-repeat right;
background-size: cover;
position: absolute;
right: 0;
height: 40px;
left: -100%;
}
#onze_reisspecialisten .medewerkers-loop-item div.medewerker-naam span {
float: left;
position: relative;
}
#onze_reisspecialisten .medewerkers-loop-item .medewerkers-intro {
font-family: "Roboto", sans-serif;
font-size: 14px;
font-weight: 300;
line-height: 1.6;
}
#onze_reisspecialisten .medewerkers-loop-item .medewerkers-intro a {
margin: 15px 0;
color: #444;
font-weight: 700;
display: block;
position: relative;
z-index: 1;
}
#onze_reisspecialisten .medewerkers-loop-item .favourite-destination {
text-align: center;
}
#onze_reisspecialisten .medewerkers-loop-item .favourite-destination .favo-land {
color: #00807b;
font-family: "Merriweather", serif;
font-size: 24px;
margin: 10px 0 15px;
}
#onze_reisspecialisten .medewerkers-loop-item .favourite-destination img.bestemming-image {
max-width: 100%;
max-height: 130px;
width: 225px;
height: auto;
}
#onze_reisspecialisten .medewerkers-loop-item:nth-child(even):before {
background-image: url("/content/themes/ramatours/img/line-left.png");
margin-top: 14%;
}
@media (min-width: 992px) {
#onze_reisspecialisten .medewerkers-loop-item:nth-child(odd) {
flex-direction: row-reverse;
}
}
#onze_reisspecialisten .medewerkers-loop-item:nth-child(odd):before {
background-image: url("/content/themes/ramatours/img/line-right.png");
margin-top: 16%;
}
#onze_reisspecialisten .medewerkers-loop-item:nth-child(odd) div.medewerker-naam {
margin: 30px 0 15px !important;
transform: scaleX(-1);
filter: FlipH;
-ms-filter: "FlipH";
background-position: right;
padding-left: 5px;
text-align: right;
float: right;
}
#onze_reisspecialisten .medewerkers-loop-item:nth-child(odd) div.medewerker-naam span {
transform: scaleX(-1);
filter: FlipH;
-ms-filter: "FlipH";
float: left;
}
#onze_reisspecialisten .medewerkers-loop-item:nth-child(odd) .medewerkers-intro {
clear: both;
text-align: right;
}
span.zoom-map {
color: #00807b;
font-size: 16px;
text-align: center;
width: auto;
position: absolute;
right: 30px;
bottom: 0;
}
span.zoom-map i {
display: block;
}
.side-contact-box {
background: #00807b;
width: 100%;
display: inline-block;
padding: 40px 0 70px 0;
text-align: center;
margin: 0 0 40px 0;
}
.side-contact-box h2, .side-contact-box .h2 {
font: 500 28px/36px "Roboto", sans-serif;
margin: 0 0 20px 0;
}
.side-contact-box p {
margin: 0 0 50px 0;
font: 400 20px/30px "Roboto", sans-serif;
color: #fff;
}
.side-contact-box a {
padding: 13px 40px;
font-size: 16px;
text-decoration: none;
}
.side-contact-box .button {
margin: 0 auto;
}
section.news-section.sidebar {
background: none;
padding: 0;
}
section.news-section.sidebar article {
background: #fff;
transition-duration: 0.5s;
border: 1px solid #ccc;
margin: 0 0 40px 0;
max-height: 330px;
min-height: 330px;
}
section.news-section.sidebar article .meta-data {
padding: 20px;
width: 100%;
display: inline-block;
}
section.news-section.sidebar article .meta-data h3, section.news-section.sidebar article .meta-data .h3 {
display: block;
font: 400 20px/30px "Roboto", sans-serif;
margin: 0 0 10px 0;
}
section.news-section.sidebar article .meta-data h3 a, section.news-section.sidebar article .meta-data .h3 a {
font: 400 20px/30px "Roboto", sans-serif;
}
section.news-section.sidebar article .meta-data p {
margin: 0 0 10px 0;
font-size: 14px;
}
section.news-section.sidebar article .meta-data a {
font-size: 14px;
}
section.team-page {
padding: 40px 0;
}
section.team-page h3 {
font: 400 36px/46px "Merriweather", serif;
color: #00807b;
margin: 0 0 30px 0;
}
section.team-page .item {
width: 100%;
border: 1px solid #ccc;
box-shadow: 0 0 10px #ccc;
margin: 0;
}
section.team-page .item figure {
width: 100%;
}
section.team-page .item figure img {
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 225px;
}
section.team-page .item figure span {
padding: 10px 20px;
width: 100%;
display: inline-block;
background: #00807b;
font-size: 20px;
color: #fff;
}
section.team-page .item .meta-data {
padding: 20px;
}
section.team-page .item .meta-data p {
font: 300 16px/26px "Roboto", sans-serif;
color: #444;
margin: 0 0 20px 0;
}
section.team-page .item .meta-data .readmore {
font-size: 16px;
font-weight: 500;
text-align: right;
display: block;
color: #00807b;
}
ul.person-social-media {
margin: 0 0 40px;
padding: 0;
list-style: none;
text-align: center;
}
@media (min-width: 768px) {
ul.person-social-media {
margin-bottom: 0;
text-align: right;
}
}
ul.person-social-media li {
display: inline-block;
margin: 0;
}
ul.person-social-media li + li {
margin-left: 20px;
}
ul.person-social-media li a {
width: 34px;
height: 34px;
background: #00807b;
border: 2px solid #00807b;
display: block;
border-radius: 50%;
text-align: center;
font-size: 18px;
line-height: 30px;
color: #fff;
}
ul.person-social-media li a:hover {
color: #00807b !important;
background: #fff;
}
span.extra-image {
width: 100%;
height: 420px;
background: #eee;
display: inline-block;
margin: 11px 0 0 0;
position: relative;
}
span.extra-image:before {
content: "\f1c5";
font-family: fontawesome, sans-serif;
text-align: center;
width: 100%;
display: block;
font-size: 200px;
padding: 10%;
color: #ddd;
}
.vacant-item {
border-bottom: 1px solid #444;
padding: 40px 0;
width: 100%;
display: inline-block;
}
.vacant-item h3 {
font: 500 28px/28px "Roboto", sans-serif;
margin: 6px 0 20px 0;
color: #00807b;
}
.vacant-item h4 {
font: 500 20px/30px "Roboto", sans-serif;
margin: 0 0 30px 0;
}
.vacant-item ul {
margin: 0;
}
.vacant-item ul li {
margin: 0 0 20px 0;
font: 300 16px/26px "Roboto", sans-serif;
}
.vacant-item a.green-btn.contact-btn {
float: right;
}
.content.page404 {
margin-left: -15px;
}
.content.page404 #redirectNotice404 {
height: 26px;
}
.content.page404 h1, .content.page404 .h1 {
font: 700 40px/40px "Merriweather", serif;
text-transform: uppercase;
color: #00807b;
margin: 0 0 10px 0;
}
.content.page404 h2, .content.page404 .h2 {
text-transform: initial !important;
margin-right: 15px !important;
}
.content.page404 p {
font: 400 20px/30px "Roboto", sans-serif;
}
.content.page404 .home-btn {
width: 100%;
text-align: left;
display: inline-block;
margin: 0 0 63px 0;
}
.content.page404 ul {
padding: 0;
list-style: none;
display: inline-block;
vertical-align: top;
margin: 0 50px 0 0;
}
.content.page404 ul li {
margin: 0 0 20px 0;
}
.content.page404 ul li a {
font-size: 16px;
color: #00807b;
text-decoration: underline;
}
section.section-item-result.recensies-page .headlines {
padding: 0 40px;
}
section.section-item-result.recensies-page .headlines h1, section.section-item-result.recensies-page .headlines .h1 {
font: 400 32px/46px "Merriweather", serif;
color: #00807b;
margin: 0 0 30px 0;
}
.review-item {
cursor: pointer;
width: 100%;
position: relative;
background: #F2F2F2;
border-radius: 10px;
margin: 0 0 30px 0;
}
.review-item figure {
width: 100%;
height: 360px;
position: relative;
display: inline-block;
overflow: hidden;
background: #000;
}
.review-item figure img {
width: 100%;
opacity: 0.75;
}
.review-item figure .h3 {
position: absolute;
top: 20%;
left: 0;
text-align: center;
width: 100%;
color: #fff;
font: 400 24px/24px "Roboto", sans-serif;
text-transform: uppercase;
padding: 0;
}
.review-item figure > [class^="rating rating-"]::after {
display: block;
color: #fff;
margin-top: 5px;
font-family: FontAwesome;
}
.review-item figure > .rating {
position: absolute;
top: 40%;
left: 0;
text-align: center;
width: 100%;
color: #fff;
font: 400 24px/24px "Roboto", sans-serif;
text-transform: uppercase;
}
.review-item figure > .rating.rating-1::after {
content: "\f123\f006\f006\f006\f006";
}
.review-item figure > .rating.rating-2::after {
content: "\f005\f006\f006\f006\f006";
}
.review-item figure > .rating.rating-3::after {
content: "\f005\f123\f006\f006\f006";
}
.review-item figure > .rating.rating-4::after {
content: "\f005\f005\f006\f006\f006";
}
.review-item figure > .rating.rating-5::after {
content: "\f005\f005\f123\f006\f006";
}
.review-item figure > .rating.rating-6::after {
content: "\f005\f005\f005\f006\f006";
}
.review-item figure > .rating.rating-7::after {
content: "\f005\f005\f005\f123\f006";
}
.review-item figure > .rating.rating-8::after {
content: "\f005\f005\f005\f005\f006";
}
.review-item figure > .rating.rating-9::after {
content: "\f005\f005\f005\f005\f123";
}
.review-item figure > .rating.rating-10::after {
content: "\f005\f005\f005\f005\f005";
}
.review-item figure > .rating > .rating {
margin: 0 auto 0;
display: inline-block;
background: #00807b;
border-radius: 50%;
width: 55px;
height: auto;
line-height: 55px;
}
.review-item figure .meta-post {
position: absolute;
bottom: 10px;
width: 100%;
padding: 20px 40px;
}
.review-item figure .meta-post .photo {
width: 48px;
height: 48px;
float: left;
background: url("/content/themes/ramatours/img/rc-user-default.png") no-repeat top center #fff;
border-radius: 50%;
overflow: hidden;
}
.review-item figure .meta-post p.date-name {
text-align: center;
padding: 15px;
font-size: 16px;
color: #fff;
margin: 0;
}
.review-item .short-description {
width: 100%;
padding: 40px;
}
.review-item .short-description p {
font: 300 16px/26px "Roboto", sans-serif;
color: #444;
margin: 0 0 20px 0;
}
@media (min-width: 768px) {
.review-item .short-description p {
min-height: 182px;
}
}
@media (min-width: 1200px) {
.review-item .short-description p {
min-height: 156px;
}
}
.review-item .short-description .view_modal {
text-align: right;
display: block;
font-size: 16px;
font-weight: 400;
color: #00807b;
position: absolute;
bottom: 15px;
right: 30px;
}
.review-modal .modal-dialog {
width: 900px;
}
.review-modal .modal-dialog .modal-header {
border: 0;
padding: 30px 40px 0 40px;
}
.review-modal .modal-dialog .modal-header button {
font-weight: 300;
font-size: 24px;
color: #444;
opacity: 1;
}
.review-modal .modal-dialog .modal-header button span {
font-size: 36px;
}
.review-modal .modal-dialog .modal-body {
padding: 30px 90px;
}
.review-modal .modal-dialog .modal-body figure {
width: 100%;
height: 360px;
position: relative;
display: inline-block;
overflow: hidden;
background: #000;
}
.review-modal .modal-dialog .modal-body figure img {
width: 100%;
opacity: 0.75;
}
.review-modal .modal-dialog .modal-body figure h3 {
position: absolute;
top: 39%;
left: 0;
text-align: center;
width: 100%;
color: #fff;
font: 400 24px/24px "Roboto", sans-serif;
text-transform: uppercase;
padding: 0;
}
.review-modal .modal-dialog .modal-body .modal-meta {
width: 100%;
display: inline-block;
padding: 20px;
}
.review-modal .modal-dialog .modal-body .modal-meta .photo {
width: 48px;
height: 48px;
float: left;
background: url("/content/themes/ramatours/img/rc-user-default.png") no-repeat top center #fff;
border-radius: 50%;
overflow: hidden;
}
.review-modal .modal-dialog .modal-body .modal-meta p.date-name {
text-align: center;
padding: 10px 20px;
font-size: 21px;
color: #444;
margin: 0;
}
.review-modal .modal-dialog .modal-body .modal-contents {
width: 100%;
display: inline-block;
}
.review-modal .modal-dialog .modal-body .modal-contents p, .review-modal .modal-dialog .modal-body .modal-contents ul {
font: 300 16px/26px "Roboto", sans-serif;
color: #444;
margin: 0 0 20px 0;
}
.review-modal .modal-dialog .modal-body .close-bottom {
width: 100%;
display: inline-block;
text-align: center;
}
.review-modal .modal-dialog .modal-body .close-bottom button {
float: none;
color: #444;
opacity: 1;
font-weight: 300;
font-size: 24px;
}
.review-modal .modal-dialog .modal-body .close-bottom button span {
font-size: 36px;
}
.search-box-fields span.loading {
width: 91%;
background: #fff;
position: absolute;
z-index: 1;
height: 95%;
opacity: 0.6;
text-align: right;
font-size: 25px;
}
.recensies-item-content h2,
.recensies-item-content .h2 {
display: block;
font-weight: 400;
font-size: 24px;
margin: 0 0 20px 0;
}
.recensies-item-content .view_modal {
font-weight: 500;
color: #00807b;
}
.search-result, .hotel-search-result {
border-top: 1px solid #ccc;
padding: 15px 0;
}
.search-result .search-item, .hotel-search-result .search-item {
width: 100%;
float: left;
vertical-align: top;
margin: 0 0 15px 0;
transition-duration: 0.3s;
}
.search-result .search-item:last-child, .hotel-search-result .search-item:last-child {
margin: 0;
}
.search-result .search-item a, .hotel-search-result .search-item a {
display: inline-block;
color: #444;
width: 100%;
}
.search-result .search-item a:hover, .hotel-search-result .search-item a:hover {
color: #444 !important;
}
.search-result .search-item figure, .hotel-search-result .search-item figure {
width: 70px;
height: 70px;
float: left;
background: #ddd;
overflow: hidden;
}
.search-result .search-item figure img, .hotel-search-result .search-item figure img {
width: 100%;
}
.search-result .search-item p, .hotel-search-result .search-item p {
float: left;
padding: 10px 15px;
font-size: 14px;
width: 78%;
}
.search-result .search-item p a, .hotel-search-result .search-item p a {
color: #444;
}
.search-result .search-item p span, .hotel-search-result .search-item p span {
font-size: 12px;
}
.search-result .search-item:hover, .hotel-search-result .search-item:hover {
background: #ddd;
cursor: pointer;
transition-duration: 0.3s;
}
.more-about-price {
color: #00807b;
}
.map-zoom img {
width: 100%;
}
.mobile-header {
width: 100%;
height: 63px;
background: #00807b;
float: left;
position: fixed;
display: none;
top: 0;
z-index: 2;
}
.mobile-header .nav-burger {
color: #fff !important;
position: absolute;
left: 0;
margin: 0;
padding: 13px 20px;
font-size: 26px;
z-index: 2;
opacity: 0.8;
}
.mobile-header .nav-burger:hover {
opacity: 1;
font-size: 30px;
padding: 10px 20px;
}
.mobile-header .search-icon {
color: #fff !important;
position: absolute;
right: 0;
font-size: 26px;
margin: 0;
padding: 11px 20px 15px;
z-index: 3;
opacity: 0.8;
}
.mobile-header .search-icon:hover {
opacity: 1;
font-size: 30px;
padding: 9px 20px 12px;
}
.mobile-header .logo-img {
margin: 18px auto 0 auto;
left: 0;
right: 0;
text-align: center;
position: absolute;
width: 243px;
z-index: 1;
}
.mobile-header .logo-img img {
width: 123px;
height: auto;
}
.mobile-info {
display: none;
}
.rama-side-nav {
padding: 0;
list-style: none;
}
.rama-side-nav ul {
padding: 0;
}
#slide-out .current-menu-item > a, #slide-out .current-menu-ancestor > a, #slide-out .current-menu-parent > a {
color: #00807b !important;
}
#slide-out .menu-item-has-children {
position: relative;
}
#slide-out .menu-item-has-children a {
display: inline-block;
color: #444;
text-transform: uppercase;
}
#slide-out .menu-item-has-children a:hover {
background: none !important;
color: #444 !important;
}
#slide-out .menu-item-has-children .sub-menu a {
text-transform: none;
}
#slide-out .menu-item-has-children .sub-menu li:last-child {
border: 0;
}
#slide-out .menu-item-has-children .sub-menu .sub-menu li {
border: 0;
}
#slide-out .menu-item-has-children span {
position: absolute;
right: 0;
top: 0;
font-size: 30px;
color: #444;
}
#slide-out .menu-item-has-children span.angle-down.active i {
transform: rotate(-180deg);
}
div#slide-out .menu {
margin: 0 30px;
list-style: none;
}
div#slide-out .menu li a {
padding: 0;
}
div#slide-out .menu li {
border-bottom: 1px solid #ccc;
}
.rama-side-nav .sub-menu {
margin: 0 0 0 20px;
list-style: none;
display: none;
}
.rama-side-nav .sub-menu a {
text-transform: none !important;
}
#gform_7 select {
-moz-appearance: none;
}
.menu-header {
background: #00807b;
padding: 10px;
height: 180px;
position: relative;
margin: 0 0 20px 0;
}
.menu-header .mob-logo {
margin: 20px 0 0 20px;
}
.menu-header .mob-logo img {
width: 100px;
}
.menu-header a.close-mobile-menu {
position: absolute;
color: #fff !important;
right: 10px;
top: 15px;
font-size: 14px;
}
.menu-footer {
width: 100%;
display: inline-block;
padding: 28px;
}
.menu-footer a {
display: block;
padding: 15px 15px;
text-align: center;
margin: 0 0 20px 0;
}
.mobile-search {
width: 100%;
display: block;
padding: 0 28px;
}
.mobile-search input {
width: 200px;
font-size: 16px;
border: 0;
background: none;
border-bottom: 1px solid #ccc;
-moz-appearance: none;
-webkit-appearance: none;
float: left;
height: 40px;
}
.mobile-search button {
pointer-events: none;
background: #fff;
border: 0 !important;
-moz-appearance: none;
-webkit-appearance: none;
float: right;
width: 20px;
font-size: 20px;
margin: 7px 0 0 0;
}
.mobile-search .search-result, .mobile-search .hotel-search-result {
width: 100%;
display: inline-block;
}
.mobile-search .search-result .search-item, .mobile-search .hotel-search-result .search-item {
width: 100%;
display: inline-block;
margin: 0 0 10px 0;
}
.mobile-search .search-result .search-item p, .mobile-search .hotel-search-result .search-item p {
float: left;
width: 71%;
}
.mobile-search .search-result .search-item a, .mobile-search .hotel-search-result .search-item a {
margin: 0;
padding: 0;
}
.side-sticky-social {
position: fixed;
right: 0;
z-index: initial;
top: 35%;
width: 60px;
box-shadow: 0 0 5px #000;
}
.side-sticky-social ul {
margin: 0;
padding: 0;
line-height: normal;
}
.side-sticky-social ul li {
width: 100%;
display: inline-block;
text-align: center;
}
.side-sticky-social ul li a {
padding: 15px 0;
display: block;
background: #00807b;
color: #fff;
font-size: 25px;
}
.side-sticky-social ul li a:hover {
background: #006a66;
color: #fff !important;
}
.side-sticky-social ul li.offer a {
background: #006a66;
}
.side-sticky-social ul li.offer a:hover {
background: rgb(0, 80.5, 77.4622641509);
}
.side-sticky-social ul li:last-child {
border-right: 0;
}
.side-sticky-social span {
display: none;
}
.group-slider .last-slide {
background: #ccc !important;
}
.rm-main-header nav.rm-primary-menu li a:hover:before {
width: 85%;
}
.slider-image img {
width: 100%;
}
.single-hotels .carousel-cell {
width: 100%;
}
li.hide-mobile {
display: none !important;
}
/* responsive */
@media (max-width: 1470px) {
/* container : width: 1170px; */
.rm-main-header .top-search, .hotel-search {
right: 0;
width: 370px;
}
.rm-main-header .top-search input[type=text], .hotel-search input[type=text] {
width: 87%;
}
.content-block .container, .rm-container {
width: 1170px;
}
.rm-main-header nav.rm-primary-menu li .sub-menu li a {
padding: 20px 10px;
font-size: 15px;
}
.rm-main-header nav.rm-primary-menu li a {
padding: 15px 10px;
}
.rm-main-header nav.rm-primary-menu li .sub-menu li a {
font-size: 16px;
line-height: 24px;
}
.rm-main-header nav.rm-primary-menu li .sub-menu li.subland a {
font-size: 14px;
}
.rm-main-slider .item {
height: 700px;
}
main.rm-main-slider-wrapper .rm-scroll-btn {
bottom: 40px;
}
.group-slider .flickity-viewport .flickity-slider {
margin: 0 0 0 3% !important;
}
section.overlap-slider .headline-with-link h2,
section.overlap-slider .headline-with-link .h2 {
margin: 0 0 20px 40px;
}
section.overlap-slider {
padding: 40px 0;
}
.group-slider article figure,
.group-slider article,
.group-slider .article figure,
.group-slider .article {
height: 360px;
}
.group-slider article .meta-data p,
.group-slider .article .meta-data p {
font: 300 18px/28px "Roboto", sans-serif;
}
.waarom-item-content p {
padding: 0 15px;
margin: 0;
}
.group-slider article .meta-data h3,
.group-slider article .meta-data .h3,
.group-slider .article .meta-data h3,
.group-slider .article .meta-data .h3 {
display: block;
font: 400 24px/34px "Roboto", sans-serif;
}
.onze-recensies-wrap {
padding: 40px 0 !important;
}
.news-section article {
margin: 0;
}
.news-section article .meta-data h3 a,
.news-section article .meta-data .h3 a {
display: block;
font: 400 22px/22px "Roboto", sans-serif;
}
.footer-wrapper {
padding: 20px;
}
.footer h4 {
font-size: 18px;
}
.footer a {
line-height: 26px;
}
.footer .rama-logo img {
width: 130px;
}
.footer .logos img {
width: 122px;
}
.bottom-wrapper {
padding: 0 20px;
}
.side-menus {
display: none;
}
.hotel-item-list .hotel-item .hotel-meta p {
font: 300 14px/24px "Roboto", sans-serif;
}
.hotel-item-list .hotel-item .hotel-meta .h4 {
font: 500 16px/26px "Roboto", sans-serif;
}
div#carousel-example-generic {
height: 440px;
}
div#carousel-example-generic .carousel-control i {
padding: 165px 0 0 0;
}
.contact-form ul .gfield {
width: 44%;
}
.page-contact aside ul {
width: 100%;
}
.page-contact aside ul li figure {
width: 50px;
}
.group-slider .last-slide p {
font: 400 20px/20px "Roboto", sans-serif;
}
}
@media (max-width: 1199px) {
.rm-main-header nav.rm-primary-menu li .sub-menu li a {
font-size: 16px;
line-height: 24px;
}
.rm-main-header nav.rm-primary-menu li .sub-menu li.subland a {
font-size: 14px;
}
.top-search {
display: none;
}
.top-search + .search-icon, .hotel-search + .search-icon {
background: #f2f2f2;
color: #515151;
font-size: 20px;
line-height: 50px;
margin: 35px 0 0;
padding: 0 15px;
position: absolute;
right: 0;
z-index: 2;
}
}
@media (min-width: 1024px) {
body {
margin-top: 159px;
}
}
.content img {
max-width: 100%;
height: auto;
}
.content .ym-gallery {
max-width: 600px;
}
.single-blog .blog-container {
padding: 0 !important;
}
@media (min-width: 1200px) {
body {
margin-top: 180px;
}
}
@media (min-width: 1600px) {
.banner-headline {
height: 380px;
}
}
@media (max-width: 1023px) {
/* container : width: 970px; */
.mobile-header {
display: block;
box-shadow: 0 -5px 20px;
}
body {
padding-top: 63px !important;
}
.about-page.about-bg .left-box {
padding: 20px 0;
}
.rm-top-part, .rm-main-header {
display: none;
}
.rm-main-header .top-search, .hotel-search {
width: 290px;
}
.rm-main-header nav.rm-primary-menu li a {
font-size: 16px;
}
.rm-main-slider .item {
height: 400px;
}
.rm-main-slider .col-md-offset-2 {
margin-left: 0;
}
.rm-main-slider .item .rm-slider-content h1,
.rm-main-slider .item .rm-slider-content .h1 {
margin: 0 0 10px 0;
}
.rm-main-slider .item .rm-slider-content {
padding: 100px 25px 25px 25px;
}
.rm-main-slider .item .rm-slider-content {
padding: 65px 25px 25px 25px;
}
.rm-main-header nav.rm-primary-menu li .sub-menu {
margin: 10px 0 0 0 !important;
}
.rm-main-header nav.rm-primary-menu li .sub-menu li a {
padding: 7px 10px;
font-size: 15px;
}
.content-block .container, .rm-container, .single-blog .blog-container {
width: 100% !important;
padding: 0 15px;
}
.map-holder {
height: auto !important;
min-height: 0 !important;
}
.content-block .section-header h2,
.content-block .section-header .h2 {
font: 400 28px/40px "Merriweather", serif;
margin: 0;
}
.content-block p {
font: 300 14px/26px "Roboto", sans-serif !important;
margin: 30px 0;
}
section.overlap-slider .headline-with-link h2,
section.overlap-slider .headline-with-link .h2 {
font: 400 28px/40px "Merriweather", serif;
}
.group-slider article .meta-data p,
.group-slider .article .meta-data p {
font: 300 16px/26px "Roboto", sans-serif;
}
.news-section article .meta-data,
.news-section .article .meta-data {
padding: 20px;
}
.cta-contact p {
font-size: 16px;
}
.news-section article .meta-data h3,
.news-section article .meta-data .h3 {
display: block;
margin: 0 0 20px 0;
}
.news-section article .meta-data h3 a,
.news-section article .meta-data .h3 a {
font: 400 21px/31px "Roboto", sans-serif;
}
.footer h4 {
font-size: 15px;
padding-bottom: 10px;
}
.footer a, .footer-contact p {
font-size: 13px;
}
.group-slider article .meta-data,
.group-slider .article .meta-data {
padding: 0 20px;
}
.term-summary article h3,
.term-summary .article h3 {
margin: 0 0 20px;
}
.term-summary article,
.term-summary .article {
margin: 0;
}
.hotel-item-list .hotel-item .hotel-meta {
padding: 0 20px;
}
.hotel-item-list .hotel-item .hotel-meta p {
font: 300 13px/20px "Roboto", sans-serif;
}
.rm-main-header nav.rm-primary-menu {
margin: 12px 0 0 0;
position: relative;
}
.rm-main-header .top-search, .hotel-search {
margin: 14px 0 0 0;
}
.breadcrumbs-wrap ul {
text-align: center;
}
.breadcrumbs-wrap ul li {
display: inline-block;
color: #fff;
font: 300 16px/36px "Roboto", sans-serif;
padding-left: 20px;
position: relative;
}
.breadcrumbs-wrap {
padding: 20px 0;
}
.rm-main-slider .item {
background-size: cover !important;
}
.group-slider article .meta-data h3,
.group-slider article .meta-data .h3,
.group-slider .article .meta-data h3,
.group-slider .article .meta-data .h3 {
display: block;
font: 400 18px/23px "Roboto", sans-serif;
text-transform: uppercase;
}
.group-slider article .meta-data a,
.group-slider .article .meta-data a {
float: right;
display: block;
}
.group-slider article .meta-data,
.group-slider .article .meta-data {
top: 130px;
width: 91%;
text-align: center;
}
.group-slider article .meta-data a,
.group-slider .article .meta-data a {
float: none;
display: block;
border: 0;
}
.search-box-filter .wrapper {
padding: 0 30px;
}
.search-box-filter .search-box-content {
padding: 30px 0 0;
}
.search-box-filter .search-box-content h3,
.search-box-filter .search-box-content .h3 {
font: 400 24px/24px "Merriweather", serif;
text-transform: uppercase;
color: #fff;
margin: 0 0 20px;
}
.section-item-result .item-card .meta-data {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
padding: 10px;
width: 100%;
height: auto;
transition-duration: 1s;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
.section-item-result .item-card .meta-data::after {
left: 0;
right: 0;
margin: 0;
position: relative;
}
.section-item-result .item-card .meta-data h3,
.section-item-result .item-card .meta-data .h3 {
display: block;
font: 400 21px/21px "Roboto", sans-serif;
}
.section-item-result .item-card .meta-data p {
font: 400 15px/20px "Roboto", sans-serif;
margin: 0 0 10px;
}
.section-item-result .item-card .meta-data h2,
.section-item-result .item-card .meta-data .h2 {
display: block;
font: 400 21px/24px "Roboto", sans-serif;
margin: 0 0 10px;
}
.section-item-result .item-card .meta-data span {
font: 300 14px/14px "Roboto", sans-serif;
float: none;
}
.section-item-result .item-card .meta-data a.arrow img {
transition-duration: 1s;
position: relative;
opacity: 1;
right: auto;
display: block;
text-align: center;
margin: 0;
}
.hotel-item-list .hotel-item figure {
height: 130px;
overflow: hidden;
}
section.archieved-items article .item figure {
height: 200px;
}
section.archieved-items article .item .item-info h3 {
margin: 0 0 10px 0;
font: 400 24px/34px "Roboto", sans-serif;
}
.hotel-item-list .hotel-item {
height: 160px;
}
section.archieved-items article .item {
min-height: 430px;
}
.mobile-info {
display: block;
}
section.post-banner.landen-informatie {
height: 400px;
}
.landen-content {
padding: 0 0 !important;
}
.text-image-block {
display: none;
}
.review-item figure .meta-post {
text-align: center;
}
.review-item figure .meta-post .photo {
float: none;
margin: 0 auto 0 auto;
display: block;
}
.review-item figure .h3 {
position: absolute;
top: 20%;
}
.review-item .short-description {
width: 100%;
padding: 20px;
}
#sticky_search {
display: none !important;
}
.contact-form ul {
list-style: none;
margin: 0;
padding: 0;
}
.contact-form ul .gfield {
width: 43%;
}
.contact-form .gform_footer.right_label {
padding: 0 0;
}
.contact-banner {
background: url("/content/themes/ramatours/img/contact-banner.jpg") no-repeat;
width: 100%;
height: 400px;
margin: 25px 0 50px 0;
display: inline-block;
background-size: cover;
}
.contact-banner .headline {
text-align: center;
margin: 100px 0 0 0;
}
section.post-banner {
height: 380px;
}
.post-wrapper article {
padding-left: 0;
padding-right: 0;
}
.day-frame {
margin: 12px 0;
}
.content-box h3 {
font: 400 28px/38px "Merriweather", serif;
text-transform: uppercase;
color: #00807b;
margin: 0 0 30px 0;
}
.sidebar-related h3 {
font: 400 28px/38px "Merriweather", serif;
}
.sidebar-related article .meta-data h4,
.sidebar-related article .meta-data .h4 {
display: block;
font: 400 21px/31px "Roboto", sans-serif;
}
div#carousel-example-generic {
height: 390px;
}
.content-box {
padding: 0 0;
}
.head-bar-section {
padding: 25px 25px;
}
.rm-main-wrapper {
padding: 30px 0;
}
section.archieved-items {
margin: 15px 0 0 0;
}
.practical-information h3 {
font: 400 28px/38px "Merriweather", serif;
}
.landen-content h3 {
font: 700 28px/38px "Merriweather", serif !important;
}
.practical-information .information-item h4 {
font-size: 18px;
}
section.news-archieved .headline .cat-dropdown select {
font-size: 14px;
}
section.news-archieved .headline .cat-dropdown:before {
top: 7px;
}
.about-page main .content .h2, .about-page main .content h2 {
font: 400 28px/38px "Merriweather", serif;
}
.about-page aside h3 {
font: 400 28px/38px "Merriweather", serif;
}
.headline_size,
section.destination-section h2,
section.destination-section .h2,
.news-section h2,
.news-section .h2,
.reisverslagen h2,
.reisverslagen .h2,
section.map-section .map-content h2,
section.map-section .map-content .h2,
.section-newsletter h2,
.section-newsletter .h2,
.section-instagram h2,
.section-instagram .h2 {
font: 700 28px/38px "Merriweather", serif;
}
section.post-banner .banner-cta {
background: #eee;
padding: 20px;
position: absolute;
bottom: -140px;
width: 97%;
text-align: center;
}
section.post-banner .banner-cta h1,
section.post-banner .banner-cta .h1 {
margin: 0 0 10px 0;
font: 400 28px/38px "Merriweather", serif;
text-transform: uppercase;
color: #00807b;
}
section.post-banner .flex-left {
width: 100%;
height: 388px;
display: flex;
justify-content: flex-start;
align-items: center;
}
section.post-banner .banner-cta .buttons {
margin: 25px 0 20px 0;
padding: 0;
list-style: none;
}
section.post-banner.landen-informatie .flex-left {
display: none;
}
article#algemeen {
margin: 160px 0 0 0;
}
.content-block-img {
display: block;
vertical-align: middle;
padding: 30px 0;
text-align: center;
}
.block-content {
display: block;
margin: 0 auto;
height: auto;
padding: 0 0 15px 0;
text-align: center;
}
.blog-social-shares .view-all {
margin: 20px 0 40px 0;
float: left;
display: none;
}
.blog-social-shares .shares-icons {
float: none;
margin: 15px auto 0 auto;
width: 220px;
display: block;
}
.blog-social-shares .shares-icons ul {
list-style: none;
margin: 0 auto 0 auto;
padding: 0;
float: none;
display: block;
width: 107px;
}
.blog-social-shares .shares-icons p {
font-size: 24px;
font-weight: 500;
text-transform: uppercase;
float: none;
color: #00807b;
display: block;
text-align: center;
margin: 0 0 10px 0;
}
.blog-social-shares {
width: 100%;
min-height: 120px;
border-top: 1px solid #00807b;
border-bottom: 1px solid #00807b;
display: inline-block;
margin: 50px 0 0 0;
}
.other-post {
display: none;
}
.contact-banner {
background: url("/content/themes/ramatours/img/contact-banner.jpg") no-repeat;
width: 100%;
height: 400px;
margin: 0 0 15px 0 !important;
display: inline-block;
background-size: cover;
position: relative;
}
.contact-banner .headline {
text-align: center;
margin: 40px 0 0 0;
}
.page-contact {
overflow-x: hidden;
}
.contact-banner .headline {
text-align: center;
margin: 40px 0 0 0 !important;
}
.page-contact aside {
padding: 40px 0 0 0;
margin: -100px 0 0 0;
box-shadow: 0 0 10px #888;
}
.page-contact aside ul li.buttons {
display: inline-block;
width: 100%;
position: relative;
margin: 0;
bottom: -5px;
left: 0;
}
.page-contact aside ul li.buttons a {
width: 50%;
float: left;
text-align: center;
margin: 0;
line-height: 24px;
border-radius: 0;
border-right: 1px solid #fff;
}
.page-contact aside ul li.buttons a:last-child {
border-right: 0;
}
.page-contact aside ul li {
text-align: center;
}
.page-contact aside h1 {
margin: 0 0 30px 0;
text-transform: uppercase;
font: 400 24px/24px "Merriweather", sans-serif;
text-align: center;
}
section.page-contact .rm-container, section.page-contact .col-md-12 {
padding: 0;
}
.contact-form ul .gfield {
margin: 0 0 20px 0;
width: 100%;
}
.contact-form ul .gfield.contact-textarea {
width: 100% !important;
margin: 0 0 50px 0;
}
section.post-banner .banner-cta {
z-index: 1;
}
section.search-box-filter.indonasia-filter {
display: block !important;
}
}
@media screen and (min-width: 1170px) and (max-width: 1500px) {
.contact-sidebar ul {
list-style: none;
margin: 0 auto;
padding: 0;
display: block;
width: 100%;
}
.contact-sidebar ul li figure {
width: 40px;
text-align: center;
display: inline-block;
}
}
@media screen and (min-width: 961px) and (max-width: 1170px) {
.content-block .container, .rm-container {
width: 100% !important;
}
.contact-form ul .gfield {
margin: 0 6% 35px 0;
}
.contact-banner {
margin: 10px 0 15px 0;
height: 365px;
}
.contact-banner .headline {
text-align: center;
margin: 100px 0 0 0;
}
.contact-sidebar ul {
list-style: none;
margin: 0 auto;
padding: 0;
display: block;
width: 100%;
}
.contact-sidebar {
background: #eaeaea;
padding: 40px;
width: 90%;
}
.contact-sidebar ul {
list-style: none;
margin: 0 auto;
padding: 0;
display: block;
width: 100%;
}
.contact-sidebar ul li figure {
width: 40px;
text-align: center;
display: inline-block;
}
}
.top-right-links {
display: flex;
}
@media (min-width: 1024px) and (max-width: 1160px) {
.rm-top-part nav.about-links ul {
padding-left: 0;
}
.tel-section, .email-section {
padding-right: 25px;
}
}
@media (min-width: 1200px) and (max-width: 1230px) {
.rm-main-header .top-search, .hotel-search {
width: 343px;
}
}
@media (min-width: 1024px) and (max-width: 1096px) {
.rm-main-header nav.rm-primary-menu li .sub-menu li a {
padding: 20px 7px;
}
.rm-main-header nav.rm-primary-menu li .sub-menu {
width: 102%;
}
}
@media (max-width: 767px) {
.side-sticky-social {
position: fixed;
right: 0;
z-index: 99;
top: auto;
width: 100%;
box-shadow: 0 0 5px #000;
bottom: 0;
}
.side-sticky-social li {
width: 33.3333333333% !important;
float: left;
text-align: center;
border-bottom: 0 solid #fff;
list-style: none;
border-right: 1px solid #fff;
}
.side-sticky-social li span {
display: block;
font-size: 12px;
font-weight: 300;
margin: 6px 0 0 0;
white-space: nowrap;
}
.side-sticky-social li a {
font-size: 18px !important;
padding: 10px 0 !important;
}
.view-all-review {
margin: -45px 0 0 0;
}
.cta-contact a {
color: #fff !important;
}
.hotel-content-block {
width: 100%;
}
.slide-navigation .flickity-slider {
min-height: 0;
}
li.hide-mobile {
display: block !important;
}
}
@media (max-width: 991px) {
/* container : width: 1170px; */
.group-slider .flickity-viewport .flickity-slider {
margin: 0 !important;
}
.hide-mobile {
display: none;
}
.block-content {
display: block;
padding: 50px 0 40px 15px;
margin: 0 auto;
height: auto;
text-align: center;
}
section.overlap-slider {
text-align: center;
}
section.overlap-slider .headline-with-link h2,
section.overlap-slider .headline-with-link .h2 {
margin: 0 0 30px 0;
}
.group-slider .flickity-viewport {
height: 400px !important;
margin: 40px 0 0 0;
}
section.overlap-slider {
padding: 40px 0 10px 0;
}
section.overlap-slider {
padding: 40px 0 15px 0;
}
.group-slider article .meta-data h3,
.group-slider article .meta-data .h3,
.group-slider .article .meta-data h3,
.group-slider .article .meta-data .h3 {
display: block;
font: 400 36px/36px "Roboto", sans-serif;
text-transform: uppercase;
}
.group-slider article .meta-data p,
.group-slider .article .meta-data p {
font: 300 24px/34px "Roboto", sans-serif;
}
.group-slider article .meta-data a,
.group-slider .article .meta-data a {
float: none;
display: block;
border: 0;
font-size: 24px;
}
.group-slider article .meta-data,
.group-slider .article .meta-data {
top: 110px;
width: 91%;
text-align: center;
}
.dropdown-style {
background: #fff;
width: 320px;
}
.content-block .section-header h2,
.content-block .section-header .h2 {
font: 400 36px/44px "Merriweather", serif;
margin: 0;
}
.content-block p {
font: 300 16px/26px "Roboto", sans-serif !important;
margin: 30px 0;
}
section.overlap-slider .headline-with-link h2,
section.overlap-slider .headline-with-link .h2 {
font: 400 36px/46px "Merriweather", serif;
}
.waarom-item-content {
position: relative;
padding: 20px 0;
min-height: 0;
width: 320px;
margin: 0 auto 0 auto;
}
.center-button a {
margin: 20px auto 35px auto;
}
.cta-contact p {
font-size: 26px;
font-weight: 300;
}
.waarom-wrap {
display: block;
position: relative;
width: 100%;
padding: 0 0;
margin-top: 10px;
min-height: 515px;
}
#onze-recensies-carousel .gallery-cell.is-selected .recensies-item-content {
margin: 14px 0;
opacity: 1;
}
.review-modal .modal-dialog {
width: 89%;
}
.review-modal .modal-dialog .modal-body {
padding: 20px 20px;
}
.news-section {
background: #f6f6f6;
padding: 40px 0;
}
.news-section article {
margin: 0 auto 30px auto;
width: 100%;
}
.news-section .news-btn {
width: 100%;
text-align: center;
margin: 30px 0 30px 0;
display: inline-block;
}
.section-newsletter {
padding: 50px 0;
text-align: center;
}
.footer h4 {
font-size: 28px;
padding-bottom: 10px;
margin: 20px 0;
}
.footer a, .footer-contact p {
font-size: 16px;
}
.search-box-filter {
margin: 0 0 30px 0;
height: auto;
}
.search-box-fields {
width: 100%;
display: inline-block;
margin: 30px 0 40px;
position: relative;
z-index: 1;
}
section.section-list-item-selected {
padding: 30px 30px;
display: none;
}
.breadcrumbs-wrap ul li {
font: 300 14px/14px "Roboto", sans-serif;
}
.breadcrumbs-wrap ul li a {
font: 300 14px/14px "Roboto", sans-serif;
}
.breadcrumbs-wrap ul li + li:before {
content: "\f105";
left: 6px;
font-family: fontawesome, sans-serif;
position: absolute;
top: -2px;
font-size: 16px;
line-height: 19px;
}
.hotel-item-list .hotel-item {
width: 100%;
}
.post-wrapper {
margin: 20px 0;
}
section.hotel-archieved nav.hotel-tab h3, section.hotel-archieved nav.hotel-tab h1 {
font: 400 28px/46px "Merriweather", serif;
}
section.hotel-archieved nav.hotel-tab {
padding: 0 20px;
}
.hotel-wrapper {
padding: 0 20px;
}
.pagination-button {
margin: 40px 0;
display: none;
}
.post-block {
margin: 20px 0;
}
.breadcrumbs-wrap {
padding: 20px 15px;
}
.sidebar-related article figure {
height: 320px;
}
.sidebar-related article .meta-data h4,
.sidebar-related article .meta-data .h4 {
display: block;
font: 400 28px/28px "Roboto", sans-serif;
}
section.archieved-items article .item figure {
height: 320px;
}
section.post-banner.landen-informatie .flex-left {
display: none;
}
section.post-banner.landen-informatie {
height: 380px;
}
section.overlap-slider .headline-with-link h2,
section.overlap-slider .headline-with-link .h2 {
font: 400 28px/38px "Merriweather", serif;
}
.vacant-item {
margin: 0 0 30px 0;
}
.single-blog .blog-container .blog-post figure {
height: auto;
}
.single-blog .blog-container .blog-post .content h1,
.single-blog .blog-container .blog-post .content .h1 {
font: 400 28px/38px "Merriweather", serif;
}
.other-post .post-item a {
font-size: 24px;
}
.other-post .post-item a i {
font-size: 29px;
}
.other-post .post-item p {
font-size: 21px;
line-height: 31px;
}
.single-blog {
margin: 15px 0;
}
}
@media (max-width: 767px) {
.news-archieved .news-section article {
margin: 0 auto 30px auto;
width: 100%;
}
.offer-form h3,
#review-form h3 {
font: 400 28px/38px "Merriweather", serif;
text-transform: uppercase;
color: #00807b;
margin: 0 0 30px 0;
}
.offer-form .gform_column,
#review-form .gform_column {
width: 100%;
float: left;
padding: 0 10px;
}
section.post-banner {
background-position: center;
}
footer.footer {
margin: 0 0 60px 0;
}
.page-contact {
margin: 0 0 50px 0;
}
}
::-moz-placeholder {
color: #444;
}
::placeholder {
color: #444;
}
.aaa {
padding: 0 !important;
}
.bbb {
display: flex;
flex-direction: column;
gap: 20px;
}
.bbb:before {
display: none !important;
}
@media (min-width: 768px) {
.bbb {
flex-direction: row;
gap: 0;
}
.ccc {
margin-left: auto;
}
}
@media (max-width: 530px) {
.view-all-review {
margin: 15px 0 0 0;
}
.small-border-btn-white:hover {
color: #fff !important;
text-decoration: none;
background: transparent;
}
.offer-form-wrapper .input-field .ginput_container.ginput_container_select:before,
.offer-form-wrapper .calendar-field:before,
#review-form .input-field .ginput_container.ginput_container_select:before,
#review-form .calendar-field:before {
right: 8px;
}
.news-section article {
width: 100%;
}
.rm-main-slider .item .rm-slider-content {
padding: 15px 0 0 20px;
}
.rm-main-slider .item .rm-slider-content h1,
.rm-main-slider .item .rm-slider-content .h1 {
color: #fff;
font: 700 28px/38px "Merriweather", serif;
}
section.post-banner .banner-cta h1,
section.post-banner .banner-cta .h1 {
font: 400 24px/34px "Merriweather", serif;
}
section.post-banner .banner-cta {
width: 91%;
}
section.post-banner .banner-cta .buttons li a {
display: block;
margin: 0 0 10px 0;
}
section.post-banner .banner-cta {
bottom: -250px;
}
article#algemeen {
margin: 270px 0 0 0;
}
.post-wrapper .column-2 .col-md-12 {
padding: 0;
}
section.hotel-archieved nav.hotel-tab h3 {
font: 400 24px/34px "Merriweather", serif;
}
section.hotel-archieved nav.hotel-tab ul li a {
display: block;
margin: 0 0 10px 0;
}
.hotel-item-list .hotel-item {
height: auto;
}
.hotel-item-list .hotel-item figure {
width: 100%;
height: 210px;
overflow: hidden;
margin: 0 0 20px 0;
}
.hotel-item-list .hotel-item .hotel-meta {
width: 100%;
}
.gallery-cell {
width: 95%;
margin: 10px;
}
.onze-recensies-wrap {
padding: 0 0 !important;
}
#onze-recensies-carousel .flickity-prev-next-button {
top: 177px !important;
transform: scale(0.5);
}
.recensies-item-content {
padding: 20px 40px;
}
.onze-recensies-wrap .section-header h1,
.onze-recensies-wrap .section-header .h1 {
color: #fff;
font-size: 24px;
}
.onze-recensies-wrap .section-header {
padding: 20px 0 0;
}
.recensies-item-content h2,
.recensies-item-content .h2 {
font-weight: 400;
font-size: 18px;
margin: 0 0 20px 0;
line-height: 28px;
text-align: center;
}
.recensies-item-content p {
text-align: center !important;
}
.recensies-avatar h4 {
padding-top: 0;
margin-bottom: 0;
font-size: 16px;
font-weight: bold;
}
.footer h4 {
font-size: 24px;
padding-top: 20px;
padding-bottom: 10px;
margin: 10px 0;
}
.group-slider article .meta-data h3,
.group-slider article .meta-data .h3,
.group-slider .article .meta-data h3,
.group-slider .article .meta-data .h3 {
display: block;
font: 400 24px/34px "Roboto", sans-serif;
text-transform: uppercase;
}
.group-slider article .meta-data p,
.group-slider .article .meta-data p {
font: 300 18px/26px "Roboto", sans-serif;
margin: 0 0 10px 0;
}
.group-slider article .meta-data a,
.group-slider .article .meta-data a {
float: none;
display: block;
border: 0;
font-size: 20px;
}
.footer-wrapper {
padding: 20px 0;
}
.day-frame h3 {
font: 400 18px/28px "Roboto", sans-serif;
text-transform: uppercase;
font-weight: bold;
margin: 10px 0 10px 0;
text-align: center;
}
.rm-main-slider .item .rm-slider-content p {
color: #fff;
font: 300 24px/34px "Merriweather", serif;
margin: 0 0 35px 0;
}
a.rm-btn-trans {
font: 400 15px/16px "Roboto", sans-serif;
color: #444;
display: table;
border: 2px solid #fff;
padding: 9px 30px;
border-radius: 5px;
}
.content-block .section-header h2,
.content-block .section-header .h2 {
font: 400 24px/34px "Merriweather", serif;
margin: 0;
}
.block-content {
padding: 20px 0;
}
section.overlap-slider .headline-with-link h2,
section.overlap-slider .headline-with-link .h2 {
font: 400 24px/34px "Merriweather", serif;
}
.headline_size,
section.destination-section h2,
section.destination-section .h2,
.news-section h2,
.news-section .h2,
.reisverslagen h2,
.reisverslagen .h2,
section.map-section .map-content h2,
section.map-section .map-content .h2,
.section-newsletter h2,
.section-newsletter .h2,
.section-instagram h2,
.section-instagram .h2 {
font: 700 24px/34px "Merriweather", serif;
}
.headline_size, section.destination-section h2, section.destination-section .h2, .news-section h2, .news-section .h2,
.reisverslagen h2,
.reisverslagen .h2, section.map-section .map-content h2, section.map-section .map-content .h2, .section-newsletter h2, .section-newsletter .h2 {
text-transform: uppercase;
}
.section-header h1,
.section-header .h1 {
font-size: 24px;
}
.waarom-wrap .section-header {
padding: 10px 0 0;
}
.cta-contact p {
font-size: 18px;
font-weight: 300;
}
.cta-contact strong {
margin-left: 5px;
}
section.overlap-slider {
padding: 30px 0 0 0;
}
.banner-headline {
display: none;
}
body.tax-rondreizen_landen .slideToRecensie {
display: none;
}
.section-item-result {
margin: 30px 0 0;
}
.search-box-filter .search-box-content {
padding: 20px 0 0 0;
}
.search-box-filter .search-box-content h3,
.search-box-filter .search-box-content .h3 {
font: 400 24px/34px "Merriweather", serif;
text-transform: uppercase;
color: #fff;
margin: 0 0 20px;
}
.section-newsletter form {
width: 100%;
margin: 0 auto;
position: relative;
}
.section-newsletter .gform_footer input[type=submit] {
padding: 0 9px;
font-size: 14px;
}
.section-newsletter .gform_body ul {
padding: 0;
}
.post-wrapper .column-2 .col-md-6 {
padding: 0;
}
section.hotel-archieved nav.hotel-tab {
padding: 0 0;
}
.hotel-wrapper {
padding: 0 0;
}
span.extra-image, .image-box {
height: auto;
}
.image-box {
width: 100%;
padding: 0;
height: auto;
overflow: hidden;
margin: 0 0 10px 0;
}
div#carousel-example-generic {
height: 230px;
}
div#carousel-example-generic .carousel-control i {
padding: 65px 0 0 0;
}
.cta-and-sm .flat-btn-white {
display: block;
color: #00807b !important;
text-align: center;
margin: 0 0 20px 0;
}
.sidebar-related article figure {
height: 210px;
}
.sidebar-related article .meta-data h4,
.sidebar-related article .meta-data .h4 {
display: block;
font: 400 24px/32px "Roboto", sans-serif;
}
.sidebar-related h3 {
font: 400 24px/34px "Merriweather", serif;
}
.content-box h3 {
font: 400 24px/34px "Merriweather", serif;
text-transform: uppercase;
margin: 0 0 20px 0;
}
.single-hotels img {
width: 100%;
}
.single-hotels {
width: 100%;
}
.single-hotels .carousel-cell {
width: 100%;
}
.tax-rondreizen_landen .breadcrumbs-wrap, .tax-themas .breadcrumbs-wrap {
padding: 0 0 0 15px;
position: relative;
left: 0;
margin: 0;
line-height: 54px;
vertical-align: top;
overflow: hidden;
white-space: nowrap;
}
.tax-rondreizen_landen .section-item-result, .tax-themas .section-item-result {
margin: 28px 0 0;
}
main.rm-main-slider-wrapper button {
display: none;
}
.rm-main-slider .item {
height: 260px;
}
main.rm-main-slider-wrapper .rm-scroll-btn {
bottom: 40px;
display: none;
}
.rm-main-slider .item .rm-slider-content h1,
.rm-main-slider .item .rm-slider-content .h1 {
color: #fff;
font: 700 20px/20px "Merriweather", serif;
}
.rm-main-slider .item .rm-slider-content p {
color: #fff;
font: 300 17px/17px "Merriweather", serif;
margin: 0 0 25px 0;
}
.footer-bottom .bottom-wrapper .col-md-2, .footer-bottom .col-md-7, .footer-bottom .col-md-3 {
padding: 0;
}
.rm-main-wrapper {
padding: 30px 0;
width: 100%;
overflow-x: hidden;
}
.term-summary {
margin: 0 0 40px 0;
}
.head-bar-section {
padding: 25px 25px;
position: relative;
margin: -30px 0 0 -30px;
width: 116%;
background: #006A6B;
}
.landen-mobile-view .rm-container {
padding: 0;
}
.landen-mobile-view .col-md-4 {
padding: 0;
}
.head-bar-section {
padding: 20px 37px 0 37px;
}
section.archieved-items article .item figure {
height: 100px;
width: 30%;
overflow: hidden;
float: left;
position: static;
}
section.archieved-items article .item .item-info {
width: 70%;
background: #fff;
float: left;
height: 100px;
display: flex;
align-items: center;
padding: 0 20px;
}
section.archieved-items article .item .item-info p {
display: none;
}
section.archieved-items article .item {
height: 100px;
min-height: 100px;
margin: 0;
overflow: hidden;
border: 0;
border-bottom: 1px solid #eee;
}
section.archieved-items article .item .item-info a {
font-size: 0;
}
section.archieved-items article .item .item-info a:before {
content: "\f105";
font-size: 24px;
font-family: fontawesome, sans-serif;
}
section.archieved-items article .item .item-info h3 {
margin: 0 0 10px 0;
font: 400 21px/21px "Roboto", sans-serif;
display: inline-block;
width: 100%;
}
section.archieved-items article .item figure span.line {
display: inline-block;
position: absolute;
bottom: 0;
right: 0;
width: 5px;
height: 100px;
}
section.archieved-items {
margin: 0;
}
.regions .item-info > h3 {
display: none !important;
}
.for-mobile-view-only {
display: inline-block !important;
width: 100%;
margin: 0;
}
.for-mobile-view-only span {
font-size: 16px;
color: #006A65;
line-height: 27px !important;
}
.for-mobile-view-only h3 {
display: block !important;
color: #444 !important;
}
.head-bar-section .button-list li {
display: inline-block;
margin: 0 20px 0 0;
width: 100%;
}
.head-bar-section .button-list li a {
font-weight: 400;
display: block;
text-align: center;
margin: 0 0 10px 0;
}
.head-bar-section .button-list {
margin: 20px 0 20px 0;
}
article.landen-content img {
width: 100%;
height: initial;
}
section.post-banner.landen-informatie {
background-size: cover;
background-position: top center;
height: 250px;
}
.practical-information {
width: 100%;
padding: 0 0;
margin: 30px 0 0 0;
}
section.hotel-archieved nav.hotel-tab ul li {
width: 100%;
}
section.hotel-archieved nav.hotel-tab ul li a {
text-align: center;
}
.hotel-item-list {
margin: 20px 0 0 0;
}
section#hotels-scroll {
margin: 30px 0 0 0 !important;
}
section.hotel-archieved nav.hotel-tab ul li:first-child {
margin: 0;
}
section.news-archieved .headline h3 {
font: 400 24px/24px "Merriweather", serif;
text-align: center;
}
section.news-archieved .headline .cat-dropdown {
margin: 23px 0 0 0;
}
section.news-archieved .headline .pull-right {
float: left;
width: 100%;
}
section.news-archieved .news-section article {
margin: 0 0 15px 0;
border: 1px solid #eee;
}
.single-blog .blog-container .blog-post .content h1,
.single-blog .blog-container .blog-post .content .h1 {
font: 400 24px/34px "Merriweather", serif;
}
.about-page main .content {
padding: 0 0;
}
.about-page {
position: relative;
padding: 25px 0;
}
.about-page main .content h2,
.about-page main .content .h2 {
font: 400 24px/34px "Merriweather", serif;
}
.about-page main figure img {
width: 100%;
height: auto;
}
section.team-page h3 {
font: 400 24px/34px "Merriweather", serif;
margin: 0 0 15px 0;
}
section.team-page {
padding: 25px 0;
}
.vacant-item {
padding: 0;
}
.vacant-item a.green-btn {
margin: 0 0 40px 0 !important;
}
.vacant-item h3 {
font: 500 21px/21px "Roboto", sans-serif;
}
section.section-item-result.recensies-page .col-md-6 {
padding: 0;
}
section.section-item-result.recensies-page .headlines h1,
section.section-item-result.recensies-page .headlines .h1 {
font: 400 24px/24px "Merriweather", serif;
margin: 0 0 20px 0;
}
section.section-item-result.recensies-page .headlines {
padding: 0 10px;
}
.review-item figure {
width: 100%;
height: 270px;
position: relative;
display: inline-block;
overflow: hidden;
background: #000;
}
.review-item figure .h3 {
position: absolute;
top: 10%;
}
.review-item figure .rating {
top: 30%;
}
.review-modal .modal-dialog {
width: 95%;
}
.review-modal .modal-dialog .modal-body figure {
width: 100%;
height: 236px;
}
.review-modal .modal-dialog .modal-body .modal-meta p.date-name {
text-align: center;
padding: 10px 20px;
font-size: 16px;
color: #444;
margin: 0;
width: 82%;
}
.offer-form h3,
#review-form h3 {
font: 400 24px/34px "Merriweather", serif;
}
.offer-form-wrapper .gform_footer.top_label input,
#review-form .gform_footer.top_label input {
width: 100%;
}
.offer-form-wrapper .radio-input .gfield_radio,
#review-form .radio-input .gfield_radio {
width: 300px;
}
.contact-banner .headline span.h3 {
font: 400 24px/34px "Merriweather", serif;
}
.contact-banner .headline img {
width: 20px;
}
.contact-banner {
height: 193px;
}
.contact-banner .headline {
margin: 20px 0 0 0 !important;
}
.page-contact aside {
margin: -50px 0 0 0;
padding: 30px 0 0 0;
}
}
@media (max-width: 468px) {
.tax-rondreizen_landen .breadcrumbs-wrap, .tax-themas .breadcrumbs-wrap {
line-height: 30px;
overflow: visible;
white-space: normal;
padding-top: 5px;
}
.about-page main .content#featured-items .item-card figure {
height: 100%;
}
}
@media (max-width: 1580px) {
.single-rondreizen_ .post-wrapper .rm-container {
width: 1170px;
display: block;
margin: 0 auto;
}
}
@media (max-width: 1160px) {
.offer-form h3,
#review-form h3 {
font: 400 24px/34px "Merriweather", serif;
}
.offer-form-wrapper h4,
#review-form h4 {
font: 400 20px/30px "Roboto", sans-serif;
}
}
@media (max-width: 520px) {
.page-contact aside ul li.buttons a {
font-size: 14px;
padding: 10px 0;
}
.content-box h3 {
font: 400 20px/30px "Merriweather", serif;
}
.single-hotels {
height: auto;
overflow: hidden;
}
.slide-navigation {
height: auto;
overflow: hidden;
}
}
@media (max-width: 420px) {
.section-item-result {
margin: 30px 0 0;
}
.sidebar-related article .meta-data h4,
.sidebar-related article .meta-data .h4 {
display: block;
font: 400 18px/24px "Roboto", sans-serif;
}
.sidebar-related article .meta-data a {
font-size: 14px;
}
.term-97 section.breadcrumbs-wrap {
z-index: 2;
}
}
@media (max-width: 530px) {
.search-box-filter .search-box-content h3,
.search-box-filter .search-box-content .h3 {
font: 400 24px/34px "Merriweather", serif;
text-transform: uppercase;
color: #fff;
margin: 15px 0 0;
display: block !important;
}
.term-97 section.breadcrumbs-wrap {
z-index: 2;
}
}
@media (max-width: 320px) {
.page-contact aside h1 {
font: 400 20px/20px "Merriweather", sans-serif;
}
.page-contact aside ul li.buttons a {
font-size: 12px;
padding: 10px 0;
}
.contact-banner .headline span.h3 {
font: 400 20px/30px "Merriweather", serif;
}
.page-contact aside ul li {
margin: 1px 0 20px 0;
font-size: 14px;
}
.contact-form h2,
.contact-form h2 {
font: 400 20px/30px "Merriweather", sans-serif;
color: #00807b;
margin: 0;
}
.headline_size,
section.destination-section h2,
section.destination-section .h2,
.news-section h2,
.news-section .h2,
.reisverslagen h2,
.reisverslagen .h2,
section.map-section .map-content h2,
section.map-section .map-content .h2,
.section-newsletter h2,
.section-newsletter .h2,
.section-instagram h2,
.section-instagram .h2 {
font: 700 20px/30px "Merriweather", serif;
}
.headline_size, section.destination-section h2, section.destination-section .h2, .news-section h2, .news-section .h2,
.reisverslagen h2,
.reisverslagen .h2, section.map-section .map-content h2, section.map-section .map-content .h2, .section-newsletter h2, .section-newsletter .h2 {
text-transform: uppercase;
}
.dropdown-style {
background: #fff;
width: 280px;
}
.footer h4 {
font-size: 20px;
padding-bottom: 10px;
margin: 10px 0;
}
.offer-form h3,
#review-form h3 {
font: 400 20px/20px "Merriweather", serif;
}
.offer-form-wrapper h4,
#review-form h4 {
font: 400 20px/37px "Roboto", sans-serif;
}
.offer-form-wrapper .radio-input .gfield_radio,
#review-form .radio-input .gfield_radio {
width: 240px;
}
section.waarom-section .col-md-4 {
padding: 0;
}
.recensies-item-content p {
font-size: 13px;
}
.recensies-item-content h2,
.recensies-item-content .h2 {
font-weight: 400;
font-size: 16px;
margin: 0 0 20px 0;
line-height: 26px;
text-align: center;
}
.green-btn {
font: 400 14px/14px "Roboto", sans-serif;
}
.share-post ul {
display: inline-block;
padding: 8px 0 0 10px;
margin: 0;
}
.flat-btn-white {
font: 300 14px/14px "Roboto", sans-serif;
}
.content-box h3,
.content-box .h3,
.sidebar-related h3,
.sidebar-related .h3,
section.overlap-slider .headline-with-link h2,
section.overlap-slider .headline-with-link .h2 {
font: 400 20px/30px "Merriweather", serif;
}
.sidebar-related article .meta-data h4,
.sidebar-related article .meta-data .h4,
.group-slider article .meta-data h3,
.group-slider article .meta-data .h3,
.sidebar-related .article .meta-data h4,
.sidebar-related .article .meta-data .h4,
.group-slider .article .meta-data h3,
.group-slider .article .meta-data .h3 {
display: block;
font: 400 20px/30px "Roboto", sans-serif;
}
.content-box p {
font: 300 14px/24px "Roboto", sans-serif;
}
.hotel-item-list .hotel-item figure {
height: 190px;
}
section.post-banner {
height: 190px;
}
section.post-banner .flex-left {
height: 238px;
}
}
@media screen and (min-width: 992px) and (max-width: 1024px) {
.group-slider article .meta-data p,
.group-slider .article .meta-data p {
font: 300 14px/21px "Roboto", sans-serif;
margin: 0 0 15px 0;
}
.group-slider article .meta-data,
.group-slider .article .meta-data {
top: 150px;
}
.group-slider article .meta-data h3,
.group-slider article .meta-data .h3,
.group-slider .article .meta-data h3,
.group-slider .article .meta-data .h3 {
display: block;
font: 400 18px/28px "Roboto", sans-serif;
}
.footer h4 {
font-size: 16px;
}
.content-block .section-header h2,
.content-block .section-header .h2 {
font: 400 32px/42px "Merriweather", serif;
}
section.overlap-slider .headline-with-link h2,
section.overlap-slider .headline-with-link .h2 {
font: 400 36px/46px "Merriweather", serif;
}
.news-section article .meta-data h3 a,
.news-section article .meta-data .h3 a {
font: 400 21px/28px "Roboto", sans-serif;
}
.news-section article .meta-data h3,
.news-section article .meta-data .h3 {
display: block;
margin: 0 0 15px 0;
}
.cta-contact strong {
margin-left: 10px;
}
.cta-contact p {
font-size: 20px;
width: 70%;
margin: 0 auto;
}
}
@media (max-width: 732px) {
.cta-contact p {
width: 100%;
}
.gallery-cell {
width: 95%;
margin: 10px;
}
.onze-recensies-wrap {
padding: 0 0 !important;
}
#onze-recensies-carousel .flickity-prev-next-button {
top: 177px !important;
transform: scale(0.5);
}
.recensies-item-content {
padding: 20px 40px;
}
.onze-recensies-wrap .section-header h1,
.onze-recensies-wrap .section-header .h1 {
color: #fff;
font-size: 24px;
}
.onze-recensies-wrap .section-header {
padding: 20px 0 0;
}
.recensies-item-content h2,
.recensies-item-content .h2 {
font-weight: 400;
font-size: 18px;
margin: 0 0 20px 0;
line-height: 28px;
text-align: center;
}
.recensies-item-content p {
text-align: center !important;
}
.recensies-avatar h4 {
padding-top: 0;
margin-bottom: 0;
font-size: 16px;
font-weight: bold;
}
ul.gform_fields.top_label.description_below.gform_column.one-half.first {
border-right: 0;
}
}
@media (max-width: 520px) {
.content-box {
padding: 0 0;
margin: 0 !important;
}
body.hotels_-template-default .col-sm-12 {
padding: 0;
}
.slider-image {
min-height: 0 !important;
display: block;
}
}
@media (max-width: 520px) {
.slide-navigation {
height: auto;
overflow: hidden;
margin: 10px 0 10px 0;
min-height: 0;
}
article#algemeen {
margin: 310px 0 0 0;
}
}
@media (max-width: 530px) {
.sidebar-related article figure {
height: 210px !important;
}
section.post-banner .banner-cta {
bottom: -280px;
}
section.breadcrumbs-wrap.no-margin .rm-container {
padding: 0;
}
.text-block {
padding: 0;
}
.footer-bottom {
text-align: center;
}
section.post-banner {
height: 240px;
}
article#algemeen {
margin: 310px 0 0 0;
}
}
@media (max-width: 320px) {
.tax-rondreizen_landen .breadcrumbs-wrap, .tax-themas .breadcrumbs-wrap {
width: 100%;
}
}
@media only screen and (max-width: 1024px) {
.sidebar-related article figure {
height: 230px;
}
}
@media screen and (min-width: 1015px) and (max-width: 1455px) {
.landen-informatie-carousel article .meta-data {
position: absolute;
top: 120px;
}
.view-all-review {
margin: 0;
}
}
@media screen and (min-width: 630px) and (max-width: 991px) {
.onze-recensies-section {
min-height: 840px;
}
.view-all-review {
margin: 0;
}
.section-item-result .item-card .meta-data h2,
.section-item-result .item-card .meta-data .h2 {
display: block;
font: 400 20px/25px "Roboto", sans-serif;
}
}
@media screen and (min-width: 992px) and (max-width: 1600px) {
section.overlap-slider .headline-with-link .green-btn {
margin: -10px 0 0 0;
display: inline-block;
padding: 13px 40px;
}
}
@media screen and (min-width: 991px) and (max-width: 1074px) {
.group-slider article figure,
.group-slider article,
.group-slider .article figure,
.group-slider .article {
height: 320px;
}
section.archieved-items article .item figure {
width: 100%;
height: 210px;
}
section.archieved-items article .item .item-info {
min-height: 210px;
}
.search-box-filter .search-box-content h3,
.search-box-filter .search-box-content .h3 {
font: 400 24px/24px "Merriweather", serif;
}
.section-item-result .item-card figure {
height: 240px;
}
}
@media screen and (min-width: 1023px) and (max-width: 1024px) {
.rm-main-header nav.rm-primary-menu li .sub-menu li a {
padding: 20px 7px;
}
.page-contact aside {
padding: 20px;
}
.rm-btn {
padding: 13px 20px;
}
.section-item-result .item-card .meta-data h2,
.section-item-result .item-card .meta-data .h2 {
font: 400 20px/25px "Roboto", sans-serif;
}
}
.fancybox-container {
z-index: 999;
}
body .fancybox-is-open .fancybox-bg {
opacity: 1;
}
body.single-hotels_ .post-slider, body.single-hoogtepunten_ .post-slider {
overflow: visible;
position: relative;
}
body.single-hotels_ h1, body.single-hoogtepunten_ h1 {
padding: 0 15px;
font-size: 28px;
white-space: nowrap;
}
@media (min-width: 768px) {
body.single-hotels_ h1, body.single-hoogtepunten_ h1 {
padding: 0;
}
}
body.single-hotels_ .single-page article, body.single-hoogtepunten_ .single-page article {
padding-left: 0;
padding-right: 0;
}
body.single-hotels_ .single-page article .full-width, body.single-hoogtepunten_ .single-page article .full-width {
height: 100%;
}
body.single-hotels_ .single-page article .content-box, body.single-hoogtepunten_ .single-page article .content-box {
margin-top: 30px;
}
body.single-hotels_ aside, body.single-hoogtepunten_ aside {
padding-right: 0;
}
body.single-hotels_ .carousel-main, body.single-hoogtepunten_ .carousel-main {
padding: 20px 0;
max-height: 700px;
overflow: hidden;
}
body.single-hotels_ .carousel-main .flickity-viewport, body.single-hoogtepunten_ .carousel-main .flickity-viewport {
height: 660px;
}
body.single-hotels_ .carousel-main .flickity-prev-next-button, body.single-hoogtepunten_ .carousel-main .flickity-prev-next-button {
background: transparent !important;
width: 60px !important;
height: 60px !important;
filter: drop-shadow(0px 0px 1px #000);
}
body.single-hotels_ .carousel-main .flickity-prev-next-button .flickity-button-icon, body.single-hoogtepunten_ .carousel-main .flickity-prev-next-button .flickity-button-icon {
width: 130%;
height: 130%;
left: -10%;
top: -39px;
transform: scale(0.4);
}
@media (min-width: 520px) {
body.single-hotels_ .carousel-main .flickity-prev-next-button, body.single-hoogtepunten_ .carousel-main .flickity-prev-next-button {
width: 80px;
}
body.single-hotels_ .carousel-main .flickity-prev-next-button .flickity-button-icon, body.single-hoogtepunten_ .carousel-main .flickity-prev-next-button .flickity-button-icon {
left: -12%;
top: -35px;
transform: scale(0.7);
}
}
body.single-hotels_ .carousel-main .carousel-cell, body.single-hoogtepunten_ .carousel-main .carousel-cell {
height: auto;
}
@media (min-width: 992px) {
body.single-hotels_ .carousel-main .carousel-cell, body.single-hoogtepunten_ .carousel-main .carousel-cell {
height: 660px;
}
}
body.single-hotels_ .carousel-main .carousel-cell img, body.single-hoogtepunten_ .carousel-main .carousel-cell img {
border: 5px solid #fff;
width: 100%;
min-height: 75vw;
height: 660px;
}
@media (min-width: 768px) {
body.single-hotels_ .carousel-main .carousel-cell img, body.single-hoogtepunten_ .carousel-main .carousel-cell img {
min-height: auto;
}
}
body.single-hotels_ .carousel-main .carousel-cell p, body.single-hoogtepunten_ .carousel-main .carousel-cell p {
position: absolute;
bottom: 0;
width: 100%;
background: #fff;
height: 70px;
text-align: center;
line-height: 74px;
font-size: 26px;
font-family: "Hollie Script Pro", cursive;
color: #000;
}
@media (min-width: 520px) {
body.single-hotels_ .carousel-main .carousel-cell p, body.single-hoogtepunten_ .carousel-main .carousel-cell p {
font-size: 40px;
}
}
body.single-hotels_ .carousel-nav, body.single-hoogtepunten_ .carousel-nav {
margin-top: 126px;
max-height: 660px;
overflow-y: hidden;
display: none;
}
@media (min-width: 1200px) {
body.single-hotels_ .carousel-nav, body.single-hoogtepunten_ .carousel-nav {
display: block;
}
}
body.single-hotels_ .carousel-nav .image, body.single-hoogtepunten_ .carousel-nav .image {
margin: 6px 0;
float: left;
cursor: pointer;
}
body.single-hotels_ .carousel-nav .image:nth-child(1), body.single-hoogtepunten_ .carousel-nav .image:nth-child(1) {
margin-top: 0;
margin-bottom: 12px;
}
body.single-hotels_ .carousel-nav .image:nth-child(2), body.single-hoogtepunten_ .carousel-nav .image:nth-child(2) {
margin-top: 0;
}
body.single-hotels_ .carousel-nav .image:nth-last-child(2), body.single-hoogtepunten_ .carousel-nav .image:nth-last-child(2) {
margin-bottom: 0;
}
body.single-hotels_ .carousel-nav .image:nth-last-child(1), body.single-hoogtepunten_ .carousel-nav .image:nth-last-child(1) {
margin-top: 12px;
margin-bottom: 0;
}
body.single-hotels_ .carousel-nav .image img, body.single-hoogtepunten_ .carousel-nav .image img {
width: 100%;
border: 5px solid #fff;
height: 212px;
width: 277.5px;
}
body.single-hotels_ .description > div, body.single-hoogtepunten_ .description > div {
display: flex;
}
@media (max-width: 767px) {
body.single-hotels_ .description > div p, body.single-hoogtepunten_ .description > div p {
padding: 10px 20px;
}
}
@media (max-width: 991px) {
body.single-hotels_ .description > div, body.single-hoogtepunten_ .description > div {
display: block;
}
body.single-hotels_ .description > div p, body.single-hoogtepunten_ .description > div p {
padding-top: 20px;
}
}
body.single-hotels_ .description > div div:nth-child(1), body.single-hoogtepunten_ .description > div div:nth-child(1) {
display: flex;
}
body.single-hotels_ .description iframe, body.single-hoogtepunten_ .description iframe {
height: auto;
min-height: 350px;
}
body.single-hotels_ .specialist, body.single-hoogtepunten_ .specialist {
margin: 30px 0;
}
body.single-hotels_ section.hotel-archieved nav.hotel-tab, body.single-hoogtepunten_ section.hotel-archieved nav.hotel-tab {
padding: 0;
}
.container .full-width {
position: absolute;
width: 100vw;
}
@media (min-width: 768px) {
.container .full-width {
left: calc(-50vw + 375px);
}
}
@media (min-width: 992px) {
.container .full-width {
left: calc(-50vw + 485px);
}
}
@media (min-width: 1200px) {
.container .full-width {
left: calc(-50vw + 585px);
}
}
.pattern-bg {
background: url("/content/themes/ramatours/img/ramatours-background.jpg");
}
section.usp {
position: relative;
z-index: 0;
}
section.usp:before {
background-color: rgba(0, 0, 0, 0.4);
content: "";
position: absolute;
height: 100%;
display: block;
left: 0;
top: 0;
width: 100%;
z-index: 1;
}
section.usp img {
position: absolute;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
section.usp #usp-block {
position: relative;
z-index: 1;
margin-bottom: 45px;
}
section.usp #usp-block h2 {
color: #ffffff;
text-transform: uppercase;
text-shadow: 1px 1px 1px #000;
}
section.usp #usp-block ul.usp-list {
list-style-type: none;
display: inline-block;
overflow: hidden;
padding-top: 25px;
}
section.usp #usp-block ul.usp-list li {
color: #ffffff;
font-size: 20px;
font-family: "Roboto", sans-serif;
font-weight: 400;
line-height: 40px;
text-shadow: 1px 1px 1px #000;
}
@media (max-width: 768px) {
section.usp #usp-block ul.usp-list li {
font-size: 18px;
}
}
@media (max-width: 767px) {
section.usp #usp-block ul.usp-list li {
font-size: 15px;
}
}
section.usp #usp-block ul.usp-list li i {
color: #d7a329;
font-size: 20px;
width: 25px;
text-align: center;
}
#mapo {
width: 100%;
}
#mapo iframe {
width: 100%;
border: 0;
}
ul.newsletter li > label.gfield_label_before_complex {
visibility: hidden;
display: none;
}
ul.newsletter li .ginput_container_checkbox li {
display: flex;
flex-direction: row;
}
ul.newsletter li .ginput_container_checkbox input {
display: flex;
justify-content: flex-start;
align-items: flex-start;
width: 20px;
}
ul.newsletter li label {
display: flex;
align-items: center;
font: 400 16px/20px "Roboto", sans-serif;
color: #444;
padding: 0 0 0 20px;
margin: 0 0 0 0;
}
@media (max-width: 619px) {
#recensies-header, #recensies-header + p {
padding-left: 20px !important;
padding-right: 20px !important;
}
}
.colContainer {
display: flex;
flex-direction: row;
justify-content: space-between;
width: 1370px;
max-width: 100%;
margin: 0 auto;
padding-right: 20px;
padding-left: 20px;
}
.colContainer h1, .colContainer h2, .colContainer h3, .colContainer h4, .colContainer h5, .colContainer h6 {
font-family: "Merriweather", serif !important;
margin-top: 0px;
color: #00807b !important;
margin-top: 0px;
padding-top: 0px;
}
@media (max-width: 992px) {
.colContainer {
flex-direction: column;
align-items: center;
}
}
@media (min-width: 1239px) {
.colContainer {
padding-left: 0;
padding-right: 0;
}
}
.leftCol {
display: flex;
width: calc(50% - 30px);
}
@media (max-width: 992px) {
.leftCol {
width: 100%;
margin-bottom: 20px;
flex-direction: column;
}
}
.rightCol {
display: flex;
width: calc(50% - 30px);
}
@media (max-width: 992px) {
.rightCol {
width: 100%;
margin-bottom: 20px;
flex-direction: column;
}
}
.centerCol {
display: flex;
width: 100%;
}
.why_text_font, .highlight_text_font, .highlights-loop-item-text, .practical-information-list-text, .cPracticalHeader, .cReviewsHeader {
font: 300 16px/26px "Roboto", sans-serif;
}
.fwWhy {
background-color: #00807b;
color: #fff;
text-align: left;
width: 100%;
font-size: 20px;
padding: 48px 20px;
}
.fwWhy.strong {
margin-left: 40px;
}
.fwWhy a {
color: #fff;
text-decoration: underline;
}
.cWhy {
display: flex;
flex-direction: column-reverse;
}
@media (min-width: 1024px) {
.cWhy {
flex-direction: row;
gap: 65px;
}
}
.cWhy .left__col, .cWhy .right__col {
/*margin-bottom: 20px;*/
flex-direction: column;
}
@media (max-width: 991px) {
.cWhy .left__col .highlight_button {
width: 100%;
}
}
.cWhy .left__col h2 {
color: #FFF;
font-family: "Merriweather";
font-size: 26px;
font-style: normal;
font-weight: 700;
line-height: 38px; /* 146.154% */
margin: 0;
margin-bottom: 8px;
}
.cWhy .left__col p {
font: 300 16px/26px "Roboto", sans-serif;
}
.cWhy .right__col {
width: 100%;
margin-bottom: 32px;
}
@media (min-width: 1023px) {
.cWhy .right__col {
min-width: 525px;
width: 525px;
}
}
.cWhy h1, .cWhy h2, .cWhy h3, .cWhy h4, .cWhy h5, .cWhy h6 {
color: #fff !important;
margin-top: 0px;
}
.cWhy .why_image_wrapper {
position: relative;
display: flex;
justify-content: center;
width: 100%;
height: 400px;
}
.cWhy .why_image_wrapper img:first-child {
position: relative;
width: 100%;
height: 100%;
max-width: 100%;
max-height: 100%;
border-radius: 5px;
z-index: 2;
}
.cWhy .why_image_wrapper img:last-child {
position: absolute;
right: -265px;
bottom: -150px;
width: 462px;
z-index: 1;
filter: brightness(0) saturate(100%) invert(96%) sepia(100%) saturate(0%) hue-rotate(88deg) brightness(105%) contrast(103%);
}
@media (max-width: 620px) {
.cWhy .button {
width: 100%;
}
}
.anker200 {
position: absolute;
left: 0;
top: -180px;
}
@media (max-width: 991px) {
.anker200 {
top: -60px;
}
}
.fwHighlightsText {
position: relative;
padding-bottom: 45px;
font: 300 16px/26px "Roboto", sans-serif;
}
@media (max-width: 991px) {
.fwHighlightsText {
padding-bottom: 0px;
}
}
@media (max-width: 991px) {
.fwHighlightsText .cHighlightText {
flex-direction: column;
align-items: center;
}
}
.fwHighlightsText .cHighlightsText .highlight_header_text {
justify-content: center;
}
.fwHighlights {
position: relative;
padding: 48px 20px;
}
@media (min-width: 1023px) {
.fwHighlights {
padding-top: 48px 0;
}
}
.fwHighlights .cHighlights {
display: flex;
flex-direction: column;
gap: 32px;
font: 400 16px/26px "Roboto", sans-serif;
color: rgba(0, 0, 0, 0.7);
margin-bottom: 57px !important;
}
@media (min-width: 620px) {
.fwHighlights .cHighlights {
flex-direction: row;
gap: 60px;
}
}
.fwHighlights .cHighlights:last-child {
margin-bottom: 0px !important;
padding-bottom: 0px;
}
.fwHighlights .cHighlights:nth-of-type(2n-1) {
flex-direction: row-reverse;
}
@media (max-width: 991px) {
.fwHighlights .cHighlights:nth-of-type(2n-1) {
align-items: center;
}
}
@media (max-width: 991px) {
.fwHighlights .cHighlights:has(+ .cHighlights) {
margin-bottom: 20px !important;
}
}
.fwHighlights .cHighlights .left__col {
width: 100%;
flex-direction: column;
justify-content: center;
}
@media (min-width: 620px) {
.fwHighlights .cHighlights .left__col {
width: calc(50% - 30px);
}
}
.fwHighlights .cHighlights .left__col .highlights-loop-item-text {
font: 300 16px/26px "Roboto", sans-serif;
}
.fwHighlights .cHighlights .left__col h2 {
margin: 0;
margin-bottom: 8px;
color: #00807C;
font-family: "Merriweather";
font-size: 26px;
font-style: normal;
font-weight: 700;
line-height: normal;
}
.fwHighlights .cHighlights .right__col {
position: relative;
width: 100%;
}
@media (max-width: 620px) {
.fwHighlights .cHighlights .right__col {
display: none;
}
}
@media (min-width: 620px) {
.fwHighlights .cHighlights .right__col {
width: calc(50% - 30px);
display: block;
}
}
@media (max-width: 991px) {
.fwHighlights .cHighlights .right__col .highlights-loop-item-image-wrapper {
display: flex;
justify-content: center;
}
}
.fwHighlights .cHighlights .right__col .highlights-loop-item-image-wrapper .highlights-loop-item-image-overlay-right {
position: relative;
}
@media (max-width: 991px) {
.fwHighlights .cHighlights .right__col .highlights-loop-item-image-wrapper .highlights-loop-item-image-overlay-right {
display: flex;
justify-content: center;
}
}
.fwHighlights .cHighlights .right__col .highlights-loop-item-image-wrapper .highlights-loop-item-image-overlay-right img:first-child {
max-width: 100%;
border-radius: 5px;
position: relative;
z-index: 2;
}
.fwHighlights .cHighlights .right__col .highlights-loop-item-image-wrapper .highlights-loop-item-image-overlay-right img:last-child {
position: absolute;
width: 409px;
right: -300px;
bottom: -200px;
z-index: 1;
filter: brightness(0) saturate(100%) invert(38%) sepia(90%) saturate(7061%) hue-rotate(168deg) brightness(96%) contrast(101%);
}
.fwHighlights .cHighlights .right__col .highlights-loop-item-image-wrapper .highlights-loop-item-image-overlay-left img:first-child {
max-width: 100%;
border-radius: 5px;
position: relative;
z-index: 2;
}
.fwHighlights .cHighlights .right__col .highlights-loop-item-image-wrapper .highlights-loop-item-image-overlay-left img:last-child {
position: absolute;
width: 514px;
left: -350px;
bottom: 0px;
z-index: 1;
filter: brightness(0) saturate(100%) invert(38%) sepia(90%) saturate(7061%) hue-rotate(168deg) brightness(96%) contrast(101%);
}
.fwHighlights .cHighlights .highlights-loop-item {
display: flex;
/* justify-content: center; */
position: relative;
width: 100%;
padding-bottom: 40px;
}
.fwHighlights .cHighlights p {
color: rgba(0, 0, 0, 0.7);
}
.fwReviews .cReviewsHeader {
padding-bottom: 50px;
text-align: center;
display: flex;
flex-direction: column;
}
@media (max-width: 991px) {
.fwReviews .cReviewsHeader {
padding-bottom: 20px;
}
}
.fwReviews .cReviews {
margin-bottom: 27px;
justify-content: center;
}
.fwReviews .cReviews:nth-last-child(2) {
margin-bottom: 0px !important;
}
.fwReviews .cReviews:hover {
cursor: pointer;
}
@media (max-width: 992px) {
.fwReviews .cReviews {
width: 100%;
}
}
.fwReviews .cReviews .cReviewsLeft {
width: 20%;
position: relative;
}
@media (max-width: 991px) {
.fwReviews .cReviews .cReviewsLeft {
height: 200px;
width: 100%;
margin-bottom: 0px;
}
}
.fwReviews .cReviews .cReviewsLeft figure img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.fwReviews .cReviews .cReviewsRight {
width: 70%;
display: flex;
flex-direction: column;
justify-content: center;
background-color: #fff;
padding: 46px 56px;
}
@media (max-width: 991px) {
.fwReviews .cReviews .cReviewsRight {
width: 100%;
padding: 20px;
}
}
.fwReviews .cReviews .cReviewsRight .fullReviewLink {
margin-top: 20px;
}
.fwReviews .cReviewsButton .centerReviewsButton {
justify-content: center;
display: flex;
flex-direction: row;
margin-top: 21px;
}
@media (max-width: 991px) {
.fwReviews .cReviewsButton .centerReviewsButton {
padding-bottom: 20px;
}
}
.fwReviews .cReviewsButton .centerReviewsButton .moreButton {
border: 0px;
border-radius: 5px;
background-color: #d65919 !important;
color: #fff;
padding: 10px;
}
/* should be in .cReviewsRight */
.reviews-author {
font-size: 16px;
color: #666;
text-weight: bold;
}
.reviews-title {
margin-top: 0px;
color: #d65919 !important;
}
.reviews-title span {
font-family: "Merriweather", serif !important;
}
.review-meta {
font: 300 16px/26px "Roboto", sans-serif;
}
.review-link {
font: 300 16px/26px "Roboto", sans-serif;
margin-top: 20px;
}
/* END should be in .cReviewsRight */
.triangle-cutout-downwards-wrapper {
overflow: hidden;
height: 10px;
padding-top: 65px;
}
.triangle-cutout-downwards-wrapper .triangle-cutout-downwards {
height: 65px;
position: relative;
}
.triangle-cutout-downwards-wrapper .triangle-cutout-downwards:before {
content: "";
position: absolute;
left: -6px;
width: calc(50% + 20px);
height: 30px;
top: 0;
background-color: #f2f2f2;
transform: skew(40deg) translate(0, -100%);
}
.triangle-cutout-downwards-wrapper .triangle-cutout-downwards:after {
content: "";
position: absolute;
right: -6px;
width: calc(50% + 20px);
height: 30px;
top: 0;
background-color: #f2f2f2;
transform: skew(-40deg) translate(0, -100%);
}
.fwPractical .cPracticalHeader {
flex-direction: column;
padding-bottom: 50px;
}
.fwPractical .cPractical {
margin-bottom: 20px;
}
.fwPractical .cPractical:last-child {
margin-bottom: 0px;
}
.fwPractical .cPractical .cPracticalLeft {
width: calc(25% - 27.5px);
}
@media (max-width: 991px) {
.fwPractical .cPractical .cPracticalLeft {
width: 100%;
}
}
.fwPractical .cPractical .cPracticalLeft .practical_information_list_image_wrapper {
border-radius: 5px;
overflow: hidden;
}
.fwPractical .cPractical .cPracticalLeft .practical_information_list_image_wrapper figure img {
max-width: 100%;
max-height: 100%;
}
.fwPractical .cPractical .cPracticalRight {
width: calc(75% - 27.5px);
display: flex;
flex-direction: column;
justify-content: center;
}
@media (max-width: 991px) {
.fwPractical .cPractical .cPracticalRight {
width: 100%;
}
}
@font-face {
font-family: "Roboto";
src: url("/content/themes/ramatours/fonts/subset-Roboto-Regular.woff2") format("woff2"), url("/content/themes/ramatours/fonts/subset-Roboto-Regular.woff") format("woff"), url("/content/themes/ramatours/fonts/subset-Roboto-Regular.ttf") format("truetype");
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Roboto";
src: url("/content/themes/ramatours/fonts/subset-Roboto-Light.woff2") format("woff2"), url("/content/themes/ramatours/fonts/subset-Roboto-Light.woff") format("woff"), url("/content/themes/ramatours/fonts/subset-Roboto-Light.ttf") format("truetype");
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Roboto";
src: url("/content/themes/ramatours/fonts/subset-Roboto-Medium.woff2") format("woff2"), url("/content/themes/ramatours/fonts/subset-Roboto-Medium.woff") format("woff"), url("/content/themes/ramatours/fonts/subset-Roboto-Medium.ttf") format("truetype");
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Merriweather";
src: url("/content/themes/ramatours/fonts/subset-Merriweather-Light.woff2") format("woff2"), url("/content/themes/ramatours/fonts/subset-Merriweather-Light.woff") format("woff"), url("/content/themes/ramatours/fonts/subset-Merriweather-Light.ttf") format("truetype");
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Merriweather";
src: url("/content/themes/ramatours/fonts/subset-Merriweather-Regular.woff2") format("woff2"), url("/content/themes/ramatours/fonts/subset-Merriweather-Regular.woff") format("woff"), url("/content/themes/ramatours/fonts/subset-Merriweather-Regular.ttf") format("truetype");
font-weight: normal;
font-style: normal;
font-display: swap;
}
/* Indonesia scheme */
body .rm-navbar {
z-index: 1;
position: relative;
}
body .breadcrumbs-wrap {
background: transparent;
}
body.landen-template-default .post-wrapper article h1, body.sublanden-template-default .post-wrapper article h1 {
margin-top: 0;
}
body .specialist .background {
background: url("/content/themes/ramatours/img/background-specialist.png") center no-repeat;
}
body.tax-rondreizen_landen header > nav.tabs, body.landen-template-default header > nav.tabs, body.sublanden-template-default header > nav.tabs, body.tax-hotels_landen header > nav.tabs, body.tax-landen2 header > nav.tabs {
margin-bottom: 0;
display: none;
}
body.tax-rondreizen_landen .breadcrumbs-wrap, body.landen-template-default .breadcrumbs-wrap, body.sublanden-template-default .breadcrumbs-wrap, body.tax-hotels_landen .breadcrumbs-wrap, body.tax-landen2 .breadcrumbs-wrap {
margin: 0;
}
body.tax-rondreizen_landen nav.tabs, body.landen-template-default nav.tabs, body.sublanden-template-default nav.tabs, body.tax-hotels_landen nav.tabs, body.tax-landen2 nav.tabs {
height: 60px;
margin-bottom: 0px;
}
body.tax-rondreizen_landen nav.tabs > ul, body.landen-template-default nav.tabs > ul, body.sublanden-template-default nav.tabs > ul, body.tax-hotels_landen nav.tabs > ul, body.tax-landen2 nav.tabs > ul {
padding: 0;
}
@media (min-width: 992px) {
body.tax-rondreizen_landen nav.tabs ul > li.active:before, body.landen-template-default nav.tabs ul > li.active:before, body.sublanden-template-default nav.tabs ul > li.active:before, body.tax-hotels_landen nav.tabs ul > li.active:before, body.tax-landen2 nav.tabs ul > li.active:before {
content: "";
display: block;
position: absolute;
height: 11px;
background: rgba(102, 102, 102, 0.8);
background: linear-gradient(180deg, rgba(102, 102, 102, 0.8) 0%, rgba(82, 82, 82, 0.3) 20%, rgba(60, 60, 60, 0) 41%, rgba(0, 0, 0, 0) 100%);
width: 100vw;
right: 100%;
bottom: -11px;
}
body.tax-rondreizen_landen nav.tabs ul > li.active:after, body.landen-template-default nav.tabs ul > li.active:after, body.sublanden-template-default nav.tabs ul > li.active:after, body.tax-hotels_landen nav.tabs ul > li.active:after, body.tax-landen2 nav.tabs ul > li.active:after {
content: "";
display: block;
position: absolute;
height: 11px;
background: rgba(102, 102, 102, 0.8);
background: linear-gradient(180deg, rgba(102, 102, 102, 0.8) 0%, rgba(82, 82, 82, 0.3) 20%, rgba(60, 60, 60, 0) 41%, rgba(0, 0, 0, 0) 100%);
width: 100vw;
left: 100%;
bottom: -11px;
}
body.tax-rondreizen_landen nav.tabs ul > li a:not(.active):hover, body.landen-template-default nav.tabs ul > li a:not(.active):hover, body.sublanden-template-default nav.tabs ul > li a:not(.active):hover, body.tax-hotels_landen nav.tabs ul > li a:not(.active):hover, body.tax-landen2 nav.tabs ul > li a:not(.active):hover {
text-decoration: underline;
}
}
@media (max-width: 991px) {
body.tax-rondreizen_landen nav.tabs, body.landen-template-default nav.tabs, body.sublanden-template-default nav.tabs, body.tax-hotels_landen nav.tabs, body.tax-landen2 nav.tabs {
height: auto;
}
body.tax-rondreizen_landen nav.tabs ul, body.landen-template-default nav.tabs ul, body.sublanden-template-default nav.tabs ul, body.tax-hotels_landen nav.tabs ul, body.tax-landen2 nav.tabs ul {
width: 100%;
padding: 0;
}
}
body.tax-rondreizen_landen nav.tabs ul, body.landen-template-default nav.tabs ul, body.sublanden-template-default nav.tabs ul, body.tax-hotels_landen nav.tabs ul, body.tax-landen2 nav.tabs ul {
list-style: none;
}
body.tax-rondreizen_landen nav.tabs ul > li, body.landen-template-default nav.tabs ul > li, body.sublanden-template-default nav.tabs ul > li, body.tax-hotels_landen nav.tabs ul > li, body.tax-landen2 nav.tabs ul > li {
text-align: center;
height: 60px;
position: relative;
}
body.tax-rondreizen_landen nav.tabs ul > li.active, body.landen-template-default nav.tabs ul > li.active, body.sublanden-template-default nav.tabs ul > li.active, body.tax-hotels_landen nav.tabs ul > li.active, body.tax-landen2 nav.tabs ul > li.active {
background: #fff;
background: url("/content/themes/ramatours/img/ramatours-background.jpg");
}
body.tax-rondreizen_landen nav.tabs ul > li.active > a, body.landen-template-default nav.tabs ul > li.active > a, body.sublanden-template-default nav.tabs ul > li.active > a, body.tax-hotels_landen nav.tabs ul > li.active > a, body.tax-landen2 nav.tabs ul > li.active > a {
color: #00807b;
}
body.tax-rondreizen_landen nav.tabs ul > li > a, body.landen-template-default nav.tabs ul > li > a, body.sublanden-template-default nav.tabs ul > li > a, body.tax-hotels_landen nav.tabs ul > li > a, body.tax-landen2 nav.tabs ul > li > a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
font-size: 18px;
line-height: 60px;
text-decoration: none;
color: #fff;
white-space: nowrap;
transition: 0.4s color;
}
body.tax-rondreizen_landen nav.tabs ul > li:not(.active) a:hover, body.landen-template-default nav.tabs ul > li:not(.active) a:hover, body.sublanden-template-default nav.tabs ul > li:not(.active) a:hover, body.tax-hotels_landen nav.tabs ul > li:not(.active) a:hover, body.tax-landen2 nav.tabs ul > li:not(.active) a:hover {
color: #fff;
}
@media (max-width: 768px) {
.single-employee .informatie .hide-on-mobile {
display: none;
}
}
.single-employee .informatie .bottom-buttons div {
padding: 46px 0px 46px 0px;
}
@media (max-width: 768px) {
.single-employee .informatie .bottom-buttons div {
padding: 12px 0px 0px 0px;
}
.single-employee .informatie .bottom-buttons div:last-child {
padding-bottom: 12px;
}
}
@media (min-width: 992px) {
.single-employee .informatie .bottom-buttons div:last-child .green-btn {
margin-left: 15px;
}
}
/*
* Trip card section. Currently only used in offerte formulier.
* @FIXME: Unused!!!!! But keep it somewhere for future reference??
*/
.trip-card {
position: relative;
}
.trip-card .article figure {
position: relative;
width: 100%;
height: 350px;
overflow: hidden;
background: #00807b;
transition-duration: 0.3s;
}
.trip-card .article figure::after {
content: " ";
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 33%, rgba(0, 0, 0, 0.3) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000", endColorstr="#4d000000", GradientType=0);
}
.trip-card .article figure img {
width: 100%;
height: 100%;
transition-duration: 0.3s;
}
.trip-card .article .meta-data {
position: absolute;
top: auto !important;
bottom: 20px;
padding: 0 40px;
width: 94.5%;
}
.trip-card .article .meta-data h3 {
display: block;
font: 400 28px/28px "Roboto", sans-serif;
color: #fff;
margin: 0 0 10px 0;
}
.trip-card .article .meta-data p {
font: 300 20px/20px "Roboto", sans-serif;
font-style: italic;
color: #fff;
margin: 0 0 10px 0;
}
.trip-card .article .meta-data .icon-arrow {
position: absolute;
right: 40px;
bottom: 10px;
width: 26px;
height: 26px;
}
.trip-card .article:hover figure {
box-shadow: 0 0 15px #888;
transition-duration: 0.3s;
}
.trip-card .article:hover figure img {
transform: scale(1.1);
transition-duration: 0.3s;
}
.trip-card .article:hover .meta-data a {
visibility: visible;
}
.trip-card .article:hover .meta-data .icon-arrow {
transform: scale(1.618);
}
.page-template-template-overons .breadcrumbs-wrap {
padding-left: 0;
padding-right: 0;
}
.page-template-template-overons .breadcrumbs-wrap .container {
width: 1170px;
}
@media (min-width: 1470px) {
.page-template-template-overons .breadcrumbs-wrap .container {
width: 1370px;
}
}
@media (max-width: 1199px) {
.page-template-template-overons .breadcrumbs-wrap .container {
width: 100%;
padding-left: 15px;
padding-right: 15px;
}
}
.page-template-template-recensies-2024 .breadcrumbs-wrap {
padding-left: 0;
padding-right: 0;
}
.page-template-template-recensies-2024 .breadcrumbs-wrap .container {
width: 1370px;
}
@media (max-width: 1399px) {
.page-template-template-recensies-2024 .breadcrumbs-wrap .container {
width: 100%;
}
}
.single-employee .breadcrumbs-wrap {
padding-left: 0;
padding-right: 0;
}
.single-employee .breadcrumbs-wrap .container {
width: 1290px;
}
@media (max-width: 1319px) {
.single-employee .breadcrumbs-wrap .container {
width: 100%;
padding-left: 15px;
padding-right: 15px;
}
}
.single-nieuws .single-blog {
margin-top: 0 !important;
}
.single-nieuws .breadcrumbs-wrap {
padding-left: 0;
padding-right: 0;
}
.single-nieuws .breadcrumbs-wrap .container {
width: 1260px;
}
@media (max-width: 1319px) {
.single-nieuws .breadcrumbs-wrap .container {
width: 100%;
padding-left: 30px;
padding-right: 30px;
}
}
.post-type-archive-nieuws .breadcrumbs-wrap {
padding-left: 0;
padding-right: 0;
}
.post-type-archive-nieuws .breadcrumbs-wrap .container {
width: 1140px;
}
@media (max-width: 1199px) {
.post-type-archive-nieuws .breadcrumbs-wrap .container {
width: 940px;
}
}
@media (max-width: 991px) {
.post-type-archive-nieuws .breadcrumbs-wrap .container {
width: 100%;
padding-left: 18px;
padding-right: 18px;
}
}
.page-template-template-vacatures .breadcrumbs-wrap,
.page-template-template-contacts .breadcrumbs-wrap {
padding-left: 0;
padding-right: 0;
}
.page-template-template-vacatures .breadcrumbs-wrap .container,
.page-template-template-contacts .breadcrumbs-wrap .container {
width: 1340px;
}
@media (max-width: 1469px) {
.page-template-template-vacatures .breadcrumbs-wrap .container,
.page-template-template-contacts .breadcrumbs-wrap .container {
width: 1140px;
}
}
@media (max-width: 1179px) {
.page-template-template-vacatures .breadcrumbs-wrap .container,
.page-template-template-contacts .breadcrumbs-wrap .container {
width: 100%;
padding-left: 18px;
padding-right: 18px;
}
}
.single-employee .single-blog,
.single-nieuws .single-blog {
width: 100%;
display: inline-block;
margin: 16px 0;
}
@media (min-width: 768px) {
.single-employee .single-blog,
.single-nieuws .single-blog {
margin: 0 0 30px;
}
}
.single-employee .single-blog .blog-container,
.single-nieuws .single-blog .blog-container {
width: 1320px;
margin: 0 auto;
}
@media (min-width: 1024px) and (max-width: 1320px) {
.single-employee .single-blog .blog-container,
.single-nieuws .single-blog .blog-container {
width: 100%;
}
}
.single-employee .single-blog .blog-container .blog-post,
.single-nieuws .single-blog .blog-container .blog-post {
width: auto;
margin: 0 auto;
}
.single-employee .single-blog .blog-container .blog-post figure img,
.single-nieuws .single-blog .blog-container .blog-post figure img {
width: 100%;
height: auto;
}
.single-employee .single-blog .blog-container .blog-post .content h1, .single-employee .single-blog .blog-container .blog-post .content .h1,
.single-nieuws .single-blog .blog-container .blog-post .content h1,
.single-nieuws .single-blog .blog-container .blog-post .content .h1 {
font: 400 36px/46px "Merriweather", serif;
color: #00807b;
margin: 0 0 20px 0;
}
@media (max-width: 767px) {
.single-employee .single-blog .blog-container .blog-post .content h1, .single-employee .single-blog .blog-container .blog-post .content .h1,
.single-nieuws .single-blog .blog-container .blog-post .content h1,
.single-nieuws .single-blog .blog-container .blog-post .content .h1 {
font-size: 26px;
}
}
.single-employee .single-blog .blog-container .blog-post .content p,
.single-nieuws .single-blog .blog-container .blog-post .content p {
font: 300 16px/26px "Roboto", sans-serif;
color: #444;
}
.single-employee .single-blog .blog-container .blog-post .content h2, .single-employee .single-blog .blog-container .blog-post .content .h2,
.single-nieuws .single-blog .blog-container .blog-post .content h2,
.single-nieuws .single-blog .blog-container .blog-post .content .h2 {
font: 500 24px/36px "Roboto", sans-serif;
color: #444;
margin: 0 0 6px 0;
line-height: 1.2;
}
@media (max-width: 767px) {
.single-employee .single-blog .blog-container .blog-post .content h2, .single-employee .single-blog .blog-container .blog-post .content .h2,
.single-nieuws .single-blog .blog-container .blog-post .content h2,
.single-nieuws .single-blog .blog-container .blog-post .content .h2 {
font-size: 20px;
}
}
.single-employee .single-blog .blog-container .blog-post .content h3, .single-employee .single-blog .blog-container .blog-post .content .h3,
.single-nieuws .single-blog .blog-container .blog-post .content h3,
.single-nieuws .single-blog .blog-container .blog-post .content .h3 {
font: 500 20px/36px "Roboto", sans-serif;
margin: 0 0 6px 0;
line-height: 1.2;
}
.single-employee .single-blog .blog-container .blog-post .content img,
.single-nieuws .single-blog .blog-container .blog-post .content img {
max-width: 100%;
width: 100%;
height: auto;
}
.single-employee .single-blog .blog-container .blog-post .content ul,
.single-nieuws .single-blog .blog-container .blog-post .content ul {
margin: -4px 0 0 30px;
padding: 0;
float: left;
font-size: 16px;
}
.single-employee .single-blog .blog-container .blog-post .content ul li,
.single-nieuws .single-blog .blog-container .blog-post .content ul li {
list-style-type: disc;
line-height: 30px;
font: 300 16px/26px "Roboto", sans-serif;
color: #444;
}
.single-employee .single-blog .blog-container .blog-post .content ul li::marker,
.single-nieuws .single-blog .blog-container .blog-post .content ul li::marker {
color: #00807b;
}
.single-employee .other-posts.has-single-post,
.single-nieuws .other-posts.has-single-post {
max-width: 810px;
}
@media (min-width: 768px) {
.single-employee .other-posts .other-posts__post_prev,
.single-nieuws .other-posts .other-posts__post_prev {
padding-right: 30px;
border-right: 1px solid #00807b;
}
.single-employee .other-posts .other-posts__post_prev img,
.single-nieuws .other-posts .other-posts__post_prev img {
padding-right: 30px;
}
.single-employee .other-posts .other-posts__post_next,
.single-nieuws .other-posts .other-posts__post_next {
padding-left: 30px;
border-left: 1px solid #00807b;
}
.single-employee .other-posts .other-posts__post_next img,
.single-nieuws .other-posts .other-posts__post_next img {
padding-left: 30px;
}
.single-employee .other-posts .other-posts__post_next span,
.single-nieuws .other-posts .other-posts__post_next span {
padding-left: 30px;
}
}
.single-employee .other-posts .other-posts__post,
.single-nieuws .other-posts .other-posts__post {
height: 240px;
padding: 0;
margin-bottom: 15px;
cursor: pointer;
}
@media (max-width: 991px) {
.single-employee .other-posts .other-posts__post,
.single-nieuws .other-posts .other-posts__post {
margin-top: 30px;
}
}
@media (min-width: 992px) {
.single-employee .other-posts .other-posts__post,
.single-nieuws .other-posts .other-posts__post {
height: 360px;
}
}
.single-employee .other-posts .other-posts__post .other-posts__thumbnail,
.single-nieuws .other-posts .other-posts__post .other-posts__thumbnail {
position: absolute;
width: 100%;
height: 100%;
}
.single-employee .other-posts .other-posts__post .other-posts__thumbnail img,
.single-nieuws .other-posts .other-posts__post .other-posts__thumbnail img {
width: 100%;
height: 100%;
o-object-fit: cover;
-o-object-fit: cover;
object-fit: cover;
}
.single-employee .other-posts .other-posts__post span,
.single-nieuws .other-posts .other-posts__post span {
z-index: 1;
position: absolute;
top: 30px;
left: 30px;
right: 30px;
transition-duration: 1s;
width: auto;
height: auto;
color: #444;
padding: 10px;
background: rgba(255, 255, 255, 0.7);
}
.single-employee .other-posts .other-posts__post span p:first-child,
.single-nieuws .other-posts .other-posts__post span p:first-child {
font-weight: bold;
text-transform: uppercase;
padding-bottom: 15px;
font-size: 20px;
}
.single-employee .other-posts .other-posts__post span p:last-child,
.single-nieuws .other-posts .other-posts__post span p:last-child {
font-size: 17px;
}
.single-employee .other-posts .other-posts__post.other-posts__post_next span,
.single-nieuws .other-posts .other-posts__post.other-posts__post_next span {
left: 60px;
right: 30px;
}
.single-employee .other-posts .other-posts__post.other-posts__post_prev span,
.single-nieuws .other-posts .other-posts__post.other-posts__post_prev span {
left: 30px;
right: 60px;
}
.single-employee .other-posts .other-posts__post .other-posts__arrow,
.single-nieuws .other-posts .other-posts__post .other-posts__arrow {
position: absolute;
bottom: 30px;
z-index: 1;
width: 30px;
height: 30px;
transition: transform 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.single-employee .other-posts .other-posts__post .other-posts__arrow_left,
.single-nieuws .other-posts .other-posts__post .other-posts__arrow_left {
left: 30px;
background: url(/content/themes/ramatours/img/arrow-right-black.png) center no-repeat;
background-size: contain;
transform: translateX(-6px) scaleX(-1);
}
.single-employee .other-posts .other-posts__post .other-posts__arrow_left:hover,
.single-nieuws .other-posts .other-posts__post .other-posts__arrow_left:hover {
transform: translateX(-6px) scale(-1.618);
}
.single-employee .other-posts .other-posts__post .other-posts__arrow_right,
.single-nieuws .other-posts .other-posts__post .other-posts__arrow_right {
right: 30px;
background: url(/content/themes/ramatours/img/arrow-right-black.png) center no-repeat;
background-size: contain;
transform: translateX(6px);
}
.single-employee .other-posts .other-posts__post .other-posts__arrow_right:hover,
.single-nieuws .other-posts .other-posts__post .other-posts__arrow_right:hover {
transform: translateX(6px) scale(1.618);
}
.other-posts__buttons {
display: flex;
flex-wrap: wrap;
gap: 20px;
width: 100%;
}
.other-posts__buttons .button {
margin: 0;
}
.recensies-template-default {
/*********************************************************************************************************************
*
* Post contents
*
********************************************************************************************************************/
/*
* Big menu theme edits
*/
/*********************************************************************************************************************
*
* Post header (rating, author)
*
********************************************************************************************************************/
/*********************************************************************************************************************
*
* Hoogtepunten
*
********************************************************************************************************************/
}
.recensies-template-default .banner-headline {
background-repeat: repeat;
}
.recensies-template-default .banner-headline p {
text-transform: uppercase;
}
.recensies-template-default .breadcrumbs-wrap {
margin: 0 auto;
padding-left: 0;
}
.recensies-template-default .breadcrumbs-wrap .container {
margin-left: 0;
}
.recensies-template-default .faq-question i {
color: #d65919 !important;
}
.recensies-template-default .rm-top-part {
background: #d65919 !important;
}
.recensies-template-default .base-theme-color {
color: #d65919;
}
.recensies-template-default .base-theme-color-important {
color: #d65919 !important;
border-color: #d65919 transparent transparent !important;
}
.recensies-template-default .base-theme-bg-important {
background: #d65919 !important;
}
.recensies-template-default .base-theme-bg {
background: #d65919;
}
.recensies-template-default .base-theme-bg:hover, .recensies-template-default .base-theme-bg:focus {
color: #fff !important;
}
.recensies-template-default .base-theme-bg a {
font-weight: bold;
color: #fff;
}
.recensies-template-default .base-theme-border {
border-color: #d65919;
}
.recensies-template-default .rm-top-part nav.about-links ul li.nav-button a {
color: #d65919;
}
.recensies-template-default .rm-top-part nav.about-links ul li.nav-button:hover a {
color: #c5460f !important;
}
.recensies-template-default .rm-top-part nav.about-links ul li.menu-item-has-children .sub-menu {
background: #d65919 !important;
}
.recensies-template-default .rm-top-part nav.about-links ul li.menu-item-has-children .sub-menu li a {
border-bottom: 1px solid #c5460f;
}
.recensies-template-default .rm-top-part nav.about-links ul li.menu-item-has-children .sub-menu li a:hover, .recensies-template-default .custom-dropdown button {
background: #c5460f;
}
.recensies-template-default .rm-top-part nav.social-links-top ul li a i {
color: #d65919 !important;
}
.recensies-template-default .rm-main-header nav.rm-primary-menu li.current-menu-item > .sub-menu > li:hover > a {
color: #d65919;
}
.recensies-template-default .rm-main-header nav.rm-primary-menu li.current-menu-item > a {
color: #d65919 !important;
}
.recensies-template-default .rm-main-header nav.rm-primary-menu li.current-menu-parent > a {
color: #d65919 !important;
}
.recensies-template-default .rm-main-header nav.rm-primary-menu li .sub-menu li > a:hover {
border-color: #d65919 !important;
}
.recensies-template-default .rm-main-header nav.rm-primary-menu li .sub-menu li a:hover {
border-color: #d65919;
}
.recensies-template-default .rm-main-header nav.rm-primary-menu li.current-menu-ancestor a {
color: #d65919 !important;
}
.recensies-template-default .rm-main-header nav.rm-primary-menu li .sub-menu li a:hover {
color: #d65919 !important;
}
.recensies-template-default .rm-main-header nav.rm-primary-menu li .sub-menu li:hover a {
border-color: #d65919 !important;
}
.recensies-template-default .rm-main-header nav.rm-primary-menu li.current-menu-ancestor .sub-menu li a {
color: #444 !important;
}
.recensies-template-default .rm-main-header nav.rm-primary-menu li.current-menu-ancestor .sub-menu li a:hover {
color: #d65919 !important;
}
.recensies-template-default .rm-main-header .partnerNav {
background: rgb(122.6694560669, 51.0167364017, 14.3305439331);
}
.recensies-template-default .rm-main-header .partnerNav .sub-menu {
background-color: rgb(122.6694560669, 51.0167364017, 14.3305439331) !important;
background: rgb(122.6694560669, 51.0167364017, 14.3305439331) !important;
}
.recensies-template-default .search-box-filter {
background: #c5460f;
}
.recensies-template-default .link, .recensies-template-default strong > a, .recensies-template-default a > strong {
color: #d65919;
}
.recensies-template-default .link:hover, .recensies-template-default .link:focus, .recensies-template-default strong > a:hover, .recensies-template-default strong > a:focus, .recensies-template-default a > strong:hover, .recensies-template-default a > strong:focus {
color: #c5460f;
}
.recensies-template-default .green-btn {
transition: all 0.6s;
border-color: #d65919 !important;
background: transparent;
border: 2px solid #d65919;
color: #d65919;
}
.recensies-template-default .green-btn:before {
transition: all 0.6s;
content: "\f061";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
color: #d65919;
font-size: 14px;
padding-right: 0.5em;
position: absolute;
top: 11px;
right: 10px;
}
.recensies-template-default .green-btn:hover, .recensies-template-default .green-btn:focus {
background: #d65919 !important;
color: white;
}
.recensies-template-default .green-btn:hover:before, .recensies-template-default .green-btn:focus:before {
transition: all 0.6s;
content: "\f061";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
color: white;
font-size: 14px;
padding-right: 0.5em;
position: absolute;
top: 11px;
right: 10px;
}
.recensies-template-default .solid-btn {
transition: all 0.6s;
border-color: #d65919;
background: #d65919;
border: 2px solid #d65919;
color: white;
}
.recensies-template-default .solid-btn:before {
transition: all 0.6s;
content: "\f061";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
color: white;
font-size: 14px;
padding-right: 0.5em;
position: absolute;
top: 11px;
right: 10px;
}
.recensies-template-default .solid-btn:hover, .recensies-template-default .solid-btn:focus {
background: rgb(168.3347280335, 70.0083682008, 19.6652719665) !important;
border-color: rgb(168.3347280335, 70.0083682008, 19.6652719665);
color: white;
}
.recensies-template-default .ghost-button {
border-color: #d65919;
color: #d65919;
}
.recensies-template-default .ghost-button:hover {
background: #d65919;
color: white;
}
.recensies-template-default .green-btn-original {
border: 2px solid #d65919;
}
.recensies-template-default .green-btn-original:hover, .recensies-template-default .green-btn-original:focus {
color: #d65919 !important;
}
.recensies-template-default label.checked:before, .recensies-template-default .search-box-fields .custom-dropdown-options ul li input:checked + label:before {
background: #d65919 !important;
}
.recensies-template-default section.section-list-item-selected ul li {
color: #d65919 !important;
}
.recensies-template-default .section-newsletter .gform_footer input[type=submit] {
background: #d65919;
}
.recensies-template-default .section-newsletter .gform_footer input[type=submit]:hover {
background: #c5460f;
}
.recensies-template-default .footer-bottom {
background: #c5460f !important;
}
.recensies-template-default.tax-rondreizen_landen nav.tabs ul > li.active > a, .recensies-template-default.landen-template-default nav.tabs ul > li.active > a, .recensies-template-default.sublanden-template-default nav.tabs ul > li.active > a, .recensies-template-default.tax-hotels_landen nav.tabs ul > li.active > a, .recensies-template-default.tax-landen2 nav.tabs ul > li.active > a, .recensies-template-default.single-rondreizen_ nav.tabs ul > li.active > a {
color: #00807b;
}
.recensies-template-default.tax-rondreizen_landen nav.tabs .offer-button, .recensies-template-default.landen-template-default nav.tabs .offer-button, .recensies-template-default.sublanden-template-default nav.tabs .offer-button, .recensies-template-default.tax-hotels_landen nav.tabs .offer-button, .recensies-template-default.tax-landen2 nav.tabs .offer-button, .recensies-template-default.single-rondreizen_ nav.tabs .offer-button {
height: calc(100% - 20px) !important;
margin-top: auto;
top: 10px !important;
border-radius: 6px;
text-align: center;
font-size: 14px;
display: flex;
justify-content: center;
align-items: center;
background-color: white;
color: #d65919 !important;
}
.recensies-template-default .questions-box {
background: #d65919;
}
.recensies-template-default .recensies-item-content .view_modal {
color: #d65919 !important;
}
.recensies-template-default .flat-btn-white:hover {
color: #fff !important;
}
.recensies-template-default section.hotel-archieved nav.hotel-tab ul li.active a, .recensies-template-default section.hotel-archieved nav.hotel-tab ul li a:hover, .recensies-template-default .flickity-prev-next-button {
background: #d65919 !important;
}
.recensies-template-default section.hotel-archieved nav.hotel-tab ul li a {
border: 2px solid #d65919;
color: #d65919;
}
.recensies-template-default .side-menus ul:before, .recensies-template-default .side-menus ul li.active a:before, .recensies-template-default .side-menus ul li a:hover:before {
background: #d65919;
}
.recensies-template-default .side-menus ul li a:before {
border: 2px solid #d65919;
}
.recensies-template-default .side-menus ul li a:hover, .recensies-template-default .side-menus ul li.active a, .recensies-template-default span.zoom-map {
color: #d65919 !important;
}
.recensies-template-default .sidebar-related h3,
.recensies-template-default .sidebar-related .h3,
.recensies-template-default .sidebar-related article .meta-data a {
color: #d65919;
}
.recensies-template-default .practical-information .information-item.active {
background: #d65919;
}
.recensies-template-default .practical-information .information-item:hover h4,
.recensies-template-default .practical-information .information-item:hover .h4 {
color: #d65919;
}
.recensies-template-default .cta-and-sm {
background: #d65919;
}
.recensies-template-default .flat-btn-white, .recensies-template-default .share-post ul li a {
color: #d65919 !important;
}
.recensies-template-default #slide-out .current-menu-item > a, .recensies-template-default #slide-out .current-menu-ancestor > a, .recensies-template-default #slide-out .current-menu-parent > a {
color: #d65919 !important;
}
.recensies-template-default .side-sticky-social ul li a {
background: #d65919;
}
.recensies-template-default .side-sticky-social ul li a:hover {
background: #c5460f;
}
.recensies-template-default .side-sticky-social ul li.offer a {
background: #c5460f;
}
.recensies-template-default .side-sticky-social ul li.offer a:hover {
background: rgb(173.304245283, 61.5801886792, 13.195754717);
}
.recensies-template-default div.rm-main-header nav.rm-primary-menu ul#menu-head-menu.menu li.is-parent-page > a,
.recensies-template-default div.rm-main-header nav.rm-primary-menu ul#menu-head-menu.menu li.is-current-page > a {
color: #d65919 !important;
}
.recensies-template-default .page-line {
border-color: #d65919;
}
.recensies-template-default .seo {
border-color: #d65919;
}
body.page-template-template-landing-rondreizen .recensies-template-default .seo, body.archive.tax-themas .recensies-template-default .seo, body.archive.post-type-archive-rondreizen_ .recensies-template-default .seo, body.page-template-template-landing-2024-php .recensies-template-default .seo {
border-color: #00807b;
}
.recensies-template-default .review-item figure > .rating > .rating {
background: #d65919;
}
.recensies-template-default footer.footer a:hover {
color: rgb(250.6589958159, 228.9539748954, 217.8410041841) !important;
}
.recensies-template-default footer.footer .btn-border-white:hover {
color: #fff !important;
background: #c5460f;
}
.recensies-template-default footer.footer .btn-flat-white {
color: #d65919 !important;
}
.recensies-template-default footer.footer .btn-flat-white:hover {
color: #d65919 !important;
}
.recensies-template-default footer.footer nav.social-links-bottom ul li a i {
color: #d65919;
}
.recensies-template-default footer.footer nav.social-links-bottom ul li a:hover {
background: rgb(250.6589958159, 228.9539748954, 217.8410041841);
}
.recensies-template-default header .rm-main-header nav.rm-primary-menu {
/*
* Top menu level
*/
}
.recensies-template-default header .rm-main-header nav.rm-primary-menu ul#menu-head-menu.big-menu > li {
/*
* Second level menu - indonezië azie...
*/
}
.recensies-template-default header .rm-main-header nav.rm-primary-menu ul#menu-head-menu.big-menu > li > a:hover {
background: white !important;
color: #d65919 !important;
}
.recensies-template-default header .rm-main-header nav.rm-primary-menu ul#menu-head-menu.big-menu > li.menu-item-has-children > a:after {
color: #d65919 !important;
}
.recensies-template-default header .rm-main-header nav.rm-primary-menu ul#menu-head-menu.big-menu > li > ul {
background: #d65919 !important;
}
.recensies-template-default header .rm-main-header nav.rm-primary-menu ul#menu-head-menu.big-menu > li > ul > li {
/*
* Third level menu - indonezië sumartra java...
*/
}
.recensies-template-default header .rm-main-header nav.rm-primary-menu ul#menu-head-menu.big-menu > li > ul > li > a {
color: white !important;
}
.recensies-template-default header .rm-main-header nav.rm-primary-menu ul#menu-head-menu.big-menu > li > ul > li > a:hover {
color: #63260b !important;
}
.recensies-template-default header .rm-main-header nav.rm-primary-menu ul#menu-head-menu.big-menu > li > ul > li > a:after {
border-top: 2px solid #c5460f !important;
}
.recensies-template-default header .rm-main-header nav.rm-primary-menu ul#menu-head-menu.big-menu > li > ul > li.partnerNav .sub-menu {
background: rgb(122.6694560669, 51.0167364017, 14.3305439331) !important;
}
.recensies-template-default header .rm-main-header nav.rm-primary-menu ul#menu-head-menu.big-menu > li > ul > li.current-menu-item a {
color: white !important;
}
.recensies-template-default header .rm-main-header nav.rm-primary-menu ul#menu-head-menu.big-menu > li > ul > li.current-menu-item a:hover {
color: #63260b !important;
}
.recensies-template-default header .rm-main-header nav.rm-primary-menu ul#menu-head-menu.big-menu > li > ul > li > ul {
background: #d65919 !important;
}
.recensies-template-default header .rm-main-header nav.rm-primary-menu ul#menu-head-menu.big-menu > li > ul > li > ul > li > a {
color: white !important;
}
.recensies-template-default header .rm-main-header nav.rm-primary-menu ul#menu-head-menu.big-menu > li > ul > li > ul > li > a:hover {
color: #63260b !important;
}
.recensies-template-default header .rm-main-header nav.rm-primary-menu ul#menu-head-menu.big-menu > li > ul > li > ul > li.current-menu-item a {
color: white !important;
}
.recensies-template-default header .rm-main-header nav.rm-primary-menu ul#menu-head-menu.big-menu > li > ul > li > ul > li.current-menu-item a:hover {
color: #63260b !important;
}
.recensies-template-default header .rm-main-header nav.rm-primary-menu ul#menu-head-menu.big-menu .partnerNav ul.sub-menu {
background: red;
}
.recensies-template-default .recensie-rating {
color: #d65919;
}
.recensies-template-default .rm-selector:before {
color: #d65919;
}
.recensies-template-default .rm-selector select {
color: #d65919;
border-color: #d65919;
}
.recensies-template-default h2 {
color: #d65919;
}
.recensies-template-default section.dagslider span.h2 {
color: #d65919;
}
.recensies-template-default section.dagslider .dagslider__display-toggle {
background: #d65919;
border-color: #d65919;
}
.recensies-template-default section.dagslider .dagslider__display-toggle input:checked {
background: #d65919;
}
.recensies-template-default section.dagslider .dagslider__print {
color: #d65919;
}
.recensies-template-default section.dagslider .dagslider__print:active {
color: #c5460f;
}
.recensies-template-default section.dagslider #dagslider__carousel .dagslider__carousel-indicators .carousel-indicators li:after {
border-color: #d65919;
}
.recensies-template-default section.dagslider #dagslider__carousel .dagslider__carousel-indicators .carousel-indicators li.active:after {
background: #d65919;
}
.recensies-template-default section.dagslider #dagslider__carousel .dagslider__carousel-indicators .carousel-controls .carousel-control .fa {
color: #d65919;
}
@media (min-width: 992px) {
.recensies-template-default section.dagslider .dagslider__thumbnail img {
border-color: #d65919;
}
}
.recensies-template-default section.dagslider .dagslider__controls {
color: #d65919;
border-color: #d65919;
}
.recensies-template-default section.dagslider .dagslider__controls a {
color: #d65919;
}
@media (hover: hover) {
.recensies-template-default section.dagslider .dagslider__controls a:hover {
background-color: #d65919;
}
}
.recensies-template-default section.dagslider .dagslider__controls a:active {
background-color: #c5460f;
}
@media (min-width: 992px) {
.recensies-template-default section.dagslider .dagslider__bolletje.active, .recensies-template-default section.dagslider .dagslider__bolletje:hover {
background: #d65919;
}
}
.recensies-template-default .dagslider__subtitle {
color: #d65919;
}
.recensies-template-default .post-wrapper .rm-container > .row:nth-child(2) {
margin-bottom: 60px;
}
.recensies-template-default .post-wrapper .rm-container > .row:nth-child(2) .review-modal {
padding-top: 60px;
}
@media (min-width: 992px) {
.recensies-template-default .post-wrapper .rm-container > .row:nth-child(2) #landkaart {
margin-top: 30px;
}
}
.recensies-template-default .post-wrapper .rm-container > .row:nth-child(2) .buttons-wrapper a {
padding-left: 15px;
}
@media (max-width: 1199px) {
.recensies-template-default .post-wrapper .rm-container > .row:nth-child(2) .buttons-wrapper {
margin-bottom: 60px;
}
.recensies-template-default .post-wrapper .rm-container > .row:nth-child(2) .buttons-wrapper a {
width: 100%;
margin-bottom: 15px;
}
}
.recensies-template-default .recensie-meta {
padding-top: 30px;
}
.recensies-template-default .recensie-meta span {
float: left;
width: 100%;
display: block;
}
.recensies-template-default .recensie-meta .recensie-rating-value {
color: #fff;
font-size: 26px;
margin: 0 auto 0;
display: inline-block;
background: #00807b;
border-radius: 50%;
width: 55px;
height: auto;
line-height: 55px;
text-align: center;
}
.recensies-template-default .recensie-meta .recensie-author {
margin-top: 12px;
}
.recensies-template-default .recensie-meta .recensie-rating {
margin-top: 10px;
font-size: 19px;
}
.recensies-template-default .rating {
width: 15%;
color: #fff;
font: 400 24px/24px "Roboto", sans-serif;
text-transform: uppercase;
float: left;
display: inline-block;
}
.recensies-template-default .rating.rating-1::after {
content: "\f123\f006\f006\f006\f006";
}
.recensies-template-default .rating.rating-2::after {
content: "\f005\f006\f006\f006\f006";
}
.recensies-template-default .rating.rating-3::after {
content: "\f005\f123\f006\f006\f006";
}
.recensies-template-default .rating.rating-4::after {
content: "\f005\f005\f006\f006\f006";
}
.recensies-template-default .rating.rating-5::after {
content: "\f005\f005\f123\f006\f006";
}
.recensies-template-default .rating.rating-6::after {
content: "\f005\f005\f005\f006\f006";
}
.recensies-template-default .rating.rating-7::after {
content: "\f005\f005\f005\f123\f006";
}
.recensies-template-default .rating.rating-8::after {
content: "\f005\f005\f005\f005\f006";
}
.recensies-template-default .rating.rating-9::after {
content: "\f005\f005\f005\f005\f123";
}
.recensies-template-default .rating.rating-10::after {
content: "\f005\f005\f005\f005\f005";
}
.recensies-template-default .rating > .rating {
margin: 0 auto 0;
display: inline-block;
background: #00807b;
border-radius: 50%;
width: 55px;
height: auto;
line-height: 55px;
text-align: center;
}
.recensies-template-default .recensie-info {
height: 100%;
display: inline-block;
float: left;
width: 86%;
margin-top: 15px;
line-height: 20px;
font-size: 19px;
}
@media (min-width: 480px) {
.recensies-template-default .recensie-info {
width: 85%;
margin-top: 0;
}
}
.recensies-template-default .recensie-author {
height: 100%;
float: left;
display: inline-block;
vertical-align: bottom;
line-height: 19px;
font-size: 19px;
margin-top: 16px;
}
.recensies-template-default .post-content {
display: inline-block;
font: 300 16px/26px "Roboto", sans-seri;
}
.recensies-template-default section.hoogtepunten {
margin-bottom: 0px;
display: block;
position: relative;
background: #f2f2f2;
padding: 30px 0px 60px 0px;
}
.recensies-template-default section.hoogtepunten .hotel-item-list {
margin-top: 30px;
}
@media (min-width: 992px) {
.recensies-template-default section.hoogtepunten .hotel-item-list .hotel-item figure {
width: 42%;
}
}
.recensies-template-default section.hoogtepunten .hotel-item-list .load-more-wrapper {
padding-top: 30px;
}
.recensies-template-default section.hoogtepunten .hotel-item-list .load-more-wrapper .load-more {
padding-right: 136px;
padding-left: 15px;
}
@font-face {
font-family: "Roboto";
src: url("/content/themes/ramatours/fonts/subset-Roboto-Regular.woff2") format("woff2"), url("/content/themes/ramatours/fonts/subset-Roboto-Regular.woff") format("woff"), url("/content/themes/ramatours/fonts/subset-Roboto-Regular.ttf") format("truetype");
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Roboto";
src: url("/content/themes/ramatours/fonts/subset-Roboto-Light.woff2") format("woff2"), url("/content/themes/ramatours/fonts/subset-Roboto-Light.woff") format("woff"), url("/content/themes/ramatours/fonts/subset-Roboto-Light.ttf") format("truetype");
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Roboto";
src: url("/content/themes/ramatours/fonts/subset-Roboto-Medium.woff2") format("woff2"), url("/content/themes/ramatours/fonts/subset-Roboto-Medium.woff") format("woff"), url("/content/themes/ramatours/fonts/subset-Roboto-Medium.ttf") format("truetype");
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Merriweather";
src: url("/content/themes/ramatours/fonts/subset-Merriweather-Light.woff2") format("woff2"), url("/content/themes/ramatours/fonts/subset-Merriweather-Light.woff") format("woff"), url("/content/themes/ramatours/fonts/subset-Merriweather-Light.ttf") format("truetype");
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Merriweather";
src: url("/content/themes/ramatours/fonts/subset-Merriweather-Regular.woff2") format("woff2"), url("/content/themes/ramatours/fonts/subset-Merriweather-Regular.woff") format("woff"), url("/content/themes/ramatours/fonts/subset-Merriweather-Regular.ttf") format("truetype");
font-weight: normal;
font-style: normal;
font-display: swap;
}
/* Indonesia scheme */
body .rm-navbar {
z-index: 1;
position: relative;
}
body .breadcrumbs-wrap {
background: transparent;
}
body.landen-template-default .post-wrapper article h1, body.sublanden-template-default .post-wrapper article h1 {
margin-top: 0;
}
body .specialist .background {
background: url("/content/themes/ramatours/img/background-specialist.png") center no-repeat;
}
body.tax-rondreizen_landen header > nav.tabs, body.landen-template-default header > nav.tabs, body.sublanden-template-default header > nav.tabs, body.tax-hotels_landen header > nav.tabs, body.tax-landen2 header > nav.tabs {
margin-bottom: 0;
display: none;
}
body.tax-rondreizen_landen .breadcrumbs-wrap, body.landen-template-default .breadcrumbs-wrap, body.sublanden-template-default .breadcrumbs-wrap, body.tax-hotels_landen .breadcrumbs-wrap, body.tax-landen2 .breadcrumbs-wrap {
margin: 0;
}
body.tax-rondreizen_landen nav.tabs, body.landen-template-default nav.tabs, body.sublanden-template-default nav.tabs, body.tax-hotels_landen nav.tabs, body.tax-landen2 nav.tabs {
height: 60px;
margin-bottom: 0px;
}
body.tax-rondreizen_landen nav.tabs > ul, body.landen-template-default nav.tabs > ul, body.sublanden-template-default nav.tabs > ul, body.tax-hotels_landen nav.tabs > ul, body.tax-landen2 nav.tabs > ul {
padding: 0;
}
@media (min-width: 992px) {
body.tax-rondreizen_landen nav.tabs ul > li.active:before, body.landen-template-default nav.tabs ul > li.active:before, body.sublanden-template-default nav.tabs ul > li.active:before, body.tax-hotels_landen nav.tabs ul > li.active:before, body.tax-landen2 nav.tabs ul > li.active:before {
content: "";
display: block;
position: absolute;
height: 11px;
background: rgba(102, 102, 102, 0.8);
background: linear-gradient(180deg, rgba(102, 102, 102, 0.8) 0%, rgba(82, 82, 82, 0.3) 20%, rgba(60, 60, 60, 0) 41%, rgba(0, 0, 0, 0) 100%);
width: 100vw;
right: 100%;
bottom: -11px;
}
body.tax-rondreizen_landen nav.tabs ul > li.active:after, body.landen-template-default nav.tabs ul > li.active:after, body.sublanden-template-default nav.tabs ul > li.active:after, body.tax-hotels_landen nav.tabs ul > li.active:after, body.tax-landen2 nav.tabs ul > li.active:after {
content: "";
display: block;
position: absolute;
height: 11px;
background: rgba(102, 102, 102, 0.8);
background: linear-gradient(180deg, rgba(102, 102, 102, 0.8) 0%, rgba(82, 82, 82, 0.3) 20%, rgba(60, 60, 60, 0) 41%, rgba(0, 0, 0, 0) 100%);
width: 100vw;
left: 100%;
bottom: -11px;
}
body.tax-rondreizen_landen nav.tabs ul > li a:not(.active):hover, body.landen-template-default nav.tabs ul > li a:not(.active):hover, body.sublanden-template-default nav.tabs ul > li a:not(.active):hover, body.tax-hotels_landen nav.tabs ul > li a:not(.active):hover, body.tax-landen2 nav.tabs ul > li a:not(.active):hover {
text-decoration: underline;
}
}
@media (max-width: 991px) {
body.tax-rondreizen_landen nav.tabs, body.landen-template-default nav.tabs, body.sublanden-template-default nav.tabs, body.tax-hotels_landen nav.tabs, body.tax-landen2 nav.tabs {
height: auto;
}
body.tax-rondreizen_landen nav.tabs ul, body.landen-template-default nav.tabs ul, body.sublanden-template-default nav.tabs ul, body.tax-hotels_landen nav.tabs ul, body.tax-landen2 nav.tabs ul {
width: 100%;
padding: 0;
}
}
body.tax-rondreizen_landen nav.tabs ul, body.landen-template-default nav.tabs ul, body.sublanden-template-default nav.tabs ul, body.tax-hotels_landen nav.tabs ul, body.tax-landen2 nav.tabs ul {
list-style: none;
}
body.tax-rondreizen_landen nav.tabs ul > li, body.landen-template-default nav.tabs ul > li, body.sublanden-template-default nav.tabs ul > li, body.tax-hotels_landen nav.tabs ul > li, body.tax-landen2 nav.tabs ul > li {
text-align: center;
height: 60px;
position: relative;
}
body.tax-rondreizen_landen nav.tabs ul > li.active, body.landen-template-default nav.tabs ul > li.active, body.sublanden-template-default nav.tabs ul > li.active, body.tax-hotels_landen nav.tabs ul > li.active, body.tax-landen2 nav.tabs ul > li.active {
background: #fff;
background: url("/content/themes/ramatours/img/ramatours-background.jpg");
}
body.tax-rondreizen_landen nav.tabs ul > li.active > a, body.landen-template-default nav.tabs ul > li.active > a, body.sublanden-template-default nav.tabs ul > li.active > a, body.tax-hotels_landen nav.tabs ul > li.active > a, body.tax-landen2 nav.tabs ul > li.active > a {
color: #00807b;
}
body.tax-rondreizen_landen nav.tabs ul > li > a, body.landen-template-default nav.tabs ul > li > a, body.sublanden-template-default nav.tabs ul > li > a, body.tax-hotels_landen nav.tabs ul > li > a, body.tax-landen2 nav.tabs ul > li > a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
font-size: 18px;
line-height: 60px;
text-decoration: none;
color: #fff;
white-space: nowrap;
transition: 0.4s color;
}
body.tax-rondreizen_landen nav.tabs ul > li:not(.active) a:hover, body.landen-template-default nav.tabs ul > li:not(.active) a:hover, body.sublanden-template-default nav.tabs ul > li:not(.active) a:hover, body.tax-hotels_landen nav.tabs ul > li:not(.active) a:hover, body.tax-landen2 nav.tabs ul > li:not(.active) a:hover {
color: #fff;
}
.single-sublanden .rm-main-wrapper {
padding-top: 0;
}
.single-sublanden #landen-content h1 {
margin-top: 0 !important;
}
.single-sublanden .rm-container {
padding: 0;
}
.single-landen .footer-wrapper p,
.single-sublanden .footer-wrapper p {
color: white;
}
.single-landen .bottom-wrapper p,
.single-sublanden .bottom-wrapper p {
color: white;
}
.single-landen, .single-sublanden {
/*
* Link blocks
* "Over land" "Praktische informatie" "Hotels" "Hoogtepunten"
*/
/*
* Rondreizen section
*/
}
.single-landen .practical-information, .single-sublanden .practical-information {
margin-top: 40px;
padding: 0;
}
@media (min-width: 992px) {
.single-landen .breadcrumbs-wrap, .single-sublanden .breadcrumbs-wrap {
margin-left: 30px !important;
}
}
.single-landen p, .single-sublanden p {
font: 300 16px/26px "Roboto", sans-serif;
color: #333;
}
.single-landen section.banner-headline.post-banner.landen-informatie > div > p, .single-sublanden section.banner-headline.post-banner.landen-informatie > div > p {
text-transform: uppercase;
letter-spacing: 2.5px;
}
.single-landen .rm-main-wrapper, .single-sublanden .rm-main-wrapper {
padding-bottom: 0;
}
.single-landen h1, .single-landen h2, .single-landen h3, .single-landen .h2, .single-sublanden h1, .single-sublanden h2, .single-sublanden h3, .single-sublanden .h2 {
font-weight: bold !important;
}
.single-landen #landen-content h1, .single-sublanden #landen-content h1 {
margin-bottom: 20px;
font: 400 36px/46px "Merriweather", serif !important;
color: #00807b;
overflow: hidden;
}
@media (min-width: 992px) {
.single-landen #landen-content .col-md-6:nth-of-type(1), .single-landen #landen-content .col-lg-6:nth-of-type(1), .single-landen #over-land .col-md-6:nth-of-type(1), .single-landen #over-land .col-lg-6:nth-of-type(1), .single-landen #practical-information .col-md-6:nth-of-type(1), .single-landen #practical-information .col-lg-6:nth-of-type(1), .single-sublanden #landen-content .col-md-6:nth-of-type(1), .single-sublanden #landen-content .col-lg-6:nth-of-type(1), .single-sublanden #over-land .col-md-6:nth-of-type(1), .single-sublanden #over-land .col-lg-6:nth-of-type(1), .single-sublanden #practical-information .col-md-6:nth-of-type(1), .single-sublanden #practical-information .col-lg-6:nth-of-type(1) {
padding-right: 45px;
}
.single-landen #landen-content .col-md-6:nth-of-type(2), .single-landen #landen-content .col-lg-6:nth-of-type(2), .single-landen #over-land .col-md-6:nth-of-type(2), .single-landen #over-land .col-lg-6:nth-of-type(2), .single-landen #practical-information .col-md-6:nth-of-type(2), .single-landen #practical-information .col-lg-6:nth-of-type(2), .single-sublanden #landen-content .col-md-6:nth-of-type(2), .single-sublanden #landen-content .col-lg-6:nth-of-type(2), .single-sublanden #over-land .col-md-6:nth-of-type(2), .single-sublanden #over-land .col-lg-6:nth-of-type(2), .single-sublanden #practical-information .col-md-6:nth-of-type(2), .single-sublanden #practical-information .col-lg-6:nth-of-type(2) {
padding-left: 45px;
}
}
@media (min-width: 992px) {
.single-landen .information-item-description h4, .single-sublanden .information-item-description h4 {
margin-top: 5px;
}
}
.single-landen .info-cta, .single-sublanden .info-cta {
float: left;
width: 100%;
}
@media (min-width: 992px) {
.single-landen .info-cta, .single-sublanden .info-cta {
width: 50%;
padding-top: 20px;
}
.single-landen .info-cta:nth-of-type(1), .single-sublanden .info-cta:nth-of-type(1) {
padding-right: 15px;
}
.single-landen .info-cta:nth-of-type(2), .single-sublanden .info-cta:nth-of-type(2) {
padding-left: 15px;
}
}
@media (max-width: 991px) {
.single-landen .info-cta, .single-sublanden .info-cta {
padding-bottom: 20px;
}
}
.single-landen #over-land, .single-sublanden #over-land {
padding-top: 80px;
padding-bottom: 80px;
margin-bottom: 50px;
}
@media (max-width: 991px) {
.single-landen #over-land .landen-content, .single-sublanden #over-land .landen-content {
text-align: initial;
}
}
.single-landen #over-land .landen-content .info-cta-right, .single-sublanden #over-land .landen-content .info-cta-right {
float: right;
}
.single-landen #over-land h2, .single-sublanden #over-land h2 {
margin-top: 0;
padding-bottom: 20px;
text-align: left;
}
.single-landen #featured-items, .single-sublanden #featured-items {
margin: 70px 15px 40px 15px;
}
@media (min-width: 992px) {
.single-landen #featured-items, .single-sublanden #featured-items {
margin: 70px 15px 70px 15px;
}
}
.single-landen #featured-items .item-card, .single-sublanden #featured-items .item-card {
cursor: pointer;
margin-bottom: 30px;
}
@media (min-width: 992px) {
.single-landen #featured-items .item-card, .single-sublanden #featured-items .item-card {
margin-bottom: 0;
}
}
.single-landen #featured-items .item-card .title-meta, .single-sublanden #featured-items .item-card .title-meta {
color: #fff;
position: absolute;
bottom: 0px;
padding: 10px 20px;
background: #155980;
width: 100%;
text-transform: uppercase;
line-height: 26px;
font-size: 16px;
transition: all 0.2s;
}
.single-landen #featured-items .item-card .title-meta i, .single-sublanden #featured-items .item-card .title-meta i {
float: right;
font-size: 26px;
}
.single-landen #rondreizen, .single-sublanden #rondreizen {
padding: 30px 0 !important;
}
@media (max-width: 991px) {
.single-landen #rondreizen, .single-sublanden #rondreizen {
padding-bottom: 40px !important;
}
.single-landen #rondreizen h2, .single-sublanden #rondreizen h2 {
font-size: 34px;
line-height: 38px;
height: auto;
margin-bottom: 0;
}
}
@media (max-width: 767px) {
.single-landen #rondreizen .headline-with-link a, .single-sublanden #rondreizen .headline-with-link a {
margin: 10px 0;
}
}
.single-landen section.overlap-slider .headline-with-link.has-margin, .single-sublanden section.overlap-slider .headline-with-link.has-margin {
display: block;
width: 100%;
height: 66px;
margin: 0 auto;
padding: 0 15px;
}
@media (min-width: 992px) {
.single-landen section.overlap-slider .headline-with-link.has-margin, .single-sublanden section.overlap-slider .headline-with-link.has-margin {
padding: 0;
width: 1370px;
}
}
.single-landen section.overlap-slider .headline-with-link.has-margin h2, .single-landen section.overlap-slider .headline-with-link.has-margin .h2, .single-sublanden section.overlap-slider .headline-with-link.has-margin h2, .single-sublanden section.overlap-slider .headline-with-link.has-margin .h2 {
text-align: left;
margin: 0 0 20px 0;
}
.single-landen section.overlap-slider .headline-with-link.has-margin .col-xs-5, .single-sublanden section.overlap-slider .headline-with-link.has-margin .col-xs-5 {
text-align: right;
}
@media (min-width: 992px) {
.single-landen section.overlap-slider .centralize-btn, .single-sublanden section.overlap-slider .centralize-btn {
margin: 30px 0 40px 40px;
}
}
.single-landen section.overlap-slider .centralize-btn .col-xs-5, .single-sublanden section.overlap-slider .centralize-btn .col-xs-5 {
text-align: center;
margin: 0 0 20px 0;
}
@media (max-width: 991px) {
.single-landen section.overlap-slider .centralize-btn .col-xs-5 a, .single-sublanden section.overlap-slider .centralize-btn .col-xs-5 a {
width: 100%;
}
}
.single-landen section.overlap-slider .centralize-btn .col-xs-12, .single-sublanden section.overlap-slider .centralize-btn .col-xs-12 {
text-align: right;
}
span.h2.faq-header {
display: inline-block;
text-align: center;
margin: 38px 0 38px 0;
position: relative;
left: 50%;
transform: translate(-50%, 0);
color: #FFFFFF;
float: left;
}
.faqs .faq-wrapper {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.faqs .faq-wrapper .faq-container {
background: #ffffff;
color: #000000;
border-radius: 4px;
}
@media (min-width: 168px) {
.faqs .faq-wrapper .faq-container {
padding: 30px 20px;
}
}
@media (min-width: 792px) {
.faqs .faq-wrapper .faq-container {
display: flex;
flex-wrap: wrap;
align-items: center;
padding: 30px 40px;
}
}
.faqs .faq-wrapper .faq-container:not(:last-of-type) {
margin-bottom: 15px;
}
.faqs .faq-wrapper .faq-container .faq-title {
width: calc(100% - 30px);
text-align: left;
}
.faqs .faq-wrapper .faq-container .faq-title:hover {
cursor: pointer;
}
.faqs .faq-wrapper .faq-container .faq-title .faq-question {
font-family: "Merriweather", serif;
font-size: 16px;
line-height: 20px;
font-weight: 700;
display: block;
width: 100%;
position: relative;
color: #1a1a1a;
}
.faqs .faq-wrapper .faq-container .faq-title .faq-question i {
position: absolute;
top: 0;
right: -30px;
color: #006a66;
transition: all 0.21s;
transform: rotate(-90deg);
}
.faqs .faq-wrapper .faq-container .faq-answer {
overflow: hidden;
transition: max-height 0.5s cubic-bezier(0, 1, 0, 1);
max-height: 0;
margin-left: auto;
text-align: left;
color: #666666;
font-size: 16px;
line-height: 26px;
font-weight: 400;
position: relative;
top: 15px;
}
@media (min-width: 792px) {
.faqs .faq-wrapper .faq-container .faq-answer {
width: 100%;
}
}
.faqs .faq-wrapper .faq-container .faq-answer p {
font-size: 15px;
margin: 20px 0 0 0;
}
.faqs .faq-wrapper .faq-container.active .faq-title img {
transform: rotate(0deg);
}
.faqs .faq-wrapper .faq-container.active .faq-title i {
transform: rotate(0deg);
}
.faqs .faq-wrapper .faq-container.active .faq-answer {
max-height: 100vh;
transition: max-height 1s ease-in-out;
}
.ym-attention-bar {
background-color: #00807b;
color: #fff;
line-height: 24px;
text-align: center;
font-size: 18px;
}
.ym-attention-bar a {
color: #fff;
}
.ym-attention-bar__content {
padding: 10px 20px;
}
.fullwidth.fwPracticalNew {
padding: 48px 20px;
background-color: #F1F1F1;
}
.container.cPracticalNew {
display: flex;
justify-content: space-between;
flex-direction: row;
font: 300 16px/26px "Roboto", sans-serif;
}
@media (max-width: 1201px) {
.container.cPracticalNew {
flex-direction: column;
}
}
.container.cPracticalNew:before, .container.cPracticalNew:after {
display: none;
}
.container.cPracticalNew .left__col {
width: 100%;
display: flex;
flex-direction: column;
}
@media (max-width: 1023px) {
.container.cPracticalNew .left__col {
margin-bottom: 32px;
}
}
@media (min-width: 1023px) {
.container.cPracticalNew .left__col {
width: calc(40% - 20px);
}
}
.container.cPracticalNew .left__col .h2 {
font-size: 26px;
line-height: 39px;
font-weight: bold;
}
.container.cPracticalNew .left__col .subtitle {
font-size: 16px;
}
.container.cPracticalNew .left__col .button-wrapper {
display: flex;
flex-direction: row;
margin-top: 20px;
gap: 12px;
}
@media (max-width: 991px) {
.container.cPracticalNew .left__col .button-wrapper {
flex-wrap: wrap;
}
}
@media (max-width: 991px) {
.container.cPracticalNew .left__col .button-wrapper .smalltxt {
width: 100%;
}
}
.container.cPracticalNew .left__col .button-wrapper .smalltxt:nth-of-type(2) {
margin-left: 20px;
}
@media (max-width: 991px) {
.container.cPracticalNew .left__col .button-wrapper .smalltxt:nth-of-type(2) {
margin-left: 0px;
margin-top: 10px;
}
}
.container.cPracticalNew .right__col {
width: calc(60% - 20px);
}
@media (max-width: 1201px) {
.container.cPracticalNew .right__col {
width: 100%;
}
}
.container.cPracticalNew .button {
display: flex;
}
@media (max-width: 620px) {
.container.cPracticalNew .button {
width: 100%;
}
}
.new-practical-wrapper {
display: flex;
flex-direction: column;
flex-wrap: wrap;
}
@media (min-width: 620px) {
.new-practical-wrapper {
gap: 16px;
}
}
.new-practical-wrapper .new-practical {
width: 100%;
display: flex;
flex-direction: column;
gap: 16px;
justify-content: space-between;
background-color: #fff;
border-radius: 8px;
padding: 16px;
align-self: flex-start;
}
@media (max-width: 991px) {
.new-practical-wrapper .new-practical {
width: 100%;
height: auto;
}
}
.new-practical-wrapper .new-practical:has(+ .new-practical) {
margin-bottom: 8px;
}
@media (min-width: 620px) {
.new-practical-wrapper .new-practical:has(+ .new-practical) {
margin-bottom: 0px;
}
}
.new-practical-wrapper .new-practical.active .top__col i {
transform: scaleY(-1);
}
.new-practical-wrapper .new-practical.active .bottom__col {
display: block;
max-height: 100%;
overflow: visible;
}
.new-practical-wrapper .new-practical .top__col {
display: flex;
flex-direction: row;
gap: 16px;
}
.new-practical-wrapper .new-practical .top__col .title {
color: #00807b;
font-weight: bold;
font-family: "Merriweather";
font-size: 20px;
display: flex;
align-items: center;
}
.new-practical-wrapper .new-practical .top__col i {
display: flex;
justify-self: flex-end;
margin-left: auto;
font-size: 32px;
color: #00807C;
transition: 0.21s ease-in all;
}
@media (min-width: 620px) {
.new-practical-wrapper .new-practical .top__col i {
display: none;
}
}
@media (max-width: 620px) {
.new-practical-wrapper .new-practical .bottom__col {
display: none;
max-height: 0;
overflow: hidden;
}
}
.new-practical-wrapper .new-practical .left__col {
width: 50px;
}
.new-practical-wrapper .new-practical .icon-wrapper {
width: 32px;
height: 32px;
background-color: #00807b;
border-radius: 100%;
padding: 4px;
display: flex;
justify-content: center;
align-items: center;
}
.new-practical-wrapper .new-practical .icon-wrapper img {
width: 16px;
height: 16px;
-o-object-fit: contain;
object-fit: contain;
}
.new-practical-wrapper .new-practical .right__col {
width: calc(100% - 70px);
display: flex;
flex-direction: column;
}
.new-practical-wrapper .new-practical .right__col .title {
color: #00807b;
font-weight: bold;
}
.fwRecensies2024Header {
height: 350px;
background-color: #fff;
padding: 0;
}
.fwRecensies2024Header > img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.fwRecensies2024 {
padding-top: 0;
position: relative;
color: #000;
}
.fwRecensies2024 > .img-wrapper {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 0;
background-color: rgba(0, 101, 136, 0.8);
}
.fwRecensies2024 > .img-wrapper img {
height: 100%;
width: 100%;
position: absolute;
left: 0;
top: 0;
-o-object-fit: cover;
object-fit: cover;
}
.fwRecensies2024 .breadcrumbs-wrap {
position: relative;
z-index: 1;
}
.fwRecensies2024 .breadcrumbs-wrap ul li a {
color: #000 !important;
}
.fwRecensies2024 > .footer-left {
position: absolute;
left: 0;
bottom: 0;
width: 991px;
height: 474px;
background-image: url("/content/themes/ramatours/img/recensies-footer-left.png");
background-repeat: no-repeat;
background-position: center;
z-index: 2;
pointer-events: none;
}
.fwRecensies2024 > .footer-right {
display: none;
position: absolute;
right: 0;
bottom: 0;
width: 870px;
height: 514px;
background-image: url("/content/themes/ramatours/img/recensies-footer-right.png");
background-repeat: no-repeat;
background-position: center;
z-index: 1;
pointer-events: none;
}
.cRecensies2024Container {
display: flex;
flex-direction: row;
justify-content: space-between;
position: relative;
z-index: 1;
padding: 0 !important;
}
@media (max-width: 1280px) {
.cRecensies2024Container {
flex-direction: column;
margin-bottom: 40px;
}
}
.cRecensies2024Container > .left__col {
width: 800px;
line-height: 34px !important;
font: 300 16px/26px "Roboto", sans-serif;
}
@media (max-width: 1280px) {
.cRecensies2024Container > .left__col {
width: 100%;
}
}
.cRecensies2024Container > .left__col strong > a, .cRecensies2024Container > .left__col a > strong, .cRecensies2024Container > .left__col a {
color: #00807b !important;
}
.cRecensies2024Container > .left__col p {
margin-bottom: 48px;
}
.cRecensies2024Container > .left__col :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6) {
color: #00807b !important;
font-family: "Roboto", sans-serif;
}
.cRecensies2024Container > .left__col .img-wrapper {
height: 370px;
width: 100%;
}
.cRecensies2024Container > .left__col .img-wrapper img {
-o-object-fit: cover;
object-fit: cover;
height: 100%;
width: 100%;
}
.cRecensies2024Container > .right__col {
width: 400px;
}
@media (max-width: 1280px) {
.cRecensies2024Container > .right__col {
width: 100%;
}
}
.cRecensies2024Wrapper {
display: flex;
flex-wrap: wrap;
flex-direction: row;
position: relative;
justify-content: space-between;
}
@media (max-width: 1280px) {
.cRecensies2024Wrapper {
flex-direction: column;
}
}
.cRecensies2024Wrapper > .right__col {
margin-top: 80px;
}
@media (max-width: 1280px) {
.cRecensies2024Wrapper > .right__col {
margin-top: 0;
}
}
.cRecensies2024Wrapper > .left__col, .cRecensies2024Wrapper .right__col {
width: calc(50% - 16px);
display: flex;
flex-direction: column;
}
@media (max-width: 1280px) {
.cRecensies2024Wrapper > .left__col, .cRecensies2024Wrapper .right__col {
width: 100%;
}
}
.cRecensies2024Wrapper > .left__col .review-wrapper, .cRecensies2024Wrapper .right__col .review-wrapper {
transition: 0.44s ease-in-out opacity;
}
.cRecensies2024Wrapper > .left__col .review-wrapper:nth-child(n+3), .cRecensies2024Wrapper .right__col .review-wrapper:nth-child(n+3) {
opacity: 0;
max-height: 0;
overflow: hidden;
}
.cRecensies2024Wrapper > .left__col .review-wrapper.active, .cRecensies2024Wrapper .right__col .review-wrapper.active {
opacity: 1;
max-height: 100%;
overflow: visible;
}
.cRecensies2024Wrapper > .left__col .review, .cRecensies2024Wrapper .right__col .review {
display: flex;
flex-direction: column;
width: 100%;
padding: 52px 48px 48px 48px;
background-color: #fff;
align-self: start;
margin-bottom: 32px;
box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
}
.cRecensies2024Wrapper > .left__col .review .top__col, .cRecensies2024Wrapper .right__col .review .top__col {
display: flex;
flex-direction: row;
}
.cRecensies2024Wrapper > .left__col .review .top__col > .rating, .cRecensies2024Wrapper .right__col .review .top__col > .rating {
width: 78.43px;
height: 78.43px;
position: relative;
}
.cRecensies2024Wrapper > .left__col .review .top__col > .rating .rating__number, .cRecensies2024Wrapper .right__col .review .top__col > .rating .rating__number {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
z-index: 2;
font-weight: bold;
font-size: 28px;
font-family: "Roboto", san-serif !important;
color: #fff;
}
.cRecensies2024Wrapper > .left__col .review .top__col .header, .cRecensies2024Wrapper .right__col .review .top__col .header {
display: flex;
flex-direction: column;
padding: 9.09px 32px;
gap: 16px;
}
.cRecensies2024Wrapper > .left__col .review .top__col .header .title, .cRecensies2024Wrapper .right__col .review .top__col .header .title {
font-weight: bold;
color: #00807b;
font-size: 24px;
}
.cRecensies2024Wrapper > .left__col .review .top__col .header .stars, .cRecensies2024Wrapper .right__col .review .top__col .header .stars {
color: #FECB04;
}
.cRecensies2024Wrapper > .left__col .review .top__col .header .stars .fa:before, .cRecensies2024Wrapper .right__col .review .top__col .header .stars .fa:before {
font-size: 27px;
padding: 0 1px;
}
.cRecensies2024Wrapper > .left__col .review .mid__col, .cRecensies2024Wrapper .right__col .review .mid__col {
color: #000;
font-size: 18px;
line-height: 36px;
}
.cRecensies2024Wrapper > .left__col .review .mid__col a, .cRecensies2024Wrapper .right__col .review .mid__col a {
color: #155980;
}
.cRecensies2024Wrapper > .left__col .review .bottom__col, .cRecensies2024Wrapper .right__col .review .bottom__col {
display: flex;
justify-self: flex-end;
justify-content: space-between;
font-weight: bold;
font-size: 18px;
color: #00807b;
margin-top: 36px;
}
.cReviewsButton {
display: flex;
justify-content: center;
position: relative;
z-index: 1;
gap: 20px;
}
.cReviewsButton a:hover {
cursor: pointer;
}
.cGenericContainer .specialist2023 a {
display: flex;
gap: 20px;
color: #fff !important;
font-weight: bold;
margin-bottom: 12px;
}
.cGenericContainer .specialist2023 a:last-of-type {
margin-bottom: 0;
}
.cGenericContainer .specialist2023 a:hover {
color: #9edad9 !important;
}
.specialist2023 {
padding: 20px;
display: flex;
flex-direction: column;
background-color: #00807b;
color: #fff;
}
@media (min-width: 1280px) {
.specialist2023 {
padding: 40px;
}
}
.specialist2023.--small .details .avatar {
min-width: 59.22px;
min-height: 59.22px;
max-width: 59.22px;
max-height: 59.22px;
background-color: transparent;
}
.specialist2023.--small .profile .name {
font-size: 24px;
}
.specialist2023.--small .profile .title {
font-size: 16px;
}
.specialist2023 .description {
font-size: 16px;
margin-bottom: 30px;
line-height: 2;
}
.specialist2023 .details {
display: flex;
flex-direction: row;
margin-bottom: 30px;
}
.specialist2023 .details .avatar {
border-radius: 50%;
border: 2px solid #9edad9;
overflow: hidden;
min-width: 134px;
min-height: 134px;
max-width: 134px;
max-height: 134px;
background-color: transparent;
}
.specialist2023 .details .avatar img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.specialist2023 .details .profile {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
width: 100%;
padding-left: 30px;
}
.specialist2023 .details .profile .name {
font-size: 26px;
color: #fff;
}
.specialist2023 .details .profile .title {
font-size: 18px;
color: #9edad9;
}
.specialist2023 .specialist-text {
color: #fff;
font-size: 18px;
display: flex;
flex-direction: row;
gap: 20px;
}
.corner-popup {
position: fixed;
right: 20px;
bottom: 20px;
width: 300px;
height: 200px;
z-index: 1000000;
border-radius: 12px;
padding: 20px;
border: 2px solid;
box-shadow: rgba(0, 0, 0, 0.56) 0px 22px 70px 4px;
display: flex;
flex-direction: column;
overflow: scroll;
background-color: #fff;
}
.corner-popup .title {
font-size: 20px;
font-weight: bold;
color: black;
}
.corner-popup .description {
font-size: 14px;
color: black;
font-style: italic;
}
.corner-popup > .close {
position: absolute;
width: 25px;
height: 25px;
right: 8px;
top: 8px;
opacity: 1;
overflow: hidden;
transition: ease-in-out 0.4s;
border-radius: 12.5px;
}
.corner-popup > .close:hover {
transition: ease-in-out 0.4s;
}
.corner-popup > .close:hover:before, .corner-popup > .close:hover:after {
transition: ease-in-out 0.4s;
}
.corner-popup > .close:hover:before {
transform: translate(-50%, -50%) rotate(-45deg);
}
.corner-popup > .close:hover:after {
transform: translate(-50%, -50%) rotate(45deg);
}
.corner-popup > .close:before, .corner-popup > .close:after {
content: "";
position: absolute;
width: 2px;
height: 12.5px;
left: 50%;
top: 50%;
background-color: white;
}
.corner-popup > .close:before {
transform: translate(-50%, -50%) rotate(45deg);
}
.corner-popup > .close:after {
transform: translate(-50%, -50%) rotate(-45deg);
}
.fwTripsContent {
position: relative;
z-index: 1;
padding-bottom: 20px;
padding-top: 0px;
}
@media (min-width: 1200px) {
.fwTripsContent {
padding-bottom: 0px;
padding-top: 0px;
}
}
.cTripsContent {
display: flex;
flex-direction: column;
color: #000;
}
.cTripsContent .offer {
display: flex;
flex-direction: column;
justify-content: space-between;
position: relative;
}
@media (min-width: 1200px) {
.cTripsContent .offer {
flex-direction: row;
}
}
.cTripsContent .offer .bg-wrapper {
position: absolute;
z-index: 1;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.cTripsContent .offer .bg-wrapper img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
@media (min-width: 1200px) {
.cTripsContent .offer:nth-of-type(even) {
flex-direction: row-reverse;
}
}
.cTripsContent .offer:nth-of-type(even) .corner-img-wrapper {
left: 0;
transform: translateY(50%) translateX(-30%);
}
.cTripsContent .offer:nth-of-type(odd) .corner-img-wrapper {
right: 0;
transform: translateY(50%) translateX(30%);
}
.cTripsContent .offer .left__col {
width: 100%;
border-radius: 20px;
display: flex;
flex-direction: column;
gap: 8px;
justify-content: center;
padding-bottom: 20px;
font: 300 16px/26px "Roboto", sans-serif;
color: #333;
}
@media (min-width: 1200px) {
.cTripsContent .offer .left__col {
width: calc(50% - 47.5px);
padding-bottom: 0;
}
}
.cTripsContent .offer .left__col h2 {
margin: 0;
color: #00807C;
font-family: Merriweather;
font-size: 26px;
font-style: normal;
font-weight: 700;
line-height: normal;
margin-bottom: 8px;
}
.cTripsContent .offer .left__col p {
color: #000;
font-family: "Roboto", sans-serif;
font-size: 16px;
line-height: 26px;
font-weight: 400;
}
.cTripsContent .offer .left__col .title {
font-weight: bold;
margin-bottom: 20px;
color: #155980;
}
@media (min-width: 1200px) {
.cTripsContent .offer .left__col .title {
margin-top: 20px;
}
}
.cTripsContent .offer .left__col .text {
line-height: 2;
}
.cTripsContent .offer .left__col .read-more {
display: flex;
margin-top: 20px;
color: #006588;
font-weight: bold;
}
.cTripsContent .offer .left__col .read-more i {
color: #EB7A08;
}
@media (max-width: 620px) {
.cTripsContent .offer .left__col .button {
width: 100%;
}
}
.cTripsContent .offer .right__col {
position: relative;
width: 100%;
height: 240px;
}
@media (min-width: 1200px) {
.cTripsContent .offer .right__col {
width: calc(50% - 47.5px);
height: 400px;
}
}
.cTripsContent .offer .right__col > .img-wrapper {
width: 100%;
height: 100%;
position: relative;
border-radius: 8px;
overflow: hidden;
}
.cTripsContent .offer .right__col > .img-wrapper img {
height: 100%;
width: 100%;
position: absolute;
left: 0;
top: 0;
-o-object-fit: cover;
object-fit: cover;
}
.cTripsContent .offer .right__col .corner-img-wrapper {
position: absolute;
bottom: 0;
}
.cTripsContent .offer .right__col .corner-img-wrapper img {
-o-object-fit: cover;
object-fit: cover;
max-height: 300px;
}
.cTripsContent ul {
font: 300 16px/26px "Roboto", sans-serif;
color: #333;
line-height: 2;
}
.fwGenericHeader {
height: 350px;
background-color: #fff;
padding: 0;
}
.fwGenericHeader > img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.fullwidth.fwGeneric {
padding-top: 0;
padding-bottom: 0;
}
.cGenericContainer {
display: flex;
flex-direction: row;
justify-content: space-between;
}
@media (max-width: 1024px) {
.cGenericContainer {
flex-direction: column;
}
}
.cGenericContainer:before, .cGenericContainer:after {
display: none;
}
.cGenericContainer strong > a, .cGenericContainer a > strong, .cGenericContainer a {
color: #00807b !important;
}
.cGenericContainer .title {
font-weight: bold;
}
.cGenericContainer > .left__col {
width: calc(100% - 600px);
line-height: 34px !important;
font: 400 16px/26px "Roboto", sans-serif;
}
@media (max-width: 1024px) {
.cGenericContainer > .left__col {
width: 100%;
margin-bottom: 30px;
}
}
.cGenericContainer > .left__col > p {
margin-bottom: 48px;
}
@media (max-width: 1024px) {
.cGenericContainer > .left__col > p {
margin-bottom: 30px;
}
}
.cGenericContainer > .left__col :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6) {
color: #155980;
}
.cGenericContainer > .left__col .img-wrapper {
height: 370px;
width: 100%;
}
.cGenericContainer > .left__col .img-wrapper img {
-o-object-fit: cover;
object-fit: cover;
height: 100%;
width: 100%;
}
.cGenericContainer > .right__col {
width: 525px;
}
@media (max-width: 1024px) {
.cGenericContainer > .right__col {
width: 100%;
}
}
table.contact-page {
width: 100%;
}
table.contact-page > tbody tr {
display: flex;
justify-content: space-between;
}
form.contact-form-new {
margin: 0;
padding: 0;
}
form.contact-form-new ul {
padding: 0;
margin: 0;
}
form.contact-form-new .gsection_description p {
line-height: 34px !important;
}
.contactFormContainer {
display: flex;
flex-direction: column;
width: 100%;
padding: 0;
}
.contactFormContainer h2.gform_submission_error {
color: red !important;
}
.contactFormContainer p, .contactFormContainer .gsection_description p {
margin: 0;
}
.contactFormContainer .title {
font-weight: bold;
}
.contactFormContainer.--active {
display: block;
visibility: visible;
}
.contactFormContainer .gf_progressbar_wrapper {
display: none;
}
.contactFormContainer .gform_fields {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.contactFormContainer .gform_fields .gfield {
margin-bottom: 32px;
}
.contactFormContainer .gform_fields > li {
margin: 0;
}
.contactFormContainer .gform_fields > li label {
color: #1A1A1A;
font-weight: bold;
font-size: 16px;
position: initial;
margin: 0 0 8px 0;
}
.contactFormContainer .gform_fields .ginput_container_select {
height: 51px;
width: 100%;
background-color: #F1F5F9;
border-bottom: 1px solid #155980;
padding: 8px 16px;
font-size: 14px;
position: relative;
}
.contactFormContainer .gform_fields .ginput_container_select:after {
position: absolute;
right: 16px;
top: 50%;
transform: translate(-50%, -50%);
font-family: "fontello";
content: "\e801";
font-size: 20px;
color: #EB7A08;
pointer-events: none;
}
.contactFormContainer .gform_fields .ginput_container_select .select, .contactFormContainer .gform_fields .ginput_container_select select {
height: 100%;
width: 100%;
outline: none;
border-style: none;
-webkit-appearance: none;
margin-top: auto;
background-color: #F1F5F9;
}
.contactFormContainer .gform_fields .js-changer-departure .ginput_container, .contactFormContainer .gform_fields .js-changer-birthday .ginput_container {
position: relative;
}
.contactFormContainer .gform_fields .js-changer-departure .ginput_container:after, .contactFormContainer .gform_fields .js-changer-birthday .ginput_container:after {
position: absolute;
content: "";
top: 50%;
right: 13px;
transform: translate(0, -50%);
width: 24px;
height: 24px;
background-image: url("/content/themes/wrc/img/2023/calendar.png");
filter: invert(52%) sepia(42%) saturate(3690%) hue-rotate(4deg) brightness(99%) contrast(94%);
background-repeat: no-repeat;
background-position: center;
background-size: 24px;
z-index: 1;
pointer-events: none;
}
.contactFormContainer .gform_fields .js-changer-birthday .ginput_container {
position: relative;
}
.contactFormContainer .gform_fields .js-changer-birthday .ginput_container:after {
position: absolute;
content: "";
top: 50%;
right: 13px;
transform: translate(0, -50%);
width: 24px;
height: 24px;
background-image: url("/content/themes/wrc/img/2023/calendar2.png");
filter: invert(52%) sepia(42%) saturate(3690%) hue-rotate(4deg) brightness(99%) contrast(94%);
background-repeat: no-repeat;
background-position: center;
background-size: 24px;
z-index: 1;
}
.contactFormContainer .gform_fields .ginput_container textarea {
width: 100%;
background-color: #F1F5F9;
border-left: 0;
border-top: 0;
border-right: 0;
border-bottom: 1px solid #155980;
padding: 8px 16px;
font-size: 14px;
position: relative;
}
.contactFormContainer .gform_fields .ginput_container_date input, .contactFormContainer .gform_fields .ginput_container input {
height: 51px;
width: 100%;
background-color: #F1F5F9;
border-left: 0;
border-top: 0;
border-right: 0;
border-bottom: 1px solid #155980;
padding: 8px 16px;
font-size: 14px;
position: relative;
}
.contactFormContainer .gform_footer {
display: flex;
flex-direction: row;
justify-content: space-between;
}
.contactFormContainer .gform_footer .gform_next_button, .contactFormContainer .gform_footer .gform_button {
border-style: none;
border-radius: 50px;
position: relative;
padding: 13px 30px;
font-weight: bold;
background-color: #EB7A08;
color: #fff;
}
.contactFormContainer .gform_footer .gform_previous_button {
background-color: #fff;
background-color: #155980;
color: #fff;
border-style: none;
border-radius: 50px;
padding: 13px 30px;
font-weight: bold;
position: relative;
z-index: 0;
}
.contactFormContainer span {
font-weight: bold;
font-size: 16px;
}
.contactFormContainer .gfield_html.h2 > span {
font-size: 20px !important;
}
.datepicker {
border-radius: 0 !important;
}
.ginput_container_textarea {
height: auto !important;
}
.privv {
width: 100% !important;
}
.fwLeftRightContent {
position: relative;
z-index: 1;
padding-bottom: 20px;
padding-top: 20px;
}
@media (min-width: 1280px) {
.fwLeftRightContent {
padding-bottom: 0px;
padding-top: 40px;
}
}
.fwLeftRightContent > .img-wrapper {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0px;
}
.fwLeftRightContent > .img-wrapper img {
height: 100%;
width: 100%;
background-color: #fff;
-o-object-fit: cover;
object-fit: cover;
}
.fwLeftRightContent.var--2 .cLeftRightContent .offer .left__col {
align-items: flex-start;
}
.fwLeftRightContent.var--2 .cLeftRightContent .offer .left__col .read-more {
display: flex;
padding: 16px 22px;
justify-content: center;
align-items: center;
border-radius: 100px;
background: #00807b;
color: #fff;
text-align: center;
font-family: Roboto;
font-weight: 700;
align-self: flex-start;
justify-self: flex-start;
}
.fwLeftRightContent.var--2 .cLeftRightContent .offer .left__col .read-more i:before {
color: #fff;
}
.fwLeftRightContent.camper .offer:last-of-type {
margin-bottom: 300px;
}
.fwLeftRightContent.camper .cLeftRightContent .offer .left__col .read-more {
padding: 16px 22px;
}
.cLeftRightContent {
display: flex;
flex-direction: column;
color: #000;
}
@media (min-width: 1280px) {
.cLeftRightContent {
transform: translateY(0px);
}
}
.cLeftRightContent .offer {
display: flex;
flex-direction: column;
justify-content: space-between;
margin-bottom: 20px;
position: relative;
}
@media (min-width: 1024px) {
.cLeftRightContent .offer {
flex-direction: row;
}
}
@media (min-width: 1280px) {
.cLeftRightContent .offer {
margin-bottom: 65px;
}
}
.cLeftRightContent .offer .bg-wrapper {
position: absolute;
z-index: 1;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.cLeftRightContent .offer .bg-wrapper img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.cLeftRightContent .offer.--even .right__col {
margin-left: 0;
}
@media (min-width: 1024px) {
.cLeftRightContent .offer.--even {
flex-direction: row-reverse;
}
}
.cLeftRightContent .offer.--even .corner-img-wrapper {
left: 0;
transform: translateY(50%) translateX(-30%);
}
.cLeftRightContent .offer .--odd .corner-img-wrapper {
right: 0;
transform: translateY(50%) translateX(30%);
}
.cLeftRightContent .offer .left__col {
width: 100%;
border-radius: 20px;
display: flex;
flex-direction: column;
justify-content: center;
padding-bottom: 20px;
}
@media (min-width: 1024px) {
.cLeftRightContent .offer .left__col {
width: calc(50% - 19.5px);
padding-bottom: 0;
}
}
@media (min-width: 1280px) {
.cLeftRightContent .offer .left__col.--fw {
width: 100%;
}
}
.cLeftRightContent .offer .left__col p {
font: 400 16px/26px "Roboto", sans-serif;
line-height: 34px;
}
.cLeftRightContent .offer .left__col .title {
font-weight: bold;
margin-bottom: 20px;
color: #155980;
}
@media (min-width: 1280px) {
.cLeftRightContent .offer .left__col .title {
margin-top: 20px;
}
}
.cLeftRightContent .offer .left__col .text {
line-height: 2;
}
.cLeftRightContent .offer .left__col a:hover {
text-decoration: none;
}
.cLeftRightContent .offer .left__col .read-more {
display: flex;
gap: 20px;
margin-top: 20px;
color: #006588;
font-weight: bold;
}
.cLeftRightContent .offer .left__col .read-more i {
margin-top: 4px;
color: #00807b;
}
.cLeftRightContent .offer .right__col {
position: relative;
width: 100%;
height: 400px;
}
@media (min-width: 1024px) {
.cLeftRightContent .offer .right__col {
width: calc(50% - 19.5px);
}
}
@media (min-width: 1280px) {
.cLeftRightContent .offer .right__col.--hide {
display: none;
visibility: hidden;
}
}
.cLeftRightContent .offer .right__col > .img-wrapper {
width: 100%;
height: 100%;
position: relative;
border-radius: 5px;
overflow: hidden;
}
.cLeftRightContent .offer .right__col > .img-wrapper img {
height: 100%;
width: 100%;
position: absolute;
left: 0;
top: 0;
-o-object-fit: cover;
object-fit: cover;
}
.cLeftRightContent .offer .right__col .corner-img-wrapper {
position: absolute;
bottom: 0;
}
.cLeftRightContent .offer .right__col .corner-img-wrapper img {
-o-object-fit: cover;
object-fit: cover;
max-height: 300px;
}
.cLeftRightContent .offer ul {
margin: -4px 0 0 30px;
padding: 0;
float: left;
font-size: 16px;
}
.cLeftRightContent .offer ul li {
list-style-type: disc;
margin: -15px 10px 0 0;
line-height: 30px;
}
.cLeftRightContent .offer ul li::marker {
color: #00807b;
}
.corner-img-wrapper {
border-radius: 5px;
width: 400px;
height: 225px;
}
.corner-img-wrapper img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.page-template-aboutus-2024 .cLeftRightContent .offer .left__col {
width: 634px;
}
@media (max-width: 1440px) {
.page-template-aboutus-2024 .cLeftRightContent .offer .left__col {
width: calc(50% - 15px);
}
}
@media (max-width: 1024px) {
.page-template-aboutus-2024 .cLeftRightContent .offer .left__col {
width: 100%;
}
}
.page-template-aboutus-2024 .cLeftRightContent .offer .left__col .title, .page-template-aboutus-2024 .cLeftRightContent .offer .left__col p {
margin-bottom: 10px;
color: #fff;
}
.page-template-aboutus-2024 .cLeftRightContent .offer .right__col {
width: 634px;
}
@media (max-width: 1440px) {
.page-template-aboutus-2024 .cLeftRightContent .offer .right__col {
width: calc(50% - 15px);
}
}
@media (max-width: 1024px) {
.page-template-aboutus-2024 .cLeftRightContent .offer .right__col {
width: 100%;
}
}
.page-template-aboutus-2024 .cLeftRightContent .offer .right__col > .img-wrapper {
border-radius: 0px;
}
@media (max-width: 1024px) {
.fwMoreInfo {
padding-top: 40px;
}
}
.cMoreInfo {
display: flex;
flex-direction: column;
}
.cMoreInfo .container__title {
font-size: 28px;
width: 100%;
display: flex;
justify-content: center;
margin-bottom: 30px;
color: #155980;
font-weight: bold;
font-family: "Merriweather", serif;
}
.cMoreInfo .link__container {
display: flex;
flex-direction: row;
overflow: auto;
overflow-x: scroll;
}
.cMoreInfo .link__container > div .link {
display: block;
width: 372px;
height: 372px;
background-color: #00807b;
position: relative;
}
.cMoreInfo .link__container > div .link:hover .img-wrapper img {
transition: 0.21s ease-in-out all;
transform: scale(1.1);
}
.cMoreInfo .link__container > div .link:hover .title:after {
transition: 0.21s ease-in-out all;
background-color: #9edad9;
}
@media (max-width: 1024px) {
.cMoreInfo .link__container > div .link {
width: 100%;
}
}
.cMoreInfo .link__container > div .link .img-wrapper {
width: 100%;
height: 100%;
overflow: hidden;
position: relative;
z-index: 0;
}
@media (max-width: 480px) {
.cMoreInfo .link__container > div .link .img-wrapper {
width: 100%;
}
}
.cMoreInfo .link__container > div .link .img-wrapper img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
transition: 0.21s ease-in-out all;
transform: scale(1);
}
.cMoreInfo .link__container > div .link .title {
position: absolute;
left: 0;
bottom: 35.16px;
width: 100%;
padding: 0 28.7px;
z-index: 1;
display: flex;
justify-content: space-between;
font-family: "Merriweather", serif;
font-size: 20px;
color: #fff;
}
.cMoreInfo .link__container > div .link .title:hover {
cursor: pointer;
}
.cMoreInfo .link__container > div .link .title:after {
position: absolute;
top: 50%;
right: 28.7px;
width: 35px;
height: 35px;
font-size: 15px;
transition: 0.21s ease-in-out all;
transform: translateY(-50%) rotate(-90deg);
content: "\f078";
font-family: FontAwesome, serif;
background-color: #155980;
color: #fff;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
}
.fwNewsletter {
position: relative;
padding: 60px 0;
background-color: rgba(0, 101, 136, 0.8);
color: #fff;
}
@media (max-width: 577px) {
.fwNewsletter {
padding: 40px 0;
}
}
@media (min-width: 1280px) {
.fwNewsletter {
height: 312px;
}
}
.fwNewsletter > .img-wrapper {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 0;
overflow: hidden;
}
.fwNewsletter > .img-wrapper img {
height: 100%;
width: 100%;
position: absolute;
left: 0;
top: 0;
-o-object-fit: cover;
object-fit: cover;
}
.cNewsletter {
display: flex;
flex-direction: column;
align-items: flex-start;
position: relative;
z-index: 2;
}
@media (min-width: 1279px) {
.cNewsletter {
align-items: center;
}
}
.cNewsletter .container__title {
font-weight: bold;
margin-bottom: 10px;
}
.cNewsletter .container__subtitle {
font-size: 18px;
margin-bottom: 30px;
}
.cNewsletter .field-newsletter-input {
display: flex;
justify-content: center;
}
@media (max-width: 1025px) {
.cNewsletter .field-newsletter-input {
flex-direction: column;
width: 100%;
}
}
.cNewsletter .field-newsletter-input .ginput_container_email {
width: 100%;
}
.cNewsletter .gfield_label {
display: none;
}
.cNewsletter .ginput_container > input[type=email], .cNewsletter .ginput_container > input[type=text] {
height: 52px;
width: 100%;
color: #000;
}
@media (max-width: 1280px) {
.cNewsletter .ginput_container > input[type=email], .cNewsletter .ginput_container > input[type=text] {
margin-bottom: 20px;
}
}
form#gform_6 .gform_fields {
display: flex;
flex-direction: column;
gap: 20px;
list-style: none;
padding: 0;
}
form#gform_6 {
display: flex;
flex-direction: column;
gap: 20px;
justify-content: center;
}
.popup .gform_body {
width: 100%;
}
#gform_6 > .gform_footer > #gform_submit_button_6 {
font: 400 16px/16px "Roboto", sans-serif;
color: #fff;
padding: 10px 40px;
background: #00807b;
border-radius: 5px;
border: 2px solid #00807b;
cursor: pointer;
display: inline-block;
}
#gform_6 > .gform_footer > #gform_submit_button_6:hover {
color: #00807b;
background: transparent !important;
text-decoration: none;
}
#gform_wrapper_6 {
width: 100%;
}
#gform_wrapper_6 .gform_footer.top_label input {
width: 100%;
}
.newsletter_input {
display: flex;
justify-content: center;
width: 100%;
}
.newsletter_input .gfield_label {
display: none;
}
.newsletter_input .ginput_container > input[type=email], .newsletter_input .ginput_container > input[type=text] {
height: 52px;
width: 100%;
padding: 0 8px;
color: #000;
}
@media (max-width: 1280px) {
.newsletter_input .ginput_container > input[type=email]:has(+ *), .newsletter_input .ginput_container > input[type=text]:has(+ *) {
margin-bottom: 20px;
}
}
@media (min-width: 1280px) {
.newsletter_input .ginput_container > input[type=email], .newsletter_input .ginput_container > input[type=text] {
width: 550px;
padding-left: 20px;
}
.popup .newsletter_input .ginput_container > input[type=email], .popup .newsletter_input .ginput_container > input[type=text] {
width: 100%;
}
}
.popup {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
z-index: 2222222;
display: flex;
align-items: center;
justify-content: center;
pointer-events: none;
opacity: 0;
}
.popup__backdrop {
background-color: rgba(0, 0, 0, 0.6);
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
opacity: 0;
}
.popup__close {
position: absolute;
top: 20px;
right: 20px;
font-weight: bold;
z-index: 11;
transition: all 0.4s ease-in-out;
transform: translate(0, 20px);
opacity: 0;
}
@media (min-width: 768px) {
.popup__close {
right: 40px;
}
}
.popup__close:hover {
cursor: pointer;
}
.popup__close:hover i {
transform: scale(0.83);
}
.popup__close i {
display: inline-block;
color: red;
margin-left: 12px;
margin-right: 0 !important;
transition: all 0.21s ease-in-out;
}
.popup__parent {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
opacity: 1;
pointer-events: none;
max-height: 100vh;
}
@media (max-width: 1179px) {
.popup__parent {
overflow: auto;
}
}
@media (min-width: 768px) {
.popup__parent {
max-height: 100vh;
}
}
@media (max-width: 1279px) {
.popup__parent {
min-width: 100vw;
max-width: 100vw;
}
}
.popup__parent.active {
pointer-events: auto;
}
.popup__parent.active .popup__close {
transform: translate(0, 0);
opacity: 1;
}
@media (max-width: 767px) {
.popup__parent.afspraak .popup__inner > .left__col {
padding-top: 54px;
}
}
@media (max-width: 1179px) {
.popup__parent.afspraak .popup__inner > .right__col {
display: none !important;
}
}
@media (max-width: 1179px) {
.popup__parent.inspo .popup__inner > .left__col {
display: none !important;
}
}
.popup__parent[class*=nieuwsbrief] {
max-width: unset;
min-width: unset;
}
.popup__parent[class*=nieuwsbrief] img {
width: 550px !important;
margin-top: 20px !important;
margin-bottom: 20px !important;
}
.popup__parent.popup__fullwidth .popup__inner {
width: 90vw;
height: 90vh;
}
.popup__parent.popup__fullwidth .popup__inner .right__col {
width: 100%;
}
.popup__parent.popup__fullwidth .popup__inner .right__col img {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.popup__inner {
position: relative;
opacity: 0;
display: flex;
}
.popup__inner .form-group:last-child {
margin-bottom: 0;
}
@media (max-width: 1179px) {
.popup__inner {
flex-direction: column;
}
}
.popup__inner > .left__col {
width: 100%;
transform-origin: right;
}
@media (min-width: 1280px) {
.popup__inner > .left__col {
width: 50%;
}
}
@media (min-width: 1180px) {
.popup__inner > .left__col {
width: 600px;
}
}
.popup__inner > .left__col img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
border-radius: 0 0 0 112px;
}
.popup__inner > .right__col {
background-color: white;
transform-origin: left;
position: relative;
overflow: hidden;
width: 100%;
}
@media (min-width: 1280px) {
.popup__inner > .right__col {
width: 50%;
}
}
@media (min-width: 1180px) {
.popup__inner > .right__col {
width: 630px;
}
}
.popup__inner > .right__col.form {
font-size: 16px;
padding: 54px 20px 20px;
}
@media (min-width: 768px) {
.popup__inner > .right__col.form {
padding: 40px;
}
}
.popup__inner > .right__col.form .h3 {
display: block;
margin-bottom: 12px;
}
.popup__inner > .right__col.form > p {
margin-bottom: 20px;
}
.popup__inner > .right__col h2 {
font-weight: bold;
color: #00394D;
}
.popup__inner > .right__col .gform_submission_error {
font-size: 18px;
line-height: 27px;
margin: 0 0 15px 0;
}
.popup__inner .form {
display: flex;
flex-direction: column;
}
.popup__inner .form .h3 {
margin-bottom: 12px;
text-align: center;
}
.popup__inner .form > .left__col {
width: 480px;
margin-right: 70px;
}
.popup__inner .form > .right__col {
width: 600px;
}
.popup__inner .form ul.checks {
margin-bottom: 20px;
}
.popup__inner .form img {
width: 100%;
height: 320px;
-o-object-fit: cover;
object-fit: cover;
margin-top: auto;
}
.page-template-template-reisgidsen {
color: #000;
}
.page-template-template-reisgidsen .container:before, .page-template-template-reisgidsen .container:after {
display: none;
}
@media (max-width: 1079px) {
.page-template-template-reisgidsen-v2 .container {
width: 100%;
}
}
@media (min-width: 1180px) {
.page-template-template-reisgidsen-v2 .container {
width: 1180px;
padding-left: 0;
padding-right: 0;
}
}
.page-template-template-reisgidsen-v2 .container.cReisgidsContent::before, .page-template-template-reisgidsen-v2 .container.cReisgidsContent::after {
display: none;
}
.page-template-template-reisgidsen-v2 .container.cReisgidsContent {
gap: 0;
}
.page-template-template-reisgidsen-v2 .magazine-container {
width: 100%;
gap: 32px;
}
.page-template-template-reisgidsen-v2 .magazine-block {
width: 372px;
height: 323px;
background-color: #00807B;
padding: 0 20px 28px 20px;
}
.page-template-template-reisgidsen-v2 .magazine-block:hover, .page-template-template-reisgidsen-v2 .magazine-block.active {
border: 0;
}
.page-template-template-reisgidsen-v2 .magazine-block .img-wrapper {
height: 182px;
background-color: #F2F2F2;
}
.page-template-template-reisgidsen-v2 .magazine-block .img-wrapper img {
opacity: 0.3;
}
.page-template-template-reisgidsen-v2 .magazine-block .brochure-wrapper {
position: absolute;
top: 0;
left: 0;
height: 210px;
width: 100%;
z-index: 1;
}
.page-template-template-reisgidsen-v2 .magazine-block .brochure-wrapper img {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.page-template-template-reisgidsen-v2 .magazine-block .name {
margin-bottom: 20px;
color: #FFF;
font-family: Merriweather;
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 22px; /* 91.667% */
}
.page-template-template-reisgidsen-v2 .magazine-block .name:after {
display: none;
}
.page-template-template-reisgidsen-v2 .magazine-block .download-brochure {
border-radius: 5px;
border: 1px solid #fff;
color: #fff;
display: flex;
padding: 12px 30px;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 10px;
align-self: stretch;
}
.page-template-template-reisgidsen-v2 .magazine-block .download-brochure:hover {
background-color: #fff;
color: #000;
}
@media (max-width: 799px) {
.page-template-template-reisgidsen-v2 .magazine-block {
width: 100%;
}
}
@media (min-width: 800px) and (max-width: 1179px) {
.page-template-template-reisgidsen-v2 .magazine-block {
width: calc(50% - 16px);
}
}
.fullwidth.fwReisgidsTop {
padding-top: 34px;
}
.container.cReisgidsTop {
display: flex;
flex-direction: column;
gap: 60px;
margin-bottom: 60px;
}
@media (min-width: 800px) {
.container.cReisgidsTop {
flex-direction: row;
}
}
.container.cReisgidsTop:before, .container.cReisgidsTop:after {
display: none;
}
.container.cReisgidsTop > .left__col {
width: 100%;
}
@media (min-width: 1180px) {
.container.cReisgidsTop > .left__col {
flex-direction: row;
min-width: 697px;
}
}
.container.cReisgidsTop > .left__col h1 {
color: #00807B;
font-family: Merriweather;
font-size: 36px;
font-style: normal;
font-weight: 700;
line-height: normal;
}
.container.cReisgidsTop > .left__col .description {
color: #000;
/* Body/Regular/M - Body - Regular */
font: 300 16px/26px "Roboto", sans-serif;
font-style: normal;
}
.container.cReisgidsTop > .right__col {
width: 100%;
}
@media (min-width: 800px) {
.container.cReisgidsTop > .right__col {
width: 423px;
}
}
.container.cReisgidsContent {
display: flex;
flex-direction: row;
gap: 40px;
}
.magazine-container {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 16px;
}
.magazine-block {
position: relative;
display: flex;
width: 300px;
height: 216px;
padding: 16px;
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
gap: 4px;
align-self: stretch;
border-radius: 8px;
overflow: hidden;
transition: 0.21s ease-in-out all;
}
.magazine-block:hover, .magazine-block.active {
border: 5px solid #00807B;
transition: 0.21s ease-in-out all;
}
.magazine-block .img-wrapper {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 0;
}
.magazine-block .img-wrapper img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 56.22%, rgba(0, 0, 0, 0.6) 92.72%) lightgray 50%/cover no-repeat;
}
.magazine-block .title {
position: relative;
z-index: 2;
color: var(--Grayscale-FFFFFFF, #FFF);
/* Labels/Bold/M - Label - Bold */
font-family: Roboto;
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 18px; /* 128.571% */
}
.magazine-block .name {
position: relative;
z-index: 2;
width: 100%;
color: var(--Grayscale-FFFFFFF, #FFF);
/* Content Heading/L - Content */
font-family: Merriweather;
font-size: 22px;
font-style: normal;
font-weight: 700;
line-height: normal;
}
.magazine-block .name:after {
content: "";
position: absolute;
bottom: 1px;
right: 0px;
width: 20px;
height: 20px;
background: url("/content/themes/ramatours/img/arrow-right-white.png") center no-repeat;
background-size: contain;
}
.magazine-display {
width: 525px;
display: none;
flex-direction: column;
border-radius: 8px;
background: #D9D9D9;
overflow: hidden;
}
.magazine-display.active {
display: flex;
}
.magazine-display > .top__col {
width: 525px;
height: 276px;
position: relative;
background-color: red;
}
.magazine-display > .top__col .img-wrapper {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 0;
}
.magazine-display > .top__col .img-wrapper img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 56.22%, rgba(0, 0, 0, 0.6) 92.72%) lightgray 50%/cover no-repeat;
}
.magazine-display > .bottom__col {
display: flex;
padding: 32px 32px 100px 32px;
flex-direction: column;
align-items: flex-start;
gap: 32px;
align-self: stretch;
height: 390px;
background-color: #00807B;
}
.magazine-display > .bottom__col p.h3 {
color: #FFF;
font-family: Merriweather;
font-size: 32px !important;
font-style: normal;
font-weight: 700;
line-height: 42px; /* 131.25% */
}
.magazine-display > .bottom__col p {
color: #FFF;
/* Body/Regular/M - Body - Regular */
font-family: "Open Sans";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 26px; /* 162.5% */
}
.magazine-display > .bottom__col .title {
color: #FFF;
font-family: Merriweather;
font-size: 32px;
font-style: normal;
font-weight: 700;
line-height: 42px; /* 131.25% */
}
.magazine-display > .bottom__col .description {
color: #FFF;
/* Body/Regular/M - Body - Regular */
font-family: "Open Sans";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 26px; /* 162.5% */
}
.magazine-display > .bottom__col .download-brochure {
display: inline-block;
background-color: #00807B;
border-radius: 10px;
padding: 12px 30px;
text-align: center;
width: 130px;
color: #fff;
border: solid;
margin-top: 10px;
font-size: 16px;
}
.specialist--small {
width: 100%;
height: 216px;
display: flex;
flex-direction: row;
gap: 8px;
border-radius: 8px;
background: #F2F2F2;
padding: 16px 32px 0 16px;
}
@media (min-width: 423px) {
.specialist--small {
min-width: 423px;
}
}
@media (min-width: 800px) {
.specialist--small {
width: 423px;
}
}
.specialist--small > .left__col {
min-width: 173px;
height: 200px;
display: flex;
align-self: flex-end;
}
.specialist--small > .left__col img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.specialist--small > .right__col {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 100%;
}
.specialist--small > .right__col .name {
color: #00807B;
font-family: Merriweather;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: normal;
text-align: center;
}
@media (max-width: 423px) {
.specialist--small > .right__col .name {
font-size: 16px;
}
}
.specialist--small > .right__col .title {
color: #00807B;
/* Body/Regular/M - Body - Regular */
font-family: "Open Sans";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 26px; /* 162.5% */
margin-bottom: 16px;
}
@media (max-width: 423px) {
.specialist--small > .right__col .green-btn-original.base-theme-bg {
padding: 10px 4px;
font-size: 12px;
}
}
.inputhide {
display: none !important;
}
.gform_confirmation_message {
line-height: 24px;
}
.general-item {
display: block;
border-radius: 8px;
overflow: hidden;
position: relative;
animation: fadeIn 0.5s ease-in forwards;
}
.general-item:hover {
text-decoration: none !important;
}
.general-item.hideitem {
opacity: 0;
animation: fadeIn 0.5s ease-in forwards;
}
.general-item.hideitem:nth-child(1) {
animation-delay: 0.21s;
}
.general-item.hideitem:nth-child(2) {
animation-delay: 0.42s;
}
.general-item.hideitem:nth-child(3) {
animation-delay: 0.63s;
}
.general-item.hideitem:nth-child(4) {
animation-delay: 0.84s;
}
.general-item.hideitem:nth-child(5) {
animation-delay: 1.05s;
}
.general-item.hideitem:nth-child(6) {
animation-delay: 1.26s;
}
.general-item.hideitem:nth-child(7) {
animation-delay: 1.47s;
}
.general-item.hideitem:nth-child(8) {
animation-delay: 1.68s;
}
.general-item.hideitem:nth-child(9) {
animation-delay: 1.89s;
}
.general-item.hideitem:nth-child(10) {
animation-delay: 2.1s;
}
.general-item.hideitem:nth-child(11) {
animation-delay: 2.31s;
}
.general-item.hideitem:nth-child(12) {
animation-delay: 2.52s;
}
.general-item.hideitem:nth-child(13) {
animation-delay: 2.73s;
}
.general-item.hideitem:nth-child(14) {
animation-delay: 2.94s;
}
.general-item.hideitem:nth-child(15) {
animation-delay: 3.15s;
}
.general-item.hideitem:nth-child(16) {
animation-delay: 3.36s;
}
.general-item.hideitem:nth-child(17) {
animation-delay: 3.57s;
}
.general-item.hideitem:nth-child(18) {
animation-delay: 3.78s;
}
.general-item.hideitem:nth-child(19) {
animation-delay: 3.99s;
}
.general-item.hideitem:nth-child(20) {
animation-delay: 4.2s;
}
.general-item.hideitem:nth-child(21) {
animation-delay: 4.41s;
}
.general-item.hideitem:nth-child(22) {
animation-delay: 4.62s;
}
.general-item.hideitem:nth-child(23) {
animation-delay: 4.83s;
}
.general-item.hideitem:nth-child(24) {
animation-delay: 5.04s;
}
.general-item.hideitem:nth-child(25) {
animation-delay: 5.25s;
}
.general-item.hideitem:nth-child(26) {
animation-delay: 5.46s;
}
.general-item.hideitem:nth-child(27) {
animation-delay: 5.67s;
}
.general-item.hideitem:nth-child(28) {
animation-delay: 5.88s;
}
.general-item.hideitem:nth-child(29) {
animation-delay: 6.09s;
}
.general-item.hideitem:nth-child(30) {
animation-delay: 6.3s;
}
.general-item.hideitem:nth-child(31) {
animation-delay: 6.51s;
}
.general-item.hideitem:nth-child(32) {
animation-delay: 6.72s;
}
.general-item.hideitem:nth-child(33) {
animation-delay: 6.93s;
}
.general-item.hideitem:nth-child(34) {
animation-delay: 7.14s;
}
.general-item.hideitem:nth-child(35) {
animation-delay: 7.35s;
}
.general-item.hideitem:nth-child(36) {
animation-delay: 7.56s;
}
.general-item.hideitem:nth-child(37) {
animation-delay: 7.77s;
}
.general-item.hideitem:nth-child(38) {
animation-delay: 7.98s;
}
.general-item.hideitem:nth-child(39) {
animation-delay: 8.19s;
}
.general-item.hideitem:nth-child(40) {
animation-delay: 8.4s;
}
.general-item.hideitem:nth-child(41) {
animation-delay: 8.61s;
}
.general-item.hideitem:nth-child(42) {
animation-delay: 8.82s;
}
.general-item.hideitem:nth-child(43) {
animation-delay: 9.03s;
}
.general-item.hideitem:nth-child(44) {
animation-delay: 9.24s;
}
.general-item.hideitem:nth-child(45) {
animation-delay: 9.45s;
}
.general-item.hideitem:nth-child(46) {
animation-delay: 9.66s;
}
.general-item.hideitem:nth-child(47) {
animation-delay: 9.87s;
}
.general-item.hideitem:nth-child(48) {
animation-delay: 10.08s;
}
.general-item.hideitem:nth-child(49) {
animation-delay: 10.29s;
}
.general-item.hideitem:nth-child(50) {
animation-delay: 10.5s;
}
.general-item.hideitem:nth-child(51) {
animation-delay: 10.71s;
}
.general-item.hideitem:nth-child(52) {
animation-delay: 10.92s;
}
.general-item.hideitem:nth-child(53) {
animation-delay: 11.13s;
}
.general-item.hideitem:nth-child(54) {
animation-delay: 11.34s;
}
.general-item.hideitem:nth-child(55) {
animation-delay: 11.55s;
}
.general-item.hideitem:nth-child(56) {
animation-delay: 11.76s;
}
.general-item.hideitem:nth-child(57) {
animation-delay: 11.97s;
}
.general-item.hideitem:nth-child(58) {
animation-delay: 12.18s;
}
.general-item.hideitem:nth-child(59) {
animation-delay: 12.39s;
}
.general-item.hideitem:nth-child(60) {
animation-delay: 12.6s;
}
.general-item.hideitem:nth-child(61) {
animation-delay: 12.81s;
}
.general-item.hideitem:nth-child(62) {
animation-delay: 13.02s;
}
.general-item.hideitem:nth-child(63) {
animation-delay: 13.23s;
}
.general-item.hideitem:nth-child(64) {
animation-delay: 13.44s;
}
.general-item.hideitem:nth-child(65) {
animation-delay: 13.65s;
}
.general-item.hideitem:nth-child(66) {
animation-delay: 13.86s;
}
.general-item.hideitem:nth-child(67) {
animation-delay: 14.07s;
}
.general-item.hideitem:nth-child(68) {
animation-delay: 14.28s;
}
.general-item.hideitem:nth-child(69) {
animation-delay: 14.49s;
}
.general-item.hideitem:nth-child(70) {
animation-delay: 14.7s;
}
.general-item.hideitem:nth-child(71) {
animation-delay: 14.91s;
}
.general-item.hideitem:nth-child(72) {
animation-delay: 15.12s;
}
.general-item.hideitem:nth-child(73) {
animation-delay: 15.33s;
}
.general-item.hideitem:nth-child(74) {
animation-delay: 15.54s;
}
.general-item.hideitem:nth-child(75) {
animation-delay: 15.75s;
}
.general-item.hideitem:nth-child(76) {
animation-delay: 15.96s;
}
.general-item.hideitem:nth-child(77) {
animation-delay: 16.17s;
}
.general-item.hideitem:nth-child(78) {
animation-delay: 16.38s;
}
.general-item.hideitem:nth-child(79) {
animation-delay: 16.59s;
}
.general-item.hideitem:nth-child(80) {
animation-delay: 16.8s;
}
.general-item.hideitem:nth-child(81) {
animation-delay: 17.01s;
}
.general-item.hideitem:nth-child(82) {
animation-delay: 17.22s;
}
.general-item.hideitem:nth-child(83) {
animation-delay: 17.43s;
}
.general-item.hideitem:nth-child(84) {
animation-delay: 17.64s;
}
.general-item.hideitem:nth-child(85) {
animation-delay: 17.85s;
}
.general-item.hideitem:nth-child(86) {
animation-delay: 18.06s;
}
.general-item.hideitem:nth-child(87) {
animation-delay: 18.27s;
}
.general-item.hideitem:nth-child(88) {
animation-delay: 18.48s;
}
.general-item.hideitem:nth-child(89) {
animation-delay: 18.69s;
}
.general-item.hideitem:nth-child(90) {
animation-delay: 18.9s;
}
.general-item.hideitem:nth-child(91) {
animation-delay: 19.11s;
}
.general-item.hideitem:nth-child(92) {
animation-delay: 19.32s;
}
.general-item.hideitem:nth-child(93) {
animation-delay: 19.53s;
}
.general-item.hideitem:nth-child(94) {
animation-delay: 19.74s;
}
.general-item.hideitem:nth-child(95) {
animation-delay: 19.95s;
}
.general-item.hideitem:nth-child(96) {
animation-delay: 20.16s;
}
.general-item.hideitem:nth-child(97) {
animation-delay: 20.37s;
}
.general-item.hideitem:nth-child(98) {
animation-delay: 20.58s;
}
.general-item.hideitem:nth-child(99) {
animation-delay: 20.79s;
}
.general-item.hideitem:nth-child(100) {
animation-delay: 21s;
}
.general-item.hide {
display: none;
}
.general-item .background-wrapper {
position: absolute;
z-index: 0;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.general-item .background-wrapper img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
transition: 0.4s ease-in-out;
}
.general-item .content-background-wrapper {
position: absolute;
z-index: 1;
left: 0;
top: -50%;
width: 100%;
height: 200%;
opacity: 0.5;
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 40%, #000 100%);
transition: 0.4s ease-in-out;
}
.general-item .content {
position: relative;
z-index: 2;
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: flex-end;
padding: 20px 20px;
}
@media (min-width: 620px) {
.general-item .content {
padding: 20px 32px;
}
}
.general-item .content .tagline {
border-radius: 4px;
background: #D31027;
color: #fff;
display: flex;
align-self: flex-start;
padding: 4px 8px;
font-size: 14px;
line-height: 18px;
}
.general-item .content .main-title {
color: #F5F5F5;
font-family: "Merriweather", serif;
font-style: normal;
font-weight: 700;
line-height: 32px; /* 114.286% */
letter-spacing: 0;
font-size: 32px;
margin-bottom: 8px;
}
.general-item .content .main-title--v1 {
font-size: 24px;
}
.general-item .content .trip-title {
color: #F5F5F5;
font-family: "Merriweather", serif;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 32px;
letter-spacing: 0;
margin-bottom: 8px;
}
.general-item .content .description {
color: #F5F5F5;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 30px;
letter-spacing: 0;
margin-bottom: 0px;
transition: 0.4s ease-in-out;
}
.general-item .content .description ul {
padding-left: 18px;
display: flex;
flex-direction: column;
gap: 5px;
}
.general-item .content .description ul li {
padding-left: 18px;
}
.general-item .content .description ul li::marker {
content: "\e815";
font-family: fontello;
font-size: 12px;
color: #fff;
}
.general-item .content .description--v1 {
max-height: 0;
overflow: hidden;
}
.general-item .content .link-container {
display: flex;
flex-direction: row;
align-items: center;
gap: 8px;
max-height: 0;
overflow: hidden;
transition: 0.4s ease-in-out;
}
.general-item .content .link-container .text {
color: #F5F5F5;
font-family: "Merriweather", serif;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: normal;
}
.general-item .content .link-container i {
color: #F5F5F5;
font-size: 12px;
margin-top: auto;
}
.general-item .content .link-container .pp {
color: var(--Text-Primary-inverse, #F5F5F5);
/* Body/Small */
font-size: var(--Body-Small-font-size, 16px);
font-style: normal;
font-weight: 700;
line-height: var(--Body-Small-line-height, 24px); /* 187.5% */
letter-spacing: var(--Body-Small-letterspacing, 0px);
}
.general-item .content .link-container .trip-text {
color: var(--Text-Primary-inverse, #F5F5F5);
/* Heading/H4 */
font-size: var(--Heading-H4-font-size, 22px);
font-style: normal;
font-weight: 700;
line-height: var(--Heading-H4-line-height, 32px); /* 114.286% */
letter-spacing: var(--Heading-H4-letterspacing, 0px);
text-transform: lowercase;
}
.general-item .content .link-container .trip-text::first-letter {
text-transform: uppercase;
}
.general-item .content .thema, .general-item .content .meer {
color: #F5F5F5;
background-color: #00807C;
border-radius: 20px;
/* Button/Medium */
font-family: "Roboto", sans-serif;
display: flex;
align-self: flex-start;
justify-self: flex-start;
padding: 4px 12px;
align-items: center;
gap: 4px;
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 140%; /* 19.6px */
}
.general-item .content .thema__large, .general-item .content .meer__large {
padding: 7.058px 21.175px;
}
.general-item .content .thema:has(+ .trip-title) {
margin-bottom: 8px;
}
.general-item:hover .background-wrapper img {
transform: scale(1.15);
}
.general-item:hover .content-background-wrapper {
top: -100%;
}
.general-item:hover .content .link-container {
max-height: 100px;
}
.general-item:hover .content .description--v1 {
max-height: 100%;
}
.general-item:hover .content .description--trip:has(+ *) {
margin-bottom: 32px;
}
@media (max-width: 620px) {
.general-item .background-wrapper img {
transform: scale(1.15);
}
.general-item .content-background-wrapper {
top: -100%;
}
.general-item .content .link-container {
max-height: 100px;
}
.general-item .content .description--v1 {
max-height: 100%;
}
.general-item .content .description--trip:has(+ *) {
margin-bottom: 32px;
}
}
.bgLightGreen {
background-color: #E1F4F3;
}
.bgGrey {
background-color: #F1F1F1;
}
.filter-wrapper {
width: 100%;
background-color: #fff;
position: relative;
gap: 30px;
padding: 20px 8px 8px 8px;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
border-radius: 8px;
background: var(--Neutral-0, #FFF);
box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.15);
}
@media (min-width: 1024px) {
.filter-wrapper {
margin-top: 30px;
}
}
@media (min-width: 1280px) {
.filter-wrapper {
padding: 34px 32px 36px 50px;
}
}
@media (max-width: 567px) {
.filter-wrapper {
gap: 0;
}
}
.filter-wrapper .search-wrapper {
display: flex;
justify-content: center;
align-items: flex-end;
position: relative;
}
@media (max-width: 567px) {
.filter-wrapper .search-wrapper {
width: 100% !important;
margin-left: initial !important;
}
}
@media (max-width: 1279px) {
.filter-wrapper .search-wrapper {
width: calc(50% - 15px);
}
}
@media (min-width: 1280px) {
.filter-wrapper .search-wrapper {
width: calc(25% - 10px);
}
}
.filter-wrapper .search-wrapper .button-wrapper {
position: relative;
width: 100%;
}
.filter-wrapper .search-wrapper .button-wrapper .button {
width: 100%;
}
.filter-wrapper .search-wrapper .button-wrapper .button:before {
all: unset;
}
.filter-wrapper .filter {
width: 100%;
display: flex;
flex-direction: column;
justify-content: flex-end;
position: relative;
margin-bottom: 20px;
gap: 2px;
flex-grow: 1;
padding: 0;
}
@media (min-width: 568px) {
.filter-wrapper .filter {
width: calc(50% - 15px);
}
}
@media (min-width: 1280px) {
.filter-wrapper .filter {
width: calc(25% - 32px);
margin-bottom: 0;
}
}
.filter-wrapper .filter label {
margin-bottom: initial;
display: flex;
flex-direction: row;
gap: 8px;
align-items: center;
}
.filter-wrapper .filter .text {
color: #00394D;
leading-trim: both;
text-edge: cap;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 26px; /* 162.5% */
}
.filter-wrapper .filter .select {
width: 100%;
font-size: 14px;
color: #000;
border-bottom: 1px solid rgb(163, 170, 161);
position: relative;
}
.filter-wrapper .filter .select:after {
content: "\f078";
font-family: FontAwesome, serif;
position: absolute;
right: 0;
font-size: 16px;
color: #00807C;
}
.filter-wrapper .filter .select .select, .filter-wrapper .filter .select select {
width: 100%;
outline: none;
border-style: none;
-webkit-appearance: none;
margin-top: auto;
color: var(--Grayscale-666666, #666);
background-color: #fff;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 26px; /* 162.5% */
padding: 4px 6px;
}
.filter-wrapper .filter .checkboxes {
position: absolute;
bottom: 0;
left: 0;
transform: translateY(100%);
padding: 5px;
padding-top: 10px;
border-radius: 5px;
width: 100%;
background-color: #fff;
opacity: 0;
pointer-events: none;
}
.filter-wrapper .filter .checkboxes.--active {
opacity: 1;
pointer-events: all;
z-index: 10000;
}
.filter-container {
display: flex;
flex-direction: row;
align-items: center;
border-radius: 8px;
background: #00807b;
padding: 40px;
gap: 16px;
flex-wrap: wrap;
}
.filter-container .filter-block {
position: relative;
display: flex;
flex-direction: column;
gap: 15px;
width: 100%;
color: #F5F5F5;
leading-trim: both;
text-edge: cap;
font-family: "Proxima Nova";
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 16px; /* 162.5% */
}
.filter-container .filter-block .select-wrapper {
position: relative;
}
.filter-container .filter-block .select-wrapper:after {
color: #D31027;
content: "\e811";
font-family: fontello;
font-size: 20px;
position: absolute;
right: 12px;
top: 50%;
font-size: 12px;
transform: translateY(-50%);
pointer-events: none;
}
.filter-container .filter-block select {
position: relative;
border-radius: 4px;
border-bottom: #B2B2B2;
color: #808080;
background: #FFF;
display: flex;
width: 100%;
height: 48px;
padding: 8px 12px;
justify-content: space-between;
align-items: center;
align-self: stretch;
-webkit-appearance: none;
}
.filter-container .filter-block select:hover {
cursor: pointer;
}
.filter-container .button {
display: flex;
align-self: flex-end;
width: 221px;
}
.filter-container .button:hover {
cursor: pointer;
}
p:empty {
display: none;
}
p > .button {
margin-bottom: 20px;
}
.cHighlights ol, .cHighlights ul {
list-style: none;
padding-left: 0;
}
.cHighlights ol li, .cHighlights ul li {
position: relative;
padding-left: 34px;
}
.cHighlights ol li:before, .cHighlights ul li:before {
content: "";
position: absolute;
top: 10px;
left: 14px;
min-width: 6px;
max-width: 6px;
width: 6px;
height: 6px;
max-height: 6px;
min-height: 6px;
border-radius: 6px;
display: flex;
justify-content: center;
align-items: center;
background-color: #00807b;
}
p {
font-family: "Roboto", sans-serif;
font-size: 16px;
line-height: 1.625em;
font-weight: 400;
}
p:has(+ *) {
margin-bottom: 16px;
}
p:has(+ h2), p:has(+ h3), p:has(+ h4) {
margin-bottom: 26px;
}
p:empty {
display: none;
}
.medewerker-afbeelding {
margin-bottom: 30px;
padding: 0;
}
@media (max-width: 1299px) and (min-width: 1200px) {
.medewerker-afbeelding {
width: 70%;
}
}
.load-more-wrapper {
display: flex;
justify-content: center;
}
.featured-image2 {
margin-bottom: 30px;
}
.fullwidth.fwMainSlider {
position: relative;
padding: 0;
}
.fullwidth.fwMainSliderItem {
padding: 0;
background-position: top !important;
background-size: cover !important;
}
@media (min-width: 620px) {
.fullwidth.fwMainSliderItem {
height: 650px;
}
}
.fullwidth.fwMainSlider .flickity-page-dots {
display: inline-block;
position: absolute;
bottom: 40px;
background: rgba(0, 0, 0, 0.3);
padding: 4px 6px;
border-radius: 10px;
margin: 0 auto;
width: auto;
left: 50%;
transform: translateX(-50%);
}
.fullwidth.fwMainSlider .flickity-page-dots .dot {
background: rgba(255, 255, 255, 0.5);
opacity: 1;
}
.fullwidth.fwMainSlider .flickity-page-dots .dot.is-selected {
background: #fff;
}
.container.cMainSliderItem {
height: 380px;
display: flex;
flex-direction: column;
}
@media (max-width: 620px) {
.container.cMainSliderItem {
padding: 80px 20px;
}
}
@media (min-width: 620px) {
.container.cMainSliderItem {
padding: 250px 0px 470px 0px;
}
}
@media (min-width: 620px) {
.container.cMainSliderItem {
height: 650px;
}
}
.container.cMainSliderItem h1, .container.cMainSliderItem .h1 {
color: #fff;
font: 700 40px/40px "Merriweather", serif;
text-align: left;
margin-top: 0;
margin-bottom: 8px;
}
@media (max-width: 620px) {
.container.cMainSliderItem h1, .container.cMainSliderItem .h1 {
font-size: 32px;
text-align: center;
}
}
.container.cMainSliderItem p {
color: #fff;
text-align: center;
font-family: "Merriweather", serif;
font-size: 22px;
font-style: normal;
font-weight: 700;
display: flex;
justify-content: center;
}
@media (min-width: 620px) {
.container.cMainSliderItem p {
font: 300 28px/28px "Merriweather", serif;
margin: 0 0 35px 0;
text-align: left;
justify-content: flex-start;
}
}
.container.cMainSliderItem p:has(+ p) {
margin-bottom: 24px;
}
.button {
font: 400 16px/16px "Roboto", sans-serif;
display: table;
border: 0;
padding: 16px 48px 16px 24px;
border-radius: 8px;
text-decoration: none !important;
position: relative;
line-height: 1 !important;
}
.button:before {
transition: all 0.6s;
content: "";
background-image: url("/content/themes/ramatours//img/arrow-right.svg");
background-size: contain; /* or 'cover' */
background-repeat: no-repeat;
background-position: center;
width: 17px;
height: 20px;
position: absolute;
top: 14px;
right: 24px;
}
.button.button--no-arrow {
padding: 16px 24px 16px 24px;
}
.button.button--no-arrow:before {
all: unset;
}
.button.button--small {
padding: 12px 14px 12px 14px;
font-size: 14px;
}
.button.button--arrow-down:before {
background-image: url("/content/themes/ramatours//img/chevrons-down.svg");
}
.button:hover {
filter: brightness(85%);
cursor: pointer;
}
.button--solid.button--white {
background-color: #fff;
color: #00807b;
}
.button--solid.button--white:before {
filter: brightness(0) saturate(100%) invert(20%) sepia(76%) saturate(4086%) hue-rotate(168deg) brightness(96%) contrast(104%);
}
.button--solid.button--white:hover {
color: #006a66;
}
.button--solid.button--primary {
background-color: #00807b;
color: white;
}
.button--solid.button--primary:before {
color: #fff;
}
.button--solid.button--primary:hover {
filter: brightness(85%);
}
.button--solid.button--secondary {
background-color: #155980;
color: #fff;
}
.button--solid.button--secondary:before {
color: #fff;
}
.button--outline {
background: transparent;
}
.button--outline.active {
color: #00807b !important;
}
.button--outline.button--primary {
border: 2px solid #006a66;
color: #006a66;
}
.button--outline.button--primary:before {
filter: brightness(0) saturate(100%) invert(19%) sepia(77%) saturate(4516%) hue-rotate(169deg) brightness(82%) contrast(102%);
}
.button--outline.button--secondary {
border: 2px solid #155980;
color: #155980;
}
.button--outline.button--secondary:before {
filter: brightness(0) saturate(100%) invert(27%) sepia(36%) saturate(1625%) hue-rotate(166deg) brightness(92%) contrast(89%);
}
.button--outline.button--white {
border: 1px solid #fff;
color: #fff;
}
.button--outline.button--white:before {
color: #fff;
}
.button.center {
text-align: center;
}
.fullwidth.fwHomepageFilter {
position: relative;
display: block;
padding: 0;
}
@media (max-width: 620px) {
.fullwidth.fwHomepageFilter {
margin-top: -90px;
padding: 0 20px;
}
}
@media (min-width: 620px) {
.container.cHomepageFilter {
position: absolute;
top: -250px;
left: 50%;
transform: translate(-50%);
}
}
.fullwidth.fwDuocol--default {
padding: 48px 20px;
}
.fullwidth.fwDuocol--rondreizenTop {
padding-top: 0;
padding-bottom: 48px;
}
.cDuocol--duocol:has(+ .cDuocol--duocol) {
margin-bottom: 60px;
}
.container.cDuocol {
display: flex;
flex-direction: column;
gap: 40px;
}
@media (min-width: 1023px) {
.container.cDuocol {
flex-direction: row;
gap: 40px;
}
}
.container.cDuocol p {
font: 300 16px/26px "Roboto", sans-serif !important;
}
.container.cDuocol h2 {
margin: 0 0 8px 0;
font-family: "Merriweather", serif;
color: #00807b;
font-size: 26px;
font-style: normal;
font-weight: 700;
line-height: normal;
}
@media (max-width: 620px) {
.container.cDuocol .right__col .button {
text-align: center;
width: 100%;
}
}
.container.cDuocol--default {
padding: 0;
}
.container.cDuocol--default .left__col {
display: none;
}
@media (min-width: 1023px) {
.container.cDuocol--default .left__col {
width: calc(50% - 15px);
display: block;
}
}
.container.cDuocol--default .left__col .img-wrapper {
width: 100%;
height: 100%;
max-height: 405px;
}
.container.cDuocol--default .left__col .img-wrapper img {
-o-object-fit: cover;
object-fit: cover;
height: auto;
width: 100%;
}
.container.cDuocol--default .right__col {
width: 100%;
}
@media (min-width: 1023px) {
.container.cDuocol--default .right__col {
width: calc(50% - 15px);
}
}
.container.cDuocol--duocol {
display: flex;
flex-direction: column-reverse;
gap: 20px;
}
@media (min-width: 620px) {
.container.cDuocol--duocol {
flex-direction: row;
justify-content: space-between;
}
}
.container.cDuocol--duocol > .left__col {
width: 100%;
}
@media (min-width: 620px) {
.container.cDuocol--duocol > .left__col {
width: calc(50% - 47.5px);
height: 400px;
}
}
.container.cDuocol--duocol > .right__col {
width: 100%;
}
@media (min-width: 620px) {
.container.cDuocol--duocol > .right__col {
width: calc(50% - 47.5px);
padding-bottom: 0;
}
}
.container.cDuocol--duocol > .right__col p {
color: #000;
font-family: Roboto;
font-size: 16px;
line-height: 26px;
font-weight: 400;
}
.container.cDuocol--duocol .img-wrapper {
width: 100%;
height: 100%;
position: relative;
border-radius: 8px;
overflow: hidden;
-o-object-fit: cover;
object-fit: cover;
}
.container.cDuocol--duocol .img-wrapper img {
width: 100%;
height: auto;
}
.container.cDuocol--rondreizenTop {
justify-content: space-between;
}
.container.cDuocol--rondreizenTop .left__col {
width: 100%;
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: flex-start;
}
@media (min-width: 1023px) {
.container.cDuocol--rondreizenTop .left__col {
width: calc(100% - 615px);
}
}
.container.cDuocol--rondreizenTop .left__col .text-container h1 {
color: #00807b;
margin: 0;
}
@media (max-width: 620px) {
.container.cDuocol--rondreizenTop .left__col .text-container h1 {
font-size: 26px;
font-weight: bold;
}
.container.cDuocol--rondreizenTop .left__col .text-container h1:has(+ p) {
margin-bottom: 8px;
}
}
.container.cDuocol--rondreizenTop .left__col .text-container p {
color: #333;
font: 300 16px/26px Roboto, sans-serif;
}
.container.cDuocol--rondreizenTop .left__col .text-container:has(+ *) {
margin-bottom: 20px;
}
@media (max-width: 620px) {
.container.cDuocol--rondreizenTop .left__col a:has(+ a) {
margin-bottom: 20px;
}
}
@media (min-width: 620px) {
.container.cDuocol--rondreizenTop .left__col a:has(+ a) {
margin-right: 20px;
}
}
.container.cDuocol--rondreizenTop .right__col {
width: 100%;
color: #fff;
}
@media (min-width: 1023px) {
.container.cDuocol--rondreizenTop .right__col {
width: 554px;
}
}
.container.cDuocol--rondreizenTop .right__col .magazine-container2 h1 {
font: 400 36px/46px "Merriweather", serif;
color: #00807b;
margin: 30px 0 15px 0;
overflow: hidden;
}
.container.cDuocol--rondreizenTop .right__col .magazine-container2 p {
margin-bottom: 20px;
}
.container.cDuocol--rondreizenTop .right__col .magazine-container2 p.magazine-title {
margin: 0;
padding: 0;
color: #FFF !important;
font-family: "Merriweather" !important;
font-size: 22px !important;
font-style: normal !important;
font-weight: 700 !important;
line-height: 140% !important; /* 30.8px */
margin-bottom: 8px !important;
}
.container.cDuocol--rondreizenTop .right__col .magazine-container2 .img-wrapper {
width: 100%;
height: 178px;
border-radius: 5px 5px 0 0;
overflow: hidden;
}
@media (min-width: 620px) {
.container.cDuocol--rondreizenTop .right__col .magazine-container2 .img-wrapper {
height: 414px;
}
}
.container.cDuocol--rondreizenTop .right__col .magazine-container2 .img-wrapper img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.container.cDuocol--rondreizenTop .right__col .magazine-container2 p.h3 {
font-family: Merriweather, serif !important;
font-size: 20px;
margin: 0px !important;
padding: 0 !important;
}
.container.cDuocol--rondreizenTop .right__col .magazine-container2 .image-text {
margin: 0;
padding: 20px;
}
.container.cDuocol--rondreizenTop .right__col .magazine-container2 .text-container {
display: block;
width: 100%;
height: auto;
padding: 25px;
background-color: #155980;
border-radius: 0 0 5px 5px;
}
.container.cDuocol--rondreizenTop .right__col .magazine-container2 .reis-image {
display: none;
}
.container.cDuocol--rondreizenTop .right__col .magazine-container2 .download-brochure {
position: relative;
display: inline-block;
text-align: center;
width: 100%;
color: #fff;
border: 2px solid #fff;
border-radius: 5px;
font: 400 16px/16px "Roboto", sans-serif;
padding: 10px 10px;
padding-right: 60px;
}
@media (min-width: 1023px) {
.container.cDuocol--rondreizenTop .right__col .magazine-container2 .download-brochure {
width: 130px;
}
}
.container.cDuocol--rondreizenTop .right__col .magazine-container2 .download-brochure::before {
transition: all 0.6s;
content: "\f061";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
color: white;
font-size: 14px;
padding-right: 0.5em;
position: absolute;
top: 11px;
right: 10px;
}
.container.cDuocol--rondreizenTop .right__col .magazine-container2 .download-brochure:hover {
background-color: #fff;
color: #155980;
}
.container.cDuocol--rondreizenTop .right__col .magazine-container2 .download-brochure:hover:before {
color: #155980 !important;
}
@media (max-width: 620px) {
.container.cDuocol--rondreizenTop .button {
width: 100%;
}
}
.fullwidth.fwUsps {
position: relative;
padding: 40px 32px;
}
.fullwidth.fwUsps:before {
position: absolute;
background-color: rgba(0, 0, 0, 0.4);
content: "";
display: block;
left: 0;
top: 0;
z-index: 1;
width: 100%;
height: 100%;
}
.fullwidth.fwUsps .img-container {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.fullwidth.fwUsps .img-container img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.container.cUsps {
display: flex;
flex-direction: row;
flex-wrap: wrap;
position: relative;
z-index: 1;
padding: 0;
justify-content: flex-start;
}
@media (min-width: 620px) {
.container.cUsps {
justify-content: center;
}
}
.container.cUsps .container__title {
width: 100%;
color: #fff;
text-shadow: 1px 1px 1px #000;
margin: 0;
font-size: 26px;
font-style: normal;
font-weight: 700;
line-height: normal;
margin-bottom: 16px;
}
@media (min-width: 620px) {
.container.cUsps .container__title {
text-align: center;
}
}
.container.cUsps ul {
list-style-type: none;
padding: 0;
margin: 0;
-moz-column-count: 1;
column-count: 1;
}
@media (min-width: 1023px) {
.container.cUsps ul {
padding: 25px 0 0 0;
-moz-column-count: 3;
column-count: 3;
}
}
.container.cUsps ul li {
color: #fff;
font-family: Roboto, sans-serif;
font-size: 16px;
font-weight: 700;
line-height: 40px;
text-shadow: 1px 1px 1px #000;
}
.container.cUsps ul li i {
color: #d7a329;
font-size: 20px;
text-align: center;
width: 25px;
}
.fullwidth.fwNieuws {
padding: 48px 0;
}
.container.cNieuws {
padding: 0 20px;
}
.container.cNieuws .container__title {
margin: 0;
text-align: center;
margin-bottom: 16px;
}
.nieuws-container {
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
}
@media (max-width: 1023px) {
.nieuws-container {
gap: 30px;
}
}
@media (min-width: 1023px) {
.nieuws-container {
flex-direction: row;
}
}
.nieuws-button-container {
margin-top: 16px;
display: flex;
justify-content: center;
}
@media (max-width: 620px) {
.nieuws-button-container .button {
width: 100%;
text-align: center;
}
}
.nieuwsItem {
width: 100%;
background-color: #fff;
border-radius: 8px;
overflow: hidden;
}
@media (max-width: 620px) {
.nieuwsItem:nth-child(n+2) {
display: none;
}
}
@media (min-width: 1023px) {
.nieuwsItem {
width: calc(33.3% - 20px);
}
}
.nieuwsItem figure {
width: 100%;
height: 267.75px;
}
.nieuwsItem figure img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.nieuwsItem .content {
padding: 20px;
display: flex;
flex-direction: column;
gap: 8px;
}
.nieuwsItem .content .h3 {
margin: 0;
font-size: 20px;
font-weight: bold;
}
.nieuwsItem .content .h3 a {
color: #00807b;
}
.nieuwsItem .content .date {
color: #000;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: normal;
opacity: 0.6;
}
.nieuwsItem .content p {
font: 300 16px/26px "Roboto", sans-serif !important;
}
.nieuwsItem .content p:has(+ p) {
padding-bottom: 32px;
}
.nieuwsItem .content a {
color: #00807b;
}
.fullwidth.fwNieuwsbrief {
padding: 48px 20px;
}
.container.cNieuwsbrief {
display: flex;
flex-direction: column;
}
.container.cNieuwsbrief .container__title {
width: 100%;
text-align: center;
margin: 0 0 24px 0;
color: #00807b;
font-family: "Merriweather", serif;
font-size: 26px;
font-style: normal;
font-weight: 700;
line-height: normal;
}
.container.cNieuwsbrief .button {
display: flex;
align-self: center;
text-align: center;
width: 300px;
justify-content: center;
align-items: center;
}
.fullwidth.fwInstagram {
padding: 48px 0px 36px;
}
@media (min-width: 620px) {
.fullwidth.fwInstagram {
padding: 48px 0px;
}
}
.container.cInstagram {
padding: 0;
}
.container.cInstagram .container__title {
text-align: center;
font-family: "Merriweather", serif;
font-size: 26px;
font-style: normal;
font-weight: 700;
line-height: normal;
margin: 0 0 16px 0;
}
.container.cInstagram .container__title a {
color: #00807b;
}
.container.cInstagram .button {
display: block;
align-self: center;
justify-self: center;
}
@media (max-width: 620px) {
.container.cInstagram .button {
width: calc(100% - 40px);
margin: 16px 20px 0 20px;
text-align: center;
}
}
.container.cInstagram .button:after, .container.cInstagram .button:before {
all: unset;
}
.fullwidth.fwCta {
background-color: #00807b;
padding: 48px 20px;
}
.container.cCta {
color: #fff;
}
.container.cCta p {
color: #FFF;
text-align: center;
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: normal;
margin-bottom: 24px;
}
.container.cCta .contact-container {
display: flex;
flex-direction: row;
justify-content: center;
}
@media (max-width: 620px) {
.container.cCta .contact-container {
justify-content: space-between;
}
}
@media (min-width: 620px) {
.container.cCta .contact-container {
gap: 32px;
}
}
.container.cCta .contact-container > div {
display: flex;
flex-direction: row;
gap: 8px;
}
.container.cCta .contact-container > div img {
width: 24px;
height: 24px;
}
.container.cCta .contact-container > div a {
color: #fff;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 26px; /* 162.5% */
}
.fullwidth.fwHighlights + .fullwidth.fwGeneralItems {
padding-top: 0;
}
.fullwidth.fwGeneralItems {
padding: 48px 20px;
}
.fullwidth.fwGeneralItems .group-slider {
padding: 0 0 68px 0;
}
.fullwidth.fwGeneralItems .group-slider .flickity-viewport {
height: 340px;
margin-top: 0;
}
.fullwidth.fwGeneralItems .group-slider .flickity-viewport .general-item {
width: 340px;
height: 340px;
margin-right: 30px !important;
}
@media (min-width: 620px) {
.fullwidth.fwGeneralItems .group-slider .flickity-viewport .general-item {
width: 418px;
height: 482px;
}
}
.fullwidth.fwGeneralItems .group-slider .flickity-button {
border-radius: 8px !important;
background: #155980 !important;
}
@media (max-width: 620px) {
.fullwidth.fwGeneralItems .group-slider .flickity-button {
top: unset;
bottom: -20px;
}
}
.fullwidth.fwGeneralItems .group-slider .flickity-button.previous {
left: 50% !important;
transform: translateY(-24px) translateX(-52px);
}
@media (min-width: 620px) {
.fullwidth.fwGeneralItems .group-slider .flickity-button.previous {
left: 20px !important;
transform: translatey(-24px);
}
}
.fullwidth.fwGeneralItems .group-slider .flickity-button.next {
left: 50% !important;
transform: translateY(-24px) translateX(6px);
}
@media (min-width: 620px) {
.fullwidth.fwGeneralItems .group-slider .flickity-button.next {
left: unset !important;
right: 20px !important;
transform: translatey(-24px);
}
}
.fullwidth.fwGeneralItems .group-slider .flickity-button .flickity-button-icon {
width: 16px;
height: 16px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.container.cGeneralItems {
display: flex;
flex-direction: column;
gap: 30px;
padding: 0;
}
.container.cGeneralItems .h2 {
margin: 0;
font-size: 26px;
text-align: center;
width: 100%;
margin-bottom: 20px;
font-weight: bold;
}
@media (min-width: 620px) {
.container.cGeneralItems .h2 {
width: unset;
}
}
.container.cGeneralItems--default .general-item {
width: 370px;
}
.container.cGeneralItems--slider .general-item:first-of-type {
display: block;
}
.container.cGeneralItems .container__title {
display: flex;
}
.container.cGeneralItems .container__title__with_button {
flex-direction: row;
justify-content: space-between;
}
.container.cGeneralItems .container__title__with_button .button {
display: none;
}
@media (min-width: 620px) {
.container.cGeneralItems .container__title__with_button .button {
display: flex;
align-self: flex-start;
}
}
.container.cGeneralItems .items-container {
display: flex;
flex-direction: row;
gap: 30px;
}
.container.cGeneralItems .items-container .general-item {
width: 370px;
height: 440px;
}
@media (max-width: 620px) {
.themas-wrapper .group-slider {
padding-bottom: 74px !important;
}
}
.themas-wrapper .flickity-viewport {
height: 360px !important;
}
@media (min-width: 620px) {
.themas-wrapper .flickity-viewport {
height: 390px !important;
}
}
.themas-wrapper .flickity-viewport .general-item {
width: 320px !important;
height: 360px !important;
}
@media (min-width: 620px) {
.themas-wrapper .flickity-viewport .general-item {
width: 33.3% !important;
height: 390px !important;
}
}
.themas-wrapper .general-item {
height: 360px !important;
}
@media (min-width: 620px) {
.themas-wrapper .general-item {
height: 390px !important;
}
}
.hoogtepunten-wrapper .general-item {
display: block;
height: 360px !important;
}
.bestemmingen-wrapper .general-item {
display: block;
height: 360px !important;
}
.cSliderItems {
position: relative;
}
.cSliderItems .slide {
visibility: visible !important;
}
.cSliderItems .slider-buttons {
position: absolute;
left: 0;
width: 100%;
display: flex;
flex-direction: row;
height: 50px;
}
@media (max-width: 620px) {
.cSliderItems .slider-buttons {
bottom: 0;
justify-content: center;
gap: 8px;
}
}
@media (min-width: 620px) {
.cSliderItems .slider-buttons {
bottom: 0;
justify-content: center;
gap: 20px;
}
}
.cSliderItems .slider-buttons .button {
padding: 0;
height: 50px;
width: 50px;
display: flex;
justify-content: center;
align-items: center;
}
.footer.fwFooter .footer-wrapper {
padding: 40px 20px;
display: flex;
flex-direction: column;
justify-content: space-between;
}
@media (min-width: 620px) {
.footer.fwFooter .footer-wrapper {
flex-direction: row;
flex-wrap: wrap;
}
}
@media (min-width: 1400px) {
.footer.fwFooter .footer-wrapper {
padding: 40px 80px;
}
}
@media (min-width: 1600px) {
.footer.fwFooter .footer-wrapper {
padding: 40px 120px;
}
}
.footer.fwFooter .footer-wrapper > div {
width: 100%;
}
@media (min-width: 620px) {
.footer.fwFooter .footer-wrapper > div {
width: calc(50% - 10px);
}
}
@media (min-width: 1200px) {
.footer.fwFooter .footer-wrapper > div {
width: calc(20% - 10px);
}
}
.footer.fwFooter a {
font-size: 16px;
font-weight: 200;
}
.h4.footer__title {
position: relative;
margin: 0 0 32px 0 !important;
padding: unset !important;
color: #FFF;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: normal;
display: flex;
flex-direction: row;
justify-content: space-between;
}
@media (min-width: 1200px) {
.h4.footer__title {
margin: 0 !important;
padding: 0 0 16px 0 !important;
}
}
@media (max-width: 620px) {
.footer__parent.active .h4.footer__title {
margin: 0 0 16px 0 !important;
}
}
.h4.footer__title.last {
margin: 0 !important;
}
.h4.footer__title.contact {
margin: 0 0 8px 0 !important;
}
.h4.footer__title i {
position: relative;
width: 20px;
height: 20px;
}
@media (min-width: 620px) {
.h4.footer__title i {
display: none;
pointer-events: none;
}
}
.h4.footer__title i:after {
content: "\f107";
font-family: FontAwesome, serif;
font-size: 20px;
position: absolute;
top: 0;
left: 0;
padding: 0;
font-style: normal;
}
.footer__submenu {
display: none;
}
@media (min-width: 620px) {
.footer__submenu {
display: block;
}
}
.footer__parent.active .footer__submenu {
display: block;
}
.textwidget {
margin-bottom: 32px;
}
.textwidget.nomargin {
margin-bottom: 0;
}
.textwidget p {
margin-bottom: 0;
}
.fullwidth.fwFooterBottom {
background-color: rgb(0, 106, 102) !important;
padding: 20px 0 !important;
}
.container.cFooterBottom {
width: 100%;
padding: 0px 20px;
flex-wrap: wrap;
display: flex;
flex-direction: row;
gap: 8px;
}
@media (min-width: 620px) {
.container.cFooterBottom {
padding: 0 100px 0 75px;
}
}
.container.cFooterBottom a {
color: #FFF;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 24px; /* 171.429% */
}
.container.cFooterBottom p {
font-size: 14px;
}
.fullwidth.fwFrontPageBanner {
position: relative;
margin: 0;
padding: 0;
}
.page-template-template-reisaanbod .fullwidth.fwFrontPageBanner {
margin-bottom: 0px;
}
@media (max-width: 620px) {
.page-template-template-reisaanbod .fullwidth.fwFrontPageBanner {
padding-bottom: 24px;
}
}
.container.cFrontPageBanner {
position: relative;
z-index: 10;
display: flex;
flex-direction: column;
}
.container.cFrontPageBanner > .left__col {
position: relative;
display: flex;
flex-direction: column;
align-self: flex-start;
align-items: center;
justify-content: center;
margin-top: 64px;
gap: 11px;
}
@media (max-width: 620px) {
.container.cFrontPageBanner > .left__col {
margin-top: 51px;
}
}
@media (min-width: 620px) {
.container.cFrontPageBanner > .left__col {
gap: 20px;
}
}
.container.cFrontPageBanner > .left__col .inner-corner {
padding: 20px 5px 37px 12px;
}
@media (min-width: 620px) {
.container.cFrontPageBanner > .left__col .inner-corner {
padding: 24px 20px 48px 20px;
}
}
.container.cFrontPageBanner > .left__col h1 {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.container.cFrontPageBanner > .left__col h1 span {
display: flex;
align-self: flex-start;
margin-left: auto;
margin-right: auto;
text-transform: uppercase;
}
.container.cFrontPageBanner > .left__col h1 span:first-child {
transform: rotate(-1.435deg);
}
.container.cFrontPageBanner > .left__col h1 span:nth-child(2) {
transform: rotate(-6.502deg);
}
.container.cFrontPageBanner > .left__col h1 span:nth-child(3) {
transform: rotate(2.629deg);
}
.container.cFrontPageBanner > .left__col h1 span:nth-child(4) {
transform: rotate(9.169deg);
}
.container.cFrontPageBanner > .left__col .span-primary {
font-size: 34px;
padding: 8.913px 10.398px;
}
@media (min-width: 620px) {
.container.cFrontPageBanner > .left__col .span-primary {
font-size: 46px;
}
}
.container.cFrontPageBanner > .left__col .span-secondary {
font-size: 34px;
padding: 8.913px 14.854px;
}
@media (min-width: 620px) {
.container.cFrontPageBanner > .left__col .span-secondary {
font-size: 46px;
}
}
.container.cFrontPageBanner .tagline {
font-size: 24px;
justify-content: center;
}
@media (max-width: 620px) {
.container.cFrontPageBanner .tagline {
color: #F5F5F5;
font-size: 18px;
}
}
.container.cFrontPageBanner .filter-container .filter-block {
width: 283.66px;
}
.container.cFrontPageBanner .filter-container .filter-block select {
width: 100%;
}
@media (max-width: 620px) {
.container.cFrontPageBanner .filter-container {
margin-top: 231px;
padding: 32px 20px;
flex-direction: column;
gap: 15px;
}
.container.cFrontPageBanner .filter-container .filter-block {
width: 100%;
}
.container.cFrontPageBanner .filter-container .filter-block select {
width: 100%;
}
.container.cFrontPageBanner .filter-container .button {
width: 100%;
margin-top: 13px;
}
}
@media (min-width: 620px) {
.container.cFrontPageBanner .filter-container {
margin-top: 118.5px;
}
}
.fullwidth.fwReisOverzicht {
display: flex;
flex-direction: column;
gap: 24px;
z-index: 5;
}
body.single-hotels .fullwidth.fwReisOverzicht, body.single-hoogtepunten .fullwidth.fwReisOverzicht, body.single-excursies .fullwidth.fwReisOverzicht, body.single-bouwstenen .fullwidth.fwReisOverzicht {
margin-top: 80px;
margin-bottom: 40px;
}
.container.cReisOverzichtTop {
display: flex;
flex-direction: row;
justify-content: center;
flex-wrap: wrap;
}
@media (max-width: 620px) {
.container.cReisOverzichtTop {
margin-top: 64px;
}
}
@media (min-width: 620px) {
.container.cReisOverzichtTop {
justify-content: space-between;
}
}
.container.cReisOverzichtTop > .left__col {
display: flex;
flex-direction: column;
transform-origin: top left;
position: relative;
z-index: 1;
}
.container.cReisOverzichtTop > .left__col .h2 {
display: flex;
flex-direction: column;
gap: 8px;
}
.container.cReisOverzichtTop > .left__col .arrow-10 {
position: absolute;
}
@media (max-width: 620px) {
.container.cReisOverzichtTop > .left__col .arrow-10 {
left: 50%;
transform: translate(-50%, -106px);
top: 0;
width: 87px;
height: 101px;
}
}
@media (min-width: 620px) {
.container.cReisOverzichtTop > .left__col .arrow-10 {
right: 0;
bottom: -20px;
width: 103px;
height: 120px;
min-width: 103px;
min-height: 120px;
transform: translate(calc(100% + 34.75px));
}
}
.container.cReisOverzichtTop > .left__col .arrow-10 img {
-o-object-fit: contain;
object-fit: contain;
width: 100%;
height: 100%;
}
@media (max-width: 620px) {
.container.cReisOverzichtTop > .left__col .tagline {
font-size: 18px;
margin: 0 auto;
}
}
@media (max-width: 620px) {
.container.cReisOverzichtTop > .left__col .span-primary {
font-size: 28px;
}
}
@media (max-width: 620px) {
.container.cReisOverzichtTop > .right__col__more {
display: none;
}
}
.container.cReisOverzichtTop > .right__col__more a {
color: #00807b;
}
.container.cReisOverzicht {
display: flex;
flex-direction: row;
gap: 16px;
flex-wrap: wrap;
margin-bottom: 32px;
min-height: 440px;
}
@media (min-width: 1200px) {
.container.cReisOverzicht {
gap: 20px;
}
}
.container.cReisOverzicht .general-item {
width: 376.66px;
height: 440px;
}
.container.cViewMore {
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 47.12px;
}
.container.cReisaanbodBanner {
position: relative;
z-index: 10;
display: flex;
flex-direction: column;
}
.container.cReisaanbodBanner > .left__col {
position: relative;
display: flex;
flex-direction: column;
align-self: flex-start;
align-items: center;
justify-content: center;
gap: 11px;
width: 100%;
}
@media (min-width: 620px) {
.container.cReisaanbodBanner > .left__col {
gap: 20px;
}
}
.container.cReisaanbodBanner > .left__col .inner-corner {
padding: 20px 5px 37px 12px;
}
@media (min-width: 620px) {
.container.cReisaanbodBanner > .left__col .inner-corner {
padding: 24px 20px 48px 20px;
}
}
.container.cReisaanbodBanner > .left__col h1 {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.container.cReisaanbodBanner > .left__col h1 span {
display: flex;
align-self: flex-start;
margin-left: auto;
margin-right: auto;
text-transform: uppercase;
}
.container.cReisaanbodBanner > .left__col h1 span:first-child {
transform: rotate(-1.435deg);
}
.container.cReisaanbodBanner > .left__col h1 span:nth-child(2) {
transform: rotate(-6.502deg);
}
.container.cReisaanbodBanner > .left__col h1 span:nth-child(3) {
transform: rotate(2.629deg);
}
.container.cReisaanbodBanner > .left__col h1 span:nth-child(4) {
transform: rotate(9.169deg);
}
.container.cReisaanbodBanner > .left__col .span-primary {
font-size: 34px;
padding: 8.913px 10.398px;
}
@media (min-width: 620px) {
.container.cReisaanbodBanner > .left__col .span-primary {
font-size: 46px;
}
}
.container.cReisaanbodBanner > .left__col .span-secondary {
font-size: 34px;
padding: 8.913px 14.854px;
}
@media (min-width: 620px) {
.container.cReisaanbodBanner > .left__col .span-secondary {
font-size: 46px;
}
}
.container.cReisaanbodBanner .tagline {
font-size: 24px;
justify-content: center;
}
@media (max-width: 620px) {
.container.cReisaanbodBanner .tagline {
color: #F5F5F5;
font-size: 18px;
}
}
.container.cReisaanbodBanner .filter-container .filter-block {
width: 283.66px;
}
.container.cReisaanbodBanner .filter-container .filter-block select {
width: 100%;
}
@media (max-width: 620px) {
.container.cReisaanbodBanner .filter-container {
margin-top: 131px;
padding: 32px 20px;
flex-direction: column;
gap: 15px;
}
.container.cReisaanbodBanner .filter-container .filter-block {
width: 100%;
}
.container.cReisaanbodBanner .filter-container .filter-block select {
width: 100%;
}
.container.cReisaanbodBanner .filter-container .button {
width: 100%;
margin-top: 13px;
}
}
@media (min-width: 620px) {
.container.cReisaanbodBanner .filter-container {
margin-top: 40px;
}
}
.fullwidth.fwBannerNew {
padding: 0;
}
.container.cBannerNew {
padding: 0;
position: relative;
z-index: 0;
width: 100%;
height: 200px;
display: flex;
align-items: center;
justify-content: center;
}
@media (min-width: 620px) {
.container.cBannerNew {
height: 380px;
}
}
.container.cBannerNew .img-wrapper {
position: absolute;
top: 0;
left: 0;
z-index: 0;
width: 100%;
height: 100%;
}
.container.cBannerNew .img-wrapper img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.container.cBannerNew p {
color: #fff;
position: relative;
z-index: 10;
}
.fullwidth.fwTabs {
position: relative;
background-color: #00807C;
padding: 0;
}
.tabs-container {
display: flex;
flex-direction: row;
overflow: scroll;
position: relative;
padding: 16px 0;
gap: 12px;
}
@media (max-width: 619px) {
.tabs-container {
padding-left: 30px;
padding-right: 30px;
}
}
@media (min-width: 620px) {
.tabs-container {
gap: 24px;
padding: 16px 20px;
}
}
.tabs-container .slide {
position: relative;
}
.tabs-container .slide:hover {
text-decoration: none;
}
.tabs-container .tab {
display: flex;
padding: 6px 24px;
background-color: rgba(255, 255, 255, 0.2);
font-size: 14px;
font-weight: 700;
line-height: 28px;
color: #fff;
justify-content: center;
align-items: center;
border-radius: 100px;
margin: 0 auto;
visibility: visible !important;
white-space: nowrap;
}
.tabs-container .tab-offerte {
background-color: rgba(21, 89, 128, 0.6);
}
.tabs-container .tab-offerte:hover {
background-color: rgb(21, 89, 128) !important;
}
.tabs-container .tab:hover {
background-color: rgba(255, 255, 255, 0.6);
color: #003C3A;
}
@media (min-width: 620px) {
.tabs-container .tab {
margin: 0;
max-width: unset;
}
}
.tabs-container .tab.active {
background-color: rgb(255, 255, 255);
color: #00807b;
}
.tabs-controls {
position: absolute;
left: 0;
top: 0px;
display: flex;
justify-content: space-between;
flex-direction: row;
width: 100%;
height: 72px;
pointer-events: none;
}
@media (min-width: 620px) {
.tabs-controls {
display: none;
}
}
.tabs-controls div {
height: 100%;
display: flex;
align-items: center;
pointer-events: all;
}
@media (min-width: 620px) {
.tabs-controls div {
width: 85px;
}
}
.tabs-controls div.prev {
padding-left: 4px;
background: linear-gradient(90deg, #00807C 42.3%, rgba(0, 128, 124, 0) 72.64%);
justify-content: flex-start;
}
.tabs-controls div.prev i {
transform: rotate(-270deg);
transform-origin: center center;
}
.tabs-controls div.next {
padding-right: 4px;
background: linear-gradient(90deg, rgba(0, 128, 124, 0) 27.36%, #00807C 57.7%);
justify-content: flex-end;
}
.tabs-controls div.next i {
transform: rotate(-90deg);
transform-origin: center center;
}
.tabs-controls div i {
display: block;
color: #fff;
position: relative;
}
.tabs-controls div i:after {
content: "\f107";
font-family: FontAwesome, serif;
font-size: 24px;
line-height: 1em;
padding: 0;
font-style: normal;
}
.fullwidth.fwBreadcrumbs {
padding: 32px 20px;
}
.container.cBreadcrumbs {
padding: 0;
}
.container.cBreadcrumbs ul {
color: #444;
display: flex;
flex-direction: row;
flex-wrap: wrap;
padding: 0;
margin-bottom: 0;
}
.container.cBreadcrumbs ul li {
font: 300 14px/26px "Roboto", sans-serif;
display: inline-block;
position: relative;
}
.container.cBreadcrumbs ul li:last-child a {
color: #1A1A1A;
}
.container.cBreadcrumbs ul li a {
color: #808080;
text-decoration: none;
}
.container.cBreadcrumbs ul li a:hover {
font-weight: bold;
}
.container.cBreadcrumbs ul li + li {
padding-left: 19px;
}
.container.cBreadcrumbs ul li + li::before {
content: "\f105";
left: 6px;
font-family: fontawesome, sans-serif;
position: absolute;
top: 1px;
font-size: 15px;
line-height: 22px;
color: #808080;
}
.fullwidth.fwVoorbeeldreizen {
background-color: #E1F4F3;
padding-top: 48px;
padding-bottom: 64px;
}
.container.cVoorbeeldreizen .h2 {
color: #00807C;
text-align: center;
font-family: "Merriweather";
font-size: 26px;
font-style: normal;
font-weight: 700;
line-height: normal;
margin: 0;
margin-bottom: 20px;
}
.container.cVoorbeeldreizen > section.search-box-filter {
margin: 0;
}
.container.cVoorbeeldreizen > section.search-box-filter .search-box-content {
padding: 0;
}
.container.cVoorbeeldreizen > section.search-box-filter .search-box-content .h3 {
margin: 0;
}
.container.cVoorbeeldreizen > section.search-box-filter .wrapper {
padding: 0;
}
.container.cVoorbeeldreizen > section.search-box-filter .row {
margin: 0;
}
.container.cVoorbeeldreizen > section.search-box-filter .row .col-md-6 {
padding: 0;
}
.container.cVoorbeeldreizen > section.search-box-filter .row .col-md-6 .search-box-fields {
margin: 0;
margin-top: 16px;
}
.container.cVoorbeeldreizen .reis-filter-wrapper {
padding: 16px 20px;
border-radius: 8px;
}
@media (min-width: 620px) {
.container.cVoorbeeldreizen .reis-filter-wrapper {
padding: 30px 60px;
}
}
.container.cVoorbeeldreizen .reis-filter-wrapper p {
color: #FFF;
text-align: center;
font-size: 14px;
font-style: normal;
line-height: 25px; /* 178.571% */
}
@media (min-width: 620px) {
.container.cVoorbeeldreizen .reis-filter-wrapper p {
text-align: left;
}
}
.container.cVoorbeeldreizen .reis-filter-wrapper .h3 {
color: #FFF;
text-align: center;
/* Headings/Heading 5 - Regular */
font-family: "Merriweather";
font-size: 22px;
font-style: normal;
font-weight: 700;
line-height: normal;
text-transform: unset;
}
@media (min-width: 620px) {
.container.cVoorbeeldreizen .reis-filter-wrapper .h3 {
text-align: left;
}
}
.container.cVoorbeeldreizen .result-box .row {
margin: 0;
display: flex;
flex-direction: column;
gap: 16px;
}
@media (min-width: 620px) {
.container.cVoorbeeldreizen .result-box .row {
flex-direction: row;
flex-wrap: wrap;
}
}
.container.cVoorbeeldreizen .result-box .row:before, .container.cVoorbeeldreizen .result-box .row:after {
all: unset;
}
.container.cVoorbeeldreizen .general-item {
display: block;
width: 100%;
height: 360px;
}
@media (max-width: 620px) {
.container.cVoorbeeldreizen .general-item {
min-width: 100%;
}
}
@media (min-width: 716px) {
.container.cVoorbeeldreizen .general-item {
width: calc(50% - 8px);
}
}
@media (min-width: 1024px) {
.container.cVoorbeeldreizen .general-item {
width: calc(33.3% - 10.33px);
}
}
.container.cVoorbeeldreizen .view-more-wrapper {
padding: 0;
padding-top: 20px;
display: flex;
justify-content: center;
align-items: center;
}
@media (max-width: 620px) {
.container.cVoorbeeldreizen .view-more-wrapper .button {
width: 100%;
}
}
.container.cVoorbeeldreizen .section-item-result {
margin: 20px 0 0;
}
.fullwidth.fwRondreisTop {
background-color: rgb(0, 128, 124);
}
@media (min-width: 1200px) {
.fullwidth.fwRondreisTop {
position: absolute;
width: 600px;
top: 224px;
left: 50%;
transform: translate(-600px);
display: block;
border-radius: 8px;
background-color: rgba(0, 128, 124, 0.7);
}
}
.container.cRondreisTop {
display: flex;
flex-direction: column;
gap: 16px;
width: 100%;
}
.container.cRondreisTop > .left__col .h1 {
color: #FFF;
font-family: Merriweather;
font-size: 26px;
font-style: normal;
font-weight: 700;
line-height: normal;
}
.container.cRondreisTop > .right__col .columns {
display: flex;
flex-direction: row;
justify-content: space-between;
}
.container.cRondreisTop > .right__col .columns .column {
display: flex;
flex-direction: row;
gap: 8px;
}
.container.cRondreisTop > .right__col .columns .column:first-child {
flex-direction: column;
}
.container.cRondreisTop > .right__col .columns .column:first-child span:first-child {
color: #fff;
font-family: "Roboto";
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 26px;
}
.container.cRondreisTop > .right__col .columns .column:first-child span:nth-child(2) {
color: #fff;
font-family: "Merriweather";
font-size: 26px;
font-style: normal;
font-weight: 700;
line-height: 32px;
}
.container.cRondreisTop > .right__col .columns .column:nth-child(2) .details {
display: flex;
flex-direction: column;
gap: 8px;
}
.container.cRondreisTop > .right__col .columns .column:nth-child(2) .details .detail {
display: flex;
flex-direction: row;
gap: 8px;
}
.container.cRondreisTop > .right__col .columns .column:nth-child(2) .details .detail span:nth-child(2) {
color: #FFF;
font-family: Roboto;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.fullwidth.fwSpecialist {
background: #00807C;
position: relative;
}
@media (min-width: 1200px) {
.page-template-template-offerte .fullwidth.fwSpecialist {
display: none;
}
}
@media (min-width: 1200px) {
.fullwidth.fwSpecialist {
padding: 0 75px;
}
}
@media (max-width: 1199px) {
.fullwidth.fwSpecialist {
padding-bottom: 0;
padding-top: 40px;
}
}
.container.cSpecialist {
display: flex;
gap: 16px;
color: #fff;
}
@media (max-width: 1200px) {
.container.cSpecialist {
flex-direction: column-reverse;
}
.container.cSpecialist > .left__col img {
max-width: 200px;
height: auto;
}
.container.cSpecialist > .left__col .columns {
display: flex;
flex-direction: column;
gap: 4px;
}
.container.cSpecialist > .left__col .columns .column:first-child {
width: 160px;
height: 172px;
-o-object-fit: contain;
object-fit: contain;
position: absolute;
right: 0;
bottom: 0;
}
.container.cSpecialist > .left__col .columns .column:first-child img {
width: 100%;
height: 100%;
}
.container.cSpecialist > .left__col .columns .column:nth-child(2) {
display: flex;
flex-direction: column;
}
.container.cSpecialist > .left__col .columns .column:nth-child(2) span {
color: #FFF;
font-family: "Roboto", sans-serif;
font-style: normal;
font-weight: 400;
}
.container.cSpecialist > .left__col .columns .column:nth-child(2) span:first-child {
font-size: 18px;
font-weight: bold;
}
.container.cSpecialist > .left__col .columns .column:nth-child(2) span:nth-child(2) {
font-size: 16px;
line-height: 26px; /* 162.5% */
}
.container.cSpecialist > .left__col .columns .column:nth-child(3) {
font-size: 16px;
line-height: 26px; /* 162.5% */
}
}
@media (min-width: 1200px) {
.container.cSpecialist {
flex-direction: row;
justify-content: center;
}
.container.cSpecialist > .left__col {
width: 20%;
-o-object-fit: contain;
object-fit: contain;
}
.container.cSpecialist > .left__col img {
width: 100%;
height: 100%;
}
.container.cSpecialist > .mid__col {
display: flex;
align-items: center;
width: 40%;
}
.container.cSpecialist > .right__col {
justify-content: center;
display: flex;
align-items: center;
}
.container.cSpecialist .contact-details .detail {
padding: 14px 20px;
background-color: #fff;
border-radius: 8px;
}
.container.cSpecialist .contact-details .detail a {
color: #00807C;
}
.container.cSpecialist .columns {
display: flex;
flex-direction: column;
gap: 50px;
}
.container.cSpecialist .columns .column.employee-info {
display: flex;
flex-direction: column;
}
.container.cSpecialist .columns .column.employee-info span {
color: #FFF;
font-family: Roboto;
font-style: normal;
font-weight: 400;
}
.container.cSpecialist .columns .column.employee-info span:first-child {
font-size: 18px;
font-weight: bold;
}
.container.cSpecialist .columns .column.employee-info span:nth-child(2) {
font-size: 16px;
line-height: 26px; /* 162.5% */
}
}
.container.cSpecialist .quote {
color: #FFF;
text-align: left;
font-family: Merriweather;
font-size: 20px;
font-style: italic;
font-weight: 700;
line-height: normal;
}
@media (min-width: 1200px) {
.container.cSpecialist .quote {
text-align: center;
}
}
@media (max-width: 1199px) {
.container.cSpecialist .quote {
margin-bottom: 16px;
}
}
.contact-details {
display: flex;
flex-direction: column;
gap: 16px;
}
.contact-details .detail, .contact-details a {
display: flex;
flex-direction: row;
gap: 17px;
text-decoration: none;
color: #fff;
}
.contact-details .detail i, .contact-details a i {
font-size: 16px;
}
.fullwidth.fwDagSliderWrapper {
padding: 64px 20px 132px;
position: relative;
z-index: 1;
}
.fullwidth.fwDagSliderWrapper .col-lg-1, .fullwidth.fwDagSliderWrapper .col-lg-10, .fullwidth.fwDagSliderWrapper .col-lg-11, .fullwidth.fwDagSliderWrapper .col-lg-12, .fullwidth.fwDagSliderWrapper .col-lg-2, .fullwidth.fwDagSliderWrapper .col-lg-3, .fullwidth.fwDagSliderWrapper .col-lg-4, .fullwidth.fwDagSliderWrapper .col-lg-5, .fullwidth.fwDagSliderWrapper .col-lg-6, .fullwidth.fwDagSliderWrapper .col-lg-7, .fullwidth.fwDagSliderWrapper .col-lg-8, .fullwidth.fwDagSliderWrapper .col-lg-9, .fullwidth.fwDagSliderWrapper .col-md-1, .fullwidth.fwDagSliderWrapper .col-md-10, .fullwidth.fwDagSliderWrapper .col-md-11, .fullwidth.fwDagSliderWrapper .col-md-12, .fullwidth.fwDagSliderWrapper .col-md-2, .fullwidth.fwDagSliderWrapper .col-md-3, .fullwidth.fwDagSliderWrapper .col-md-4, .fullwidth.fwDagSliderWrapper .col-md-5, .fullwidth.fwDagSliderWrapper .col-md-6, .fullwidth.fwDagSliderWrapper .col-md-7, .fullwidth.fwDagSliderWrapper .col-md-8, .fullwidth.fwDagSliderWrapper .col-md-9, .fullwidth.fwDagSliderWrapper .col-sm-1, .fullwidth.fwDagSliderWrapper .col-sm-10, .fullwidth.fwDagSliderWrapper .col-sm-11, .fullwidth.fwDagSliderWrapper .col-sm-12, .fullwidth.fwDagSliderWrapper .col-sm-2, .fullwidth.fwDagSliderWrapper .col-sm-3, .fullwidth.fwDagSliderWrapper .col-sm-4, .fullwidth.fwDagSliderWrapper .col-sm-5, .fullwidth.fwDagSliderWrapper .col-sm-6, .fullwidth.fwDagSliderWrapper .col-sm-7, .fullwidth.fwDagSliderWrapper .col-sm-8, .fullwidth.fwDagSliderWrapper .col-sm-9, .fullwidth.fwDagSliderWrapper .col-xs-1, .fullwidth.fwDagSliderWrapper .col-xs-10, .fullwidth.fwDagSliderWrapper .col-xs-11, .fullwidth.fwDagSliderWrapper .col-xs-12, .fullwidth.fwDagSliderWrapper .col-xs-2, .fullwidth.fwDagSliderWrapper .col-xs-3, .fullwidth.fwDagSliderWrapper .col-xs-4, .fullwidth.fwDagSliderWrapper .col-xs-5, .fullwidth.fwDagSliderWrapper .col-xs-6, .fullwidth.fwDagSliderWrapper .col-xs-7, .fullwidth.fwDagSliderWrapper .col-xs-8, .fullwidth.fwDagSliderWrapper .col-xs-9 {
padding-left: 0;
padding-right: 0;
}
.fullwidth.fwDagSliderWrapper .row {
margin-right: 0;
margin-left: 0;
}
.fullwidth.fwDagSliderWrapper section.dagslider {
padding: 0;
margin-bottom: 0;
}
.fullwidth.fwDagSliderWrapper section.dagslider .dagslider__title-container {
line-height: 26px;
margin-bottom: 20px;
}
@media (min-width: 768px) {
.fullwidth.fwDagSliderWrapper section.dagslider .dagslider__title-container {
margin-bottom: 32px;
}
}
.fullwidth.fwDagSliderWrapper section.dagslider .dagslider__print {
font-size: 24px;
}
@media (min-width: 1200px) {
.fullwidth.fwDagSliderWrapper section.dagslider .item {
margin-top: 66px;
}
}
.fullwidth.fwDagSliderWrapper section.dagslider .dagslider__controls-wrapper {
position: absolute;
top: 0;
left: 0;
width: 100%;
margin: 0;
}
.fullwidth.fwDagSliderWrapper section.dagslider .dagslider__controls-wrapper .dagslider__controls {
margin: 0px;
width: 100%;
border-color: #165980;
}
.fullwidth.fwDagSliderWrapper section.dagslider .dagslider__controls-wrapper .dagslider__controls a {
color: #165980;
}
@media (min-width: 992px) {
.fullwidth.fwDagSliderWrapper section.dagslider .dagslider__controls-wrapper:nth-of-type(1) {
display: none;
}
}
.fullwidth.fwDagSliderWrapper section.dagslider .dagslider__controls-wrapper:nth-child(3) {
top: unset;
bottom: -68px;
}
.fullwidth.fwDagSliderWrapper section.dagslider .dagslider__controls-wrapper:nth-child(2) {
top: unset;
bottom: -68px;
}
.fullwidth.fwDagSliderWrapper section.dagslider .dagslider__dag-heading .dagslider__subtitle {
margin: 0 0 12px !important;
color: #00807b;
margin-bottom: 8px;
}
@media (min-width: 992px) {
.fullwidth.fwDagSliderWrapper section.dagslider .dagslider__dag-heading {
margin: 0;
}
}
.fullwidth.fwDagSliderWrapper section.dagslider .dagslider__dag-info {
padding-bottom: 0px;
}
.fullwidth.fwDagSliderWrapper section.dagslider .dagslider__thumbnail {
margin-bottom: 0px;
}
.fullwidth.fwDagSliderWrapper section.dagslider .dagOmschrijving {
padding: 20px;
background-color: #fff;
}
@media (max-width: 780px) {
.fullwidth.fwDagSliderWrapper section.dagslider .dagOmschrijving {
border-radius: 0 0 8px 8px;
}
}
@media (min-width: 1370px) {
.fullwidth.fwDagSliderWrapper section.dagslider .dagOmschrijving {
min-height: 400px;
display: flex;
flex-direction: column;
justify-content: center;
}
}
.fullwidth.fwDagSliderHighlights {
padding: 48px 20px;
}
.fullwidth.fwDagSliderHighlights section#hotels-scroll {
margin: 0 !important;
}
.fullwidth.fwDagSliderHighlights section.hotel-archieved nav.hotel-tab .h3, .fullwidth.fwDagSliderHighlights section.hotel-archieved nav.hotel-tab h1, .fullwidth.fwDagSliderHighlights section.hotel-archieved nav.hotel-tab .h3, .fullwidth.fwDagSliderHighlights section.hotel-archieved nav.hotel-tab h1, .fullwidth.fwDagSliderHighlights section.hotel-archieved nav.hotel-tab .h3, .fullwidth.fwDagSliderHighlights section.hotel-archieved nav.hotel-tab h1, .fullwidth.fwDagSliderHighlights section.hotel-archieved nav.hotel-tab .h3, .fullwidth.fwDagSliderHighlights section.hotel-archieved nav.hotel-tab h1 {
color: #00807C;
font-size: 26px;
font-style: normal;
font-weight: 700;
line-height: normal;
}
.fullwidth.fwDagSliderHighlights section.hotel-archieved nav.hotel-tab ul, .fullwidth.fwDagSliderHighlights section.hotel-archieved nav.hotel-tab ul, .fullwidth.fwDagSliderHighlights section.hotel-archieved nav.hotel-tab ul, .fullwidth.fwDagSliderHighlights section.hotel-archieved nav.hotel-tab ul {
display: flex;
flex-direction: row;
gap: 5px;
flex-wrap: nowrap;
}
.fullwidth.fwDagSliderHighlights section.hotel-archieved nav.hotel-tab ul li, .fullwidth.fwDagSliderHighlights section.hotel-archieved nav.hotel-tab ul li, .fullwidth.fwDagSliderHighlights section.hotel-archieved nav.hotel-tab ul li, .fullwidth.fwDagSliderHighlights section.hotel-archieved nav.hotel-tab ul li {
margin: 0;
width: unset;
}
.fullwidth.fwDagSliderHighlights section.hotel-archieved nav.hotel-tab ul li.active a, .fullwidth.fwDagSliderHighlights section.hotel-archieved nav.hotel-tab ul li.active a, .fullwidth.fwDagSliderHighlights section.hotel-archieved nav.hotel-tab ul li.active a, .fullwidth.fwDagSliderHighlights section.hotel-archieved nav.hotel-tab ul li.active a {
background: #165980 !important;
}
.fullwidth.fwDagSliderHighlights section.hotel-archieved nav.hotel-tab ul li a, .fullwidth.fwDagSliderHighlights section.hotel-archieved nav.hotel-tab ul li a, .fullwidth.fwDagSliderHighlights section.hotel-archieved nav.hotel-tab ul li a, .fullwidth.fwDagSliderHighlights section.hotel-archieved nav.hotel-tab ul li a {
display: flex;
height: 48px;
padding: 16px;
justify-content: center;
align-items: center;
flex: 1 0 0;
border-radius: 8px;
border: 2px solid #165980;
color: #000000;
font-size: 16px;
}
.fullwidth.fwDagSliderHighlights section.hotel-archieved nav.hotel-tab ul li a:hover, .fullwidth.fwDagSliderHighlights section.hotel-archieved nav.hotel-tab ul li a:hover, .fullwidth.fwDagSliderHighlights section.hotel-archieved nav.hotel-tab ul li a:hover, .fullwidth.fwDagSliderHighlights section.hotel-archieved nav.hotel-tab ul li a:hover {
background: #165980;
}
.fullwidth.fwDagSliderHighlights section.hotel-archieved .hotel-wrapper .hotel-item-list .list-wrapper, .fullwidth.fwDagSliderHighlights section.hotel-archieved .hotel-wrapper .hotel-item-list .list-wrapper {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 16px;
}
.fullwidth.fwDagSliderHighlights section.hotel-archieved .hotel-wrapper .hotel-item-list .list-wrapper:has(+ .load-more-wrapper), .fullwidth.fwDagSliderHighlights section.hotel-archieved .hotel-wrapper .hotel-item-list .list-wrapper:has(+ .load-more-wrapper) {
margin-bottom: 20px;
}
.fullwidth.fwDagSliderHighlights section.hotel-archieved .hotel-wrapper .hotel-item-list .load-more-wrapper .button, .fullwidth.fwDagSliderHighlights section.hotel-archieved .hotel-wrapper .hotel-item-list .load-more-wrapper .button {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
gap: 5px;
}
.fullwidth.fwDagSliderHighlights section.hotel-archieved .hotel-wrapper .hotel-item-list .load-more-wrapper .button i, .fullwidth.fwDagSliderHighlights section.hotel-archieved .hotel-wrapper .hotel-item-list .load-more-wrapper .button i {
font-size: 24px;
}
.fullwidth.fwDagSliderHighlights .general-item {
width: 100%;
height: 360px;
}
@media (min-width: 500px) {
.fullwidth.fwDagSliderHighlights .general-item {
min-width: unset;
width: calc(50% - 16px);
}
}
@media (min-width: 998px) {
.fullwidth.fwDagSliderHighlights .general-item {
width: calc(33.3% - 10.6px);
}
}
.reizenwrapper .general-item {
height: 360px;
}
.fullwidth.fwOfferForm.offer-form {
padding: 0 20px 0;
}
.fullwidth.fwOfferForm.offer-form h1 {
color: #00807C;
font-size: 26px;
font-style: normal;
font-weight: 700;
line-height: normal;
margin-bottom: 8px;
}
.fullwidth.fwOfferForm.offer-form p {
margin-top: 0;
}
.fullwidth.fwOfferForm.offer-form p:has(+ p) {
margin-bottom: 20px;
}
.fullwidth.fwOfferForm.offer-form .intro {
margin-bottom: 32px;
}
.fullwidth.fwOfferForm.offer-form .offer-form-wrapper {
padding-top: 0;
}
.fullwidth.fwOfferForm.offer-form .offer-form-wrapper h2 {
margin: 0;
color: #00807C;
font-family: Merriweather;
font-size: 26px;
font-style: normal;
font-weight: 700;
line-height: 52px !important;
margin-bottom: 20px;
}
@media (min-width: 1200px) {
.fullwidth.fwOfferForm.offer-form .offer-form-wrapper h2 {
width: 100%;
}
}
.fullwidth.fwOfferForm.offer-form .offer-form-wrapper .row {
margin-left: 0;
margin-right: 0;
}
.fullwidth.fwOfferForm.offer-form .offer-form-wrapper .input-field label {
padding: 0;
color: #595959;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.fullwidth.fwOfferForm.offer-form .offer-form-wrapper .gform_footer.top_label {
margin: 0;
}
.fullwidth.fwOfferForm.offer-form .offer-form-wrapper .gform_footer.top_label input {
border: 2px solid transparent;
background-color: #155980;
color: #fff;
}
.fullwidth.fwOfferForm.offer-form .offer-form-wrapper ul.newsletter, .fullwidth.fwOfferForm.offer-form .offer-form-wrapper ul.newsletter ul {
margin: 0;
}
.fullwidth.fwOfferForm.offer-form .offer-form-wrapper .input-field input {
border-radius: 8px !important;
}
.fullwidth.fwOfferForm.offer-form .col-lg-1, .fullwidth.fwOfferForm.offer-form .col-lg-10, .fullwidth.fwOfferForm.offer-form .col-lg-11, .fullwidth.fwOfferForm.offer-form .col-lg-12, .fullwidth.fwOfferForm.offer-form .col-lg-2, .fullwidth.fwOfferForm.offer-form .col-lg-3, .fullwidth.fwOfferForm.offer-form .col-lg-4, .fullwidth.fwOfferForm.offer-form .col-lg-5, .fullwidth.fwOfferForm.offer-form .col-lg-6, .fullwidth.fwOfferForm.offer-form .col-lg-7, .fullwidth.fwOfferForm.offer-form .col-lg-8, .fullwidth.fwOfferForm.offer-form .col-lg-9, .fullwidth.fwOfferForm.offer-form .col-md-1, .fullwidth.fwOfferForm.offer-form .col-md-10, .fullwidth.fwOfferForm.offer-form .col-md-11, .fullwidth.fwOfferForm.offer-form .col-md-12, .fullwidth.fwOfferForm.offer-form .col-md-2, .fullwidth.fwOfferForm.offer-form .col-md-3, .fullwidth.fwOfferForm.offer-form .col-md-4, .fullwidth.fwOfferForm.offer-form .col-md-5, .fullwidth.fwOfferForm.offer-form .col-md-6, .fullwidth.fwOfferForm.offer-form .col-md-7, .fullwidth.fwOfferForm.offer-form .col-md-8, .fullwidth.fwOfferForm.offer-form .col-md-9, .fullwidth.fwOfferForm.offer-form .col-sm-1, .fullwidth.fwOfferForm.offer-form .col-sm-10, .fullwidth.fwOfferForm.offer-form .col-sm-11, .fullwidth.fwOfferForm.offer-form .col-sm-12, .fullwidth.fwOfferForm.offer-form .col-sm-2, .fullwidth.fwOfferForm.offer-form .col-sm-3, .fullwidth.fwOfferForm.offer-form .col-sm-4, .fullwidth.fwOfferForm.offer-form .col-sm-5, .fullwidth.fwOfferForm.offer-form .col-sm-6, .fullwidth.fwOfferForm.offer-form .col-sm-7, .fullwidth.fwOfferForm.offer-form .col-sm-8, .fullwidth.fwOfferForm.offer-form .col-sm-9, .fullwidth.fwOfferForm.offer-form .col-xs-1, .fullwidth.fwOfferForm.offer-form .col-xs-10, .fullwidth.fwOfferForm.offer-form .col-xs-11, .fullwidth.fwOfferForm.offer-form .col-xs-12, .fullwidth.fwOfferForm.offer-form .col-xs-2, .fullwidth.fwOfferForm.offer-form .col-xs-3, .fullwidth.fwOfferForm.offer-form .col-xs-4, .fullwidth.fwOfferForm.offer-form .col-xs-5, .fullwidth.fwOfferForm.offer-form .col-xs-6, .fullwidth.fwOfferForm.offer-form .col-xs-7, .fullwidth.fwOfferForm.offer-form .col-xs-8, .fullwidth.fwOfferForm.offer-form .col-xs-9 {
padding-left: 0;
padding-right: 0;
}
.fullwidth.fwOfferForm.offer-form .right__col .item-card {
margin: 0;
}
.fullwidth.fwOfferForm.offer-form .right__col .item-card figure {
border-radius: 8px 8px 0 0;
}
.fullwidth.fwOfferForm.offer-form .right__col ul.bestemming-info {
margin: 0;
border-radius: 0 0 8px 8px;
padding: 20px;
}
.fullwidth.fwOfferForm.offer-form .right__col ul.bestemming-info li label {
color: #00807C;
font-family: Merriweather;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: normal;
text-transform: none;
}
.fullwidth.fwOfferForm.offer-form .right__col ul.bestemming-info li.title label {
font-size: 22px;
font-style: normal;
font-weight: 700;
line-height: normal;
}
.fullwidth.fwOfferForm.offer-form .right__col .exampleTripPreview {
margin-top: 0;
padding-top: 70px;
}
.fullwidth.fwOfferForm.offer-form .container {
display: flex;
flex-direction: column;
justify-content: space-between;
}
@media (min-width: 1200px) {
.fullwidth.fwOfferForm.offer-form .container {
flex-direction: row;
}
}
.fullwidth.fwOfferForm.offer-form .container.cOfferFormTop .right__col {
display: none;
}
@media (min-width: 1200px) {
.fullwidth.fwOfferForm.offer-form .container.cOfferFormTop .right__col {
display: block;
}
}
.fullwidth.fwOfferForm.offer-form .container > .left__col {
width: 100%;
}
@media (min-width: 1200px) {
.fullwidth.fwOfferForm.offer-form .container > .left__col {
width: calc(100% - 507px);
}
}
.fullwidth.fwOfferForm.offer-form .container > .right__col {
width: 100%;
}
@media (min-width: 1200px) {
.fullwidth.fwOfferForm.offer-form .container > .right__col {
width: 467px;
}
}
@media (min-width: 1200px) {
.fullwidth.fwOfferForm.offer-form .form-layout .row .formField50:nth-child(1), .fullwidth.fwOfferForm.offer-form .form-layout .row .formField50:nth-child(3) {
padding-right: 20px;
}
}
@media (min-width: 1200px) {
.fullwidth.fwOfferForm.offer-form .form-layout .row .formField50:nth-child(2), .fullwidth.fwOfferForm.offer-form .form-layout .row .formField50:nth-child(4) {
padding-left: 20px;
}
}
.js-index {
transition: all 0.55s ease-in-out;
position: fixed;
left: 20px;
bottom: 20px;
top: initial;
transform: translate(-150%, 0);
z-index: 1111;
background-color: #fff;
padding: 26px 20px;
border-radius: 26px;
}
@media (max-width: 767px) {
.js-index {
width: 100%;
left: 0;
bottom: 0;
border-radius: 26px 26px 0 0;
}
}
@media (min-width: 1200px) {
.js-index {
bottom: initial;
top: 50%;
transform: translate(-150%, -50%);
}
}
.js-index ul {
padding: 0;
}
.js-index.mobileactive {
transform: translate(0, 0);
}
.js-index-mobiletrigger {
min-width: 50px;
max-width: 50px;
width: 50px;
height: 50px;
max-height: 50px;
min-height: 50px;
border-radius: 50px;
display: flex;
justify-content: center;
align-items: center;
position: fixed;
bottom: 90px;
right: 25px;
z-index: 1121;
background: #155980;
font-size: 20px;
}
.js-index-mobiletrigger.noactive {
display: none;
}
.js-index-mobiletrigger.mobileactive .fa-list {
opacity: 0;
}
.js-index-mobiletrigger.mobileactive .fa-times {
opacity: 1;
}
@media (min-width: 768px) {
.js-index-mobiletrigger {
display: none;
}
}
.js-index-mobiletrigger .fa {
transition: all 0.34s ease-in-out;
position: absolute;
top: 50%;
left: calc(50% + 1px);
transform: translate(-50%, -50%);
opacity: 0;
line-height: 50px;
color: #fff;
font-size: 25px;
}
.js-index-mobiletrigger .fa-times {
left: 50%;
}
.js-index-mobiletrigger .fa-list {
opacity: 1;
}
.js-index.hide {
transform: translate(-150%, -50%) !important;
}
@media (max-width: 650px) {
.js-index ul {
overflow: scroll;
}
}
.js-index li {
transition: all 0.34s ease-in-out;
font-size: 14px;
text-transform: uppercase;
color: #000;
white-space: nowrap;
letter-spacing: 1.15px;
position: relative;
display: flex;
align-items: center;
height: 35px;
overflow: hidden;
opacity: 0.4;
}
@media (min-width: 1200px) {
.js-index li {
margin-bottom: 10px;
}
.js-index li:last-child {
margin-bottom: 0;
}
}
.js-index li:before {
content: "";
min-width: 12px;
max-width: 12px;
width: 12px;
height: 12px;
max-height: 12px;
min-height: 12px;
border-radius: 12px;
display: flex;
justify-content: center;
align-items: center;
background: #00807b;
}
.js-index li:last-child {
margin-bottom: 0;
}
.js-index li.active {
color: #000;
opacity: 1;
}
.js-index li.active:before {
filter: grayscale(0);
}
.js-index li:not(.active):hover:before {
transition: all 0.34s ease-in-out;
}
.js-index li:hover {
cursor: pointer;
}
.js-index li:hover .inner {
color: black;
}
.js-index.active .outer {
transition: all 0.55s ease-in-out;
max-width: 600px;
}
.js-index .inner {
margin-left: 20px;
}
@media (min-width: 768px) {
.js-index .inner {
transition: all 0.45s ease-in-out;
}
}
.js-index .outer {
position: relative;
}
@media (min-width: 768px) {
.js-index .outer {
max-width: 0;
transition: all 0.45s ease-in-out;
}
}
body.activeindex .js-backdrop {
display: block;
content: "";
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #000;
z-index: 112;
pointer-events: auto;
opacity: 0.5;
}
.backdrop {
pointer-events: none;
display: none;
}
@media (max-width: 767px) {
.specialist .button {
margin: 0 auto;
}
}