/*
Theme Name: My Twenty Twenty One Child Theme
Theme URI: https://patrickmartinez.net
Description: A child theme for Twenty Twenty One.
Author: Florent Ormond
Author URI: https://www.linkedin.com/in/florent-ormond-24b738152/
Template: twentytwentyone
Version: 1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

:root{
    /* Font Family */
    --global--font-primary-child: var(--font-headings, 'Open Sans', Ubuntu, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Cantarell, "Helvetica Neue", sans-serif);

    --global--font-family-child: var(--global--font-primary-child);
    --global--font-secondary: var(--font-base, 'Open Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif);

/*     Font size */
--global--font-size-base: 1rem;

    --global--font-size-page-title: var(--global--font-size-xl);
    --branding--title--font-size: var(--global--font-size-md);
    --branding--title--font-size-mobile: var(--global--font-size-xs);

/*     Colors */
    --global--color-dark-gray: #171c20;
    --global--color-background: var(--global--color-white);

    --heading--font-weight-page-title: 600;

}

#dark-mode-toggler {
    z-index: 2 !important;
}

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

	:root {
		--responsive--aligndefault-width: min(calc(100vw - 8 * var(--global--spacing-horizontal)), 520px);
		--responsive--alignwide-width: min(calc(100vw - 8 * var(--global--spacing-horizontal)), 1240px);
	}
}

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

    :root {
        --responsive--aligndefault-width: min(calc(100vw - 8 * var(--global--spacing-horizontal)), 610px);
        --responsive--alignwide-width: min(calc(100vw - 8 * var(--global--spacing-horizontal)), 1240px);
    }
}

html, body {
    font-family: var(--global--font-secondary);
}

#primary-menu-list li a {
    font-size: 1em;
}

@media only screen and (min-width: 482px) {
    #primary-menu-list li a {
    font-size: .7em;
    }
}

@media only screen and (min-width: 1360px) {
    #primary-menu-list li a {
    font-size: 1em;
    }
}

@media only screen and (max-width: 481.98px) {
.primary-navigation > .primary-menu-container {
    display: flex;
    align-items: end;
    justify-content: flex-end;
    text-align: end;
}
}

h1, .h1, h2, .h2 {
    font-family: var(--global--font-family-child);
    font-weight: var(--heading--font-weight-strong);
}

h1.site-title, .site-name {
    font-size: 14px !important;
    font-weight: var(--heading--font-weight-strong);
}

.powered-by {
    font-size: 12px !important;
}

@media (min-width: 482px) {
    h1.site-title, .site-name {
        font-size: 20px !important;
    }
}

p.site-title a, .site-name a{
    text-decoration: none;
    font-weight: var(--heading--font-weight-strong);
}

h1.entry-title {
    font-size: 1.5em !important;
}

h1.entry-title a {
    text-decoration: none;
    transition: .3s;
}

/*h1.entry-title a::before {
    content: '';
    background-image: url('/wp-content/uploads/svg/arrow-90deg-up.svg');
}*/

h1.entry-title a:hover {
    color:#5a8495;
}

h2 {
    font-size: 1.25em;
}

.line-separator {
    width: calc(var(--responsive--alignwide-width)/3) !important;
    margin-left: calc((100vw - var(--responsive--alignwide-width))/2);
    margin-top: 3rem;
    margin-bottom: 3rem;
}

.entry-header.alignwide {
    border-width: 1px;
    padding-bottom: calc(.5 * var(--global--spacing-vertical)) !important;
}



.site-header {
    padding-top: calc(1 * var(--global--spacing-vertical));
    padding-bottom: calc(1 * var(--global--spacing-vertical));
    align-items: center;
}

.no-widgets .site-footer {
    margin-top: calc(1 * var(--global--spacing-vertical));
}

.footer-navigation {
    margin-top: calc(1 * var(--global--spacing-vertical));
}

.singular .entry-header {
    padding-bottom: calc(1 * var(--global--spacing-vertical));
    margin-bottom: calc(1.5 * var(--global--spacing-vertical));
}

.single .site-main > article > .entry-footer {
    margin-top: calc(1 * var(--global--spacing-vertical));
    margin-bottom: calc(1 * var(--global--spacing-vertical));
    padding-bottom: 0;
    padding-top: calc(0.8 * var(--global--spacing-vertical));
    border-top: 3px solid var(--separator--border-color);
    border-bottom: var(--separator--height) solid transparent;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: calc(2 * var(--global--spacing-horizontal));
}

.site-main > * {
    margin-top: calc(1 * var(--global--spacing-vertical));
    margin-bottom: calc(1 * var(--global--spacing-vertical));
}

.singular .has-post-thumbnail .entry-header.nav-parent {
    margin-top: 0;
    border-bottom: 1px solid;
    padding-bottom: calc(1.3 * var(--global--spacing-vertical));
    margin-bottom: calc(1.5 * var(--global--spacing-vertical));
}

.single .site-main > article > .entry-footer {
    display: none;
}

nav.post-navigation {
    display: none;
}

@media only screen {
   .is-dark-theme img {
    filter: brightness(1) contrast(1.2) !important;
}
}

.grid {
    display: grid;
}

.grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.flex {
    display:flex;
}

.flex-col {
    flex-direction: column;
}

.items-start {
    align-items: flex-start !important;
}

.items-center {
    align-items: center !important;
}

.items-end {
    align-items: flex-end !important;
}

.justify-center {
    justify-content: center;
}

.pt-4 {
    padding-top: 1rem;
}

.pt-6 {
    padding-top: 1.5rem;
}

.mt-0 {
    margin-top: 0px !important;
}

.mt-1 {
    margin-top: calc(1 * var(--global--spacing-vertical)) !important;
}

.mb-0 {
    margin-bottom: 0px !important;
}

.mb-1 {
    margin-bottom: calc(1 * var(--global--spacing-vertical)) !important;
}

.wp-block-columns {
    margin-bottom: 0;
}

:where(.wp-block-columns.is-layout-flex) {
    gap: 0em;
}

.project {
    display: grid;
    grid-template-columns: 1fr;
    grid-row-gap: 1em;
    grid-template-areas: "artwork" "specifications";
}

@media (min-width: 1066px) {
    .project {
        grid-template-columns:minmax(0, 1fr) 1fr;
        grid-column-gap: 1em;
        grid-template-areas: "artwork specifications";
    }
    .ps-third {
    padding-left: 30%;
}
}

.single-portfolio img, .single-portfolio figure {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.project.is-style-twentytwentyone-border {
	border: calc(3 * var(--separator--height)) solid var(--global--color-border);
}

.ps-third {
    padding: 1em;
}

.overflow-auto {
    overflow: auto;
}

@media screen and (max-width: 787px) {
     .vp-portfolio__item-wrap {
        width: 50% !important;
    }
}

article.vp-portfolio__item-wrap {
    margin-bottom: 15px !important;
}

.vp-portfolio__item-wrap.portfolio.type-portfolio.status-publish.format-standard.has-post-thumbnail.hentry.entry {
    margin-bottom: 15px !important;

}


.vp-portfolio__items-style-emerge .vp-portfolio__item-caption {
	background: rgba(0, 0, 0, .8);
}

.vp-portfolio__items-style-emerge .vp-portfolio__item-caption a:focus, .vp-portfolio__items-style-emerge .vp-portfolio__item-caption a:hover {
/*     color: var(--vp-items-style-emerge--caption-links-hover__color); */
    color: coral;
}

.portfolio h1, .post-navigation .post-title {
    font-size: 1.2em;
/*     text-align: right; */
}

.portfolio p, .post-navigation .meta-nav {
    font-size: 1em;;
}

.vp-portfolio__items-style-emerge .vp-portfolio__item-meta-title {
	font-size: 1.1em;
}

.vp-portfolio__item-meta-title a::after {
    content: ' →';
    font-size: 1.4em;
    font-weight: 900;
}

.vp-portfolio__items-style-fade .vp-portfolio__item-meta-title {
    font-size: 1.2em;
}

.vp-portfolio__items-style-fade .vp-portfolio__item-meta > * {
    margin-bottom: 0;
}

.vp-portfolio__items-style-emerge.vp-portfolio__items-show-caption-hover .vp-portfolio__item-focus-visible .vp-portfolio__item-caption, .vp-portfolio__items-style-emerge.vp-portfolio__items-show-caption-hover .vp-portfolio__item:hover .vp-portfolio__item-caption {
	--vp-items-style-emerge--caption-skew__clip-left: none;
    padding-top: 0;
}

/*.vp-portfolio__item-popup-description {
    display: none;
}*/

button.fancybox-button.fancybox-button--arrow_right, button.fancybox-button.fancybox-button--arrow_left {
	background-color: transparent !important;
}

.vp-portfolio__item-popup-title {
    font-size: 1.8em;
}

.vp-portfolio__filter-wrap {
    display: none;
}

@media only screen and (min-width: 822px) {
    .vp-portfolio__filter-wrap {
        display: block;
    }
}

.vp-filter__item a {
    padding-top: 6px !important;
    padding-bottom: 6px !important;
    font-size: 12px !important;
}

.vp-filter__style-minimal .vp-filter__item > a:focus, .vp-filter__style-minimal .vp-filter__item > a:hover {
    color: #5a8495;
}

.vp-filter__style-minimal .vp-filter__item.vp-filter__item-active {
    --vp-filter-minimal--items__color: #5a8495;
    --vp-filter-minimal--items-hover__color: #5a8495;
}

a[data-vp-filter="dessin"], a[data-vp-filter="drawing"] {
    display: none !important;
}

.vp-uid-3ddf9100 .vp-filter.vp-filter__style-minimal .vp-filter__item:nth-child(1) {
    order: -40;
}

.vp-uid-3ddf9100 .vp-filter.vp-filter__style-minimal .vp-filter__item:nth-child(22) {
    order: -30;
    display: none;
}

.vp-uid-3ddf9100 .vp-filter.vp-filter__style-minimal .vp-filter__item:nth-child(21) {
    order: -29;
    display: none;
}

.vp-uid-3ddf9100 .vp-filter.vp-filter__style-minimal .vp-filter__item:nth-child(20) {
    order: -28;
    display: none;
}

.vp-uid-3ddf9100 .vp-filter.vp-filter__style-minimal .vp-filter__item:nth-child(19) {
    order: -27;
    display: none;
}

.vp-uid-3ddf9100 .vp-filter.vp-filter__style-minimal .vp-filter__item:nth-child(18) {
    order: -26;
    display: none;
}

.vp-uid-3ddf9100 .vp-filter.vp-filter__style-minimal .vp-filter__item:nth-child(17) {
    order: -25;
    display: none;
}

.vp-uid-3ddf9100 .vp-filter.vp-filter__style-minimal .vp-filter__item:nth-child(16) {
    order: -24;
    display: none;
}

.vp-uid-3ddf9100 .vp-filter.vp-filter__style-minimal .vp-filter__item:nth-child(15) {
    order: -23;
    display: none;
}

.vp-uid-3ddf9100 .vp-filter.vp-filter__style-minimal .vp-filter__item:nth-child(14) {
    order: -19;
    display: none;
}

.vp-uid-3ddf9100 .vp-filter.vp-filter__style-minimal .vp-filter__item:nth-child(13) {
    order: -18;
    display: none;
}

.vp-uid-3ddf9100 .vp-filter.vp-filter__style-minimal .vp-filter__item:nth-child(12) {
    order: -15;
    display: none;
}

.vp-uid-3ddf9100 .vp-filter.vp-filter__style-minimal .vp-filter__item:nth-child(11) {
    order: -14;
    display: none;
}

.vp-uid-3ddf9100 .vp-filter.vp-filter__style-minimal .vp-filter__item:nth-child(10) {
    order: -13;
    display: none;
}

.vp-uid-3ddf9100 .vp-filter.vp-filter__style-minimal .vp-filter__item:nth-child(9) {
    order: -12;
    display: none;
}

.vp-uid-3ddf9100 .vp-filter.vp-filter__style-minimal .vp-filter__item:nth-child(8) {
    order: -11;
    display: none;
}

.vp-uid-3ddf9100 .vp-filter.vp-filter__style-minimal .vp-filter__item:nth-child(7) {
    order: -10;
    display: none;
}

.vp-uid-3ddf9100 .vp-filter.vp-filter__style-minimal .vp-filter__item:nth-child(6) {
    order: -9;
    display: none;
}

.vp-uid-3ddf9100 .vp-filter.vp-filter__style-minimal .vp-filter__item:nth-child(5) {
    order: -8;
    display: none;
}

.vp-uid-3ddf9100 .vp-filter.vp-filter__style-minimal .vp-filter__item:nth-child(4) {
    order: -5;
    display: none;
}

.vp-uid-3ddf9100 .vp-filter.vp-filter__style-minimal .vp-filter__item:nth-child(3) {
    order: -3;
    display: none;
}

.vp-uid-3ddf9100 .vp-filter.vp-filter__style-minimal .vp-filter__item:nth-child(2) {
    order: -1;
    display: none;
}


.vp-uid-2092b839 .vp-filter.vp-filter__style-minimal .vp-filter__item:nth-child(1) {
    order: -40;
}

.vp-uid-2092b839 .vp-filter.vp-filter__style-minimal .vp-filter__item:nth-child(22) {
    order: -30;
    display: none;
}

.vp-uid-2092b839 .vp-filter.vp-filter__style-minimal .vp-filter__item:nth-child(21) {
    order: -29;
    display: none;
}

.vp-uid-2092b839 .vp-filter.vp-filter__style-minimal .vp-filter__item:nth-child(20) {
    order: -28;
    display: none;
}

.vp-uid-2092b839 .vp-filter.vp-filter__style-minimal .vp-filter__item:nth-child(19) {
    order: -27;
    display: none;
}

.vp-uid-2092b839 .vp-filter.vp-filter__style-minimal .vp-filter__item:nth-child(18) {
    order: -26;
    display: none;
}

.vp-uid-2092b839 .vp-filter.vp-filter__style-minimal .vp-filter__item:nth-child(17) {
    order: -25;
    display: none;
}

.vp-uid-2092b839 .vp-filter.vp-filter__style-minimal .vp-filter__item:nth-child(16) {
    order: -24;
    display: none;
}

.vp-uid-2092b839 .vp-filter.vp-filter__style-minimal .vp-filter__item:nth-child(15) {
    order: -23;
    display: none;
}

.vp-uid-2092b839 .vp-filter.vp-filter__style-minimal .vp-filter__item:nth-child(14) {
    order: -19;
    display: none;
}

.vp-uid-2092b839 .vp-filter.vp-filter__style-minimal .vp-filter__item:nth-child(13) {
    order: -18;
    display: none;
}

.vp-uid-2092b839 .vp-filter.vp-filter__style-minimal .vp-filter__item:nth-child(12) {
    order: -15;
    display: none;
}

.vp-uid-2092b839 .vp-filter.vp-filter__style-minimal .vp-filter__item:nth-child(11) {
    order: -14;
    display: none;
}

.vp-uid-2092b839 .vp-filter.vp-filter__style-minimal .vp-filter__item:nth-child(10) {
    order: -13;
    display: none;
}

.vp-uid-2092b839 .vp-filter.vp-filter__style-minimal .vp-filter__item:nth-child(9) {
    order: -12;
    display: none;
}

.vp-uid-2092b839 .vp-filter.vp-filter__style-minimal .vp-filter__item:nth-child(8) {
    order: -11;
    display: none;
}

.vp-uid-2092b839 .vp-filter.vp-filter__style-minimal .vp-filter__item:nth-child(7) {
    order: -10;
    display: none;
}

.vp-uid-2092b839 .vp-filter.vp-filter__style-minimal .vp-filter__item:nth-child(6) {
    order: -9;
    display: none;
}

.vp-uid-2092b839 .vp-filter.vp-filter__style-minimal .vp-filter__item:nth-child(5) {
    order: -8;
    display: none;
}

.vp-uid-2092b839 .vp-filter.vp-filter__style-minimal .vp-filter__item:nth-child(4) {
    order: -5;
    display: none;
}

.vp-uid-2092b839 .vp-filter.vp-filter__style-minimal .vp-filter__item:nth-child(3) {
    order: -3;
    display: none;
}

.vp-uid-2092b839 .vp-filter.vp-filter__style-minimal .vp-filter__item:nth-child(2) {
    order: -1;
    display: none;
}

.scrim {
    background-color: #000 !important;
}