/*
Theme Name: umbrela
Theme URI: https://iashido.com
Author: iashido
Author URI: https://iashido.com/
Description: Custom work for umbrela.ro. The mind, once expanded to the dimensions of larger ideas, never returns to its original size.
Version: 122.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: mnml, smart, clean
Text Domain: twentyfifteen

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.
*/





@import url('https://rsms.me/inter/inter-ui.css');


@font-face {
    font-family: 'NeutraText';
    src: url('css/fonts/NeutraText-Book.eot?');
    src: local('☺'),
        url('css/fonts/NeutraText-Book.eot?#iefix') format('embedded-opentype'),
        url('css/fonts/NeutraText-Book.woff') format('woff'),
        url('css/fonts/NeutraText-Book.ttf') format('truetype'),
        url('css/fonts/NeutraText-Book.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'NeutraTextBold';
    src: url('css/fonts/NeutraText-Bold.eot?');
    src: local('☺'),
        url('css/fonts/NeutraText-Bold.eot?#iefix') format('embedded-opentype'),
        url('css/fonts/NeutraText-Bold.woff') format('woff'),
        url('css/fonts/NeutraText-Bold.ttf') format('truetype'),
        url('css/fonts/NeutraText-Bold.svg') format('svg');
    font-weight: bold;
    font-style: normal;
}



/*some easy stuff*/
:root {
    --site-bk-color: #fff;
    --menu-bk-color: white;
    --menu-item-color: #333;
    --sub-menu-item-color: #fff;
    --umbrela-color: #00CCFF;
    --intro-item-size: 76px;

    --menu-item-size: 18px;
    --menu-item-line-size: 14px;
    --site-small-size: 14px;
    --site-small-line-size: 16px;
    --link-color: #333;
    --my-color: #d6d6d6;
    --site-padding: 20px;
    --menu-topY: 60px;
    --content-topY: 60px;
/*    woo*/
    --woo-item-size: 38px;
}
/*  color: var(--menu-bk-color);*/





/**
 * 1.0 - Reset
 *
 * Resetting and rebuilding styles have been helped along thanks to the fine
 * work of Eric Meyer, Nicolas Gallagher, Jonathan Neal, and Blueprint.
 */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    border: 0;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
    font-family: "normal";
    font-family: 'Inter UI', sans-serif;
    font-weight: 100;

/*    font-weight: bold;*/
    font-family: 'NeutraText';

    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

html {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 62.5%;
    overflow-y: scroll;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

*,
*:before,
*:after {
    -webkit-box-sizing: inherit;
    -moz-box-sizing: inherit;
    box-sizing: inherit;
}

body {
    background: var(--site-bk-color);
}

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

ol,
ul {
    list-style: none;
}

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

caption,
th,
td {
    font-weight: normal;
    text-align: left;
}

fieldset {
    min-width: inherit;
}

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

blockquote,
q {
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    quotes: none;
}

a:focus {
    outline: 2px solid #c1c1c1;
    outline: 2px solid rgba(51, 51, 51, 0.3);
}

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

a img {
    border: 0;
}


/**
 * 2.0 - Genericons
 */

.social-navigation a:before,
.secondary-toggle:before,
.dropdown-toggle:after,
.bypostauthor > article .fn:after,
.comment-reply-title small a:before,
.comment-navigation .nav-next a:after,
.comment-navigation .nav-previous a:before,
.posted-on:before,
.byline:before,
.cat-links:before,
.tags-links:before,
.comments-link:before,
.entry-format:before,
.edit-link:before,
.full-size-link:before,
.pagination .prev:before,
.pagination .next:before,
.image-navigation a:before,
.image-navigation a:after,
.format-link .entry-title a:after,
.entry-content .more-link:after,
.entry-summary .more-link:after,
.author-link:after {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-family: "Genericons";
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    speak: none;
    text-align: center;
    text-decoration: inherit;
    text-transform: none;
    vertical-align: top;
}


/**
 * 3.0 Typography
 */

body,
button,
input,
select,
textarea {
    color: #333;
    font-family: "Noto Serif", serif;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.6;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    clear: both;
    font-weight: 700;
}

p {
    margin-bottom: 1.6em;
}

b,
strong {
    font-weight: 700;
}

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

blockquote {
    border-left: 4px solid #707070;
    border-left: 4px solid rgba(51, 51, 51, 0.7);
    color: #707070;
    color: rgba(51, 51, 51, 0.7);
    font-size: 18px;
    font-size: 1.8rem;
    font-style: italic;
    line-height: 1.6667;
    margin-bottom: 1.6667em;
    padding-left: 0.7778em;
}

blockquote p {
    margin-bottom: 1.6667em;
}

blockquote > p:last-child {
    margin-bottom: 0;
}

blockquote cite,
blockquote small {
    color: #333;
    font-size: 15px;
    font-size: 1.5rem;
    font-family: "Noto Sans", sans-serif;
    line-height: 1.6;
}

blockquote em,
blockquote i,
blockquote cite {
    font-style: normal;
}

blockquote strong,
blockquote b {
    font-weight: 400;
}

address {
    font-style: italic;
    margin: 0 0 1.6em;
}

code,
kbd,
tt,
var,
samp,
pre {
    font-family: Inconsolata, monospace;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
}

pre {
    background-color: transparent;
    background-color: rgba(0, 0, 0, 0.01);
    border: 1px solid #eaeaea;
    border: 1px solid rgba(51, 51, 51, 0.1);
    line-height: 1.2;
    margin-bottom: 1.6em;
    max-width: 100%;
    overflow: auto;
    padding: 0.8em;
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

abbr[title] {
    border-bottom: 1px dotted #eaeaea;
    border-bottom: 1px dotted rgba(51, 51, 51, 0.1);
    cursor: help;
}

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

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

sup {
    bottom: 1ex;
}

sub {
    top: .5ex;
}

small {
    font-size: 75%;
}

big {
    font-size: 125%;
}




/*umbrela*/
/*menu*/
.menu-main-container {
    padding: var(--site-padding);
    line-height: var(--menu-item-line-size);
    font-size: var(--menu-item-size);
}
a {
    text-decoration: none;
    color: inherit ;
}
.menu{
/*     text-transform: uppercase; */
    color: var(--menu-item-color);
}
.menu-item{
    float: left;
    margin-right: 20px;
    letter-spacing: -0.5px;
}
/*linear menu*/
/*
.menu-item{
    float: left ;
    margin-right: 15px;
}
.sub-menu{
    float: left ;
}
*/
.current-menu-item{
    font-weight: 700 !important;
    font-style: normal !important;
    color: var(--my-color);
}


/*sub menu*/
#subPhotographers {
    margin-left: 108px;
    margin-top: 10px;
    float: left ;
    position: absolute ;
    z-index: 1000;
}
.menu-sub .menu-item{
    width: 100%;
    float: none;
    margin-bottom: 1px;
    color: var(--sub-menu-item-color);
    /*    text-transform: uppercase;*/
}
.sub-menu {
    margin-left: 15px;
    margin-right: -4px;
    margin-top: 1px;
}

.menu-sub .list-group-item {
    background: var(--my-color);
    -webkit-box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.65);
    -moz-box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.65);
    box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.65);
    padding-left: 5px;
    min-width: 200px;
    max-width: 400px;
    /* width: 100%; */
    width: auto;
    display: block;
    text-transform: uppercase ;
    color: black ;
}

.menu-close {
    position: absolute;
    float: right;
    right: 40px;
    z-index: 1000;
    height: 20px;
    width: 20px;
    background-color: black;
    border-radius: 50%;
    display: inline-block;
    padding-left: 5px;
    padding-top: 0px;
    line-height: 20px;
    color: white;
    margin-top: -7px;
    -webkit-box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.25);
    display: none;
}

.under{
    text-decoration: underline !important;
}

/*gallery*/
.psgal {
    float: left ;
    padding-left: var(--site-padding);
}
.psgal.photoswipe_showme {
    margin-top: 0px;
}

.psgal figure {
    float: left;
/*    width: 350px !important;*/
    padding: 5px;
    margin: 0px;
    box-sizing: border-box;
}

.entry-title {
    padding-left: var(--site-padding);
    font-size: 36px;
    line-height: 40px;
    font-weight: 100;
    letter-spacing: -2px;
}


figcaption{
    display: none;
}

.menu-sub.um-text{
    background: var(--my-color);
    -webkit-box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.65);
    -moz-box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.65);
    box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.65);
    padding-left: 5px;
    min-width: 50vw;
    max-width: 50vw;
    /* width: 100%; */
    width: auto;
    display: block;
    /* text-transform: uppercase; */
    color: black !important;
    margin-top: 15px;
    /* padding: 15px; */
    padding-left: 15px;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-right: 15px;
    margin-left: 20px;
/*    margin-bottom: 50px;*/
}

/*end umbrela*/







/**
 * 17.0 Print
 */

@media print {
    body {
        background: none !important; /* Brute force since user agents all print differently. */
        font-size: 11.25pt;
    }

    .secondary-toggle,
    .navigation,
    .page-links,
    .edit-link,
    #reply-title,
    .comment-form,
    .comment-edit-link,
    .comment-list .reply a,
    button,
    input,
    textarea,
    select,
    .widecolumn form,
    .widecolumn .mu_register form {
        display: none;
    }

    .site-header,
    .site-footer,
    .hentry,
    .entry-footer,
    .page-header,
    .page-content,
    .comments-area,
    .widecolumn {
        background: none !important; /* Make sure color schemes dont't affect to print */
    }

    body,
    blockquote,
    blockquote cite,
    blockquote small,
    label,
    a,
    .site-title a,
    .site-description,
    .post-title,
    .author-heading,
    .entry-footer,
    .entry-footer a,
    .taxonomy-description,
    .entry-caption,
    .comment-author,
    .comment-metadata,
    .comment-metadata a,
    .comment-notes,
    .comment-awaiting-moderation,
    .no-comments,
    .site-info,
    .site-info a,
    .wp-caption-text,
    .gallery-caption {
        color: #000 !important; /* Make sure color schemes don't affect to print */
    }

    pre,
    abbr[title],
    table,
    th,
    td,
    .site-header,
    .site-footer,
    .hentry + .hentry,
    .author-info,
    .page-header,
    .comments-area,
    .comment-list + .comment-respond,
    .comment-list article,
    .comment-list .pingback,
    .comment-list .trackback,
    .no-comments {
        border-color: #eaeaea !important; /* Make sure color schemes don't affect to print */
    }

    .site {
        margin: 0 7.6923%;
    }

    .sidebar {
        position: relative !important; /* Make sure sticky sidebar doesn't affect to print */
    }

    .site-branding {
        padding: 0;
    }

    .site-header {
        padding: 7.6923% 0;
    }

    .site-description {
        display: block;
    }

    .hentry + .hentry {
        margin-top: 7.6923%;
    }

    .hentry.has-post-thumbnail {
        padding-top: 7.6923%;
    }

    .sticky-post {
        background: #000 !important;
        color: #fff !important;
    }

    .entry-header,
    .entry-footer {
        padding: 0;
    }

    .entry-content,
    .entry-summary {
        padding: 0 0 7.6923%;
    }

    .post-thumbnail img {
        margin: 0;
    }

    .author-info {
        margin: 0;
    }

    .page-content {
        padding: 7.6923% 0 0;
    }

    .page-header {
        padding: 3.84615% 0;
    }

    .comments-area {
        border: 0;
        padding: 7.6923% 0 0;
    }

    .site-footer {
        margin-top: 7.6923%;
        padding: 3.84615% 0;
    }

    .widecolumn {
        margin: 7.6923% 0 0;
        padding: 0;
    }
}

.pswp__caption__center {
    color: black !important;
}




summary{
    margin-left: 20px;
    margin-top: 10px;
    cursor: pointer;
}
details{
    margin-bottom: 50px;
}




@media (max-width: 650px) {
    .entry-title {
        font-size: 14px;
        letter-spacing: -0.5px;
        line-height: 14px;
        float: left;
        width: 100%;
        opacity: .5;
        margin-bottom: 20px;
        text-transform: capitalize;
    }
    .menu-item {
        margin-right: 10px;
    }
    .msnry_items-, .msnry_thumb-{
        max-width: 350px;
        width: 350px !important;
        height: auto;
    }
    .menu-main-container {
        font-size: 14px;
    }
    .menu-sub{
        font-size: 14px !important;
    }
    #subPhotographers {
        margin-left: 20px;
    }
    .menu-sub.um-text {
/*        min-width: 90vw;*/
/*        max-width: 90vw;*/
    }
    .psgal {
        padding-left: 15px;
    }
    #header{
        position: -webkit-sticky;
          position: sticky;
          top: 0;
            z-index: 100;
    }
}