/*
Theme Name: NFK Theme
Theme URI: http://underscores.me/
Author: Archaeovision
Author URI: http://archeovision.eu
Description: Theme for New Forest Knowledge Project
Version: 1.0.2
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: nfk
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

NFK is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
    ## User contribution
# Navigation
	## Links
	## Menus
    ### User menu
    ### Footer menu
    ### Small menu
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
# Blocks
    ## Site Header
    ## Site Footer
    ## Site Content
      ### Pagination
      ### Tab area
    ## Posts footer
# PODS related
# Open Layers related
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;
}

body {
	margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}

a {
	background-color: transparent;
}

a:active,
a:hover {
	outline: 0;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

h1,h2,h3 {
    font-family: "Source Sans Pro",Arial,sans-serif !important;
}
h1 {
	font-size: 2em;
	margin: 0 0 0.67em 0;
}

mark {
	background: #ff0;
	color: #000;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 1em 40px;
}

hr {
	box-sizing: content-box;
	height: 0;
}

pre {
	overflow: auto;
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
html input[disabled] {
	cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input {
	line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td,
th {
	padding: 0;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
/*
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: serif !important;
}

html {
    font-size: 62.5%; // 1rem = 10px
}

body,
button,
input,
select,
textarea {
	color: #3b5444;
	font-family: sans-serif;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.5;
    font-family: 'Source Sans Pro', Arial, sans-serif !important;

}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
}

h2.alignleft {
    clear: none;
    margin: 0;
    width: 75%;
}

p {
	margin-bottom: 1.5rem;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5rem;
}

address {
	margin: 0 0 1.5rem;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 0.9375rem;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}
.featured {
    font-family: 'Tinos', serif;
}
*/
/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
}

*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

body {
	background: #fff; /* Fallback for when there is no custom background color defined. */
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}

blockquote,
q {
	quotes: "" "";
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

#main > ul,
#main > ol {
	overflow: hidden;
	margin: 0 0 1.5em 0;
	padding-left: 2rem;
}
ul,
ol {
	margin: 0 0 1.5em 0;
	padding-left: 1.5rem;
}
ul.pods-file-meta {
	padding-left: 0;
    margin-left: 0;
}
ul#alphalist {
    margin-left: 3em;
    padding-left: 4rem;
}
ul {
	list-style: disc;
}

ul.pods-file-meta,
.pods-field-input ul {
	list-style: none;
}
ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}

figure {
	margin: 1em 0; /* Extra wide images within figure tags don't overflow the content area. */
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/

/*https://codepen.io/bmarshall/pen/stDnB*/
#masthead div.row div.search-col {
    padding-right: 10px !important;
}
#searchbox_container {
    display: table;
    width: 100%;
    margin: 0 auto 0;
    height: 4rem;
}
#searchbox_container div.cell {
    display: table-cell;
}
#searchbox_container div.cell:last-child {
    /* Makes sure this cell is only wide enough
       for the button label. */
    width: 1px;
}

input[type=search], .search-submit {
    width: 100%;
    height: 100%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-family: inherit;
    font-size: inherit;
}

input[type=search] {
    margin: 0;
    padding: 0 10px;
    border: 0;
}

.search-submit {
    line-height: 40px;
    margin-left: 10px;
    padding: 0 10px 0 20px;
    font-weight: bold;
    letter-spacing: 0.1rem;
    white-space: nowrap;
    background-color: #1e3c29;
    color: #fff;
    text-transform: uppercase;
	border: 1px solid;
	border-color: #d6dcd8;
}

/*
.search-form label {
    display: inline;
    font-size: 2rem;
}
.search-field {
    width: 86%;
    height: 3.2rem;
}
.search-submit {
    width: 12%;
    vertical-align: bottom;
    float: right;
    height: 4rem;
    letter-spacing: 0.1rem;
}
*/

#tab_content a.button {
	border: 1px solid;
	border-color: #d6dcd8;
	background: #1e3c29;
	color: #fff;
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 1.5rem;
	padding: 0.45rem 1rem;
    text-transform: uppercase;
    display: inline-block;
    margin: 0;
}
#tab_content a:hover.button {
    text-decoration: none;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #d6dcd8;
	background: #1e3c29;
	color: #fff;
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 1.5rem;
	padding: 0.45rem 1rem;
    text-transform: uppercase;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	border-color: #1e3c29;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
/*input[type="range"],*/
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: inherit;
	border: 1px solid #d6dcd8;
	padding: 3px;
    font-family: sans-serif;
}

select {
	border: 1px solid #ccc;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111;
}

textarea {
	width: 100%;
}

.tml-form-table button {
	color: #fff;
}

/*--------------------------------------------------------------
## User contribution
--------------------------------------------------------------*/
#user_group_form,
#user_article_form {
    display: none;
}
.article_active,
.group_active {
    display: block !important;
}
.row.row_divider {
    height: 3rem;
    background-color: #fff;
}
/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
	color: #a6b2ab;
}

a:visited {
	color: #a6b2ab;
}

a:hover,
a:focus,
a:active {
	color: #a6b2ab;
}

a:focus {
	outline: thin dotted;
}

a:hover,
a:active {
	outline: 0;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation {
/*	display: block; */
    display: inline-block;
	float: right;
/*	width: 100%;*/
    text-transform: uppercase;
    font-size: 2rem;
    padding-top: 1.3rem;
}

.login > a {
    float: right;
    display: inline-block;
    background-image: url("img/navi_myprofile.png");
    background-image: url("img/navi_myprofile.svg"), linear-gradient(transparent, transparent);
    background-size: 3.5rem 3.5rem;
    background-repeat: no-repeat;
    background-position: center center;
    width: 5rem;
    height: 5rem;
}
/* mobile view */
@media screen and (max-width: 768px) {
    .login > a {
        background-image: url("img/navi_myprofile.png");
        background-image: url("img/navi_myprofile_mobile.svg"), linear-gradient(transparent, transparent);
        background-color: #1e3c29;
    }
}
/*
.login img,
.menu-toggle img {
    margin: 0.75rem;
    width: 3.5rem;
    height: 3.5rem;
}*/

.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation li {
	float: left;
	position: relative;
    margin-right: 30px;
}

.main-navigation a {
	display: block;
	text-decoration: none;
    color: #1e3c29;
}

.main-navigation a:hover,
.main-navigation a:visited,
.main-navigation a:active {
    color: #1e3c29;
}

.main-navigation a:hover,
.main-navigation .current-menu-item {
	text-decoration: underline;
}

.main-navigation ul ul {
/*	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);*/
	float: left;
	position: absolute;
	/*top: 1.5em;*/
	left: -999em;
	z-index: 99999;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul a {
	width: 200px;
}

.main-navigation ul ul li {

}

.main-navigation li:hover > a,
.main-navigation li.focus > a {
}

.main-navigation ul ul :hover > a,
.main-navigation ul ul .focus > a {
}

.main-navigation ul ul a:hover,
.main-navigation ul ul a.focus {
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	left: 100%;
}

.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a,
.main-navigation .current-menu-ancestor > a {

}

/*--------------------------------------------------------------
### User menu
--------------------------------------------------------------*/
.login {
    position: relative;
    display: inline-block;
    padding-top: 0;
}

.login .sub-menu {
    display: none;
    position: absolute;
    min-width: 160px;
    padding: 10px 10px;
    z-index: 1;
    right: 0;
    top:5rem;
    float: none;
}
.login .sub-menu li {
    float: none;
}
.login:hover .sub-menu {
    display: block;
}
/*--------------------------------------------------------------
### Footer menu
--------------------------------------------------------------*/
.footer_menu {
    background-color: #fff;
    text-align: center;
}
.footer_menu ul {
    list-style-type: none;
    display: inline;
}
.footer_menu ul li {
    display: inline;
    margin: 1rem 0;
    padding-bottom: 2rem;
    font-size: 1.3rem;
}
.footer_menu li:after {
    content: " | ";
}
.footer_menu li:last-child:after {
    content: "";
}
/*--------------------------------------------------------------
### Small (mobile) menu
--------------------------------------------------------------*/
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}
.menu-toggle {
    background-image: url(img/mobile-menu.png);
    background-size: 3.5rem 3.5rem;
    background-repeat: no-repeat;
    background-position: center center;
    background-position: center center;
    display: inline-block;
    background-color: #78a978;
    text-align: center;
    width: 5rem;
    height: 5rem;
    cursor: pointer;
    margin-bottom: -0.7rem;
}
/*@media screen and (max-width: 995px) { */
@media screen and (max-width: 1025px) {
    .main-navigation {
        padding-top: 0 !important;
    }
    .main-navigation.toggled .menu-toggle {
        background-image: url(img/mobile-menu-close.png);
    }
    .main-navigation.toggled .menu-menu-container ul {
        background-color: #629162;
        width: 50%;
        display: block;
        float: right;
        float: right;
    }
    .main-navigation li {
        float: none;
    }
    .main-navigation a,
    .main-navigation a:active,
    .main-navigation a:focus,
    .main-navigation a:visited,
    .main-navigation a:hover{
        color: #fff;
    }
}
/*@media screen and (min-width: 995px) {*/
@media screen and (min-width: 1025px) {
	.menu-toggle {
		display: none;
	}
	.main-navigation ul {
		display: block;
	}
}
/*
@media screen and (max-width: 768px) {
    .site-content.taxonomy .row {
        padding-right: 15px;
        padding-left: 15px;
    }

}*/
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

.sub-menu {
    background-color: #e8ebe9;
    text-transform: none;
}
.sub-menu li {
    margin: 0.2rem 0.5rem 0.2rem 0.5rem;
}
.main-navigation.toggled {
    width: inherit;
    text-align: right;
}
/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
}

/* Make sure select elements fit in widgets. */
.widget select {
	max-width: 100%;
}

/* Map */
.widget-area #NFKMAP-map { /* map window heigth */
    height: 300px !important;
    margin-bottom: 2rem;
    margin-top: 2.6rem;
}
.widget-area {
    margin-right: -15px; /* bootstrab gutter*/
}

.widget_tax_heading {
    margin-top: 1.8rem;
}
/* mobile view */
@media screen and (max-width: 768px) {
    .widget-area #NFKMAP-map { /* map window heigth */
        height: 20rem !important;
        margin-bottom: 0;
        margin-top: 0;
    }
    .home #NFKMAP { /* map window heigth */
        margin-bottom: 1.5rem;
        margin-top: 1.5rem;
    }
}
.legend-panel .panel { /* Map Legen panel style */
    padding: 0 2.2rem 0.3rem 0.7rem;
    border-left: 1px solid #629162;
    font-size: 1.2rem;
}
/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
ul.table {
    width: 100%;
    display: table;
}
ul.table li {
    display: table-row;
}
ul.table li img,
ul.table li a {
    display: table-cell;
}
.sticky {
	display: block;
}

.hentry {
	margin: 0 0 1.5em;
}

.byline,
.updated:not(.published) {
	display: none;
}

.single .byline,
.group-blog .byline {
	display: inline;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/* only for NOT mobile view */
@media screen and (min-width: 768px) {
    .page.container {
        padding-right: 0;
        padding-left: 0;
    }
    .search .page.container {
        padding-right: 15px;
        padding-left: 15px;
    }
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}
.comments-area { /*commnet box hidden by default*/
    display: none;
}
.your_say {
    cursor: pointer;
    font-size: 2rem;
    margin-bottom: 1.5rem;
}
/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/* Thumbnail placeholder for listing. */
.thumbimg {
    display: inline-block;
    width: 20%;
    height: 20%;
}
.icon-inline {
    margin: 3px;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}

/*--------------------------------------------------------------
# Blocks
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Site Header
--------------------------------------------------------------*/
.site-header {
    padding: 0 10rem;

}
#masthead {
    /*position: fixed;*/
    /*top: 2rem;*/ /* #content needs margin-top  */
    padding-top: 3rem;
   /* padding-bottom: 1.5rem;*/
}
@media screen and (max-width: 767px) {
    .site-logo {
        display:none;
    }
    #masthead .site-logo-sm {
        display: inline-block;
        width: 100%;
        text-align: center;
        margin: 1.5rem 0;
    }
    #site-navigation {
        float:none;
        width: 50%;
    }
    #masthead {
        padding-top: 0rem;
        /*height: 5.01rem;*/
    }
    .actionbar {
        display: none;
    }
    #masthead .actionbar-sm {
        display: inline-block;
        position: absolute;
        left: 5rem;
        right: 5.5rem;
        top: 0;
    }
    #searchbox_container {
        height: 5rem;
    }
    #masthead input[type="submit"] {
        display: none;
    }
    #masthead input[type="search"] {
        font-size: 2.5rem;
        background-color: #eff4ef;
        color: #7e9084;
    }
    #masthead input[type="search"]::-webkit-input-placeholder { /* WebKit, Blink, Edge */
        color: #7e9084;
    }
    #masthead input[type="search"]:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
       color: #7e9084;
       opacity: 1;
    }
    #masthead input[type="search"]::-moz-placeholder { /* Mozilla Firefox 19+ */
       color: #7e9084;
       opacity: 1;
    }
    #masthead input[type="search"]:-ms-input-placeholder { /* Internet Explorer 10-11 */
       color: #7e9084;
    }
    .main-navigation.toggled {
        position: absolute;
        left: 0;
        top: 0;
        text-align: left;
        z-index: 999;
    }
    .main-navigation.toggled .menu-menu-container ul {
        background-color: #629162;
        width: 100%;
        display: block;
    }
    .main-navigation li {
        float: none;
        padding: 0.2rem 1rem;
    }
    .main-navigation a,
    .main-navigation a:active,
    .main-navigation a:focus,
    .main-navigation a:visited,
    .main-navigation a:hover{
        color: #fff;
    }
}
.site-logo-sm {
    display: none;
}

.site-logo img {
    height: 65px;
    width: auto;
}
#masthead .row > div {
    padding-left: 0; /* lets remove bootstap gutter */
}

#masthead .row > div:nth-child(2) { /* lets remove bootstrap gutter from right */
    padding-right: 0;
}
.actionbar {
    margin-top: 2rem;
    height: 4.5rem;
    position:relative;
}
.actionbar div {
    height: 100%;
}
.actionbar-sm {
    display: none;
}
.button-contribute, .button-donate {
    display: inline-block;
    font-size: 2.5rem;
    line-height: 4rem;
    text-transform: uppercase;
    margin-left: 1.5rem;

}
.button-contribute a,
.button-donate a {
    padding-right: 4.5rem;
}

@media screen and (max-width: 1200px) {
    .button-contribute, .button-donate {
        font-size: 1.7rem;
        margin-top: 1.5rem;
    }
}
@media screen and (max-width: 990px) {
    .button-contribute, .button-donate {
        font-size: 1.4rem;
        margin-left: 0.8;
        margin-top: 1.5rem;
        background-size: 1.8rem 1.8rem;
    }
    .button-contribute a,
    .button-donate a {
        padding-right: 2.5rem;
    }
}
.button-contribute a:link,
.button-contribute a:visited,
.button-contribute a:active,
.button-contribute a:hover {
    color: #689568;
}

.button-donate a:link,
.button-donate a:visited,
.button-donate a:active,
.button-donate a:hover {
    color: #85958b;
}

.button-contribute {
    color: #689568;
    background-image: url("img/contribute.png");
    background-image: url("img/contribute.svg"), linear-gradient(transparent, transparent);
    background-position: center right;
    background-repeat: no-repeat;
}
.button-donate {
    color: #85958b;
    background-image: url("img/donate.png");
    background-image: url("img/donate.svg"), linear-gradient(transparent, transparent);
    background-position: center right;
    background-repeat: no-repeat;
}
.bottom-margin-2 {
    margin-bottom: 2rem;
}

/*--------------------------------------------------------------
## Site Footer
--------------------------------------------------------------*/
footer {
    margin-top: 4rem;
}
.site-footer  {
    height: inherit;
}
.footer-logos {
    background-color: #fff;
}
#social {
    background-color: #e8ebe9;
    font-size: 4rem;
    text-align: center;
}
@media screen and (max-width: 768px) {
     #social {
        font-size: 2.7rem;
    }
    .footer-logos {
        margin: 1.5rem;
    }
}


#social i.fa {
    margin: 1rem 1.5rem;
}
#social .contacts {
    font-size: 1.4rem;
    color: #85958b;
    margin: 1.3rem auto;
}

/*--------------------------------------------------------------
## Site Content
--------------------------------------------------------------*/

.home #content,
.post-template-default #content {
    /* margin-top: 10rem;*/
    padding-left: 0;
}
.site-content {
    /*margin: 1rem 10rem;*/
    /*margin-bottom: 17rem;*/
}

.home .site-content {
    margin-bottom: inherit;
}
article,
form#commentform {
    /*padding-right: 10rem;*/
    padding-right: 10rem;
}
/* mobile view */
@media screen and (max-width: 768px) {
    article, form#commentform {
        /*margin: 1.5rem;*/
        padding-right: 0;
    }
    h1.entry-title,
    h1.page-title {
        font-size:  2.7rem;
    }
    #media_container {
        width: 100% !important;
    }
    .row.filter_bottom,
    .site-main .row:last-child,
    .facetwp-template .row:last-child {
        margin-bottom: 0;
    }
    #main > .row {
        margin-left: 0;
        margin-right: 0;
    }

    .home #content {
        padding-right: 0;
    }
}
@media screen and (max-width: 37.5em) {
/*    .site-content {
        margin: 1rem 1rem;
    }*//*
    article {
        padding-right: 1rem;
    }*/
}
#media_container {
    border: 1px solid #e8ebe9;
    display: inline-block;
    width: 40.2rem;
    /*background: #2b322e;*/
    background: #fff;
    margin-right: 1.5rem;
    position: relative;
}
#media_container .media_item a img {
    margin: 0 auto;
    display: block;
}
#media_container .media_item a {
    min-height: 30rem;
    max-height: 30rem; /* 391381214448156 */
    vertical-align: middle; /*Used for IE 11*/
    display: table-cell; /*Used for IE 11*/
    align-items: center;
}
.media_item .img-responsive { /* 391381214448156 */
    display: block;
    width: auto;
    max-height: 30rem;
}
.media_item {
    display: table;/*Used for IE 11*/
    height: 30rem;
    width: 100%;
}

/*mobile view*/
@media screen and (max-width: 767px) {
    .media_item .img-responsive { /* 391381214448156 */
        max-height: none;
    }
    #media_container .media_item a {
        max-height: none;
        min-height: auto;
    }
}

article.data-item div.carousel-inner div {
    margin: 0.5rem 0;
}

.media_meta {
    padding: 1rem !important;
    margin:0 !important;
    background: #e8ebe9;
}

.media_title {
    font-size: 1.5rem;
}
.media_caption {
    color: #a6b2ab;
    font-size: 1.4rem;
}
.record-img-nav {
    background: rgb(255, 255, 255); /* fallback color */
    background: rgba(255, 255, 255, 0.85);
    filter: alpha(opacity=85); /* IE transparency */
    display: inline-block;
    height: 50px;
    width: 25px; /* half a gight */
    position: absolute;
    top: 15px;
    margin: 25px 0;
    text-align: center;
}

#myCarousel {
    background-color: #e8ebe9;
}

#myCarouselFrontpage .record-img-nav {
    top: 40%;
}
.single .carousel-inner {
    height: 7rem;
}
.record-img-nav > a {
    line-height: 4.4rem;
    font-size: 3rem;
    margin: 0;
    display: block;
}
.record-img-nav > a:hover,
.record-img-nav > a:visited,
.record-img-nav > a:active,
.record-img-nav > a:focus,
.record-img-nav > a {
    text-decoration: none;
}
.record-img-nav-left {
    margin: 0 1em 1em 0;
    border-bottom-right-radius: 50px;
    border-top-right-radius: 50px;
    left: 0;
}

.record-img-nav-right {
    margin: 0 0 1em 1em;
    border-bottom-left-radius: 50px;
    border-top-left-radius: 50px;
    right: 0;
}

#main h1.page-title,
#main h1.entry-title {
    margin-top: 2rem; /* defined otherwise in Bootstrap */
}

.tab_list_content article h3 { /*https://stackoverflow.com/questions/5577364/make-the-first-character-uppercase-in-css*/
    display: block;
}
#main h1.page-title:first-letter,
#main h1.entry-title:first-letter,
.tab_list_content article h3:first-letter {
    text-transform: uppercase;
}

#breadcrumbs {
    font-size: 1.7rem;
    /*margin-top: 2rem;*/
    bottom: 0;
    position: absolute;
}
#breadcrumbs .fa-chevron-right {
    font-size: 1.4rem;
    margin: 0 0.5rem;
    color: #99a79e;
}
#breadcrumbs a:link,
#breadcrumbs a:active,
#breadcrumbs a:focus,
#breadcrumbs a:visited {
    color: #1e3c29;
}
.data-field {
    display: none;
    margin-bottom: 1.5rem;
}

.data-item div {
    margin-bottom: 1.5rem;
}
.data-item #media_container div {
    margin-bottom: 0;
    padding-bottom: 1rem;
}
.data-item #media_container div.media_item {
    padding-bottom: 0 !important;
}
/*--------------------------------------------------------------
## Posts Footer
--------------------------------------------------------------*/
#footer_post_nav {
    display: table;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 10rem;
}
.single-contributions #footer_post_nav {
    padding-right: 0rem;
}
.footer_post_nav_prev {
    display: table-cell;
    float: left;
}
.footer_post_nav_next {
    display: table-cell;
    float: right;
}
#footer_post_nav .fa {
    font-size: 1.6rem;
}

/* mobile view */
@media screen and (max-width: 768px) {
    #footer_post_nav {
        padding-right: 0;
    }
}

/*--------------------------------------------------------------
### Datasource info
--------------------------------------------------------------*/
#datasoure_info {
    color: #86968c;
    margin-top: 2.5rem;
}
#datasoure_info img{
    width:150px;
}
#datasoure_info a {
    text-decoration: underline;
}
#datasoure_info a:link,
#datasoure_info a:active,
#datasoure_info a:visited,
#datasoure_info a:focus {
    color: #629162;
}

/*--------------------------------------------------------------
### Pagination
--------------------------------------------------------------*/
.facetwp-pager,
.facetwp-counts {
    display: inline-block;
    color: #94a299 !important;
}
.facetwp-pager,
.facetwp-counts,
.pagination {
    font-size: 1.7rem;
}
.pagination .page-numbers,
.pagination a.page-numbers:link,
.pagination a.page-numbers:visited,
.facetwp-page {
    color: #94a299 !important;
    margin: 0 1rem;
    font-weight: 800;
}
.pagination .current,
.facetwp-pager .active,
#alphalist .title {
    background-color: #94a299;
    color: #fff !important;
    border-radius: 50%;
    height: 2.5rem;
    width: 2.5rem;
    display: inline-block;
    text-align: center;
}
.facetwp-pager-label {
		display: none !important;
		visibility: hidden;
}
.facetwp-per-page {
		display: inline-block;;
}
.nfk-pager {
    padding-left: 2.25rem !important;
    padding-bottom: 0.75rem;
}
.nfk-page-count {
    text-align: center;
    padding-right: 2.25rem !important;
}
/*--------------------------------------------------------------
### Tab area
--------------------------------------------------------------*/
#tab_content {
    margin:0;
    min-height: 40rem;
}

#tab_content .row {
    margin-right:0;
}
/*
#tab_map_content .row {
    margin-left:0;
} */
#tab_content .container{
    /* background-color: #e8ebe9;*/
}
/*#tab_wrapper article,*/
#tab_content article {
    padding: 1.5rem;
/*    margin:0;*/
}
#tab_contribute_content > div {
    padding: 0 3rem 3rem 3rem;
}
#tab_content a,
#tab_content a:visited,
#tab_content a:active {
    color: #2c4632;
    text-decoration:none;
}
#tab_content a:hover {
    text-decoration: underline;
}
#tab_content em a {
    text-decoration: underline;
    font-style: normal;
}
.tab_list_content {
    padding-top: 1.5rem;
    padding-bottom: 1rem;
    min-height: 40rem !important; /* shoud be the same as .tab_list_filter */
}
#tab_map_content{
    padding-left: 0;
    padding-right: 0;
}
div.tab_map_inline {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.tab_list_content .col-xs-3.img-thumb {
    font-size: 8rem;
    text-align: center;
}

.tab_list_content .col-xs-3.img-thumb a,
.tab_list_content .col-xs-3.img-thumb a:visited,
.tab_list_content .col-xs-3.img-thumb a:active {
    color: #85958b !important;
    text-decoration:none;
}
.tab_list_content .img-thumb .fa {
    vertical-align: text-top;
}
#tab_list_content,
#tab_map_content,
#tab_contribute_content {
    display: none;
    min-height: inherit;
}

#tab_list_content h3 {
    margin-top: 0 !important;
}

#tab_bar li a img {
    height: 1.5rem;
    margin-right:10px;
    vertical-align: baseline;
}

#tab_bar {
    display: block;
    height: 3.8rem;
}

#tab_bar ul {
    margin: 0;
    padding: 0;
    right: 0;
    float:right;
    margin-right: 11.5rem;
    background-color: #1e3c29;
    list-style-type: none;
}

/*mobile view*/
@media screen and (max-width: 768px) {
   #tab_bar ul {
        width: 100%;
        margin-right: 0;
    }
    /* three items */
    #tab_bar li:nth-child(1):nth-last-child(3),
    #tab_bar li:nth-child(2):nth-last-child(2),
    #tab_bar li:nth-child(3):nth-last-child(1) {
        width: 33.3333%;
    }
    /* four items */
    #tab_bar li:nth-child(1):nth-last-child(4),
    #tab_bar li:nth-child(2):nth-last-child(3),
    #tab_bar li:nth-child(3):nth-last-child(2),
    #tab_bar li:nth-child(4):nth-last-child(1) {
        width: 25%;
    }
    #tab_bar li a {
        font-size: 1.3rem !important;
    }
    #tab_bar li a img {
        height: 1.2rem;
        margin-right:5px;
    }
    #tab_wrapper .row {
        margin-right: -15px;
    }
    #tab_wrapper .tab_list_filter .row {
        margin-right: 0;
    }
    #tab_list_content h3 {
        font-size: 1.7rem;
    }
    #tab_list_content div > p {
        font-size: 1.3rem;
    }
    #tab_list_content .img-thumb .fa {
        font-size: 5rem;
    }
}

#tab_bar li {
    float: left;
    margin: 0;
    text-align: center;
    white-space: nowrap;
}

#tab_bar li a {
    display: block;
    color: #fff;
    text-decoration: none;
    padding: 0.5rem 1.5rem;
    font-size: 2rem;

}

#tab_bar li a:hover,
#tab_bar li a.tab_current {
    background-color: #99a69e;
}

/*--------------------------------------------------------------
#### Featured content
--------------------------------------------------------------*/
@media screen and (max-width: 768px) {

    .front-page .featured {
        margin: 0 1.5rem 1.5rem 0;
    }
    h2 {
        font-size: 2.2rem !important;
    }
    .featured-main .featured-title {
        width: 80% !important;
    }
    .featured-main  {
        margin: 0 !important;
        /*margin-bottom: 1.5rem !important;*/
    }
    /* disable carousel */
    #myCarouselFrontpage .record-img-nav {
        display: none;
    }
    .front-page .row > div:nth-child(2) { /* lets remove bootstrap gutter from right */
        padding-right: 0;
}
}

.front-page .row > div:nth-child(2) { /* lets remove bootstrap gutter from right */
    /*padding-right: 0;*/
}

.front-page .featured-main {
    font-size: 3.5rem !important;
}

.front-page .featured {
    font-size: 2rem;
}

#tab_featured_content {
    background-color: #e8ebe9;
}

#tab_featured_content .entry-content {
    margin:0;
    padding: 0;
}
#tab_featured_content  .row {
    padding: 1rem;
}
.featured,
.featured img {
/*    width: 200px;
    height: 150px; */
    position:relative;
}

.featured {
    margin-bottom: 25px;
}

.featured img {
    /*width: 100%;*/
}
.featured .featured-title {
    position: absolute; /* absolute position (so we can position it where we want)*/
    bottom: 0; /* position will be on bottom */
    left: 0;
    width: 100%;
    color: #fff;
    background: rgb(30, 60, 41); /* fallback color */
    background: rgba(30, 60, 41, 0.85);
    filter: alpha(opacity=60); /* IE transparency */
    padding: 1rem 1.5rem;
}

.featured .featured-title a:link,
.featured .featured-title a:visited,
.featured .featured-title a:focus,
.featured .featured-title a:active {
    color: #fff !important;
}
.featured_no_image {
    position: relative !important;
}
/*--------------------------------------------------------------
#### Content list
--------------------------------------------------------------*/
.list_tax .tab_list_content, /* list of items in taxonomy */
#tab_contribute_content, /* list of items in taxonomy */
.view_tax /* list of taxonomy items */ {
    background-color: #e8ebe9;
}
/*
.view_tax {
    text-transform: capitalize;
}
*/
ul#alphalist,
ul#alphalist ul {
    list-style: none;
    font-size: 1.7rem;
}

ul#alphalist {
    margin: 2rem 0;
}

ul#alphalist ul {
    margin: 2rem 0;
    padding: 0;
    -webkit-column-count: 4; /* Chrome, Safari, Opera */
    -moz-column-count: 4; /* Firefox */
    column-count: 4;
}

ul#alphalist ul li { /* for IE 11 to column-count to work properly */
    overflow: hidden;
}

/* mobile view */
@media screen and (max-width: 768px) {
    ul#alphalist ul {
        margin: 1.5rem 0;
        padding: 0;
        -webkit-column-count: 2; /* Chrome, Safari, Opera */
        -moz-column-count: 2; /* Firefox */
        column-count: 2;
    }
}

#alphalist .title {
    padding-top: 0.1rem;
}

/*--------------------------------------------------------------
#### Left sidebar Search filter
--------------------------------------------------------------*/
.list_tax .tab_list_filter /* serch filter sidebar */ {
    background-color: #fff;
}

.list_tax .tab_list_filter strong {
    color: #85958b;
}
.facetwp_widget .noUi-connect {
    background-color: #85958b;
}
.facetwp-slider-label {
    display: block;
    text-align: center;
}
.facetwp_widget .fa-chevron-down {
    font-size: 1rem;
    vertical-align: middle;
    padding-bottom: 0.4rem;
}
/*
.facetwp-slider-wrap {
    padding-left: 2rem;
} */
input[type="button"].facetwp-slider-reset {
    margin-left: 2rem;
    border: none;
    border-radius: 0;
    background-color: #85958b;
    box-shadow: none;
}
.facetwp_widget > strong,
.facetwp-toggle {
    margin-left: 2.1rem;
}
.facetwp_widget > strong {
    font-size: 2rem;
}
.facetwp-checkbox {
    background: url(img/checkbox.png) 0 50% no-repeat !important;
    background-size: 14px 14px !important;
}
.facetwp-checkbox.checked {
    background-image: url(img/checkbox-on.png) !important;
}
.facetwp-facet {
    /*border: 1px solid #2c4836;*/
    padding: 0.5rem 0;
}
.facetwp_widget {
    color: #1e3c29;
    margin-bottom: 1rem;
}
/*
.facetwp-facet-subjects,
.facetwp-facet-times {
    text-transform:lowercase;
}

.facetwp-facet-people,
.facetwp-facet-places {
    text-transform:capitalize;
}
*/
.tab_list_filter .row.filter_bottom .facetwp-per-page-select,
.facetwp-sort-select {
    background-color: #e8ebe9;
    border-color: #e8ebe9;
    border: 0;
    width: 100%;
    background: url(https://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/br_down.png) no-repeat right;
    -webkit-appearance: none;
}
.facetwp-search {
    width: 100% !important;
}
textarea:focus,
input:focus,
select:focus {
    outline: none;
}

.tab_list_filter .row.filter_bottom > div,
.tab_list_filter .facetwp-sort {
		border: 1px solid #2c4836;
		padding: 0.5rem;
}

.tab_list_filter .row {
    border: 1px solid #e8ebe9;
    margin-left: 0;
    padding: 2rem;
}
.tab_list_filter .row.filter_bottom {
    background-color: #e8ebe9;
}
.tab_list_filter > .row:first-child {
    min-height: 40rem; /* shoud be the same as .tab_list_content */
}
/*--------------------------------------------------------------
# PODS related
--------------------------------------------------------------*/
.pods-form-ui-field .pods-pick-values,
.pods-pick-values ul,
.pods-form-ui-field .pods-pick-values li.pods-dfv-list-col {
    overflow: auto !important; /* overwriting the PODS style as scollbars disappeared form the checkboxes selection */
}
.pods-form-front .pods-field-label {
    width: inherit !important;
    min-width: inherit !important;
    float: none !important;
}

.pods-form-front .pods-field-input {
    width: inherit !important;
    min-width: inherit !important;
    float: none !important;
}
ul.pods-form-fields {
    padding-left: 0;
}
ul.pods-form-fields textarea{
    border: 1px solid rgb(214, 220, 216);
    width: 100% !important;
}
.pods-form-front .pods-field-input input[type="text"]{
    width: 100% !important;
}

.pods-field,
.comment-form-author label {
    margin :0 !important;
    padding: 0 !important;
}

.comment-form-author .pods-form-ui-label,
 .comment-form-comment label {
    font-weight: 600;
    font-size: 1.5rem;
}

.pods-boolean label {
    padding-top: 0.7rem !important;
}
/*--------------------------------------------------------------
# Open Layers
--------------------------------------------------------------*/
.ol-control button {
    background-color: #629162;
    margin: 0px;
}

.ol-zoom {
    top: 0;
    left: 0;
}

.ol-full-screen {
    top: 0;
    right: 4rem;
}

.layer-switcher {
    top: 0;
    right: 0;
}
#popup-content {
    min-width: 150px;
    min-height: 50px;
}

#popup-content a {
	display:block;
}

#popup-content a img {
	clear:both;
}

.ol-zoom .ol-zoom-in,
.ol-zoom .ol-zoom-out,
.layer-switcher,
.layer-switcher button,
.ol-full-screen,
.ol-full-screen button {
    border-radius: 0 !important;
}
.ol-popup {
	visibility:hidden;
}
.ol-overlay-container .ol-popup {
	visibility: visible;
}
.layer-switcher .panel {
    border: 0;
    border-radius: 0;
    background: rgb(30, 60, 41); /* fallback color */
    background: rgba(30, 60, 41, 0.85);
    filter: alpha(opacity=85); /* IE transparency */
    color: #fff;
}

.layer-switcher .panel ul {
    margin-left: 0.3rem;
}

.layer-switcher .panel label {
    color: #fff;
    font-family: sans-serif;
}

.layer-switcher button {
    background-image: url("img/map-layer.png");
    background-image: url("img/map-layer.svg"), linear-gradient(transparent, transparent);
    background-position: center center;
    width: 4rem;
    height: 4rem;
    background-size: 3rem 3rem;
}

.ol-control {
    background-color: none;
    border-radius: 0;
}
.ol-control, .ol-scale-line {
    padding: 0;
    margin: 0;
}
.ol-control button {
    width: 4rem;
    height: 4rem;
}

.ol-attribution ul {
    font-size: 1.2rem;
    line-height: 1.5rem !important;
}
.ol-attribution.ol-uncollapsible {
    height: 3rem !important;
    padding-top: 0.4rem;
}

#NFKMAP-map:-moz-full-screen, .widget-area #NFKMAP-container #NFKMAP-map:-moz-full-screen {
    height: 100% !important;
	width: 100%;
}
#NFKMAP-map:-webkit-full-screen, .widget-area #NFKMAP-container #NFKMAP-map:-webkit-full-screen {
    height: 100% !important;
    width: 100%;
}
#NFKMAP-map:-ms-fullscreen, .widget-area #NFKMAP-container #NFKMAP-map:-ms-fullscreen {
    height: 100% !important;
    width: 100%;
}
#NFKMAP-map:fullscreen, .widget-area #NFKMAP-container #NFKMAP-map:fullscreen {
    height: 100% !important;
    width: 100%;
}
.home #NFKMAP-map {
    min-height: 58.1rem;
}
/* mobile view */
@media screen and (max-width: 768px) {
    .home #NFKMAP-map {
        min-height: 30rem;
        max-height: 30rem;
    }
}
/*--------------------------------------------------------------
# Modal - image popup
--------------------------------------------------------------*/
#myModal .modal-dialog {
    width: 100%;
    height: auto;
    text-align: center;
    margin: 0;
}

#myModal .modal-content {
    background-color: transparent;
    border: 0;
}
#myModal {
    border:none;
    padding:0;
    display: none;
}

#myModal .modal-body {
    border:0;
    padding:0;
}

#myModal img {
    height: auto;
    width: auto;
}
#myModal .modal-body .fa-times-circle {
    top:5rem;
    right: 5rem;
    position: absolute;
    font-size: 4rem;
    color: #fff;
    cursor: pointer;
}
.thumbnail {
    margin-bottom:6px;
}
.layer .opacity { /* layer opacity slider*/
    padding: 0;
}

/**
Hide double thumbnail in Lightgallery+carousel view
*/
.lg-thumb.lg-group .lg-thumb-item:first-child {
	display:none;
}