/*
Theme Name: WebDigital Theme
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/
/*************** ADD CUSTOM CSS HERE  ***************/
.nav-spacing-xlarge>li {
    margin: 0 40px !important;
}
.button, button, input[type=button], input[type=reset], input[type=submit] {
    font-weight: normal;
}
.section.section-home .section-content > .row > .col
{
    padding-bottom: 0;
}
.section.section-home {
    padding: 60px 0 !important;
}
.br {
    background-color: rgb(240, 236, 233);
}
.img.logo-footer .img-inner {
    width: 250px;
}
ul.footer-menu {
    list-style: none;
    display: flex;
    justify-content: space-evenly;
    margin-top: 50px;
    width: 100% !important;
}
ul.footer-menu ul.sub-menu {
    display: none;
}
.copyright-footer {
    color: #0000009c;
}
.absolute-footer {
    background-color: white;
    color: black !important;
    font-weight: 300;
    padding: 0px 0 40px;
}
label, legend {
    font-size: 1em;
    font-weight: 500;
}
input.wpcf7-form-control.wpcf7-submit.has-spinner {
    width: 100%;
	margin: 0;
}
input.wpcf7-form-control {
    margin-bottom: 12px !important;
}
.wpcf7-spinner {
    display: none;
}
.flickity-page-dots {
    bottom: -30px;
}
.flickity-page-dots .dot {
	border: 2px solid #111;
}
.row.blogs-list .image-cover {
    padding-top: 100% !important;
}
.page-title.blog-featured-title h6.entry-category {
    font-size: 40px;
}
.page-title-sub.op-7.flex-col {
    color: black;
    opacity: 1;
    font-size: 16px;
    text-shadow: none;
    margin-top: 30px;
}
p.lead {
    font-size: 16px;
}
.lead {
    max-width: 780px;
    margin-top: 30px;
}
header.entry-header.text-center {
    height: 100%;
    display: flex;
    align-content: center;
    justify-content: center;
    flex-direction: column;
}
.parallax-title .banner h1,.page-title.banner-custom-page h1.entry-title {
    font-size: 36px;
}
.parallax-title.mb {
    margin-bottom: 0;
}
.banner.has-parallax {
    background-color: #ffffff00;
}
.parallax-title .overlay {
    background-color: #ffffff20 !important;
}
/*.parallax-title .banner-layers.container,.page-title-inner.container {
    background: radial-gradient(circle, rgb(255 255 255 / 90%) 0%, rgba(255, 255, 255, 0) 60%);
}*/



/* Related Posts Block - Flatsome custom */
.row.related-posts-block .box-text {
    padding: 0;
    width: 60%;
}
.row.related-posts-block .box-image {
    width: 40% !important;
}
h5.post-title.is-large {
    font-size: 18px;
    font-weight: 300;
    margin-top: 10px;
}
.post-title a {
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 25px !important;
    -webkit-line-clamp: 2;
    height: 50px;
    height: fit-content;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.row.related-posts-block .col {
    padding-bottom: 0;
}
a.read-more {
    color: white !important;
    font-size: 12px;
}
span.widget-title {
    font-size: 1.5em;
    font-weight: 300;
    text-transform: uppercase !important;
}


.blog-share.text-left {
    display: flex;
    align-content: center;
    flex-direction: row;
    gap: 10px;
}
.blog-share .button.icon {
    margin-bottom: 0;
}
a.plain {
    color: rgb(40 40 40);
}
.page-title-inner {
    min-height: 90vh !important;
    padding-top: 20px;
    position: relative;
}
.entry-description-portfolio {
    max-width: 800px;
    padding: 0 15px;
}
.portfolio-box .image-cover {
    padding-top: 140% !important;
}
.portfolio-box .image-cover .overlay {
    background-color: rgb(0 0 0 / 0%);
}
/*h3.uppercase.portfolio-box-title {
    font-size: 30px;
    text-transform: none;
    font-weight: 500;
    letter-spacing: 0;
    margin: 10px 0;
}*/
.portfolio-box .box-text-inner{
    text-shadow: none;
    text-align: left;
}
.portfolio-box .box-text{
    z-index: 9;
}
h4.portfolio-tag {
    font-size: 20px;
}
.portfolio-box.box.has-hover:after {
    content: '';
    position: absolute;
    bottom: 7px;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, #000000 0%, #000000db 22%, rgba(0, 80, 56, 0) 100%);
    z-index: 0;
    transform: rotate(0deg);
    opacity: 0;
    transition: opacity 0.3s, transform 0.3s, background-color 0.3s;
}
.portfolio-box.box.has-hover.box-overlay.dark:hover:after {
    opacity: 1;
}
.blog .page-title-inner h1.entry-title {
    font-size: 41px;
    text-transform: none;
    margin-top: 16px;
    color: black;
}
/*.blog .featured-title .page-title-inner {
    padding-bottom: 20%;
}*/
.portfolio-category-description {
    max-width: 400px;
    color: black;
    padding: 0 15px;
}
.portfolio-category-description p {
    color: black;
}
.discover img {
    height: 115px;
    margin-top: 20px;
    opacity: 0;
}
.discover {
    margin-top: 30px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-content: center;
    width: fit-content;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}
.discover p {
    color: black;
    font-size: 20px;
    line-height: 1.3em;
    margin: 0;
}
/*.title-overlay.fill {
    background-color: #ffffff00 !important;
}*/
.title-overlay.fill, .banner-bg.fill.parallax-active .overlay {
    background-color: #ffffff00 !important;
    background: radial-gradient(circle, rgb(255 255 255 / 90%) 0%, rgba(255, 255, 255, 0) 60%);
}
.featured-title {
    text-shadow: none !important;
    background-color: #ffffff00 !important;
}
.discover .button.is-underline:before {
    background-color: currentColor;
    bottom: 0;
    content: "";
    height: 2px;
    left: 45%;
    opacity: .3;
    position: absolute;
    transition: all .3s;
    width: 10%;
    opacity: 0;
}
.discover:hover .button.is-underline:before
 {
    left: 10%;
    opacity: 1;
    width: 80%;
}
.discover:hover .button.is-underline {
    color: #000000;
    opacity: 1;
}
.discover:hover img
 {
    opacity: 1;
}
.entry-description-portfolio p {
    color: black;
}
.featured_item_cats.breadcrumbs a {
    color: black;
    font-size: 20px;
}
.header-main .nav > li > a {
    height: 90px;
}
.nav-dropdown-has-border .nav-dropdown {
    border: 0px solid #ddd;
    box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.12);
}
.nav-dropdown-has-arrow li.has-dropdown:after{
    display: none;
}
.testimonial-slider .image-cover {
    padding-top: 125% !important;
}
.box-blog-post .is-divider {
    display: none;
}
.post-meta.is-small {
    font-style: italic;
}
.box-text .button {
    margin-top: 0;
    font-size: 14px;
}
.box-text .button.is-underline:before {
    background-color: rgb(23 23 23);
    bottom: 5px;
    content: "";
    height: 1px;
    left: 5%;
    opacity: 0.4;
    position: absolute;
    transition: all .3s;
    width: 90%;
}
.box-text .button.is-underline:hover:before {
    left: 5%;
    opacity: 1;
    width: 90%;
}
.button.is-link:hover, .button.is-underline:hover {
    box-shadow: none;
    color: #000000;
}
.row.blogs-list .col.post-item {
    padding-bottom: 30px;
}
.portfolio-grid-home .portfolio-box.box.has-hover.box-overlay.dark:hover:after {
    /* opacity: 1; */
    opacity: 0;
}
.box.box-dichvu-home img {
    filter: grayscale(100%);
}
.box.box-dichvu-home:hover img {
    filter: grayscale(0%);
}
.box-overlay.dark .box-text, .box-shade.dark .box-text {
    text-shadow: none;
}
.box.box-dichvu-home:hover .overlay {
    background-color: #ffffff00 !important;
    transition: all 1s;
}
a.button.primary.read-more-button {
    transition: all 0.6s;
}
a.button.primary.read-more-button {
    min-height: 2.2em;
    line-height: 2.2em;
    font-size: 15px;
    margin: auto;
}
a.button.read-more-button:hover {
    background: rgba(224, 217, 211, 1);
    color: black;
    box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.2);
}
.text.title-quotation {
    font-size: 22px;
    color: black;
}
.text.price-quotation {
    font-size: 26px;
    font-weight: 700;
    color: black;
}
.text.date-quotation, .text.ingredient-quotation {
    font-size: 20px;
}
.col-quotation .box-text.text-center .col {
    padding-bottom: 0;
}
.col-quotation .box-text.text-center {
    padding-bottom: 0px;
}
.col-quotation > .col-inner {
    box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.2);
}
.data-quotation ul li {
    margin-bottom: 0;
}
.banner .entry-header .is-divider {
    display: none;
}
.featured-item-category-collection .row-small>.col {
    padding: 0;
}
.featured-item-category-collection .row-small {
    margin-left: 0px !important;
    margin-right: 0px !important;
    max-width: 100% !important;
}
.portfolio-grid-home .col {
    padding-bottom: 0;
}
.col.post-item.portfolio-box-clollection .box-text.text-center {
    position: absolute;
    bottom: 0;
    padding-bottom: 10px;
    z-index: 9;
}
.col.post-item.portfolio-box-clollection.box.has-hover .box-image a::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
    transform: rotate(0deg);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 65%, #FFFFFF 100%);
}
h3.clollection-portfolio {
    margin: 0px 0 15px;
}
a.portfolio-tag {
    font-style: italic;
}
.portfolio-button.button-second a.button {
    background: rgba(224, 217, 211, 1);
    color: black;
    padding: 0px 25px;
}
.portfolio-grid-clollection {
    margin-bottom: 30px;
}
.featured-item-category-collection .portfolio-box .image-cover {
    padding-top: 160% !important;
}
.portfolio-grid-home .box.has-hover:after {
    content: '';
    position: block;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, #000000 0%, #000000db 22%, rgba(0, 80, 56, 0) 100%);
    z-index: 0;
    transform: rotate(0deg);
    opacity: 0;
    transition: opacity 0.3s, transform 0.3s, background-color 0.3s;
}
.text.h2-home h2,.video-category-description h2 {
    font-size: 1.6em;
}
.banner-custom-page .title-content.flex-col {
    display: none;
}
.portfolio-category-description {
    max-width: 780px;
}
.page-id-15 .discover {
    display: none;
}
.featured_item_tags {
    color: black;
    font-size: 18px;
}
.featured-item-category-pre-wedding .featured_item_tags,
.featured-item-category-wedding-day .featured_item_tags
 {
     display: none; 
    font-size: 32px;
    margin-bottom: 16px;
}
.featured-item-category-pre-wedding .page-title.portfolio-featured-title h1.entry-title
.row-small>.col,
.featured-item-category-wedding-day .page-title.portfolio-featured-title h1.entry-title
.row-small>.col {
    display: none;
}
.row-small>.col {
    margin-bottom: 0;
    padding: 0 5px 10px;
}
div#post-list .image-cover {
    padding-top: 100% !important;
}
.single-post div#content .large-8.col {
    border-right: 2px solid rgb(0 0 0 / 10%);
}
.blog-header-wrapper {
    position: relative;
}
/*.section-discover-single {
    position: absolute;
    margin: auto;
    left: 50%;
    bottom: 0%;
    text-align: center;
    transform: translate(-50%, -50%);
}*/
.wp-singular.post-template-default .title-content.flex-col {
    display: none;
}
.entry-content.single-page {
    padding-top: 0;
}
.discover.discover-collection {
    display: flex;
}
.discover .button {
    margin: 0;
}
.blog-header-wrapper .title-content.flex-col {
    display: none;
}
.featured-item-category-collection .portfolio-box.box.has-hover:after{
    content:none;
}
.featured-item-category-collection .box-text-inner.show-on-hover {
    opacity: 1;
    text-align: center;
}
.featured-item-category-collection p.portfolio-box-desc {
    display: none;
}
.featured-item-category-collection h3.uppercase.portfolio-box-title {
    font-size: 18px;
    color: black;
}
.featured-item-category-collection h4.portfolio-tag {
    font-size: 15px;
    color: black;
    font-style: italic;
}
ul.header-nav.header-nav-main li a {
    font-size: 15px !important;
}

.featured-item-category-collection .portfolio-box .image-cover .overlay {
    background-color: rgb(0 0 0 / 0%);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 65%, #FFFFFF 100%);
}
.page-title.portfolio-featured-title h1.entry-title {
    color: black;
    opacity: 1 !important;
    font-size: 32px;
        text-transform: capitalize;
}
.portfolio-archive-collection {
    color: black;
    margin-bottom: 25px;
    font-size: 20px;
}
.flex-col.flex-center.text-center.parallax-active {
    opacity: 1 !important;
}
.box-head-blogs {
    display: flex;
    flex-direction: column;
    align-items: center;
}
p.sub-list {
    max-width: 800px;
}
.featured-item-category-collection .page-title-inner .entry-description-portfolio {
    display: none;
}
.featured-item-category-collection .portfolio-category-description {
    display: none;
}
.featured_item_tags {
    margin-bottom: 25px;
    font-size: 20px;
}
.section.footer-main.section-home {
    padding-bottom: 30px !important;
}
div#comments {
    display: none;
}
.flex-col.hide-for-medium.flex-right .nav-spacing-xlarge>li {
    margin: 0 25px !important;
}
/*.flex-right ul.header-nav-main {
    display: flex;
    justify-content: space-evenly;
}*/
.featured-item-category-pre-wedding .portfolio-button.button-second a.button,
.featured-item-category-wedding-day .portfolio-button.button-second a.button {
    display: none;
}
/*.term-pre-wedding .flex-col.flex-center.text-center.parallax-active,
.term-wedding-day .flex-col.flex-center.text-center.parallax-active {
    display: none;
}

.wp-singular.featured-item-category-pre-wedding .page-title.portfolio-featured-title h1.entry-title,
.wp-singular.featured-item-category-wedding-day .page-title.portfolio-featured-title h1.entry-title {
    display: none;
}
.term-pre-wedding .title-overlay.fill,.term-pre-wedding .banner-bg.fill.parallax-active .overlay,
.term-wedding-day .title-overlay.fill,.term-pre-wedding .banner-bg.fill.parallax-active .overlay {
    background-color: #ffffff00 !important;
    background: radial-gradient(circle, rgb(255 255 255 / 90%) 0%, rgba(255, 255, 255, 0) 60%);
    background: none;
}


.tax-featured_item_category.term-pre-wedding .box-text.text-center,
.tax-featured_item_category.term-wedding-day .box-text.text-center {
    opacity: 1;
}
.tax-featured_item_category.term-pre-wedding h4.portfolio-tag,
.tax-featured_item_category.term-wedding-day h4.portfolio-tag {
    display: none;
}
.tax-featured_item_category.term-pre-wedding p.portfolio-box-desc,
.tax-featured_item_category.term-wedding-day p.portfolio-box-desc {
    display: none;
}
.tax-featured_item_category.term-pre-wedding .box-text-inner.show-on-hover,
.tax-featured_item_category.term-wedding-day .box-text-inner.show-on-hover {
    display: flex;
    justify-content: center;
    flex-direction: column;
    opacity: 1;
}
.tax-featured_item_category.term-pre-wedding .box-text-inner.show-on-hover h3.uppercase.portfolio-box-title,
.tax-featured_item_category.term-wedding-day .box-text-inner.show-on-hover h3.uppercase.portfolio-box-title {
    text-align: center;
}
.tax-featured_item_category.term-pre-wedding .portfolio-button.button-second,
.tax-featured_item_category.term-wedding-day .portfolio-button.button-second {
    display: none;
}*/
.portfolio-box h3.uppercase.portfolio-box-title {
    text-transform: math-auto;
    font-size: 28px;
    margin: 10px 0;
	    letter-spacing: 0px;
}
.portfolio-category-box  .box-text {
    position: absolute;
    z-index: 1;
    bottom: 0;
}

.portfolio-category-box h3.portfolio-category-title a {
    color: white;
    font-size: 20px;
}
/*.banner-custom-page  .title-overlay.fill {
    display: none;
}
.banner-custom-page a.discover.has-hover {
    display: none;
}*/

.video-thumb {
    position: relative;
}
.ux-video-item button.play-btn img {
    width: 13px;
    height: 16px;
    margin: auto;
}
.ux-video-item button.play-btn {
    margin: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 16px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.6);
    color: #fff !important;
    display: flex;
    justify-content: center;
    align-content: center !important;
}
.ux-video-item video,.ux-video-item iframe,.ux-video-item .ux-aspect-ratio {
    bottom: 0;
    font-family: "object-fit: cover;";
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
    position: absolute !important;
    right: 0;
    top: 0;
    width: 100% !important;
}
.video-content {
    text-align: center;
    padding: 10px 20px;
}
.video-banner video {
    bottom: 0;
    font-family: "object-fit: cover;";
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}
.video-cat-desc {
    width: 80%;
    margin: auto;
}
.video-cat-desc p {
    margin-bottom: 10px;
}
.photography-cat-home .box-text {
    position: relative;
    padding: 10px 0;
}

.photography-cat-home .box-text h3 a {
    color: black;
    font-size: 18px;
    letter-spacing: 0px;
}
.video-cat-desc p {
    display: none;
}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
    h2 {
        font-size: 1.6em;
    }

    .banner a.button.primary.is-link {
        font-size: 15px;
    }
    .mobile-sidebar .sidebar-menu > ul > li > a {
        font-size: 18px;
        color: black;
    }
    .parallax-title .banner h1 {
        font-size: 2.3em;
        line-height: 1.15em;
    }
    .discover {
        display: none;
    }
    i.icon-menu {
        height: 50px;
    }
    .box-dichvu-home .box-text.text-center h2 {
        font-size: 26px;
    }
    .header.show-on-scroll, .stuck .header-main {
        max-height: 70px !important;
    }
    /*.header-wrapper.stuck .header-main {
        max-height: 70px;
    }*/
    .h2-home h2 {
        font-size: 32px;
    }
    .page-title-inner h1.entry-title {
        font-size: 2em;
        text-transform: none;
        margin-top: 16px;
    }
        h3, h4 {
        font-size: 1.35em;
    }
    .single-post div#content .large-8.col {
        border-right: none;
    }
    .testimonial-slider .flickity-slider .align-equal > .col {
        padding-bottom: 0 !important;
    }
    ul.footer-menu {
        display: flex;
        flex-direction: column;
        gap: 25px;
    }
    .section.section-home {
        padding: 60px 0 30px !important;
    }
    #post-list .box-text.text-left {
        text-align: center;
    }
    .video-banner {
        padding-top: 75% !important;
    }
    .video-cat-desc {
        width: 96%;
        margin: auto;
    }
}