/*color presets start*/
body {
    --navy: #4059ad;
    --seafoam: #97d8c4;
    --tangerine: #f4b942;
    --blue: #3777ff;
    --pink: #ffb5c2;
    --peach: #ffbe86;
    --yellow: #ffe156;
    --black: #363636;
    --text-color: #262f40;
}
/*color presets end*/



/*entire page start*/
main {
    background-size: contain;
    background-image: url("/wp-content/uploads/2024/07/Paper_texture_seamless-scaled.jpg"); 
    background-repeat: repeat;
}
.main-single-page-body .container-fluid {
    margin-left: auto;
    margin-right: auto;
	max-width: 1100px;
}
.main-single-page-body .main-content {
    width: 100%;
    margin-left: 0;
}
/*entire page end*/


/*header and intro start*/
.header-image {
    background-size: contain;
}
.main-single-page-header, .post-author {
    display: none;
}
section.main-header-image {
    padding-top: 30px;
}
section.main-single-page-body, 
section.main-header-image {
    padding-top: 30px;
    background-color: rgba(0,0,0,0);
}
/*header and intro start*/


/*font styles start*/
h2 {
    font-family: "meursault-variable", serif;
    font-variation-settings: 'wdth' 80, 'wght' 520;
    font-size: 25px;
    color: var(--text-color);
	max-width: 700px;
	margin-left: auto;
	margin-right: auto;
}
p {
    color: var(--text-color);
    font-family: OCPickllle, sans-serif;
    font-variation-settings: "COUT" 100, "JMBL" 100, "STGR" 100;
}
@font-face {
  font-family: OCPickllle;
  src: url(/wp-content/themes/Skillman/fonts/OCPickllleVARVF.woff);
  
}
/*font styles end*/


/*photo grid start*/
:where(.wp-block-columns.is-layout-flex) {
    gap: 10px;
}
:where(.wp-block-columns) {
    margin-bottom: 10px;
}
.wp-block-image {
    margin-bottom: 0;
}
a img:hover {
     mix-blend-mode: multiply;
	opacity: .5;
}
figure.wp-block-image.vid-lightbox.seafoam {
    background: var(--seafoam);
}
figure.wp-block-image.vid-lightbox.tangerine {
    background: var(--tangerine);
}
figure.wp-block-image.vid-lightbox.blue {
    background: var(--blue);
}
figure.wp-block-image.vid-lightbox.pink{
    background: var(--pink);
}
figure.wp-block-image.vid-lightbox.peach {
    background: var(--peach);
}
figure.wp-block-image.vid-lightbox.yellow {
    background: var(--yellow);
}
/*photo grid end*/


/*lightbox start*/
.goverlay {
    opacity: .7 !important;
}
.glightbox-clean .gprev, .glightbox-clean .gnext {
    width: 30px;
    height: 30px;
    background: white;
    border-radius: 100%;
    top: 50%;
    opacity: .8;
    -webkit-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.65);
    -moz-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.65);
    box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.65);
}
.glightbox-clean .gprev:hover, 
.glightbox-clean .gnext:hover {
    background: white;
}
button.gnext.gbtn.disabled {
    opacity: .2;
}
.glightbox-clean .gnext path, 
.glightbox-clean .gprev path {
    fill: var(--text-color);
}
.glightbox-clean .gnext path:hover, 
.glightbox-clean .gprev path:hover {
    fill: var(--seafoam);
}
.gnext svg, .gprev svg {
    width: 15px;
}
.glightbox-clean .gprev {
    left: 1%;
}
.glightbox-clean .gnext,
.glightbox-clean .gclose {
    right: 1%;
}
.glightbox-clean .gclose {
    background: none;
}
.glightbox-container .gslide-inner-content {
    max-width: 80%;
}

/*lightbox responsive start*/

/*large desktop*/
@media screen and (min-width: 1537px) {
    /*all*/
    .gslide .ginner-container {
        max-width: none !important;
        width: 1220px !important;
    }
    /*video only posts*/
    .gslide:first-child .ginner-container,
    .gslide:nth-child(3) .ginner-container,
    .gslide:nth-child(5) .ginner-container,
    .gslide:nth-child(7) .ginner-container,
    .gslide:nth-child(9) .ginner-container,
    .gslide:nth-child(11) .ginner-container
    {
        height: 750px !important;
    }
    
    /*image only posts*/
    .gslide:nth-child(2) .ginner-container,
    .gslide:nth-child(4) .ginner-container,
    .gslide:nth-child(12) .ginner-container,
    .gslide:nth-child(13) .ginner-container,
    .gslide:nth-child(14) .ginner-container,
    .gslide:nth-child(15) .ginner-container
    {
        height: 650px !important;
    }

    /*image and reel posts that aren't square*/
    .gslide:nth-child(8) .ginner-container {
        height: 550px !important;
    }
    .gslide:nth-child(6) .ginner-container,
    .gslide:nth-child(10) .ginner-container
    {
        height: 687px !important;
    }
}
/*medium desktop*/
@media screen and (min-width: 1367px) and (max-width: 1536px) {
    /*all*/
    .gslide .ginner-container {
        max-width: none !important;
        width: 1090px !important;
    }
    /*video only posts*/
    .gslide:first-child .ginner-container,
    .gslide:nth-child(3) .ginner-container,
    .gslide:nth-child(5) .ginner-container,
    .gslide:nth-child(7) .ginner-container,
    .gslide:nth-child(9) .ginner-container,
    .gslide:nth-child(11) .ginner-container
    {
        height: 676px !important;
    }
    
    /*image only posts*/
    .gslide:nth-child(2) .ginner-container,
    .gslide:nth-child(4) .ginner-container,
    .gslide:nth-child(12) .ginner-container,
    .gslide:nth-child(13) .ginner-container,
    .gslide:nth-child(14) .ginner-container,
    .gslide:nth-child(15) .ginner-container
    {
        height: 545px !important;
    }

    /*image and reel posts that aren't square*/
    .gslide:nth-child(8) .ginner-container {
        height: 400px !important;
    }
    .gslide:nth-child(6) .ginner-container,
    .gslide:nth-child(10) .ginner-container
    {
        height: 500px !important;
    }
}
/*tablet and small desktop*/
@media screen and (min-width:770px) and (max-width: 1366px) {
    /*video only posts*/
    .gslide:first-child .ginner-container,
    .gslide:nth-child(3) .ginner-container,
    .gslide:nth-child(5) .ginner-container,
    .gslide:nth-child(7) .ginner-container,
    .gslide:nth-child(9) .ginner-container,
    .gslide:nth-child(11) .ginner-container
    {
        height: 534px !important;
    }
    
    /*image only posts*/
    .gslide:nth-child(2) .ginner-container,
    .gslide:nth-child(4) .ginner-container,
    .gslide:nth-child(12) .ginner-container,
    .gslide:nth-child(13) .ginner-container,
    .gslide:nth-child(14) .ginner-container,
    .gslide:nth-child(15) .ginner-container
    {
        height: 450px !important;
    }

    /*image and reel posts that aren't square*/
    .gslide:nth-child(8) .ginner-container {
        height: 400px !important;
    }
    .gslide:nth-child(6) .ginner-container,
    .gslide:nth-child(10) .ginner-container
    {
        height: 500px !important;
    }
}
/*mobile*/
@media screen and (max-width:769px) {
    .gslide-external {
        max-height: 90vh;
    }
    .gslide:first-child .ginner-container,
    .gslide:nth-child(2) .ginner-container,
    .gslide:nth-child(3) .ginner-container,
    .gslide:nth-child(4) .ginner-container,
    .gslide:nth-child(5) .ginner-container,
    .gslide:nth-child(6) .ginner-container,
    .gslide:nth-child(7) .ginner-container,
    .gslide:nth-child(8) .ginner-container,
    .gslide:nth-child(9) .ginner-container,
    .gslide:nth-child(10) .ginner-container,
    .gslide:nth-child(11) .ginner-container,
    .gslide:nth-child(12) .ginner-container,
    .gslide:nth-child(13) .ginner-container,
    .gslide:nth-child(14) .ginner-container,
    .gslide:nth-child(15) .ginner-container {
        height: 90vh !important;
    }
}
@media screen and (max-width:769px) and (min-width:451px) {
    .gslide .ginner-container {
        max-width: 350px !important;
    }
}
@media screen and (max-width:450px) {
    .gslide .ginner-container {
        max-width: calc(100% - 90px) !important;
    }
}*/
/*lightbox responsive end*/
/*lightbox end*/