@import url("https://fonts.googleapis.com/css2?family=Cabin:wght@400;500&display=swap"); .geopark-elementor-grid {
display: flex;
flex-wrap: wrap;
margin-left: 0;
margin-right: 0;
position: relative;
}
.geopark-elementor-grid .geopark-grid-item {
position: relative;
width: 100%;
}
.geopark-elementor-grid .geopark-grid-item-wrap {
float: left;
margin-bottom: 0;
margin-left: 0;
padding-left: 0;
padding-right: 0;
} @media only screen and (min-width: 1025px) { .elementor-element.elementor-grid-1 {
position: relative;
}
.elementor-element.elementor-grid-1 .geopark-grid-item-wrap {
-ms-flex-basis: 100%;
flex-basis: 100%;
float: left;
}
.elementor-element.elementor-grid-2 {
position: relative;
}
.elementor-element.elementor-grid-2 .geopark-grid-item-wrap {
-ms-flex-basis: 50%;
flex-basis: 50%;
float: left;
}
.elementor-element.elementor-grid-2 .geopark-grid-item-wrap:nth-of-type(2n) {
margin-right: 0 !important;
}
.elementor-element.elementor-grid-2
.geopark-grid-item-wrap:nth-of-type(2n + 1) {
clear: left;
}
.elementor-element.elementor-grid-3 {
position: relative;
}
.elementor-element.elementor-grid-3 .geopark-grid-item-wrap {
-ms-flex-basis: 33.3333%;
flex-basis: 33.3333%;
float: left;
}
.elementor-element.elementor-grid-3 .geopark-grid-item-wrap:nth-of-type(3n) {
margin-right: 0 !important;
}
.elementor-element.elementor-grid-3
.geopark-grid-item-wrap:nth-of-type(3n + 1) {
clear: left;
}
.elementor-element.elementor-grid-4 {
position: relative;
}
.elementor-element.elementor-grid-4 .geopark-grid-item-wrap {
-ms-flex-basis: 25%;
flex-basis: 25%;
float: left;
}
.elementor-element.elementor-grid-4 .geopark-grid-item-wrap:nth-of-type(4n) {
margin-right: 0 !important;
}
.elementor-element.elementor-grid-4
.geopark-grid-item-wrap:nth-of-type(4n + 1) {
clear: left;
}
.elementor-element.elementor-grid-5 {
position: relative;
}
.elementor-element.elementor-grid-5 .geopark-grid-item-wrap {
-ms-flex-basis: 20%;
flex-basis: 20%;
float: left;
}
.elementor-element.elementor-grid-5 .geopark-grid-item-wrap:nth-of-type(5n) {
margin-right: 0 !important;
}
.elementor-element.elementor-grid-5
.geopark-grid-item-wrap:nth-of-type(5n + 1) {
clear: left;
}
}
@media only screen and (max-width: 1024px) and (min-width: 766px) { .elementor-element.elementor-grid-tablet-1 {
position: relative;
}
.elementor-element.elementor-grid-tablet-1 .geopark-grid-item-wrap {
-ms-flex-basis: 100%;
flex-basis: 100%;
float: left;
}
.elementor-element.elementor-grid-tablet-2 {
position: relative;
}
.elementor-element.elementor-grid-tablet-2 .geopark-grid-item-wrap {
-ms-flex-basis: 50%;
flex-basis: 50%;
float: left;
}
.elementor-element.elementor-grid-tablet-2
.geopark-grid-item-wrap:nth-of-type(2n) {
margin-right: 0 !important;
}
.elementor-element.elementor-grid-tablet-2
.geopark-grid-item-wrap:nth-of-type(2n + 1) {
clear: left;
}
.elementor-element.elementor-grid-tablet-3 {
position: relative;
}
.elementor-element.elementor-grid-tablet-3 .geopark-grid-item-wrap {
-ms-flex-basis: 33.3333%;
flex-basis: 33.3333%;
float: left;
}
.elementor-element.elementor-grid-tablet-3
.geopark-grid-item-wrap:nth-of-type(3n) {
margin-right: 0 !important;
}
.elementor-element.elementor-grid-tablet-3
.geopark-grid-item-wrap:nth-of-type(3n + 1) {
clear: left;
}
.elementor-element.elementor-grid-tablet-4 {
position: relative;
}
.elementor-element.elementor-grid-tablet-4 .geopark-grid-item-wrap {
-ms-flex-basis: 25%;
flex-basis: 25%;
float: left;
}
.elementor-element.elementor-grid-tablet-4
.geopark-grid-item-wrap:nth-of-type(4n) {
margin-right: 0 !important;
}
.elementor-element.elementor-grid-tablet-4
.geopark-grid-item-wrap:nth-of-type(4n + 1) {
clear: left;
}
.elementor-element.elementor-grid-tablet-5 {
position: relative;
}
.elementor-element.elementor-grid-tablet-5 .geopark-grid-item-wrap {
-ms-flex-basis: 20%;
flex-basis: 20%;
float: left;
}
.elementor-element.elementor-grid-tablet-5
.geopark-grid-item-wrap:nth-of-type(5n) {
margin-right: 0 !important;
}
.elementor-element.elementor-grid-tablet-5
.geopark-grid-item-wrap:nth-of-type(5n + 1) {
clear: left;
}
}
@media only screen and (max-width: 767px) {
.elementor-element.elementor-grid-mobile-1 {
position: relative;
}
.elementor-element.elementor-grid-mobile-1 .geopark-grid-item-wrap {
-ms-flex-basis: 100%;
flex-basis: 100%;
float: left;
}
.elementor-element.elementor-grid-mobile-2 {
position: relative;
}
.elementor-element.elementor-grid-mobile-2 .geopark-grid-item-wrap {
-ms-flex-basis: 50%;
flex-basis: 50%;
float: left;
}
.elementor-element.elementor-grid-mobile-2
.geopark-grid-item-wrap:nth-of-type(2n) {
margin-right: 0 !important;
}
.elementor-element.elementor-grid-mobile-2
.geopark-grid-item-wrap:nth-of-type(2n + 1) {
clear: left;
}
.elementor-element.elementor-grid-mobile-3 {
position: relative;
}
.elementor-element.elementor-grid-mobile-3 .geopark-grid-item-wrap {
-ms-flex-basis: 33.3333%;
flex-basis: 33.3333%;
float: left;
}
.elementor-element.elementor-grid-mobile-3
.geopark-grid-item-wrap:nth-of-type(3n) {
margin-right: 0 !important;
}
.elementor-element.elementor-grid-mobile-3
.geopark-grid-item-wrap:nth-of-type(3n + 1) {
clear: left;
}
.elementor-element.elementor-grid-mobile-4 {
position: relative;
}
.elementor-element.elementor-grid-mobile-4 .geopark-grid-item-wrap {
-ms-flex-basis: 25%;
flex-basis: 25%;
float: left;
}
.elementor-element.elementor-grid-mobile-4
.geopark-grid-item-wrap:nth-of-type(4n) {
margin-right: 0 !important;
}
.elementor-element.elementor-grid-mobile-4
.geopark-grid-item-wrap:nth-of-type(4n + 1) {
clear: left;
}
.elementor-element.elementor-grid-mobile-5 {
position: relative;
}
.elementor-element.elementor-grid-mobile-5 .geopark-grid-item-wrap {
-ms-flex-basis: 20%;
flex-basis: 20%;
float: left;
}
.elementor-element.elementor-grid-mobile-5
.geopark-grid-item-wrap:nth-of-type(5n) {
margin-right: 0 !important;
}
.elementor-element.elementor-grid-mobile-5
.geopark-grid-item-wrap:nth-of-type(5n + 1) {
clear: left;
}
} .geopark-loader,
.geopark-posts-loader {
width: 46px;
height: 46px;
}
.geopark-loader {
text-align: center;
position: absolute;
top: 200px;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
z-index: 2;
}
.geopark-posts-loader {
display: none;
margin-left: auto;
margin-right: auto;
}
.geopark-loader:after,
.geopark-posts-loader:after {
content: ' ';
display: block;
width: 100%;
height: 100%;
margin: 1px;
border-radius: 50%;
border: 5px solid #fff;
border-color: #000 transparent #000 transparent;
animation: geopark-loader-dual-ring 1.2s linear infinite;
}
.geopark-loader:after {
width: 46px;
height: 46px;
}
@keyframes geopark-loader-dual-ring {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.geopark-loader-overlay {
background: rgba(255, 255, 255, 0.5);
content: '';
position: absolute;
top: 0;
left: 0;
z-index: 1;
height: 100%;
width: 100%;
}
.geopark-destination-detail {
display: flex;
margin-top: -120px;
padding: 60px 20px 20px;
position: relative;
background: rgba(255, 255, 255, 0);
background: -moz-linear-gradient(
top,
rgba(255, 255, 255, 0) 0%,
rgba(2, 16, 28, 1) 100%
);
background: -webkit-gradient(
left top,
left bottom,
color-stop(0%, rgba(255, 255, 255, 0)),
color-stop(100%, rgba(2, 16, 28, 1))
);
background: -webkit-linear-gradient(
top,
rgba(255, 255, 255, 0) 0%,
rgba(2, 16, 28, 1) 100%
);
background: -o-linear-gradient(
top,
rgba(255, 255, 255, 0) 0%,
rgba(2, 16, 28, 1) 100%
);
background: -ms-linear-gradient(
top,
rgba(255, 255, 255, 0) 0%,
rgba(2, 16, 28, 1) 100%
);
background: linear-gradient(
to bottom,
rgba(255, 255, 255, 0) 0%,
rgba(2, 16, 28, 1) 100%
);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#02101c', GradientType=0 );
}
.geopark-destination-length {
margin-right: 20px;
}
.geopark-destination-length,
.geopark-destination-difficulty,
.length-detail {
display: flex;
}
.length-detail {
flex-direction: column;
}
.length-icon {
margin-right: 8px;
}
.length-title {
font-family: 'Heebo';
font-weight: 400;
font-size: 14px;
line-height: 1;
color: #fff;
}
.length-description {
font-family: 'Heebo';
font-weight: 700;
font-size: 20px;
line-height: 1.3;
color: #fff;
}
.geopark-posts-pagination {
display: none;
}
.filter-title {
font-size: 40px;
}
.geopark-posts .geopark-post {
overflow: hidden;
}
.elementor-widget-geopark-posts .geopark-post-filters-wrap {
float: left;
width: 100%;
}
.geopark-filters {
float: left;
position: relative;
width: 40%;
}
.geopark-posts-filter-progress {
width: 0;
height: 2px;
background: #ffba43;
position: relative;
transition: 0.15s linear;
z-index: 1;
}
.geopark-distance-filters .geopark-posts-filter-progress {
background: #ff8a43;
}
.geopark-distance-filters {
margin-left: 100px;
}
.geopark-filter-button {
cursor: pointer;
}
.geopark-filters .geopark-post-filters {
margin: 0;
list-style: none;
display: flex;
justify-content: space-between;
position: relative;
height: 10px;
margin-top: -6px;
margin-bottom: 60px;
}
.geopark-post-filters:before {
position: absolute;
content: '';
width: 100%;
height: 2px;
background: #000;
top: 4px;
}
.geopark-post-filter {
cursor: pointer;
position: absolute;
width: 10px;
height: 10px;
border-radius: 100%;
background: #000;
z-index: 2;
}
.geopark-post-filter.geopark-filter-current {
background: #ffba43;
box-shadow: 0px 0px 0 15px rgba(255, 186, 67, 0.3);
}
.geopark-distance-filters .geopark-post-filter.geopark-filter-current {
background: #ff8a43;
box-shadow: 0px 0px 0 15px rgba(255, 138, 67, 0.3);
}
.geopark-post-filters .geopark-post-filter:before {
content: attr(data-label);
position: absolute;
transform: translateX(-50%);
margin-top: 30px;
white-space: nowrap;
}
.geopark-post-filters .geopark-post-filter:nth-child(1) {
left: 0;
}
.geopark-post-filters .geopark-post-filter:nth-child(2) {
left: 25%;
}
.geopark-post-filters .geopark-post-filter:nth-child(3) {
left: 50%;
}
.geopark-post-filters .geopark-post-filter:nth-child(4) {
left: 75%;
}
.geopark-post-filters .geopark-post-filter:nth-child(5) {
left: 100%;
}
.geopark-filters .geopark-post-filters li:before {
position: absolute;
content: '';
background: red;
height: 10px;
width: 10px;
border-radius: 50%;
top: -6px;
left: 50%;
transform: translateX(-50%);
}
.geopark-filters .geopark-post-filters li.geopark-filter-current:after {
position: absolute;
content: '';
background: red;
height: 2px;
width: 100%;
top: -6px;
}
.geopark-filters .geopark-post-filters li.geopark-filter-current:before {
position: absolute;
content: '';
background: #ff8a43;
height: 10px;
width: 10px;
border-radius: 50%;
top: -6px;
left: 50%;
transform: translateX(-50%);
}
.geopark-post .geopark-posts-button {
background-color: rgba(0, 0, 0, 0);
color: #ff8a43;
border-style: solid;
border-width: 2px 2px 2px 2px;
border-color: #ff8a43;
border-radius: 50% 50% 50% 50%;
width: 36px;
height: 36px;
display: flex;
align-items: center;
justify-content: center;
float: right;
}
.elementor-widget-geopark-posts
.geopark-posts-wrap
.geopark-post-thumbnail
img {
height: 400px;
object-fit: cover;
width: 100%;
} .geopark-image-gallery .geopark-grid-item-wrap {
width: 100%;
height: 460px;
}
.geopark-image-gallery .geopark-grid-item {
height: 100%;
}
.geopark-image-gallery .gallery-left-col .geopark-grid-item,
.geopark-image-gallery .gallery-right-col .geopark-grid-item {
height: 50%;
}
.geopark-image-gallery .geopark-gallery-thumbnail {
height: 100%;
width: 100%;
background-size: cover;
position: relative;
}
.geopark-image-gallery .geopark-gallery-thumbnail a {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
.geopark-image-gallery .gallery-left-col {
width: 20%;
float: left;
height: 100%;
}
.geopark-image-gallery .gallery-center-col {
width: 40%;
float: left;
height: 100%;
}
.geopark-image-gallery .gallery-right-col {
width: 40%;
float: left;
height: 100%;
}
.geopark-image-gallery .gallery-right-col .geopark-grid-item {
width: 100%;
float: left;
}
.geopark-image-gallery .gallery-right-col .geopark-grid-item:nth-child(1),
.geopark-image-gallery .gallery-right-col .geopark-grid-item:nth-child(2) {
width: 50%;
float: left;
}
.gallery-images-cols {
display: flex;
} .geopark-hikes .geopark-post-thumbnail img {
width: 100%;
object-fit: cover;
height: 250px;
}
.geopark-hike-features {
display: flex;
position: relative;
align-items: center;
margin-bottom: 20px;
}
.hike-detail,
.geopark-hike-detail {
display: flex;
flex-direction: column;
}
.geopark-hike-detail:not(:last-child) {
margin-right: 30px;
}
.hike-detail-title {
font-weight: normal;
font-size: 12px;
line-height: 18px;
color: #282828;
}
.hike-detail-description {
font-weight: 500;
font-size: 12px;
line-height: 18px;
color: #282828;
} .sarpur-post {
background: #fff;
box-shadow: 0 50px 76px 0 rgba(74, 103, 146, 0.3);
}
.sarpur-post .geopark-post-thumbnail {
text-align: center;
padding: 50px;
}
.sarpur-post .geopark-post-thumbnail img {
width: 119px;
}
.geopark-sarpur-link {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1;
}
.geopark-post-content {
position: relative;
padding: 30px;
overflow: hidden;
}
.geopark-post-content:before {
position: absolute;
content: '';
left: 0;
top: 0;
background: #ff8a43;
height: 9px;
width: 50.1%;
}
.geopark-post-content:after {
position: absolute;
content: '';
right: 0;
top: 0;
background: #ffba43;
height: 9px;
width: 50%;
}
.sarpur-post .geopark-post-title a {
color: #454e55;
font-size: 28px;
font-weight: 700;
line-height: 1;
}
.sarpur-post .geopark-read-more {
text-align: right;
}
.sarpur-filters {
display: flex;
justify-content: space-between;
margin-bottom: 100px;
}
.sarpur-filters select {
width: 100%;
background: transparent;
border: 2px solid #fff;
border-radius: 5px;
padding: 19px 30px;
height: 60px;
color: #fff;
appearance: none;
-webkit-appearance: none;
background: url(//reykjanesgeopark.is/wp-content/plugins/geopark-elementor-widgets/assets/images/down-arrow.png) no-repeat 92% center;
}
.sarpur-filters select option {
background: transparent !important;
}
.geopark-region-filter,
.geopark-content-type-filter,
.geopark-document-type-filter {
width: 33%;
margin-right: 30px;
}
.sarpur-filters .geopark-post-filters {
text-transform: uppercase;
}
.sarpur-search {
margin-bottom: 30px;
}
.sarpur-search input[type='text'] {
width: 100%;
background: transparent;
border: 2px solid #fff;
border-radius: 5px;
padding: 20px 30px;
color: #fff;
}
.sarpur-search input[type='text']::placeholder {
color: #fff;
}
.sarpur-filters .geopark-filter-button {
background: #fff;
border-radius: 5px;
color: #000000;
font-size: 18px;
text-transform: uppercase;
border: none;
padding: 21px 30px;
}
@media screen and (max-width: 768px) {
.geopark-post-filters-wrap {
padding-left: 12px;
padding-right: 12px;
}
}
@media screen and (max-width: 767px) {
.geopark-filters {
margin-left: 0;
margin-right: 0;
width: 90%;
}
.sarpur-filters {
flex-direction: column;
}
.geopark-region-filter,
.geopark-content-type-filter,
.geopark-document-type-filter {
width: 100%;
margin-right: 0;
margin-bottom: 30px;
}
.geopark-image-gallery .geopark-grid-item-wrap {
height: auto;
}
.geopark-image-gallery .geopark-gallery-thumbnail {
height: 200px;
}
.gallery-images-cols {
flex-direction: column;
}
.geopark-image-gallery .gallery-left-col,
.geopark-image-gallery .gallery-center-col,
.geopark-image-gallery .gallery-right-col {
width: 100%;
float: none;
height: auto;
}
.geopark-image-gallery .gallery-left-col .geopark-grid-item,
.geopark-image-gallery .gallery-right-col .geopark-grid-item {
height: auto;
}
.geopark-image-gallery .gallery-right-col .geopark-grid-item:nth-child(1),
.geopark-image-gallery .gallery-right-col .geopark-grid-item:nth-child(2) {
width: 100%;
float: none;
}
.elementor-widget-geopark-posts
.geopark-posts-wrap
.geopark-post-thumbnail
img {
height: 230px;
}
}
.open-street-map .leaflet-popup-content-wrapper,
.open-street-map .leaflet-popup-tip {
background: #ffffff;
border-radius: 5px;
color: #333;
box-shadow: none;
}
.open-street-map
.leaflet-popup-content-wrapper
.leaflet-popup-content
.popup-wrapper
h5 {
font-family: 'Cabin';
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 19px;
color: #454e55;
}
.open-street-map
.leaflet-popup-content-wrapper
.leaflet-popup-content
.popup-wrapper
p {
font-family: 'Cabin';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 26px; margin: 11px 0;
color: #7a7a7a;
}
.leaflet-popup-tip-container {
width: 19px;
height: 19px;
position: absolute;
left: 1px;
top: 20%;
margin-top: -1px;
margin-left: -20px;
overflow: hidden;
pointer-events: none;
}
.leaflet-popup-tip {
width: 11px;
height: 11px;
padding: 1px;
margin-left: 13px;
margin-top: 6px;
pointer-events: auto;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
border-radius: 0 !important;
}
.leaflet-div-icon {
background: transparent;
border: none;
}
.leaflet-div-icon .icon-wrapper {
position: relative;
}
.leaflet-div-icon .icon-wrapper .icon {
width: 100%;
height: 100%;
}
.leaflet-div-icon .icon-wrapper.clicked::before {
content: '';
width: 34px;
height: 34px;
position: absolute;
background: #ffba436d;
border: 1px solid #ffba435c;
border-radius: 100%;
left: 0;
top: 0;
animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
}
@keyframes ping {
75%,
100% {
transform: scale(3);
opacity: 0;
}
}
.map-pins ul {
list-style: none;
list-style-position: outside;
margin-left: 0;
column-count: 2;
column-gap: 32px;
}
.map-pins ul li {
font-family: 'Cabin';
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 200%;
color: #454e55;
}
.map-pins ul li img {
width: 33px;
height: 33px;
margin-right: 12px;
}
.map-pins h3 {
font-family: 'Cabin';
font-style: normal;
font-weight: 500;
font-size: 20px;
line-height: 200%;
color: #3f3f3f;
}