/*
    Theme Name: Asra Theme (child)
    Description: Asra is a modern and stylish photography theme with a touch of minimalism. Clean and airy design that will fit great any type of photography art. Emphasize the beauty of your work with amazing typography and layout diversity.
    Template: asra
    Author: WPHunters
    Author URI: http://wphunters.com
    Version: 1.0-child
    License: GNU General Public License version 1.0
    License URI: https://www.gnu.org/licenses/gpl-1.0.html
*/

/* here comes your styles */

header { position: sticky !important; top: 0 !important; background-color: #fff !important;}
header .site-identity {display: flex !important; justify-content: center; align-items: center;}
header img { max-width: 200px !important; transition: all 0.7s; transform: unset !important; -webkit-transform:unset !important; position: unset !important; }
header img.site-identity__logo-light { display: none !important; }
header:not(.logo_small) img { transition: all 0.7s; }
header.logo_small { border-bottom: 1px solid #ebe8e4;}
header.logo_small .site-identity--image { height: 60px; }
header.logo_small img { transition: all 0.7s; transform: scale(0.6) !important; }
header a.site-header__search-btn { display: none; }
.site-header__inner-wrapper { padding-bottom: 15px !important; }
.btn { border-radius: 5px !important; }
h2 {letter-spacing: 0 !important; font-weight: 700 !important;}
h3 {letter-spacing: 0 !important; font-weight: 700 !important;}
h4 {letter-spacing: 0 !important; font-weight: 700 !important;}
#slider_home {
    background: rgb(235,232,228);
    background: -moz-linear-gradient(180deg, rgba(235,232,228,1) 50%, rgba(255,255,255,1) 50%);
    background: -webkit-linear-gradient(180deg, rgba(235,232,228,1) 50%, rgba(255,255,255,1) 50%);
    background: linear-gradient(180deg, rgba(235,232,228,1) 50%, rgba(255,255,255,1) 50%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ebe8e4",endColorstr="#ffffff",GradientType=1); 
}
footer .site-identity--calculated .site-identity__logo-light{ opacity: 1 !important; }
footer .site-identity--calculated .site-identity__logo-dark{ opacity: 0 !important; }
footer .site-socials__link svg { width: 35px; height: 35px;}
.site-single-post__meta {display: none !important;}

/* Home 2: griglia alta */
#recap .recap-wrapper {
    display: grid;
    grid-gap: 10px;
    /* grid-template-columns: 200px 200px 200px; */
    grid-template-columns: repeat(2,minmax(0,1fr));
    /* grid-template-rows: min-content 1fr min-content; */
    /* grid-template-rows: 200px 200px 200px; */
    background-color: #fff;
    color: #444;
}
#recap .recap-box {
    font-size: 150%;
    background-size: cover;
    border-radius: 5px;
    overflow: hidden;
}
#recap .recap-box .overlay {
    background-color: rgba(235,232,228,0.75);
    transition: all 0.7s;
}
/* #recap .recap-box .overlay *:not(.frame) {
    z-index: 9;
}
#recap .recap-box .frame {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    transform: rotate(0deg);
    border: 2px solid transparent;
    transition: all 0.7s;
    z-index: 1;
}
#recap .recap-box .frame:hover,
#recap .recap-box .frame:active,
#recap .recap-box .frame *:hover,
#recap .recap-box .frame *:active {
    top: -5px;
    left: -5px;
    border: 2px solid gold;
    transform: rotate(1deg);
    transition: all 0.7s;
} */
.recap-box > div:hover,
.recap-box > div:active {
    background-color: rgba(235,232,228,0.35) !important;
    transition: all 0.7s;
}
.recap-box > div > *,
.recap-box > div > * {
    font-size: inherit;
    transition: all 0.7s;
}
.recap-box > div:hover > *,
.recap-box > div:active > * {
    font-size: 110%;
    transition: all 0.7s;
}
#recap .recap-box_o {
    grid-column: 1 / span 2;
    grid-row: 1;
    aspect-ratio: 2;
}
#recap .recap-box_q {
    grid-column: auto;
    grid-row: 2;
    aspect-ratio: 1;
}
/*  */

#header_block { background-color: #ffffffcf; padding: 10vh 20px;}
.site-main-container img { border-radius: 5px;}
.vc-sharing-buttons a.network-google-plus { display: none !important;}
body.category-weddings .vc-post-teaser,
body.category-weddings .vc-post-teaser__post-data,
body.category-weddings .vc-post-teaser__excerpt {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}
body.category-weddings .vc-post-teaser__post-data {width: unset !important;}
body.category-weddings .vc-post-teaser__title {display: none !important;}
body.category-weddings .wedding_details {
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 5px;
    /* background-image: url(https://edo.soundofweb.com/wp-content/uploads/2023/01/logo-edo-wh.png); */
    background-position: center;
    /* background-color: #f1f1f1; */
    background-blend-mode: soft-light;
    /* background-repeat: no-repeat;
    background-size: contain; */
}
body.category-weddings .wedding_details p {line-height: 1;}
body.category-weddings .wedding_details div.arrow_icon {
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="35" height="35"><path d="M0 256a256 256 0 1 0 512 0A256 256 0 1 0 0 256zM241 377c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l87-87-87-87c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0L345 239c9.4 9.4 9.4 24.6 0 33.9L241 377z"/></svg>');
    display: block;
}
body.category-weddings .vc-post-teaser__link {display: none !important;}
body.single-post #video_player {
    display: flex;
    position: relative;
    justify-content: center;
    align-items: center;
    height: 100%;
    margin-bottom: 10px;
}
body.single-post #video_player:not(.playing) .overlay,
body.single-post #video_player.playing:hover .overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    opacity: 0.4;
    z-index: 1;
    visibility: visible;
    transition: all 0.4s;
    -moz-transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
}
body.single-post #video_player.playing .overlay,
body.single-post #video_player.playing:not(:hover) .overlay {
    visibility: hidden;
    transition: all 0.4s;
    -moz-transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
}
body.single-post #video_player button {
    background: transparent;
    position: absolute;
    z-index: 10;
    aspect-ratio: 1/1;
}
body.single-post #video_player button,
body.single-post #video_player button:active,
body.single-post #video_player button:focus {
    border: 0px !important;
    outline: none;
}
body.single-post #video_player button#play_btn::after {
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="50" height="50"><path d="M464 256A208 208 0 1 0 48 256a208 208 0 1 0 416 0zM0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256zM188.3 147.1c7.6-4.2 16.8-4.1 24.3 .5l144 88c7.1 4.4 11.5 12.1 11.5 20.5s-4.4 16.1-11.5 20.5l-144 88c-7.4 4.5-16.7 4.7-24.3 .5s-12.3-12.2-12.3-20.9V168c0-8.7 4.7-16.7 12.3-20.9z"/></svg>');
}
body.single-post #video_player button#pause_btn::after {
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="50" height="50"><path d="M464 256A208 208 0 1 0 48 256a208 208 0 1 0 416 0zM0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256zm224-72V328c0 13.3-10.7 24-24 24s-24-10.7-24-24V184c0-13.3 10.7-24 24-24s24 10.7 24 24zm112 0V328c0 13.3-10.7 24-24 24s-24-10.7-24-24V184c0-13.3 10.7-24 24-24s24 10.7 24 24z"/></svg>');
}
/* 
- Se il video non è in riproduzione: nasconde il bottone di pausa
- Se il video non in riproduzione ma non è "hover": nasconde il bottone di pausa
*/
body.single-post #video_player.playing button#play_btn,
body.single-post #video_player:not(.playing) button#pause_btn,
body.single-post #video_player.playing:not(:hover) button#pause_btn {
    opacity: 0;
    transition: all 0.4s;
    -moz-transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
}
/* 
- Se il video non è in riproduzione: mostra il bottone di play
- Se il video è in riproduzione ed è "hover": mostra il bottone di pausa
*/
body.single-post #video_player:not(.playing) button#play_btn
body.single-post #video_player.playing:hover button#pause_btn {
    opacity: 1;
    transition-delay: 0.4s;
    transition: all 0.4s;
    -moz-transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
}
body.single-post #video_player iframe {
    width: 100%;
    aspect-ratio: 16 / 9;
    height: auto;
    border-radius: 5px;
}

@media (min-width: 992px) {
    ul.site-header__nav-ul li {
        display: flex;
        align-items: center;
    }
    ul.site-header__nav-ul li:nth-last-child(2) {
        margin-left: 45px;
    }
    ul.site-header__nav-ul li.social a {
        padding: 0 15px !important;
    }
    ul.site-header__nav-ul li.social a::before {
        height: 39px;
        width: auto;
        display: flex;
        justify-items: center;
        align-items: center;
    }
    ul.site-header__nav-ul li.social a span {
        display: none;
    }
    ul.site-header__nav-ul li.facebook a::before {
        content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" width="20" height="30"><path d="M76.7 512V283H0v-91h76.7v-71.7C76.7 42.4 124.3 0 193.8 0c33.3 0 61.9 2.5 70.2 3.6V85h-48.2c-37.8 0-45.1 18-45.1 44.3V192H256l-11.7 91h-73.6v229"></path></svg>');
    }
    ul.site-header__nav-ul li.instagram a::before {
        content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" width="35" height="30"><path d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"></path></svg>');
    }
}
@media (max-width: 991px) {
    header.logo_small > div {
        padding: 5px 15px !important;
    }
    .fullscreen-menu.fullscreen-menu--open {
        position: fixed;
    }
    .fullscreen-menu nav.fullscreen-menu__nav {
        text-align: right;
        position: absolute;
        top: 100px;
        right: 30px;
    }
    .fullscreen-menu nav.fullscreen-menu__nav li:nth-last-child(2) {
        margin-top: 40px;
    }
}
@media (min-width: 768px) {
    h2 { font-size: 35px !important; }
    body.category-weddings .posts-archive__flow-item {padding: 0 15px !important;}
}
@media (max-width: 767px) {
    h2 { font-size: 30px !important; }
    .swap-on-mobile { display: flex !important; flex-direction: column-reverse; }
    #recap .recap-wrapper { grid-template-columns: 1fr; grid-template-rows: repeat(3, 1fr); }    
    #recap .recap-box_o { grid-column: 1; aspect-ratio: 1; }
    #recap .recap-box_q { grid-row: auto; }    
}