/*
Template Name: kunilaart2
Version: 1.0
 */
/*	CSS RESET
**	- - - - - - - - - - - - - - - - - -	*/

@import url(https://fonts.googleapis.com/css?family=Open+Sans|Frankcois+One|Montserrat:300,400,500,600);
:root {
	
	--logo-container: 65px;
	--nav-menu-container:50px;
	--header-padding-top:15px;
	--header-padding-bottom:25px;
	--footer-height:18px;
	--content-block-margin:10px;
	--header-height: calc(var(--logo-container) + var(--nav-menu-container) + var(--header-padding-bottom) + var(--header-padding-top));
	--content-top-margin: calc(var(--header-height) + var(--content-block-margin));
	--height-adjust: calc(var(--header-height) + var(--footer-height) + 2 * var(--content-block-margin));
}


html,
body,
body div,
span,
object,
iframe,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
time,
mark,
audio,
video,
details,
summary {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    box-sizing: border-box;
    position: relative;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    border: 0;
    vertical-align: baseline;
    background: transparent;
    box-sizing: border-box;
    position: relative;
    font-weight: normal;
}

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

img,
object,
embed {
    max-width: 100%;
}

html {
    overflow-y: scroll;
}

ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    text-decoration: none;
}

del {
    text-decoration: line-through;
}

abbr[title],
dfn[title] {
    border-bottom: 1px dotted #000;
    cursor: help;
}

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

th {
    font-weight: bold;
    vertical-align: bottom;
}

td {
    font-weight: normal;
    vertical-align: top;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

input,
select {
    vertical-align: middle;
}

pre {
    white-space: pre;
    white-space: pre-wrap;
    white-space: pre-line;
    word-wrap: break-word;
}

input[type="radio"] {
    vertical-align: text-bottom;
}

input[type="checkbox"] {
    vertical-align: bottom;
}

.ie7 input[type="checkbox"] {
    vertical-align: baseline;
}

.ie6 input {
    vertical-align: text-bottom;
}

select,
input,
textarea {
    font: 99% sans-serif;
}

table {
    font-size: inherit;
}

small {
    font-size: 85%;
}

strong {
    font-weight: bold;
}

td,
td img {
    vertical-align: top;
}

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

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

pre,
code,
kbd,
samp {
    font-family: monospace, sans-serif;
}

.clickable,
label,
input[type=button],
input[type=submit],
input[type=file],
button {
    cursor: pointer;
}

button,
input,
select,
textarea {
    margin: 0;
}

button {
    width: auto;
    overflow: visible;
}

.ie7 img {
    -ms-interpolation-mode: bicubic;
}

.clearfix:before,
.clearfix:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    zoom: 1;
}

/*	- - - - - - - - - - - - - - - - - - */
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
menu,
nav,
section {
    display: block;
}

ol,
ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

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

.image--fix-width.image>img {
    max-width: 100%;
    width: 100%;
    height: unset;
    max-height: 100%;
}

.image--fix-height.image>img {
    max-height: 100%;
    height: 100%;
    width: unset;
}

@media screen and (orientation: portrait) {
    .image--portrait.image>img {
        height: unset;
        width: 100%;
    }
}

@media screen and (orientation: landscape) {
    .image--portrait.image>img {
        height: 100%;
        width: unset;
    }
}

@media screen and (orientation: portrait) {
    .image--landscape.image>img {
        height: unset;
        width: 100%;
    }
}

@media screen and (orientation: landscape) {
    .image--landscape.image>img {
        height: 100%;
        width: unset;
    }
}

body {
    font-family: "Montserrat", "Open Sans", serif;
    background-color: #f1f1f1;
    line-height: 1.5;
}

* {
    line-height: inherit;
}

.flex-column {
    display: flex;
    flex-direction: column !important;
}

.flex-row {
    display: flex;
    flex-direction: row !important;
}

.visible-sm {
    display: none !important;
}

@media screen and (max-width: 1200px) {
    .visible-sm {
        display: flex !important;
    }
}

.always-visible {
    display: block !important;
}

br {
    margin: 5px 0;
}

p {
    padding: 5px 0;
}

.header{
    position: fixed;
    top: 0;
    display: flex;
    flex-direction: column;
    max-width: 1200px;
    width: 100%;
    left: 0;
    right: 0;
    margin: 0 auto;
    background-color: #fff;
    padding-top: var(--header-padding-top);
    padding-bottom: var(--header-padding-bottom);
    z-index: 5;
}

@media screen and (max-width: 1200px) {
    .header {
        position: relative;
    }
}

.header .row {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
}


@media screen and (max-width: 1200px) {
    .logo-container {
        width: 70%;
        height: calc(var(--logo-container) / 2);
    }
}

.logo-container>a {
    margin-left: 15px;
}

.logo-container .logo {
    height: 100%;
    width: auto;
    display: flex;
}

.col {
    background-color: #fff !important;
}

.col-container {
    display: table;
    background-color: #fff !important;
    margin-right: 10px;
}

.right-nav-container {
    float: right;
    position: relative;
}

.header-card {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.5);
    color: white;
    z-index: 999;
    padding: 15px;
}

.ie {
    position: absolute;
    width: 25px;
    height: 25px;
    top: 0;
    right: 0;
    background: white;
    color: black;
    z-index: 1000;
    margin: 10px;
    display: block;
    border: 0 none;
    cursor: pointer;
    outline: none;
    vertical-align: top;
    font-size: 16px;
    text-align: center;
}

.header-card-kinni {
    display: none;
}

.logo-container {
    display: flex;
    height: var(--logo-container);
    width: 50%;
}

@media screen and (max-width: 1200px) {
    .logo-container {
        width: 50%;
        height: calc(65px / 2);
    }
}

.logo-container>a {
    margin-left: 15px;
    display: flex;
    height: 100%;
}

.right-nav-container {
    display: inline-flex;
    flex-direction: row;
    width: 50%;
    justify-content: flex-end;
    align-content: center;
}

@media screen and (min-width: 1201px) {
    .right-nav-container {
        flex-direction: column;
        align-items: flex-end;
    }
}

.right-nav-container>div:not(:last-child) {
    margin-right: 15px;
}

.lang-menu-container,
.language-menu-container,
.menu-language-menu-container {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    flex-wrap: nowrap;
    width: auto;
}

@media screen and (min-width: 1201px) {

    .lang-menu-container:not(:last-child),
    .language-menu-container:not(:last-child),
    .menu-language-menu-container:not(:last-child) {
        margin-right: 15px;
    }
}

.lang-menu {
    display: flex;
    flex-wrap: nowrap;
    position: relative;
    width: auto;
    height: 100%;
    margin-bottom: 3px;
}

.lang-menu__list {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    margin-right: 15px;
}

.lang-menu .menu-item>a {
    font-size: 16px;
    font-weight: 700;
}

@media screen and (max-width: 1200px) {
    #lang-menu-lg {
        display: none;
    }
}

#lang-menu-sm {
    display: flex;
    justify-content: center;
    margin: 15px 0;
}

@media screen and (min-width: 1201px) {
    #lang-menu-sm {
        display: none;
    }
}

.nav-menu-container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    height: var(--nav-menu-container);
}

.nav-menu-container [class$="container"] {
    display: flex;
}

@media screen and (min-width: 1201px) {
    .nav-menu-container [class$="container"] {
        margin: 0 15px;
    }
}

@media screen and (max-width: 1200px) {
    .nav-menu-container [class$="container"] {
        width: 100%;
        justify-content: center;
    }
}

@media screen and (max-width: 1200px) {
    .nav-menu-container {
        margin-right: 0;
        max-height: 0;
        overflow: hidden;
        transition: max-height .5s ease-in-out;
        flex-direction: column;
    }

    .nav-menu-container.open {
        max-height: initial;
        height: auto;
    }
}

@media screen and (max-width: 600px) {
    .nav-menu-container {
        flex-direction: column;
    }
}

.nav-menu {
    display: flex;
    flex-direction: row;
    align-self: flex-end;
}

@media screen and (max-width: 1200px) {
    .nav-menu {
        display: flex;
        flex-direction: column;
        align-self: center;
        align-items: center;
        height: auto;
        width: 100%;
        padding-top: 15px;
    }
}

.nav-menu .menu-item {
    font-weight: 600;
    font-size: 14px;
}

@media screen and (max-width: 1200px) {
    .nav-menu .menu-item {
        padding: 15px;
    }

    .nav-menu .menu-item>a {
        margin-right: 0 !important;
    }

    .nav-menu .menu-item>a::after {
        display: none !important;
    }
}

@media screen and (max-width: 600px) {
    .nav-menu {
        padding-top: 0;
    }
}

.nav-menu-toggle {
    display: none;
    text-decoration: none;
    color: #000;
    text-align: center;
    height: 40px;
    width: 40px;
    align-self: flex-start;
    font-size: 30px;
    margin-right: 10px;
    background: none;
    border: none;
    line-height: 40px;
}

@media screen and (max-width: 1200px) {
    .nav-menu-toggle {
        display: flex;
    }
}

.menu-item {
    display: inline-flex;
    height: initial;
}

@media screen and (max-width: 1200px) {
    .menu-item {
        display: flex;
    }
}

.menu-item>a {
    position: relative;
    text-decoration: none;
    color: #000;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    font-size: 16px;
}

.menu-item>a:before {
    content: '';
    position: absolute;
    display: flex;
    width: 0;
    height: 3px;
    top: 100%;
    background-color: #000;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    transition: width .5s;
}

.menu-item>a:hover:before {
    width: 50%;
}

.menu-item:not(:last-child)>a {
    margin-right: 20px;
}

.menu-item:not(:last-child)>a:after {
    content: '';
    position: absolute;
    display: flex;
    width: 2px;
    height: 70%;
    top: 0;
    bottom: 0;
    margin: auto 0;
    left: calc(100% + 10px);
    background-color: #000;
    transition: width .5s;
    cursor: default;
}

.current-lang>a:before,
.current-menu-item>a:before,
.current-page-item>a:before {
    width: 50%;
}

.section {
    display: flex;
    background-color: #fff;
    margin-top: 15px;
    padding: 15px;
    max-width: 1200px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}

@media screen and (max-width: 600px) {
    .section {
        flex-direction: column;
    }
}

.section__back {
    margin-bottom: 25px;
    float: right !important;
    color: #123456;
}

.section__back>a {
    text-decoration: none;
    color: #888;
    text-transform: uppercase;
    z-index: 100;
}

.section>h1 {
    display: flex;
    width: 100%;
    margin-bottom: 25px;
    font-size: 24px;
    font-weight: 600;
    text-transform: uppercase;
    color: #000;
    border-bottom: 2px solid #000;
}

.section:first-of-type {
    margin-top: var(--content-top-margin);
}

@media screen and (max-width: 1200px) {
    .section:first-of-type {
        margin-top: 15px;
    }
}

.section>.col-left,
.section>.col-right,
.section>.column-half {
    display: inline-flex;
    width: calc(100% / 2 - 10px);
    flex-direction: column;
}

@media screen and (max-width: 600px) {

    .section>.col-left,
    .section>.col-right,
    .section>.column-half {
        width: 100%;
    }
}

.section>.col-left:nth-child(2n+1),
.section>.col-right:nth-child(2n+1),
.section>.column-half:nth-child(2n+1) {
    margin-right: 15px;
}

@media screen and (max-width: 600px) {

    .section>.col-left:not(:last-child),
    .section>.col-right:not(:last-child),
    .section>.column-half:not(:last-child) {
        margin-bottom: 15px;
    }
}

.section .column-half {
    margin-bottom: 25px;
}

.sectionn__back {
    float: right !important;
    margin-left: 50px;
}

.post {
    display: flex;
    flex-direction: column;
}

.post__title {
    display: flex;
    flex-direction: row;
}

@media screen and (min-width: 1200px) {
    .post__title {
        display: none;
    }
}

.post__title h1 {
    display: flex;
    flex-shrink: 1;
    width: initial;
    margin-bottom: 25px;
    font-size: 30px;
    font-weight: 600;
    text-transform: uppercase;
    color: #000;
    border-bottom: 2px solid #000;
}

@media screen and (max-width: 600px) {
    .post__title h1 {
        font-size: 20px;
    }
}

@media screen and (min-width: 1200px) {
    .post__title--mobile {
        display: none !important;
    }
}

@media screen and (max-width: 1200px) {
    .post__title--mobile {
        margin-bottom: 35px;
    }
}

.post__date {
    display: flex;
    font-size: 20px;
    font-weight: 400;
    color: #888;
    margin-top: -15px;
    margin-bottom: 15px;
}

.post__date h1,
.post__date h2,
.post__date h3,
.post__date h4,
.post__date h5 {
    display: inherit;
    font-size: inherit;
    font-weight: inherit;
    color: inherit;
}

.post__content {
    display: block;
    padding: 30px;
}

@media screen and (max-width: 600px) {
    .post__content {
        padding: 20px;
    }
}

.post__content>p {
    display: block;
    padding: 5px 0;
}

.post__content img {
    width: auto;
    height: auto;
}

.page--materials a {
    text-decoration: none;
    color: #000;
}

.post__title_news {
    display: block;
}

.artists_title_container {
    display: block;
    width: 1200px;
}

.kunstkursus_post_title {
    font-size: 16px;
    text-transform: uppercase;
    font-family: Montserrat, serif;
    color: black;
}

.card {
    display: flex;
    flex-direction: column;
    background-color: #fff;
    padding: 15px;
}

.card:not(:first-of-type) {
    margin-top: 15px;
}

.card__title {
    display: flex;
    font-size: 24px;
    font-weight: 600;
    text-transform: uppercase;
    text-decoration: none;
    color: #000;
}

.card__title h1,
.card__title h2,
.card__title h3,
.card__title h4,
.card__title h5 {
    font-weight: inherit;
    font-style: inherit;
    font-size: inherit;
    font-family: inherit;
}

.card__date {
    display: flex;
    font-size: 20px;
    font-weight: 400;
    color: #888;
}

.card__excerpt {
    display: flex;
    margin-top: 25px;
    font-size: 18px;
}

.card__link {
    display: flex;
    margin-top: 25px;
    color: #000;
    text-decoration: underline #000;
    font-weight: 600;
}

.sidebar-container {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 30%;
    margin-right: 10px;
    background-color: #f5f6f7;
}

@media screen and (max-width: 1200px) {
    .sidebar-container {
        width: 40%;
    }
}

@media screen and (max-width: 600px) {
    .sidebar-container {
        width: 100%;
    }
}

.sidebar-container a {
    display: flex;
    text-transform: uppercase;
    text-decoration: none;
    color: #000;
}

.sidebar-top-cta {
    display: flex;
    justify-content: center;
    padding: 30px 15px;
    background-color: #e2e2e2;
    border: none;
    font-family: "Montserrat", "Open Sans", serif;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 600;
    color: black;
}

@media screen and (min-width: 600px) {
    .sidebar-top-cta .visible-sm {
        display: none;
    }
}

@media screen and (max-width: 600px) {
    .sidebar-top-cta {
        padding: 10px;
    }
}

.sidebar {
    padding: 0 15px;
}

.sidebar>hr {
    margin: 0;
}

.sidebar__item {
    white-space: nowrap;
    font-weight: 400;
    position: relative;
    justify-content: center;
}

@media screen and (max-width: 600px) {
    .sidebar__item {
        justify-content: center;
    }
}

.sidebar__item .texts {
    display: flex;
    position: relative;
    padding: 15px 0;
}

.sidebar__item .texts:before {
    content: '';
    position: absolute;
    display: flex;
    width: 0;
    height: 3px;
    top: calc(100% - 10px);
    background-color: #000;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    transition: width .5s;
}

.sidebar__item .texts:hover:before {
    width: 70%;
}

.sidebar__item.active .texts:before {
    width: 70%;
}

@media screen and (max-width: 600px) {
    .sidebar {
        height: 0;
        overflow: hidden;
    }

    .sidebar.open {
        height: auto;
    }
}

.discover-artists {
    display: flex;
    flex-direction: row;
    margin-top: 15px;
}

@media screen and (max-width: 600px) {
    .discover-artists {
        width: 100%;
    }
}

.discover-artists>a {
    display: flex;
    flex-shrink: 1;
    flex-grow: 0;
    text-decoration: none;
    padding: 10px 25px;
    text-transform: uppercase;
    color: #fff;
    background-color: #7b7d7d;
    border: thin solid #666666;
    font-weight: 500;
}

@media screen and (max-width: 600px) {
    .discover-artists>a {
        width: 100%;
        justify-content: center;
    }
}

.space {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    height: 100%;
    width: 100%;
    flex-grow: 1;
}

.space>.card {
    display: flex;
    flex-direction: row;
    margin-top: 15px;
}

@media screen and (max-width: 600px) {
    .space>.card {
        width: 100%;
    }
}

.space>.card>a {
    display: flex;
    flex-shrink: 1;
    flex-grow: 0;
    text-decoration: none;
    padding: 10px 25px;
    text-transform: uppercase;
    color: #fff;
    background-color: #7b7d7d;
    border: thin solid #666666;
    font-weight: 500;
}

.space>a {
    text-decoration: none;
    padding: 10px 25px;
    text-transform: uppercase;
    color: #fff;
    background-color: #7b7d7d;
    border: thin solid #666666;
    font-weight: 500;
}

@media screen and (max-width: 600px) {
    .space>.card>a {
        width: 100%;
        justify-content: center;
    }
}

.artist {
    display: block;
    width: 100%;
    font-size: 16px;
    padding: 0 10px;
}

@media screen and (max-width: 600px) {
    .artist {
        margin-top: 15px;
        padding-left: 20px;
        padding-right: 20px;
        height:calc(100vh + 334px) !important;
    }
}

.artist__thumbnail-container {
    float: left;
    width: 40%;
    padding-right: 25px;
}

@media screen and (max-width: 1200px) {
    .artist__thumbnail-container {
        width: 100%;
        padding-right: 0;
        margin-bottom: 15px;
    }
}

@media screen and (max-width: 600px) {
    .artist__thumbnail-container {
        padding-top: 15px;
    }
}

.artist__thumbnail {
    max-width: 100%;
    height: auto;
}

.artist__title {
    display: inline-flex;
    flex-grow: 1;
    font-size: 32px;
    font-weight: 600;
    padding-top: 18px;
}

.artist__content {
    display: flex;
    font-size: 18px;
}

.artist-gallery {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    margin-top: 30px;
    justify-content: space-between;
}

.artist-gallery__row {
    display: flex;
}

@media screen and (max-width: 800px) {
    .artist-gallery__row {
        justify-content: space-evenly;
        flex-grow: 1;
    }
}

.artist-gallery__row--full {
    justify-content: space-evenly;
    flex-grow: 1;
    min-width: 100%;
}

.artist-gallery__row--full .painting {
    margin-left: 0;
}

.artist-gallery--single {
    justify-content: flex-start;
}

.artist-gallery .painting {
    position: relative;
    display: inline-flex;
    flex-direction: row;
    height: 400px;
    border-radius: 3px;
    transition: all 0.2s ease-in-out;
    margin-bottom: 25px;
    flex-wrap: wrap;
    justify-content: center;
    min-width: 200px;
    padding: 0;
    margin-left: 1.5em;
}

.artist-gallery .painting__container {
    display: block;
    height: 100%;
    position: relative;
}

@media screen and (max-width: 1200px) {
    .artist-gallery .painting__container {
        width: 100%;
    }
}

@media screen and (max-width: 1200px) {
    .artist-gallery .painting {
        height: unset;
    }
}

@media screen and (max-width: 600px) {
    .artist-gallery .painting {
        width: 100%;
        margin-right: 0;
        justify-content: center;
    }
}

.artist-gallery .painting a {
    text-transform: uppercase;
    text-decoration: none;
}

.artist-gallery .painting:hover {
    transform: translateY(-3px);
}

.artist-gallery .painting__image {
    width: auto;
    height: 200px;
    border-radius: 3px 3px 0 0;
    display: flex;
    justify-content: center;
}

@media screen and (max-width: 1200px) {
    .artist-gallery .painting__image {
        max-width: 100%;
        height: 150px;
    }
}

.artist-gallery .painting__image img {
    max-height: 100%;
    width: auto;
    height: 100%;
    max-width: initial;
}

.artist-gallery .painting__title {
    font-size: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #000;
    padding: 10px;
    flex-wrap: wrap;
    width: 100%;
}

.artist-gallery .painting__title .caption__author {
    display: none;
}

.artist-gallery .painting__title .caption__name {
    font-weight: 600;
    max-width: 300px;
    flex-wrap: wrap;
    white-space: normal;
    word-break: break-word;
}

@media screen and (max-width: 600px) {
    .artist-gallery .painting__title .caption__name {
        max-width: unset;
    }
}

.artist-gallery .painting__title [class^='caption__'] {
    text-align: center;
}

.artist-gallery .painting__title [class^='caption__']:not(:last-child) {
    padding-bottom: 5px;
}

.paintings {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
}

.paintings .param-list {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-bottom: 25px;
    flex-wrap: wrap;
}

.paintings .param-list__item {
    display: inline-flex;
    font-weight: 500;
    padding: 15px 25px;
    background-color: #eff1f2;
    cursor: pointer;
    white-space: nowrap;
    margin-bottom: 10px;
}

.paintings .param-list__item.active {
    background-color: #dbddde;
}

.paintings .param-list__item:not(:last-child) {
    margin-right: 10px;
}

.paintings .painting-list {
    list-style: none;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}

.paintings .painting-list__item {
    display: inline-flex;
    justify-content: center;
    height: calc(190px + 40px);
}

@media screen and (max-width: 1200px) {
    .paintings .painting-list__item {
        width: calc((100% - 2 * 10px) / 3);
    }
}

@media screen and (max-width: 800px) {
    .paintings .painting-list__item {
        width: calc((100% - (2 * 10px)) / 2);
    }
}

@media screen and (max-width: 600px) {
    .paintings .painting-list__item {
        width: 100%;
        margin-right: 0 !important;
        height: unset;
    }
}

.paintings .painting-list .artist-gallery__row--full {
    justify-content: space-between;
}

.paintings .painting {
    display: inline-block;
    width: 100%;
    height: calc(100% - 40px);
    margin: 0 20px 40px;
    border-radius: 3px;
    align-items: center;
    border: none;
    background: none;
    padding: 0;
    position: relative;
    overflow: hidden;
}

.paintings .painting>img {
    position: relative;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    display: block;
    width: auto;
    border-radius: 3px;
    height: 100%;
}

@media screen and (max-width: 600px) {
    .paintings .painting>img {
        height: unset;
        width: 100%;
    }
}

.paintings .painting .caption {
    background: rgba(0, 0, 0, 0.7);
    width: 100%;
    height: 100%;
    position: absolute;
    transition: all .15s linear;
    top: 100%;
    font-size: 12px;
    color: white;
    text-align: left;
    padding: 10px;
}

.paintings .painting:hover .caption {
    height: 100%;
    top: 0;
}

.painting-container {
    width: 100%;
}

.painting-container.column {
    flex-direction: column;
}

.no-sidebar .painting {
    width: 100% !important;
}

.painting .painting {
    width: 100%;
}

@media screen and (max-width: 1000px) {
    .painting .painting {
        display: flex;
        flex-direction: column;
    }
}

@media screen and (max-width: 600px) {
    .painting {
        margin-top: 15px;
    }
}

.painting .post__title {
    display: none;
}

.painting__header {
    display: flex;
}

@media screen and (max-width: 800px) {
    .painting__header {
        flex-direction: column;
    }
}

.painting .col-left {
    height: 100%;
    width: 65%;
    display: inline-flex;
    margin-right: 0 !important;
}

@media screen and (max-width: 600px) {
    .painting .col-left {
        width: 100%;
    }
}

@media screen and (max-width: 1000px) {
    .painting .col-left {
        width: 100%;
    }

    .painting .col-left.landscape .painting__image img {
        width: 100%;
        height: unset;
    }
}

.painting .col-right {
    width: 35%;
    display: inline-flex;
    float: right;
}

@media screen and (max-width: 600px) {
    .painting .col-right {
        width: 100%;
        float: initial;
    }
}

@media screen and (max-width: 800px) {
    .painting .col-right {
        padding-top: 20px;
        width: 100%;
    }
}

.painting__navigation {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.painting__navigation.has-next {
    justify-content: flex-end;
}

.painting__navigation.has-prev {
    justify-content: flex-start;
}

.painting__navigation.has-next.has-prev {
    justify-content: space-between;
}

.painting__navigation .prev-painting {
    display: flex;
    text-decoration: none;
    color: #000;
    align-items: center;
    margin-right: 10px;
    font-weight: 600;
}

.painting__navigation .prev-painting svg {
    display: inline-flex;
    height: 22px;
    width: 22px;
    margin-right: 10px;
}

.painting__navigation .prev-painting span {
    display: inline-flex;
    height: 100%;
    text-transform: capitalize;
}

.painting__navigation .next-painting {
    display: flex;
    text-decoration: none;
    color: #000;
    align-items: center;
    font-weight: 600;
}

@media screen and (max-width: 600px) {
    .painting__navigation .next-painting:first-child {
        align-self: flex-end;
    }
}

.painting__navigation .next-painting svg {
    display: inline-flex;
    height: 22px;
    width: 22px;
    margin-left: 10px;
    transform: rotate(180deg);
}

.painting__navigation .next-painting span {
    display: inline-flex;
    height: 100%;
    text-transform: capitalize;
}

.painting__image {
    height: 100%;
    width: 100%;
    display: block;
    text-align: center;
}

.painting__image img {
    max-height: 400px;
    width: auto;
    height: 100%;
}

.painting__title {
    font-size: 32px;
    margin-top: 15px;
}

@media screen and (max-width: 600px) {
    .painting__title {
        display: none;
    }
}

.painting__description {
    margin: 15px 0;
    white-space: normal;
    padding-left: 0;
    padding-right: 0;
}

.painting__description .column {
    margin-bottom: 15px;
}

.painting__description .column:not(:first-of-type) {
    margin-top: 15px;
}

.painting__caption {
    display: flex;
    justify-content: center;
    flex-direction: column;
    flex-grow: 1;
    width: 100%;
    padding: 0 15px;
}

.painting__caption .caption {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.painting__caption .caption>span:not(:first-of-type) {
    margin-top: 15px;
}

.painting__caption .caption__author {
    font-size: 24px;
}

.painting__caption .caption__author a {
    text-decoration: none;
    color: inherit;
}

.painting__caption .caption__name {
    font-size: 20px;
    font-weight: 600;
    text-align: center;
}

.painting__content figure {
    max-width: 100%;
    width: unset !important;
    height: unset !important;
}

.painting__content figure img {
    width: 100%;
    height: unset;
}

.painting__content .wp-caption {
    width: 100%;
    position: relative;
    margin-bottom: 15px;
    padding: 15px;
}

.painting__content .wp-caption-text {
    text-align: center;
    padding: 10px 0 10px;
    font-style: italic;
}

.learn {
    float: right;
    font-size: 18px;
    font-family: open sans, serif;
    font-weight: 500;
    text-decoration: none;
    color: #000000;
}

.caption1 {
    position: absolute;
    width: 100%;
    height: 21vh;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
    border-radius: 3px;
    padding-left: 10px;
    bottom: -100%;
}

.painting_no_button_styles {
    background: none;
    color: inherit;
    border: none;
    padding: 0;
    font: inherit;
    cursor: pointer;
    outline: inherit;
}

.exhibitions {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    justify-content: flex-start;
}

.exhibitions .exhibition {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    width: calc((100% / 3) - 2 * 15px);
    text-decoration: none;
    color: #000;
    padding: 15px;
    margin-bottom: 15px;
    transition: all .2s linear;
}

.exhibitions .exhibition:hover {
    transform: translateY(-3px);
}

@media screen and (max-width: 1200px) {
    .exhibitions .exhibition {
        width: calc((100% / 2) - (2 * 15px));
    }
}

@media screen and (max-width: 600px) {
    .exhibitions .exhibition {
        width: 100%;
    }
}

.exhibitions .exhibition__container {
    background-color: #fff;
    display: flex;
    flex-direction: column;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);
    border-radius: 5px;
}

.exhibitions .exhibition>div:first-child {
    border-radius: 5px 5px 0 0;
}

.exhibitions .exhibition>div:last-child {
    border-radius: 0 0 5px 5px;
}

.exhibitions .exhibition .texts {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px;
}

.exhibitions .exhibition .texts:not(:first-child) {
    padding-top: 15px;
}

.exhibitions .exhibition__image {
    width: 100%;
    min-height: 100px;
}

.exhibitions .exhibition__image>img {
    border-radius: 5px 5px 0 0;
}

.exhibitions .exhibition__title {
    display: flex;
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    height: calc(4 * (1.3 * 1em));
    align-items: center;
}

.exhibitions .exhibition__excerpt {
    display: flex;
    text-align: center;
    font-size: 14px;
    padding-top: 15px;
}

.exhibition.post .exhibition.post__content>img {
    width: calc(100% / 2);
    height: auto;
    display: inline-flex;
}

.sl-overlay {
    z-index: 10040 !important;
}

.sl-wrapper {
    z-index: 10050 !important;
}

.caption {
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    justify-content: center;
    text-align: center;
}

.caption__author {
    font-size: 1.4em;
    font-weight: 600;
}

.caption__item {
    font-size: 1em;
    font-weight: 400;
}

.caption__item td:first-child {
    text-align: right;
}

.caption__item td:last-child {
    text-align: left;
}

.post__content [src*="vimeo"] {
    width: 100%;
}

@media screen and (max-width: 1000px) {
    .post__content [src*="vimeo"] {
        height: calc((100vw - (2 * 15px)) / 1.75);
    }
}

@media screen and (max-height: 600px) {
    .post.single .post__content p:first-of-type {
        padding: 0;
    }

    .post.single .post__content img {
        float: right;
        height: 60vh;
    }

    .post.single .post__content p:nth-of-type(2) {
        display: none;
    }

    .post.single .post__content h2:first-of-type {
        margin-top: 0;
    }
}

@media screen and (max-height: 900px) {
    .post.single .post__content p:first-of-type {
        padding: 0;
    }

    .post.single .post__content img {
        float: right;
        height: 50vh;
    }

    .post.single .post__content p:nth-of-type(2) {
        display: none;
    }

    .post.single .post__content h2:first-of-type {
        margin-top: 0;
    }
}

.books {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    justify-content: flex-start;
}

.books .book {
    position: relative;
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    width: calc((100% / 4));
    text-decoration: none;
    color: #000;
    margin-bottom: 15px;
    border-radius: 5px;
    transition: all .2s linear;
}

.books .book:hover {
    transform: translateY(-3px);
}

@media screen and (max-width: 1200px) {
    .books .book {
        width: calc(((100% / 2) - (2 * 15px)));
    }
}

@media screen and (max-width: 600px) {
    .books .book {
        width: 100%;
    }

    .books .book:not(:last-child) {
        margin: 0 0 30px;
    }
}

.books .book__container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    height: 500px;
}

@media screen and (max-width: 1200px) {
    .books .book__container {
        height: unset;
    }
}

@media screen and (max-width: 600px) {
    .books .book__container {
        height: unset;
    }
}

.books .book>div:first-child {
    border-radius: 5px 5px 0 0;
}

.books .book>div:last-child {
    border-radius: 0 0 5px 5px;
}

.books .book .texts {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px;
    min-height: 5em;
    width: 100%;
}

.books .book .texts:not(:first-child) {
    padding-top: 15px;
}

.books .book__image {
    display: flex;
    justify-content: center;
    width: 100%;
    height: 300px;
}

@media screen and (max-width: 1200px) {
    .books .book__image {
        height: 250px;
    }
}

@media screen and (max-width: 600px) {
    .books .book__image {
        height: auto;
    }
}

.books .book__image>img {
    border-radius: 5px 5px 0 0;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);
}

.books .book__image.image.image--fix-width>img {
    height: unset;
    width: 100%;
    margin-top: auto;
    margin-bottom: auto;
}

@media screen and (min-width: 600px) and (max-width: 1200px) {
    .books .book__image.image.image--fix-width>img {
        height: 100%;
        width: unset;
        margin: auto;
    }
}

.books .book__title {
    display: flex;
    text-align: center;
    justify-content: center;
    flex-wrap: wrap;
    font-size: 18px;
    font-weight: 600;
    width: 100%;
}

.books .book__excerpt {
    display: flex;
    text-align: center;
    font-size: 14px;
    padding-top: 15px;
}

.book.post .post__title {
    display: flex;
}

.book.post .post__title h1 {
    margin-bottom: 35px;
}

.book.post .post__content>img {
    width: calc(100% / 2);
    height: auto;
    display: inline-flex;
}

.book__header {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    margin-top: 15px;
    margin-bottom: 15px;
}

.book__header .col-left,
.book__header .col-right {
    width: 40%;
    min-width: 150px;
    margin-bottom: 15px;
}

@media screen and (max-width: 600px) {

    .book__header .col-left,
    .book__header .col-right {
        width: 100%;
    }

    .book__header .book__header .col-left,
    .book__header .book__header .col-right {
        margin-left: 0;
        margin-right: 0;
    }
}

.book__header .col-left .image>img,
.book__header .col-right .image>img {
    max-width: 100%;
    max-height: unset;
    width: 100%;
    height: 100%;
}

.book__header .caption {
    display: table;
    margin-left: 15px;
}

@media screen and (max-width: 600px) {
    .book__header .caption {
        margin-left: 0;
    }
}

.book__header .caption__item {
    line-height: 1.5;
}

@media screen and (max-width: 600px) {
    .book__header .caption__item:nth-child(2n+1) {
        background-color: gainsboro;
    }
}

.book__header .caption__item>td {
    vertical-align: center;
    margin-bottom: 7.5px;
}

.book__header .caption__item>td:first-child {
    text-transform: uppercase;
    padding-right: 15px;
}

.book__header .caption__item>td:last-child {
    font-weight: 500;
}



.footer>p {
    text-align: center;
}

@keyframes light-box-enter {
    from {
        top: 100%;
    }

    to {
        top: 0;
    }
}

.light-box {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100vw;
    z-index: 999;
    display: flex;
    flex-direction: column;
    animation: light-box-enter .5s;
}

.light-box__backdrop {
    background-color: rgba(0, 0, 0, 0.75);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.light-box__close {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 15px;
    right: 30px;
    width: 32px;
    height: 32px;
    color: black;
    transition: all 0.3s linear;
    cursor: pointer;
    z-index: 1000;
    border-radius: 100%;
    background: white;
    border: none;
    outline: none;
    padding: 0;
    text-align: center;
    vertical-align: middle;
}

.light-box__close>svg {
    width: 75%;
    height: 75%;
}

.light-box__info {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 77px;
    right: 30px;
    width: 32px;
    height: 32px;
    color: black;
    transition: all 0.3s linear;
    cursor: pointer;
    z-index: 1000;
    border-radius: 100%;
    background: white;
    border: none;
    outline: none;
    padding: 0;
}

.light-box__image {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    height: 100vh;
    width: 100vw;
}

.light-box__image>img {
    display: block;
    max-height: 100%;
    max-width: 100%;
    width: auto;
    height: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.light-box__image.image--screen-is-wider-than-image>img {
    height: 100%;
    width: unset;
}

.light-box__image.image--screen-is-higher-than-image>img {
    height: unset;
    width: 100%;
}

.light-box .caption {
    position: absolute;
    left: 0;
    flex-grow: unset;
    width: 100vw;
    background: #f8f8f8;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 200px;
    top: 100%;
    bottom: unset;
    transition: all .3s linear;
}

.light-box .caption.show {
    top: calc(100% - 200px);
}

.light-box .caption>span {
    margin-bottom: 15px;
}

.light-box .caption>span:first-child {
    margin-top: 15px;
}

@media screen and (orientation: landscape) and (max-height: 600px) {
    .light-box .caption {
        flex-direction: row;
        flex-wrap: wrap;
        height: 60px;
    }

    .light-box .caption.show {
        top: calc(100% - 60px);
    }

    .light-box .caption>span {
        display: inline-flex;
        margin-bottom: 5px;
    }

    .light-box .caption>span:first-child {
        width: 100%;
        justify-content: center;
        margin: 5px 0;
    }

    .light-box .caption__name:after,
    .light-box .caption__year:after,
    .light-box .caption__style:after {
        content: ', ';
        margin-right: 5px;
    }
}

.stop-scrolling {
    overflow: hidden !important;
    overscroll-behavior: contain;
}

h2 {
    font-size: 25px;
}

.pagination-container {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 50px;
    font-family: "Open Sans", "Helvetica", sans-serif;
    font-size: 18px;
    color: #000;
    float: right;
}

.pagination-container .page-numbers {
    font-weight: 400;
    font-family: "Open Sans", "Helvetica", sans-serif;
    font-size: 18px;
    color: #000;
}

.pagination-container .page-numbers:not(:first-child) {
    margin-left: 15px;
}

.pagination-container .page-numbers.current {
    font-weight: 600;
}

.pagination-container .page-numbers.current:after {
    content: '';
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    height: 2px;
    background-color: #000;
}

.contact-menu-container {
    position: relative;
    font-family: "Open Sans", "Helvetica", sans-serif;
    color: #000000;
    font-weight: 700;
    background-color: #fff !important;
    margin-right: 15px;
    display: inline-flex;
    justify-content: center;
}

@media screen and (min-width: 1201px) {
    .contact-menu-container {
        display: flex;
    }
}

.contact-menu-container .contact-menu {
    display: flex;
    align-items: center;
}

.contact-menu-container .contact-menu .menu-item {
    display: flex;
    align-items: center;
    height: 100%;
}

@media screen and (max-width: 1200px) {
    .contact-menu-container .contact-menu .menu-item {
        padding: 15px;
    }
}

.contact-menu-container .contact-menu .menu-item>a {
    display: flex;
    align-items: center;
    height: 100%;
}

.contact-menu-container.contact-menu-sm {
    display: none;
}

@media screen and (max-width: 1200px) {
    .contact-menu-container.contact-menu-sm {
        display: flex;
        margin-bottom: 3px;
    }
}

@media screen and (max-width: 1200px) {
    .contact-menu-container.contact-menu-lg {
        display: none;
    }
}

.contact-form .wpforms-form {
    display: block;
    position: relative;
    width: 100%;
}

.contact-form .wpforms-label-hide {
    display: none;
}

.contact-form .intl-tel-input {
    width: 100% !important;
}

.contact-form [id^="wpforms-"].wpforms-container.wpforms-container-full .wpforms-field {
    position: relative;
    display: inline-block;
    min-height: 20px;
    margin: 0;
    padding: 0;
    font-size: 24px;
    box-sizing: border-box;
    text-transform: uppercase;
    width: 48%;
    color: #222;
    height: 68px;
    max-width: unset;
}

.contact-form [id^="wpforms-"].wpforms-container.wpforms-container-full .wpforms-field .wpforms-field-medium,
.contact-form [id^="wpforms-"].wpforms-container.wpforms-container-full .wpforms-field .iti,
.contact-form [id^="wpforms-"].wpforms-container.wpforms-container-full .wpforms-field .iti--allow-dropdown {
    height: 100%;
    width: 100%;
    max-width: unset;
}

.contact-form [id^="wpforms-"].wpforms-container.wpforms-container-full .wpforms-field .intl-tel-input {
    height: 100%;
    width: 100%;
}

.contact-form [id^="wpforms-"].wpforms-container.wpforms-container-full .wpforms-field:not(:first-child) {
    margin-top: 48px;
}

@media screen and (max-width: 1200px) {
    .contact-form [id^="wpforms-"].wpforms-container.wpforms-container-full .wpforms-field:not(:first-child) {
        margin-top: 15px;
    }
}

.contact-form [id^="wpforms-"].wpforms-container.wpforms-container-full .wpforms-field.wpforms-field-textarea {
    float: right;
    margin-top: 0;
    height: 300px;
}

@media screen and (max-width: 1200px) {
    .contact-form [id^="wpforms-"].wpforms-container.wpforms-container-full .wpforms-field.wpforms-field-textarea {
        margin-top: 15px;
    }
}

@media screen and (max-width: 1200px) {
    .contact-form [id^="wpforms-"].wpforms-container.wpforms-container-full .wpforms-field {
        width: 100%;
    }
}

.contact-form [id^="wpforms-"].wpforms-container.wpforms-container-full .wpforms-submit-container {
    margin-top: 15px;
}

.contact-form .wpforms-field-container:before,
.contact-form .wpforms-field-container:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
}

.contact-form.contact-form--wide {
    display: none;
}

@media screen and (min-width: 1201px) {
    .contact-form.contact-form--wide {
        display: block;
    }
}

.contact-form.contact-form--narrow {
    display: none;
}

@media screen and (max-width: 1200px) {
    .contact-form.contact-form--narrow {
        display: block;
    }
}

.gallery {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.gallery:not(:first-child) {
    margin-top: 30px;
}

.gallery-columns-3.gallery .gallery-item {
    display: inline-flex;
    flex-shrink: 0;
    width: calc(100% / 3);
    justify-content: flex-end;
    flex-direction: column;
    align-items: center;
    margin-bottom: 30px;
}

@media screen and (max-width: 1200px) {
    .gallery .gallery-item {
        width: calc(100% / 2) !important;
    }
}

@media screen and (max-width: 600px) {
    .gallery .gallery-item {
        width: 100% !important;
    }
}

.gallery .gallery-icon>a {
    pointer-events: none;
}

.gallery .gallery-caption {
    margin-top: 15px;
    min-height: 3em;
    justify-content: center;
    text-align: center;
}

.search_heading {
    font-size: 24px;
    font-family: Montserrat, "Open sans", serif;
    color: #000000;
    font-weight: 600;
}

.read_more {
    font-size: 16px;
    font-family: Montserrat, "Open sans", serif;
    color: #000000;
    font-weight: 600;
    text-decoration: underline;
}

.excerpt_part {
    font-size: 18px;
    font-family: Montserrat, "Open sans", serif;
    color: #000000;
    font-weight: 100;
}

.h-readmore {
    margin-top: 20px;
}

.page-numbers {
    font-size: 18px;
    font-family: Montserrat, "Open sans", serif;
    color: #000000;
    font-weight: 100;
}

#searchform {
    position: relative;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}
.searchimg {
    top: 3px;
    height: 14px  !important;
	 width: 28px !important;
}

.search_item {
    min-height: 205px;
    list-style: none;
}

.search_item mark {
    font-weight: bold;
}

#searchform #s[type="text"] {
  -webkit-appearance: none;
  appearance: none;
  border-radius: 0; /* Removes Safari’s default rounding */
	
}

input[type="text" i] {
 padding-block: 0 !important;
 padding-inline: 0 !important;

}
form#searchform {
 height:25px !important;
margin-top:25px;
	border:1px solid grey;
}
#searchform #s[type="text"] {
  -webkit-appearance: none;
  appearance: none;
  border-radius: 0;
  border:none;
  background-color: #fff;
  outline: none;
	height: 23px !important;
	padding-left:5px !important;
}
input[type="text"]::-webkit-search-decoration,
input[type="text"]::-webkit-search-cancel-button,
input[type="text"]::-webkit-search-results-button,
input[type="text"]::-webkit-search-results-decoration {
  display: none;
}

button,
input[type="submit"],
input[type="button"],
input[type="search"] {
  -webkit-appearance: none; /* Remove default Safari styling */
  appearance: none;
  border-radius: 0; /* Remove iOS rounding */
  background: none; /* Use your own background */
  color: none; /* Use your own text color */
  font: none; /* Keep consistent font */
}


#searchsubmit {
  width: 35px; /* or whatever your desktop size is */
  height: 25px !important;
    border:none;

  border-radius: 0; /* Ensures no rounded corners */
 
}
button:focus,
input:focus {
  outline: none;
  box-shadow: none;
}

.searchimg {
    top: 3px;
    height: 14px !important;
	width:14px !important;
}

.search_item {
    min-height: 205px;
    list-style: none;
}

.search_item mark {
    font-weight: bold;
}

.search_item .wp-post-image {
    float: left;
    margin-right: 10px;
	max-height:205px;
}

.search_heading {
    text-transform: uppercase;
}

.center {
    text-align: center;
}

.coloring-images.post .post__title {
    display: block !important;
}

.coloring-images.post .posts-list .image {
    padding: 0 10px;
}

.col {
    width: 300px;
    background-color: #1b6d85;
    color: red !important;
}

.col::before {
    content: "";
    clear: both;
    display: table;
}

.col::after {
    content: "";
    clear: both;
    display: table;
}

@media screen and (max-width: 1200px) {
    .valgediv3 {
        z-index: +1;
        margin: 0 auto;
        position: relative;
        width: 100%;
        background-color: #f8f8f8;
        text-align: left;
        top: 0px;
        padding-bottom: 0px;
    }

    .valgediv3:before,
    .valgediv3:after {
        content: " ";
        display: block;
        height: 0;
        clear: both;
    }
}

@media screen and (min-width: 1201px) {
    .valgediv3 {
        min-width: 1201px;
        position: relative;
        width: 60%;
        background-color: #f8f8f8;
        top: 0px;
        bottom: 150px;
        margin-top: 156px !important;
        padding-bottom: 0 !important;
        z-index: +99;
    }

    .valgediv3:before,
    .valgediv3:after {
        content: " ";
        display: block;
        height: 0;
        clear: both;
    }
}

#table {
    border: none;
    padding: 15px;
    padding-top: 25px;
    margin-top: 10px;
}

.mejs-inner,
.mejs-layers {
    width: 100%;
    height: 100%;
}
pre {
    font-family: "Montserrat", "Open Sans", serif !important;
}

.sidebar
{
    padding: 0 15px;
    height: calc(100vh - var(--height-adjust));
    overflow: auto;
}



@media screen and (min-width: 1200px) {
    .section:first-of-type {
        margin-top:170px ;
    }
    .section.artists, .section.painting-container {
        padding:0;
        background:none;
        height:200% !important;
    }
    .artist, .painting.single {
        height:calc(100vh - var(--height-adjust));
        overflow: auto;
        display:block;
        width:100%;
        font-size:16px;
        background-color:white;
    }
    .painting.single {
        padding:10px;
    }
    .section.painting-container .section__back {
        background-color:white;
        margin-bottom: 0;
        padding:15px 10px;
    }

/**
   * 1. kunstnike listi scroll võiks jääda paika, kui vahetada kunstnikke
	 * 2. Footer kitsaks ribaks kõige suuremal ekraani suurusel, ehk siin samas media sees.
	 * 2.1. Footeri paddingud vasak-parem 10px, üleval-all 5px, margin ainult üleval 10px
	 * 2.2. Panna sisu ühele reale, esimene rida vasakule serva ja teine rida paremale serva (flex-direction, justify-content etc)
	 * 2.3 .section.artists ja .section.painting-container heigh arvutus updateda arvestama uute suurustega
	 * 3. full-page reload kui navigeerida: kunstnik -> maal -> uus kunstnik
  **/



.sidebar-container {
    position:relative;
    height:calc(100vh - var(--height-adjust));
}
    .sidebar {
        overflow: auto;
        padding: 0 15px;
        height:calc(100vh - var(--height-adjust) - 84px);
    }

}

/* --- Default Footer Styles --- */
/* This block defines the base styles for all footers. */
.footer {
  display: flex;
  max-width: 1200px;
  width: 100%;
  left: 0;
  right: 0;
  margin: 15px auto 30px;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  padding: 15px;
}

/* This block defines the default layout of the footer content. */
.footer-content {
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* By default, the divider is hidden. */
.footer .divider {
  display: none;
}
@media screen and (min-width: 600px) {
/* --- Compact Footer Styles (Specific to 'artist' and 'painting' pages) --- */
/* This block overrides the default styles for the compact view. */
.artists ~ .footer,
.artist ~ .footer,
.painting-container ~ .footer {
  background-color: transparent;
  padding: 0;
  font-size: 12px;
  margin: 0 auto;
  position: fixed;
  bottom: 0;
	
}

/* This targets the footer-content for the compact view, making it a row. */
.artists ~ .footer .footer-content,
.artist ~ .footer .footer-content,
.painting-container ~ .footer .footer-content {
  flex-direction: row;
}

/* This targets the divider for the compact view, making it visible. */
.artists ~ .footer .divider,
.artist ~ .footer .divider,
.painting-container ~ .footer .divider {
  display: inline;
  margin: 0 5px; /* Adds a small space around the divider */
}

.disclaimer-container {
    height:100%;
    width:100%;
	text-align:center;
}

/* WordPress Admin Bar Adjustments - Desktop Only */
.wp_admin .header {
    top: 32px !important;
}}
@media screen and (max-width: 600px) {
.footer {
  display: flex;
  max-width: 1200px;
  width: 100%;
  left: 0;
  right: 0;
  margin: 15px auto 30px;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  padding: 15px;
}
}

@media screen and (max-width: 600px) {
    
    .section.artists, .section.painting-container {
        padding:0;
        background:none;
       
    }
    .artist, .painting.single {
        height:100%;
        overflow: auto;
        display:block;
        width:100%;
        font-size:16px;
        background-color:white;
    }
    .painting.single {
        padding:10px;
    }
    .section.painting-container .section__back {
        background-color:white;
        margin-bottom: 0;
        padding:15px 10px;
    }
.footer-content {
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* By default, the divider is hidden. */
.footer .divider {
  display: none;
}

}
@media screen and (orientation: portrait) and (max-width: 600px) {
  .post.single .post__content img {
    width: 100% ;
    height: unset ;
  }
}
.alignnone {
	width: auto !important;
}

.card2 {
	display: flex;              
	align-items: stretch;       
	overflow: hidden;   
	padding-top:0 ;
	padding-bottom:0;
}
.card_right {
	display: flex;
	align-items: left; 
	flex-direction:column;
	justify-content:top;
	height:205px;
}
.card2 img {
	width: auto;                
	height: 205px;               
	object-fit: contain;       
	display: block;   
	padding-right:10px;
}

@media screen and (orientation: portrait) and (max-width: 600px) {
.card2 {
	flex-direction:column;
}
.card_right {
	height:auto;
	width:100%;
}
.card2 img {
	width: 100%;                
	height: auto;               
	padding:0;	
}
.card__title h3 {
	margin-top:10px;
	margin-bottom:10px;
	}
}

@media screen and (orientation: portrait) and (max-width: 600px) {
.search_item {
	flex-direction:column;
}
.card_right {
	height:auto;
	width:100%;
}
.search_item img {
	width: 100%;                
	height: auto;               
	padding:0;
	margin-bottom:10px;
	max-height:1000px !important;
}
	.search_item h3 {
	margin-top:10px;
	margin-bottom:10px;
	}
}
.search_item {
	
	overflow:stretch;
	height:175px;
	
	}
.card3 img {
	
	max-height:100px !important;
	
	}
.kuupaev{
	
	margin-left:15px;
	
	}


.kuupaev_archive{
	
	font-size:18px;
	font-weight:600;
	
	}
.kuupaev{
	
	font-size:30px;
	font-weight:600;
	
	}