a,
b,
body,
div,
footer,
form,
header,
html,
i,
img,
li,
menu,
nav,
s,
span,
tr,
ul {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline
}
footer,
header,
menu,
nav {
display: block
}
body {
line-height: 1
}
ul {
list-style: none
}
* {
box-sizing: border-box
}
body,
html {
min-height: 100%;
overflow: auto
}
body {
font-family: Muli, Arial, Helvetica, sans-serif;
font-style: normal;
font-stretch: normal;
line-height: 1.75;
background-color: #fff;
color: #121212;
font-size: 16px;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
position: relative
}
img {
border: 0;
max-width: 100%;
height: auto
}
button[disabled] {
cursor: default
}
button::-moz-focus-inner {
border: 0;
padding: 0
}
::-webkit-input-placeholder {
color: #757575
}
::-moz-placeholder {
color: #757575
}
:-ms-input-placeholder {
color: #757575
}
:-moz-placeholder {
color: #757575
}
b {
font-weight: 700
}
ul {
margin-bottom: 20px;
padding-left: 1em;
list-style: square
}
li {
line-height: 1.75;
color: #121212;
font-size: 16px;
font-weight: 400
}
a {
color: #121212;
text-decoration: none
}
a:hover {
color: #35666f;
text-decoration: underline
}
i {
font-style: italic
}
b {
font-weight: 700
}
:focus {
outline: 0
}
@font-face {
font-family: icomoon;
src: url(https://www.anglingescapes.nl/wp-content/themes/anglingescapes/assets/icons/icomoon.eot?jn9iha);
src: url(https://www.anglingescapes.nl/wp-content/themes/anglingescapes/assets/icons/icomoon.eot?jn9iha#iefix) format('embedded-opentype'), url(https://www.anglingescapes.nl/wp-content/themes/anglingescapes/assets/icons/icomoon.ttf?jn9iha) format('truetype'), url(https://www.anglingescapes.nl/wp-content/themes/anglingescapes/assets/icons/icomoon.woff?jn9iha) format('woff'), url(https://www.anglingescapes.nl/wp-content/themes/anglingescapes/assets/icons/icomoon.svg?jn9iha#icomoon) format('svg');
font-weight: 400;
font-style: normal;
font-display: block
}
[class*=" icon-"],
[class^=icon-] {
font-family: icomoon !important;
speak: never;
font-style: normal;
font-weight: 400;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.icon-Menu:before {
content: "\e900"
}
.icon-dropdown:before {
content: "\e90b"
}
.icon-facebook:before {
content: "\ea90"
}
.icon-facebook2:before {
content: "\ea91"
}
.icon-location:before {
content: "\e947"
}
.button,
button {
-webkit-appearance: none;
cursor: pointer;
border-radius: 0;
position: relative;
display: inline-block;
padding: 12px 20px;
line-height: 24px;
font-size: 16px;
text-align: center;
font-weight: 700;
box-shadow: 0 2px 4px rgba(0, 0, 0, .08);
border-radius: 4px;
background-color: #ff7900;
border: 1px solid transparent;
color: #000;
transition: all .2s
}
.button:hover,
button:hover {
background-color: transparent;
color: #ff7900;
border: 1px solid #ff7900;
text-decoration: none
}
.button-b {
font-size: 18px;
line-height: 32px
}
.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0
}
* html .clearfix {
zoom: 1
}
.container {
margin: 0 auto;
padding: 0 15px;
width: 100%;
max-width: 1215px
}
.container-fluid {
width: 100%;
padding: 0 80px
}
.row {
display: flex;
flex-wrap: wrap;
margin: 0 -15px
}
.row>div {
padding-left: 15px;
padding-right: 15px
}
.text-right {
text-align: right
}
.d-none {
display: none
}
.visvakantie-menu {
padding: 0;
padding-top: 10px;
margin: 0;
list-style: none;
display: flex;
justify-content: space-between;
align-items: center;
position: relative
}
.vakanties-column {
width: 24%;
display: inline-block;
vertical-align: top;
padding: 0 15px;
box-sizing: border-box;
list-style: none
}
.vakanties-column ul li {
line-height: 1.2;
list-style: none;
width: 100% !important
}
.visvakantie-menu li {
list-style: none
}
.toggle-menu,
.toggle-submenu {
font-size: 18px;
font-weight: 700;
line-height: 1.25;
padding: 10px;
transition: .3s all;
display: inline-block;
padding: 10px 20px;
text-decoration: none
}
.toggle-menu:hover,
.toggle-submenu:hover {
background-color: #5e9cae;
border-radius: 4px;
color: #fff
}
.toggle-submenu::after {
content: "\25BC";
margin-left: 15px;
float: right;
font-size: 14px
}
.country a {
font-weight: 700
}
.country a::after {
content: "\003E";
margin-left: 10px;
font-size: 10px
}
.dropdown-landen,
.dropdown-visvakanties {
position: absolute;
top: 100%;
padding: 0;
margin: 0;
box-shadow: 0 10px 40px rgb(0 0 0 / 25%);
border-radius: 4px;
background-color: #fff;
display: flex;
flex-wrap: wrap;
display: none;
padding: 30px 40px
}
.light-header .visvakantie-menu>a {
color: #fff
}
.visvakantie-menu:hover .dropdown-landen,
.visvakantie-menu:hover .dropdown-visvakanties {
display: block;
background-color: #fff
}
@media (min-width:1200px) {
.vakanties-column {
width: 24%
}
.dropdown-landen {
right: -40% !important;
min-width: 500px !important
}
.dropdown-visvakanties {
right: -340px !important;
min-width: 1200px !important
}
}
@media (max-width:1199px) and (min-width:768px) {
.vakanties-column {
width: 50%
}
}
@media (max-width:767px) {
.vakanties-column {
width: 100% !important
}
.visvakantie-menu:hover .dropdown-landen,
.visvakantie-menu:hover .dropdown-visvakanties {
position: relative;
top: 0;
left: 0;
padding: 10px;
z-index: 99998
}
.visvakantie-menu {
padding: 0;
margin: 0;
display: block
}
.country {
line-height: .75;
width: 100%
}
.country a::after {
content: "\003E";
float: right
}
}
header#masthead {
width: 100%;
position: relative;
z-index: 999;
background: #fff
}
header#masthead.light-header {
background: 0 0
}
.top-header {
border-bottom: 1px solid #ddd;
padding: 15px 0
}
.top-header .right-header {
float: right;
display: flex;
align-items: center
}
.top-header .right-header ul {
list-style: none;
margin: 0;
padding: 0;
display: flex;
align-items: center
}
.top-header .right-header ul.social-icons {
margin-left: 16px;
padding-left: 32px;
border-left: 1px solid #ddd
}
ul.social-icons li {
display: inline-block;
padding: 0 7px
}
ul.social-icons li a {
font-size: 18px
}
ul.social-icons li a:hover {
opacity: .8;
text-decoration: none
}
.top-menu a {
font-size: 15px;
display: block;
margin: 0 20px
}
.light-header .top-menu a,
.light-header ul.social-icons li a {
color: #fff
}
.primary-header {
position: relative;
width: 100%;
box-shadow: 0 2px 4px rgba(0, 0, 0, .08)
}
.light-header .primary-header {
box-shadow: none
}
.primary-header .nav-brand {
float: left;
max-width: 20%;
padding: 27px 0 15px
}
.primary-header .header-nav {
float: right;
max-width: 79%;
position: relative
}
ul.header-menu {
padding: 0;
margin: 0;
list-style: none;
display: flex;
justify-content: space-between;
align-items: center;
position: relative;
margin-right: 10px
}
@media (min-width:1200px) {
.primary-header nav.header-nav {
display: flex !important;
align-items: center
}
}
.search-box {
box-shadow: 0 2px 2px rgba(0, 0, 0, .04);
border-radius: 4px;
border: 1px solid #ddd;
background-color: #fff;
width: 299px;
margin-left: 15px
}
.search-form {
margin: 0;
padding: 0;
border-style: none;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
overflow: hidden;
width: 100%;
position: relative
}
::-webkit-input-placeholder {
color: #757575
}
::-moz-placeholder {
color: #757575
}
:-ms-input-placeholder {
color: #757575
}
:-moz-placeholder {
color: #757575
}
.toggle-mnu {
width: 28px;
height: 22px;
margin-left: 20px;
position: relative;
z-index: 3
}
.toggle-mnu span:after,
.toggle-mnu span:before {
content: "";
position: absolute;
left: 0;
top: 9px
}
.toggle-mnu span:after {
top: 18px
}
.toggle-mnu span {
position: relative;
display: block
}
.toggle-mnu span,
.toggle-mnu span:after,
.toggle-mnu span:before {
width: 100%;
height: 1px;
background-color: #121212;
transition: all .3s;
backface-visibility: hidden;
border-radius: 2px
}
.light-header .toggle-mnu span,
.light-header .toggle-mnu span:after,
.light-header .toggle-mnu span:before {
background-color: #fff
}
.mobile-toggle {
display: none
}
.light-header .toggle-mnu span:before,
.light-header .toggle-mnu span:first-child:before,
.light-header .toggle-mnu span:last-child:before {
width: 20px
}
.menu-lang {
position: relative;
display: flex;
align-items: center;
margin-left: 15px;
padding: 10px 15px;
width: 90px;
height: 50px;
box-shadow: 0 2px 4px rgba(0, 0, 0, .06);
border-radius: 4px;
background-color: #fff;
border: 1px solid #ddd
}
.lang-toggle,
.menu-lang ul li a {
align-items: center;
display: flex;
white-space: nowrap
}
.lang-toggle:hover {
text-decoration: none
}
.lang-toggle:after {
content: "\e90b";
font-family: icomoon;
font-size: 10px;
display: inline-block;
margin-left: 5px
}
.menu-lang img {
height: 12px;
width: 18px;
border-radius: 10px;
margin-right: 8px
}
.menu-lang span {
color: #121212;
font-size: 14px;
font-weight: 700;
text-transform: uppercase
}
.menu-lang ul {
list-style: none;
margin: 0;
padding: 0;
position: absolute;
left: 0;
top: 100%;
min-width: 100%;
text-align: center;
display: none;
z-index: 9;
box-shadow: 0 2px 4px rgba(0, 0, 0, .06);
border-radius: 0 0 4px 4px;
background-color: #fff;
border: 1px solid #ddd;
width: 38px;
padding: 10px
}
.menu-lang ul li {
padding: 4px 0
}
.menu-lang i {
margin-left: 4px
}
@media (max-width:1599px) {
.search-box {
width: 200px
}
.container-fluid {
width: 100%;
padding: 0 30px
}
}
@media (max-width:1439px) {
ul.header-menu {
position: initial
}
}
@media (max-width:1199px) {
.mobile-toggle {
display: flex;
width: 50%;
justify-content: flex-end;
align-items: center;
float: right;
padding: 15px 0
}
.mobile-toggle .button {
padding: 10px 18px;
line-height: 22px
}
.primary-header .nav-brand {
max-width: 50%;
padding: 22px 0 10px
}
.primary-header .header-nav {
display: none
}
ul.header-menu {
flex-direction: column;
margin-bottom: 20px;
order: 2;
position: static
}
.menu-lang-wrapper .social-icons,
.mobile-top-menu {
list-style: none;
margin: 0;
padding: 0
}
.mobile-top-menu {
order: 3
}
.mobile-top-menu a {
color: #121212;
font-size: 16px;
font-weight: 400;
display: block;
padding: 5px 30px
}
.header-nav .search-box {
width: calc(100% - 40px);
margin: 15px 20px;
order: 1
}
.menu-lang-wrapper {
display: flex;
justify-content: space-between;
order: 4;
padding: 40px 30px 30px
}
.menu-lang-wrapper ul.social-icons li a {
font-size: 22px
}
.primary-header .header-nav {
float: none;
max-width: 100%;
position: absolute;
top: 100%;
background: #fff;
left: 0;
width: 100%;
z-index: 9;
display: none;
box-shadow: 0 5px 5px rgba(0, 0, 0, .16);
-webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, .16);
-moz-box-shadow: 0 5px 5px rgba(0, 0, 0, .16)
}
}
@media (max-width:991px) {
.light-header .top-menu a,
.light-header ul.social-icons li a {
color: #000
}
}
.booking-wrap {
border-radius: 4px;
background-color: rgba(0, 0, 0, .4);
padding: 20px 16px;
margin: 40px 0;
z-index: 9;
position: relative
}
.booking-wrap form {
display: flex
}
.booking-wrap form>div {
margin: 0 7px;
position: relative
}
.booking-wrap form>div.country-wrap {
width: 20.85%
}
.visvakanties-wrap {
padding: 80px 0 48px;
position: relative;
overflow: hidden
}
.visvakanties-wrap:before {
content: "";
position: absolute;
height: 100%;
width: 80%;
top: 0;
right: 48%;
background-color: #f7f2ea
}
.box {
box-shadow: 0 2px 4px rgba(0, 0, 0, .08);
border-radius: 4px;
background-color: #fff;
padding: 40px;
margin-bottom: 15px
}
.social-wrap ul {
list-style: none;
margin: 0;
display: flex;
align-items: center;
padding: 0
}
.social-wrap ul a {
color: #121212;
font-size: 17px;
width: 40px;
height: 40px;
box-shadow: 0 2px 4px rgba(0, 0, 0, .16);
border-radius: 100px;
background-color: #fff;
margin-right: 12px;
line-height: 40px;
text-align: center;
display: block
}
.contact-form-wrap {
padding: 60px 0 100px
}
.contact-row-wrap,
.text-row-wrap {
display: flex;
border-bottom: 1px solid #ddd;
padding-bottom: 30px;
margin-bottom: 50px;
justify-content: space-between
}
.contact-row-wrap {
align-items: flex-start
}
.contact-row-wrap:last-child,
.text-row-wrap:last-child {
padding-bottom: 0;
margin-bottom: 0;
border: none
}
.d-mobile {
display: none
}
@media (max-width:1199px) {
.menu-lang-wrapper .menu-lang {
margin-left: 0
}
}
@media (max-width:991px) {
.d-tablet {
display: block
}
.d-none-tablet {
display: none
}
}
@media (max-width:767px) {
.booking-wrap form .country-wrap {
box-shadow: 0 2px 2px rgba(0, 0, 0, .06);
border-radius: 4px;
border: 1px solid #ddd;
background-color: #fff
}
.container-fluid {
width: 100%;
padding: 0 15px
}
.site-header.active {
background-color: #fff
}
.site-header.active .toggle-mnu span:after,
.site-header.active .toggle-mnu span:before {
background-color: #121212
}
.top-header {
display: none
}
.booking-wrap {
padding: 15px 20px;
margin: 12px 0;
height: auto;
box-shadow: 0 5px 10px rgba(0, 0, 0, .16);
border-radius: 4px;
background-color: #fff;
margin-bottom: -220px
}
.booking-wrap form {
display: flex;
flex-direction: column
}
.booking-wrap form>div {
width: 100% !important;
margin: 0 0 15px
}
.visvakanties-wrap {
padding: 40px 0
}
.visvakanties-wrap .button {
width: 100%
}
.visvakanties-wrap:before {
content: "";
position: absolute;
height: 100%;
width: 100%;
top: 0;
right: 0;
background-color: #f7f2ea
}
.menu-lang-wrapper {
padding: 75px 30px 40px
}
.contact-form-wrap {
padding: 30px 0 0
}
.text-row-wrap {
flex-direction: column;
padding-bottom: 10px;
margin-bottom: 30px
}
.contact-row-wrap {
flex-direction: column;
padding-bottom: 30px;
margin-bottom: 30px
}
.d-desktop {
display: none
}
.d-mobile {
display: block
}
.mobile-toggle .button {
padding: 4px 7px;
line-height: 22px;
font-size: 15px
}
.page-template-visvakanties .site-content {
position: relative
}
}
@media (max-width:767px) {
.page-template-visvakanties .site-footer {
padding-bottom: 78px
}
.contact-row-wrap {
padding-bottom: 15px
}
#menu-footer li {
margin-bottom: 14px
}
.toggle-mnu {
width: 24px
}
}
@media (max-width :991px) {
.visvakanties-wrap {
background-color: #f7f2ea
}
.visvakanties-wrap::before {
display: none
}
}
.menu-lang {
height: auto;
min-height: 60px;
padding: 16px 15px
}
.site-header .menu-lang .lang-toggle div {
line-height: .5
}
.post-date {
font-size: 14px;
font-weight: 600;
color: #757575;
display: inline-block
}
@media (max-width:767px) {
.site-content .logo img {
max-height: 27px
}
}
@media (max-width:1199px) {
.primary-header .header-nav {
position: fixed;
top: 136px;
height: calc(100vh - 136px);
overflow-x: auto;
-webkit-overflow-scrolling: touch
}
.primary-header .menu-lang {
min-height: 50px;
padding: 11px 15px
}
.header-nav .menu-lang-wrapper {
align-items: center
}
.header-nav .search-box {
margin: 11px 20px 17px
}
.header-nav ul.header-menu {
margin-right: 0
}
.header-nav .mobile-top-menu a {
padding: 5px 20px
}
.header-nav .menu-lang-wrapper {
padding-left: 20px;
padding-right: 20px
}
}
@media (max-width:991px) {
.primary-header .header-nav {
top: 74px;
height: calc(100vh - 74px)
}
}
@media (max-width:767px) {
.primary-header .nav-brand .logo img {
max-height: 22px
}
.primary-header .header-nav {
top: 62px;
height: calc(100vh - 62px)
}
.site-header.active .mobile-toggle .button {
opacity: 0;
visibility: hidden
}
}
footer.site-footer {
background: #fff;
position: relative;
z-index: 10
}
@media (max-width:1199px) {
.header-nav .menu-lang ul {
top: auto;
bottom: 100%
}
}
@supports (padding:max(0px)) {
.fancybox-caption {
padding: 75px max(44px, env(safe-area-inset-right)) max(25px, env(safe-area-inset-bottom)) max(44px, env(safe-area-inset-left))
}
}
@keyframes a {
to {
transform: rotate(1turn)
}
}
@media (max-height:576px) {
@supports (padding:max(0px)) {
.fancybox-caption {
padding-left: max(12px, env(safe-area-inset-left));
padding-right: max(12px, env(safe-area-inset-right))
}
}
}
.logo a img {
width: 366px;
height: 100%
}
@media (max-width:768px) {
.location-dropdown {
margin-bottom: 20px;
background-image: url(https://www.anglingescapes.nl/assets/icons/dropdown.png);
background-repeat: no-repeat;
background-position: right 10px center;
background-size: 4vw 4vw !important;
font-size: clamp(12px, 3vw, 16px) !important
}
}
.location-dropdown {
width: 100%;
padding: 10px;
padding-right: 40px;
font-size: 16px;
font-weight: 700;
border-radius: 4px;
border: 1px solid #000;
background-color: #ffbe86;
background-image: url(https://www.anglingescapes.nl/wp-content/themes/anglingescapes/assets/icons/dropdown.png);
background-repeat: no-repeat;
background-position: right 10px center;
background-size: 18px 18px;
cursor: pointer;
appearance: none;
-webkit-appearance: none
}
.location-dropdown::-ms-expand {
display: none
}
.dropdown {
position: relative;
display: inline-block;
height: 20px;
width: 100%;
margin-right: -20px !important;
border: 1 px solid:
}
.dropdown-toggle {
background-color: #fff;
height: 40px;
border-radius: 0;
border-color: #ff7900;
margin-top: -10px;
font-size: 16px;
font-weight: 700;
cursor: pointer;
display: flex;
align-items: center;
justify-content: space-between;
width: 100%
}
.dropdown-menu {
display: none !important;
position: absolute;
top: 100%;
left: 0;
background-color: #fff;
width: 100%;
border: 0;
z-index: 1;
list-style-type: none;
padding: 0;
margin: 0
}
.dropdown-menu li {
border-bottom: 1px solid #eee
}
.dropdown-menu li a {
display: block;
padding: 10px;
text-decoration: none;
color: #000
}
.dropdown-menu li a:hover {
background-color: #white;
border: 0;
border-color: #fff
}
a,
big,
body,
center,
details,
div,
h1,
h2,
h3,
h4,
h5,
h6,
header,
html,
i,
img,
label,
li,
menu,
s,
span,
u,
ul,
var,
video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline
}
details,
header,
menu {
display: block
}
body {
line-height: 1
}
ul {
list-style: none
}
* {
box-sizing: border-box
}
body,
html {
min-height: 100%;
overflow: auto
}
body {
font-family: Muli, Arial, Helvetica, sans-serif;
font-style: normal;
font-stretch: normal;
line-height: 1.75;
background-color: #fff;
color: #121212;
font-size: 16px;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
position: relative
}
video {
display: inline-block;
vertical-align: baseline;
max-width: 100%
}
video {
max-width: 100%;
height: auto
}
img {
border: 0;
max-width: 100%;
height: auto
}
button[disabled] {
cursor: default
}
button::-moz-focus-inner {
border: 0;
padding: 0
}
label {
font-size: 14px;
font-weight: 700;
line-height: 28px;
display: block
}
::-webkit-input-placeholder {
color: #757575
}
::-moz-placeholder {
color: #757575
}
:-ms-input-placeholder {
color: #757575
}
:-moz-placeholder {
color: #757575
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0;
padding: 0;
font-weight: 700;
line-height: 1.33;
margin-bottom: 15px;
color: #121212;
font-family: Muli, Arial, Helvetica, sans-serif
}
.h1,
h1 {
font-size: 100px
}
.h2,
h2 {
font-size: 40px;
line-height: 1.25
}
.h3,
h3 {
font-size: 30px;
line-height: 1.33
}
.h4,
h4 {
font-size: 24px
}
.h5,
h5 {
font-size: 20px
}
.h6,
h6 {
font-size: 18px;
line-height: 1.56
}
ul {
margin-bottom: 20px;
padding-left: 1em;
list-style: square
}
li {
line-height: 1.75;
color: #121212;
font-size: 16px;
font-weight: 400
}
a {
color: #121212;
text-decoration: none
}
a:hover {
color: #35666f;
text-decoration: underline
}
i {
font-style: italic
}
:focus {
outline: 0
}
.gallery {
margin: 0 -15px 0 !important;
display: flex;
flex-wrap: wrap
}
@font-face {
font-family: icomoon;
src: url(https://www.anglingescapes.nl/wp-content/themes/anglingescapes/assets/icons/icomoon.eot?jn9iha);
src: url(https://www.anglingescapes.nl/wp-content/themes/anglingescapes/assets/icons/icomoon.eot?jn9iha#iefix) format('embedded-opentype'), url(https://www.anglingescapes.nl/wp-content/themes/anglingescapes/assets/icons/icomoon.ttf?jn9iha) format('truetype'), url(https://www.anglingescapes.nl/wp-content/themes/anglingescapes/assets/icons/icomoon.woff?jn9iha) format('woff'), url(https://www.anglingescapes.nl/wp-content/themes/anglingescapes/assets/icons/icomoon.svg?jn9iha#icomoon) format('svg');
font-weight: 400;
font-style: normal;
font-display: block
}
[class*=" icon-"],
[class^=icon-] {
font-family: icomoon !important;
speak: never;
font-style: normal;
font-weight: 400;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.icon-Menu:before {
content: "\e900"
}
.icon-share_1:before {
content: "\e907"
}
.icon-arrow-right:before {
content: "\e90a"
}
.icon-dropdown:before {
content: "\e90b"
}
.icon-arrow-left:before {
content: "\e90e"
}
.icon-play2:before {
content: "\ea15"
}
.icon-play3:before {
content: "\ea1c"
}
.icon-facebook:before {
content: "\ea90"
}
.icon-facebook2:before {
content: "\ea91"
}
.icon-whatsapp:before {
content: "\ea93"
}
.icon-youtube:before {
content: "\ea9d"
}
.icon-linkedin2:before {
content: "\eaca"
}
.button,
button {
-webkit-appearance: none;
cursor: pointer;
border-radius: 0;
position: relative;
display: inline-block;
padding: 12px 20px;
line-height: 24px;
font-size: 16px;
text-align: center;
font-weight: 700;
box-shadow: 0 2px 4px rgba(0, 0, 0, .08);
border-radius: 4px;
background-color: #ff7900;
border: 1px solid transparent;
color: #000;
transition: all .2s
}
.button:hover,
button:hover {
background-color: transparent;
color: #ff7900;
border: 1px solid #ff7900;
text-decoration: none
}
.container {
margin: 0 auto;
padding: 0 15px;
width: 100%;
max-width: 1215px
}
.d-flex {
display: flex
}
.row {
display: flex;
flex-wrap: wrap;
margin: 0 -15px
}
.row>div {
padding-left: 15px;
padding-right: 15px
}
.col1 {
width: 8.33%
}
.col2 {
width: 16.66%
}
.col3 {
width: 25%
}
.col4 {
width: 33.33%
}
.col5 {
width: 41.66%
}
.col6 {
width: 50%
}
.col7 {
width: 58.34%
}
.col8 {
width: 66.66%
}
.col9 {
width: 75%
}
.col10 {
width: 83.33%
}
.col11 {
width: 91.66%
}
.col12 {
padding: 0 15px;
width: 100%
}
.col-100 {
width: 100%;
display: block
}
.align-center {
align-items: center
}
.justify-between {
justify-content: space-between
}
.justify-center {
justify-content: center
}
.text-center {
text-align: center
}
.text-right {
text-align: right
}
.container-left {
margin-left: auto;
padding-left: 15px
}
.d-none {
display: none
}
.toggle-menu {
font-size: 18px;
font-weight: 700;
line-height: 1.25;
padding: 10px;
transition: .3s all;
display: inline-block;
padding: 10px 20px;
text-decoration: none
}
.toggle-menu:hover {
background-color: #5e9cae;
border-radius: 4px;
color: #fff
}
.country a {
font-weight: 700
}
.country a::after {
content: "\003E";
margin-left: 10px;
font-size: 10px
}
.dropdown-visvakanties {
position: absolute;
top: 100%;
padding: 0;
margin: 0;
box-shadow: 0 10px 40px rgb(0 0 0 / 25%);
border-radius: 4px;
background-color: #fff;
display: flex;
flex-wrap: wrap;
display: none;
padding: 30px 40px
}
@media (min-width:1200px) {
.dropdown-visvakanties {
right: -340px !important;
min-width: 1200px !important
}
}
@media (max-width:767px) {
.country {
line-height: .75;
width: 100%
}
.country a::after {
content: "\003E";
float: right
}
}
ul.header-menu {
padding: 0;
margin: 0;
list-style: none;
display: flex;
justify-content: space-between;
align-items: center;
position: relative;
margin-right: 10px
}
::-webkit-input-placeholder {
color: #757575
}
::-moz-placeholder {
color: #757575
}
:-ms-input-placeholder {
color: #757575
}
:-moz-placeholder {
color: #757575
}
.mobile-toggle {
display: none
}
@media (max-width:1439px) {
ul.header-menu {
position: initial
}
}
@media (max-width:1199px) {
.mobile-toggle {
display: flex;
width: 50%;
justify-content: flex-end;
align-items: center;
float: right;
padding: 15px 0
}
.mobile-toggle .button {
padding: 10px 18px;
line-height: 22px
}
ul.header-menu {
flex-direction: column;
margin-bottom: 20px;
order: 2;
position: static
}
.back-menu a {
font-size: 20px;
flex-direction: row-reverse;
justify-content: flex-end
}
.back-menu a:hover {
text-decoration: none
}
.back-menu a:after {
content: "\e90e";
margin-right: 20px;
font-size: 16px;
margin-left: 0;
margin-top: 0;
transform: rotate(0)
}
}
.fancybox-active {
height: 100% !important
}
.back-button,
.big-post-bg .h3,
.show-all-img span,
.vacation-post .button,
.vaction-text .h2 {
font-family: Muli-extra-bold
}
.back-button {
color: #fff;
font-size: 14px;
border-radius: 4px;
background-color: rgb(18 18 18 / 40%);
padding: 7px 22px;
display: inline-block;
margin-bottom: 50px;
font-weight: 700;
cursor: pointer
}
.back-button i {
font-size: 10px;
margin-right: 10px
}
.back-button:hover {
background-color: #ff7900;
color: #fff;
text-decoration: none
}
.big-video-bg {
height: 100%;
width: 100%;
display: block
}
.big-video-bg img {
display: none
}
.big-post-bg {
height: calc(100% - 28px);
padding: 40px;
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
margin-top: 33px;
position: relative;
border-radius: 4px
}
.big-post-bg>* {
position: relative;
z-index: 1
}
.big-post-bg:after {
content: "";
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
background-image: linear-gradient(180deg, #000 0, rgba(0, 0, 0, 0) 100%);
opacity: .4
}
.big-post-bg:hover {
text-decoration: none
}
.big-post-bg .h3 {
font-size: 40px
}
.big-post-bg .h3 {
color: #fff
}
.vacation-menu {
position: relative;
padding: 20px 0;
box-shadow: 0 1px 0 #ddd
}
.vacation-menu ul {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-wrap: nowrap;
overflow-x: auto
}
.vacation-menu ul li+li {
margin-left: 22px
}
.vacation-menu ul a {
text-decoration: underline;
font-size: 15px;
font-weight: 400;
display: block;
white-space: nowrap
}
.vacation-menu ul a.active {
text-decoration: none;
font-weight: 700
}
.vacation-data {
background-color: #fcf8f5;
padding: 42px 0 60px
}
.vacation-data .col8 {
width: 71%
}
.vacation-data .col4 {
width: 28%
}
.share-vacation {
display: block;
padding: 24px 0;
border-bottom: 1px solid #ddd;
text-align: center;
position: relative
}
.share-vacation a:hover {
text-decoration: none
}
.total-rating {
width: 60px;
height: 60px;
border-radius: 4px;
background-color: #fee6c5;
font-size: 20px;
font-weight: 700;
line-height: 60px;
text-align: center;
margin-left: auto;
margin-bottom: 16px
}
.reviews-vacation .total-rating {
width: 80px;
height: 80px;
font-size: 26px;
line-height: 80px
}
.rating-wr span {
font-size: 18px;
font-weight: 700;
line-height: 26px
}
.rating-wr a {
color: #757575;
font-size: 14px;
font-weight: 400;
text-decoration: underline
}
.country-flg {
margin-right: 30px;
display: flex;
align-items: center;
color: #fff
}
.country-flg img {
margin-right: 10px;
width: 22px;
height: 22px;
border-radius: 50%
}
.vacation-post {
box-shadow: 0 0 8px rgba(0, 0, 0, .12);
border-radius: 4px;
background-color: #fff;
height: 100%
}
.vacation-post .button {
width: 100%;
padding: 12px 24px
}
.play-video {
position: relative;
display: block;
height: 100%;
border-radius: 4px;
overflow: hidden
}
.play-video:before {
content: "\ea1c";
font-family: icomoon;
position: absolute;
top: 50%;
left: 50%;
z-index: 2;
width: 68px;
height: 68px;
line-height: 68px;
text-align: center;
display: block;
transform: translate(-50%, -50%);
background-color: rgba(105, 143, 150, .8);
border-radius: 50%;
color: #fff;
font-size: 28px
}
.vacation-data .title-h6 {
font-size: 14px;
line-height: 28px
}
.acf-map {
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
height: 600px
}
.country-flg+span a {
font-size: 14px;
color: #35666f
}
.vacation-post .country-flg+span a {
padding-left: 15px;
margin-left: 15px;
border-left: 1px solid #121212;
text-decoration: underline
}
.vacation-post .country-flg {
color: #121212;
margin-right: 0
}
.d-mobile {
display: none
}
.vacationbanner-imagesd-flex {
display: flex;
flex-wrap: wrap
}
.vacationbanner-imagesd-flex .col6 {
padding: 0 5px
}
.vacationbanner-imagesd-flex img {
display: block;
width: 100%;
object-fit: cover
}
.one-ing-big {
display: flex;
align-items: center;
justify-content: center;
overflow: hidden
}
.one-ing-big img,
.tw-img img {
height: 100%;
max-width: fit-content;
object-fit: cover
}
.one-ing-big img {
width: auto
}
.vaction-text .country-flg+span a {
color: #fff;
border-left: 1px solid rgba(255, 255, 255, .5);
padding-left: 15px;
margin-left: 5px;
text-decoration: underline
}
.one-img-port,
.tw-img {
height: 50%;
overflow: hidden;
max-height: 365px
}
.tw-img {
margin: 0 -2.5px
}
.tw-img>div {
width: 50%;
padding: 5px 2.5px 0;
overflow: hidden
}
.show-all-img {
position: relative
}
.show-all-img span {
display: flex;
height: 100%;
width: 100%;
position: absolute;
top: 5px;
left: 2.5px;
background: rgba(0, 0, 0, .5);
align-items: center;
justify-content: center;
color: #fff;
text-decoration: underline;
font-size: 16px;
cursor: pointer
}
.tw-img .play-video {
height: 100%
}
.vacation-banner {
position: relative;
min-height: 310px
}
.vaction-text {
display: block;
height: 100%;
width: 50%;
position: absolute;
top: 0;
left: 0
}
.vaction-text .container-left {
height: 100%
}
.vaction-text .col12 {
display: flex;
flex-direction: column;
justify-content: space-between;
padding-top: 50px;
padding-bottom: 50px;
height: 100%
}
.vaction-text .h2 {
color: #fff
}
@media (max-width:1599px) {
.country-flg {
margin-right: 10px;
font-size: 14px
}
}
@media (max-width:1199px) {
.h2,
h2 {
font-size: 36px;
line-height: 1.25
}
.h3,
h3 {
font-size: 26px;
line-height: 1.33
}
}
@media (max-width:991px) {
.vacation-data .col4,
.vacation-data .col8 {
width: 100%
}
.vacation-data .col4 {
margin-bottom: 40px
}
}
@media (max-width:767px) {
.h3,
h3 {
font-size: 22px;
line-height: 1.33
}
.h2,
h2 {
font-size: 24px;
line-height: 1.25
}
.h5,
h5 {
font-size: 18px
}
.big-post-bg .h3 {
font-size: 22px;
margin-top: 11px
}
.play-video:before {
width: 40px;
height: 40px;
line-height: 40px;
font-size: 18px
}
.big-post-bg {
height: 320px;
padding: 27px 35px;
border-radius: 4px;
margin-top: 10px;
overflow: hidden
}
.big-video-bg img {
display: block;
height: 240px;
object-fit: cover
}
.container-left {
padding-right: 15px
}
.back-button {
font-size: 12px;
padding: 5px 15px;
margin-bottom: 33px
}
.vacation-menu {
padding: 8px 0;
box-shadow: 0 2px 4px rgba(0, 0, 0, .08);
background-color: #fff;
position: absolute;
top: 0;
left: 0;
width: 100%
}
.d-mobile {
display: block
}
.vacation-post .rating-wr {
position: absolute;
top: -20px;
right: 20px
}
.mobile-toggle .button {
padding: 4px 7px;
line-height: 22px;
font-size: 15px
}
.mobile-back .back-button {
padding: 8.5px 15px;
margin-bottom: 30px
}
.mobile-back .back-button i {
margin-right: 0
}
.vacationbanner-imagesd-flex .col6 {
padding: 0 2px;
width: 100%
}
.vaction-text {
display: block;
height: 340px;
width: 100%
}
.one-ing-big {
height: 340px
}
.one-ing-big+.col6 {
display: flex
}
.one-img-port {
width: 33.3%;
min-height: 90px;
padding: 2px 3px 0 0
}
.tw-img {
width: 66.6%;
min-height: 90px
}
.one-ing-big+.col6 img {
height: 100%;
max-width: fit-content
}
.show-all-img span {
text-align: center;
font-size: 12px
}
.vacation-data .col4 {
margin-bottom: 0
}
.vacation-banner {
background: 0 0
}
.vacation-data {
padding: 0
}
}
.show {
display: block
}
.share-mobile {
display: none
}
.rating-wr.d-hide {
display: none
}
.rating-wr.d-hide a,
.rating-wr.d-hide span {
color: #fff
}
.col-big {
margin-bottom: 80px
}
.col-big .play-video img {
width: 100%;
display: block
}
.col-big-text {
display: flex;
align-items: center
}
.mobile-map-button {
display: none
}
@media (max-width:767px) {
.rating-wr.d-hide {
display: block
}
.rating-wr.d-hide .d-flex {
align-items: flex-start
}
.rating-wr.d-hide .total-rating {
width: 38px;
height: 38px;
font-size: 14px;
line-height: 38px;
margin-bottom: 10px
}
.rating-wr.d-hide span {
font-size: 14px;
line-height: 26px
}
.rating-wr.d-hide a {
font-size: 12px
}
.vaction-text .col12 {
padding-left: 0;
padding-right: 0
}
.vacation-data.style2 .container {
padding: 0 20px
}
.back-menu {
text-align: center;
position: relative
}
.back-menu a {
font-size: 18px;
display: inline-flex;
margin: 20px 0 10px
}
.back-menu a:after {
position: absolute;
left: 0
}
.country-flg img {
width: 18px;
height: 18px
}
.vacation-menu ul a {
font-size: 14px
}
.vaction-text .h2 {
font-size: 24px
}
.vacation-menu .container {
display: flex;
align-items: center
}
.share-mobile {
color: #121212;
font-size: 14px;
font-weight: 600;
white-space: nowrap;
margin-right: 20px;
padding-left: 26px;
position: relative;
display: block
}
.share-mobile:after {
position: absolute;
left: 0;
top: 4px;
content: "";
width: 16px;
height: 16px;
background: url(https://www.anglingescapes.nl/wp-content/themes/anglingescapes/assets/images/share.svg) no-repeat center/16px
}
.vacation-data.style2 {
padding: 20px 0 50px
}
.back-button i {
margin-right: 8px
}
.mobile-map-button {
display: block;
position: fixed;
bottom: 50px;
left: 50%;
transform: translateX(-50%);
z-index: 99
}
.mobile-map-button a {
color: #fff;
font-size: 14px;
font-weight: 700;
padding: 10px 15px;
box-shadow: 0 2px 4px rgba(0, 0, 0, .08);
border-radius: 4px;
background-color: #35666f
}
.mobile-map-button a img {
margin-right: 10px
}
}
.container-left {
padding-left: 20px !important
}
@media (max-width:767px) {
.container-left {
padding-left: 15px !important
}
}
.vacation-menu {
padding: 15px 0
}
@media (max-width:767px) {
.vacation-menu {
padding: 8px 0
}
}
.vacation-banner .one-ing-big img {
width: 100%;
max-width: initial
}
.vacation-banner .play-video {
border-radius: 0
}
.vacationbanner-imagesd-flex img {
height: 100%
}
@media (max-width:767px) {
.vacation-banner .vaction-text .col12 {
padding-top: 43px
}
.vacation-banner .one-ing-big {
height: 382px
}
.vacation-banner .one-ing-big+.col6 img {
max-width: initial;
height: 80px
}
.vacation-banner .one-img-port {
padding: 0
}
.vacation-banner .tw-img {
padding-top: 0;
min-height: 80px;
margin: 0
}
.vacation-banner .tw-img>div {
padding: 0
}
.vacation-banner .show-all-img span {
top: 0
}
.vacationbanner-imagesd-flex .col6 {
padding: 0
}
.vacation-banner .vacationbanner-imagesd-flex .col6:last-child {
padding-top: 5px
}
.vacation-banner .tw-img .video-orimg {
padding: 0 5px
}
}
.vacation-data {
padding: 53px 0 60px
}
.vacation-data .acf-map {
height: auto;
min-height: 400px
}
.vacation-data h5 {
margin-bottom: 21px
}
@media (max-width:767px) {
.vacation-data {
padding: 0
}
.vacation-data h5 {
margin-bottom: 39px
}
.vacation-data h3.h5 {
margin-bottom: 10px
}
.vacation-data h6.title-h6 {
margin-bottom: 11px
}
.vacation-data .reviews-vacation .h5 {
margin-bottom: 15px
}
.vacation-data .acf-map {
margin-left: -25px;
margin-right: -25px;
width: auto;
display: block
}
}
.vacation-data.style2 {
background-color: #f7f2ea
}
@media (max-width:767px) {
.vacation-data.style2 {
padding: 20px 0 35px
}
}
@media (min-width:992px) {
.vacation-data.style2 {
padding: 53px 0 135px
}
}
.fancybox-active {
height: auto
}
.fancybox-container {
-webkit-backface-visibility: hidden;
height: 100%;
left: 0;
outline: 0;
position: fixed;
-webkit-tap-highlight-color: transparent;
top: 0;
-ms-touch-action: manipulation;
touch-action: manipulation;
transform: translateZ(0);
width: 100%;
z-index: 99992
}
.fancybox-container * {
box-sizing: border-box
}
.fancybox-bg {
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0
}
.fancybox-bg {
background: #1e1e1e;
opacity: 0;
transition-duration: inherit;
transition-property: opacity;
transition-timing-function: cubic-bezier(.47, 0, .74, .71)
}
.fancybox-content {
background: #fff;
display: inline-block;
margin: 0;
max-width: 100%;
overflow: auto;
-webkit-overflow-scrolling: touch;
padding: 44px;
position: relative;
text-align: left;
vertical-align: middle
}
.fancybox-container [data-selectable=true] {
cursor: text
}
.fancybox-image {
background: 0 0;
border: 0;
height: 100%;
left: 0;
margin: 0;
max-height: none;
max-width: none;
padding: 0;
position: absolute;
top: 0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
width: 100%
}
.fancybox-video {
background: 0 0;
border: 0;
display: block;
height: 100%;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%
}
.fancybox-error {
background: #fff;
cursor: default;
max-width: 400px;
padding: 40px;
width: 100%
}
.fancybox-button {
background: rgba(30, 30, 30, .6);
border: 0;
border-radius: 0;
box-shadow: none;
cursor: pointer;
display: inline-block;
height: 44px;
margin: 0;
padding: 10px;
position: relative;
transition: color .2s;
vertical-align: top;
visibility: inherit;
width: 44px
}
.fancybox-button,
.fancybox-button:link,
.fancybox-button:visited {
color: #ccc
}
.fancybox-button:hover {
color: #fff
}
.fancybox-button:focus {
outline: 0
}
.fancybox-button[disabled],
.fancybox-button[disabled]:hover {
color: #888;
cursor: default;
outline: 0
}
.fancybox-button div {
height: 100%
}
@supports (padding:max(0px)) {
.fancybox-caption {
padding: 75px max(44px, env(safe-area-inset-right)) max(25px, env(safe-area-inset-bottom)) max(44px, env(safe-area-inset-left))
}
}
@keyframes a {
to {
transform: rotate(1turn)
}
}
@media (max-height:576px) {
@supports (padding:max(0px)) {
.fancybox-caption {
padding-left: max(12px, env(safe-area-inset-left));
padding-right: max(12px, env(safe-area-inset-right))
}
}
}
.fancybox-share {
background: #f4f4f4;
border-radius: 3px;
max-width: 90%;
padding: 30px;
text-align: center
}
.fancybox-share h1 {
color: #222;
font-size: 35px;
font-weight: 700;
margin: 0 0 20px
}
.fancybox-share__button {
border: 0;
border-radius: 3px;
display: inline-block;
font-size: 14px;
font-weight: 700;
line-height: 40px;
margin: 0 5px 10px;
min-width: 130px;
padding: 0 15px;
text-decoration: none;
transition: all .2s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
white-space: nowrap
}
.fancybox-share__button:link,
.fancybox-share__button:visited {
color: #fff
}
.fancybox-share__button:hover {
text-decoration: none
}
.fancybox-share__button--tw {
background: #1da1f2
}
.fancybox-share__button--tw:hover {
background: #0d95e8
}
@media (max-width:768px) {
.acf-map {
position: absolute;
left: 0;
right: 0;
width: 100%;
max-width: 100%;
z-index: 1;
height: 500px
}
}
.share-toggle {
cursor: pointer
}
.dropdown {
position: relative;
display: inline-block;
height: 20px;
width: 100%;
margin-right: -20px !important;
border: 1 px solid:
}
.dropdown-toggle {
background-color: #fff;
height: 40px;
border-radius: 0;
border-color: #ff7900;
margin-top: -10px;
font-size: 16px;
font-weight: 700;
cursor: pointer;
display: flex;
align-items: center;
justify-content: space-between;
width: 100%
}
.dropdown-toggle .arrow {
margin-left: 12px
}
.dropdown-menu {
display: none !important;
position: absolute;
top: 100%;
left: 0;
background-color: #fff;
width: 100%;
border: 0;
z-index: 1;
list-style-type: none;
padding: 0;
margin: 0
}
.dropdown-menu li {
border-bottom: 1px solid #eee
}
.dropdown-menu li a {
display: block;
padding: 10px;
text-decoration: none;
color: #000
}
.dropdown-menu li a:hover {
background-color: #white;
border: 0;
border-color: #fff
}
.dropdown-menu.show {
display: block !important
}