/*
Theme Name: Flatsome Child
Author: Mau website Shop Au Phuc Fashion
Template: flatsome
Text Domain: flatsome
Version: 1.0.0
*/

/* Add custom CSS here. */
:root{
    --wp--preset--color--foreground: #26201a;
}
.wp-site-blocks{overflow: hidden}
.fs-block-nav-overlay__content {
    background-color: rgba(169, 179, 147, .76);
    backdrop-filter: blur(12px);
}
.fs-block-header-main {
    backdrop-filter: blur(12px);
    border-bottom: 1px solid rgba(38,32,26,.14);
}
.menu-tab-mega .fs-nav-submenu{
    border: unset;
    & .fs-nav-submenu__content{
        padding: 0;
        background: rgba(169, 179, 147, .76);
        backdrop-filter: blur(12px);
    }
}

.menu-tab-mega .fs-block-tabs__nav.is-vertical{
    margin-top: 30px;
}
.menu-tab-mega .fs-block-tabs__tab{
    padding: 5px 5px 5px 25px;
    font-weight: 600;
}
.menu-tab-mega .fs-block-tabs__tab:not(:last-of-type){
    border-bottom: 1px solid rgba(38,32,26,.14);
}
.menu-tab-mega .fs-block-tab-panels,.menu-tab-mega  .fs-block-tabs__tab[aria-selected="true"]{
    background-color: var(--fs-blocks-color-primary);
}
.menu-tab-mega .fs-block-tabs__tab[aria-selected="true"] .fs-menu-link,.menu-tab-mega .fs-block-tabs__tab:hover .fs-menu-link{
    color: var(--fs-blocks-color-success);
}
.menu-tab-mega .fs-block-card-image.fs-block-image{
    flex: 0 0 calc(35% - var(--fs-gap) / 2);
}
.fs-nav .wp-block-navigation-item__content:is(a:hover,.is-active,.current-menu-item,[aria-current=page],[aria-selected=true]),.fs-nav-link:is(a:hover,.is-active,.current-menu-item,[aria-current=page],[aria-selected=true]){
    color: var(--fs-blocks-color-success);
}
.single-post .entry-content>p:first-of-type::first-letter {
    float: left;
    font-size: 75px;
    line-height: 62px;
    margin-right: 8px;
    margin-top: 6px;
    font-weight: 600;
}
blockquote.wp-block-quote {
    border: 1px solid var(--fs-ui-border);
    padding: 30px 60px;
    font-style: italic;
    font-size: 20px;
}
.h-100 {height: 100%}
.eyebrow {
    font-size: 11px;
    letter-spacing: 4px;
    text-transform: uppercase;
    color: #6b3e26;
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 26px;
}
.eyebrow::before {
    content: '';
    width: 34px;
    height: 1px;
    background: #6b3e26;
}
.trendy-marquee .fs-block-marquee__container>*{font-family: 'Cormorant Garamond', serif;width: auto;margin: 0 30px;font-style: italic;font-size: 20px;}
.working-item{
    position: relative;
}
.working-item .step-sup {
    z-index: 1;
    width: 30px;
    height: 30px;
    line-height: 1.2;
}

footer.wp-block-template-part{margin-top: 0}
@media (min-width: 1079px) {
    .working-items:before {
        content: "";
        position: absolute;
        top: 108px;
        left: 7%;
        right: 7%;
        border-top: 4px dashed var(--wp--preset--color--success);
    }
    .working-item:not(:last-child):before{
        content: "";
        display: block;
        min-width: 15px;
        min-height: 15px;
        background-color: var(--wp--preset--color--success);
        border-radius: 99px;
        position: absolute;
        top: 75px;
        right: -11%;
    }
}

.only-mobile{display: none}
@media (max-width: 849px) {
	.only-mobile{display: flex}
	.only-pc{display: none}
}
@media (max-width: 48em) {
  /* Add mobile only CSS here. */
}
