/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jun 23 2025 | 08:21:29 */
@import url('https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

.select-resize-ghost, .select2-container .select2-choice, .select2-container .select2-selection, input[type=date], input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], select, textarea,input:focus, input:-internal-autofill-selected {background-color: transparent !important;border: 0;border-bottom: 1px solid #333;padding: 0 !important;box-shadow: none;color: #ccc !important;}

.select-resize-ghost, .select2-container .select2-choice, .select2-container .select2-selection, input[type=date], input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], select, textarea {background-color: transparent !important;border: 0;border-bottom: 1px solid #333;padding: 0 !important;box-shadow: none;color: #ccc !important;}
/* Change the white to any color */
input:-webkit-autofill,input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active {-webkit-box-shadow: none !important;-webkit-transition-delay: 9999s;}
input:hover,select:hover,textarea:hover {box-shadow: none}
input[type=email]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,select:focus,textarea:focus {background-color: transparent !important;box-shadow: none;color: #ccc;opacity: 1!important;outline: 0}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color: #ccc}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
	border-color: var(--alert-color);color: #fff;
}

.dark, .dark :is(p, td, .breadcrumbs, .breadcrumbs a) {color: #ccc;}
.dark :is(h1,h2,h3, h4, h5, h6) {color: var(--primary-color);text-transform: uppercase;}
.dark a,.dark a:hover, .dark .button.is-link:hover, .dark .button.is-underline:hover {color: var(--primary-color);}
.h1, h1 {font-size: 50px;letter-spacing: 2px;}
h2.entry-title {margin-bottom:0;}
.fit-bg .section-bg :is(img,picture,video) {object-fit: none;}
.button.is-outline {border-width:1px;overflow:hidden}
.button.is-outline:hover {background: transparent !important;}
.button.is-outline:after {position: absolute;content: '';width:100%;height:100%;background: var(--primary-color);top: 0;left: 0;transform: translatey(100%);transition: 0.3s all;z-index: -1;}
.button.is-outline:hover:after {transform: translatey(0);}
.button.is-link {font-weight: 600;letter-spacing: 1px;}
.button:has(i) {display: inline-flex;align-items: center;}
.button.open-video i {font-size: 0.85em !important; top:0;}
.button.open-video:hover i {color: #fff;}
.accordion-title {font-family: 'Barlow';font-weight: 600;text-transform: uppercase;letter-spacing: 1px;font-size: 16px;padding: 20px 30px 20px 0;border-bottom: 1px solid #333;border-top:0;}
.accordion .toggle {left: auto;top: 50%;right: 0;border-radius: 0;transform: translatey(-50%);margin: 0;width: 40px;height: 40px;opacity:1}
.accordion .toggle:before, .accordion .toggle:after {position: absolute;content:'';width:20px;height:1px;background: var(--primary-color);top: 50%;left: 50%;transform: translate(-50%, -50%);transition: 0.3s all}
.accordion .toggle:before {transform: translate(-50%, -50%) rotate(90deg);}
.accordion .accordion-title.active .toggle:before,.accordion .accordion-title.active .toggle:after {transform: translate(-50%, -50%) rotate(180deg);}
.accordion .toggle i {opacity:0;}
.dark .accordion-title.active {color: var(--primary-color);font-weight: 600;}
.accordion-inner {padding: 15px 0 0 }

.post-item .is-divider {display:none;}
.custom-header-post {display: flex;gap: 10px;margin-top: 15px;}
.custom-header-post .blog-post-date {position: relative;min-width: 80px;}
.custom-header-post .post-category a:not(:first-child) {display:none;}

.slider-nav-simple .flickity-button {opacity: 1 !important;margin: 0 !important;transform: none !important;color: var(--primary-color);display: flex;align-items: center;width: fit-content !important;}
.slider-nav-simple .flickity-button.previous:after, .slider-nav-simple .flickity-button.next:before {content:'';width:45px;height:1px;background: var(--primary-color);display: block;transition: 0.3s all;}
.slider-nav-simple .flickity-button.previous:before, .slider-nav-simple .flickity-button.next:after {content:'';height: 10px;aspect-ratio: cos(30deg);background: var(--primary-color);display: block;transition: 0.3s all;}
.slider-nav-simple .flickity-button.next:hover:after,  .slider-nav-simple .flickity-button.previous:hover:before {transform:translatex(0px)}
.slider-nav-simple .flickity-button svg {opacity:0;}
.ms-author-list.row {width:100% !important;margin: 0 !important;}
.arrow-top-right .flickity-button {top: -80px;bottom: auto;}
.arrow-top-right .flickity-button.previous {left: auto;right: 80px;}
.arrow-top-right .flickity-button.next {right: 7px;}
.slider-nav-top-right .flickity-button {top: -80px;bottom: auto;}
.slider-nav-top-right .flickity-button.previous {left: auto;right: 80px;}
.slider-nav-top-right .flickity-button.next {right: 7px;}

.flickity-page-dots {display: flex;align-items: center;left:10%;}
.slider-nav-dots-dashes .flickity-page-dots .dot {height: 1px;background: #fff;border: 0;}
.slider-nav-dots-dashes .flickity-page-dots .dot.is-selected {height:5px;}
.social-top {position: absolute;bottom: 5px;right: 5%;}
.social-top a {color: #fff !important;}
.social-top a:after {background: #fff !important}

.icon-angle-left, .icon-angle-right {display: flex !important;align-items: center;}
.next-prev-nav i.icon-angle-left {margin-left: 0 !important}
.next-prev-nav i.icon-angle-right {margin-right: 0 !important}
.icon-angle-right:after, .icon-angle-left:before {content:'';height: 10px;aspect-ratio: cos(30deg);background: var(--primary-color);display: block;transition: 0.3s all;}
.icon-angle-right:before, .icon-angle-left:after {content:'';width:35px;height:1px;background: var(--primary-color);display: block;transition: 0.3s all;}
.icon-angle-right:after, .slider-nav-simple .flickity-button.next:after {clip-path: polygon(0 0,100% 50%,0 100%);transform: translateX(-8px);}
.icon-angle-left:before, .slider-nav-simple .flickity-button.previous:before {clip-path: polygon(100% 0,0 50%,100% 100%);transform: translateX(8px);}
a:hover .icon-angle-left:before,
a:hover .icon-angle-right:after {transform:translatex(0px)}
.color-black :is(.icon-angle-right:after, .icon-angle-left:before) {background: #000;}
.color-white .icon-angle-right:after, .color-white .icon-angle-left:before {background: #fff;}
.color-secondary .icon-angle-right:after, .color-secondary .icon-angle-left:before {background: var(--secondary-color);}
.color-success .icon-angle-right:after, .color-success .icon-angle-left:before {background: var(--success-color);}
.color-alert .icon-angle-right:after, .color-alert .icon-angle-left:before {background: var(--alert-color);}

.number-awards .count-number {color: #756049;font-size: 100px;font-family: 'Barlow';}
.number-awards .count-text {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);text-transform: uppercase;font-weight: 500;line-height: 1.1;letter-spacing: 1px;text-align: center;}

.more-link {display: flex;gap: 10px;text-transform: uppercase;font-size: 12px;font-weight: 700;letter-spacing: 2px;width: fit-content;}
.page-numbers.nav-pagination {display: flex;align-items: center;justify-content: center;width: 100%;}
.page-numbers.nav-pagination :is(.prev.page-number, .next.page-number) {border: 0;display: flex;}
.page-numbers.nav-pagination :is(.prev.page-number:hover, .next.page-number:hover) {background-color: transparent;}
.page-numbers.nav-pagination li a {color: var(--primary-color);border-width: 1px !important;}
.page-numbers.nav-pagination li a:hover {color: #fff;}

.bb, .bt {border-color: var(--primary-color) !important}
.next-prev-nav .flex-col+.flex-col {border-left:0;}
.next-prev-nav {font-size: 0; height: 70px;}
.next-prev-nav a {display: flex;align-items: center;color: var(--primary-color);}
.nav-next a, a.prev-link {justify-content: flex-end;}
.nav-next a:before, a.prev-link:before, .nav-previous a:after, a.next-link:after {font-size: 12px;font-weight: 700;letter-spacing: 2px;}
.nav-previous a:after, a.next-link:after {content:'PREVIOUS POST';}
.nav-next a:before, a.prev-link:before {content:'NEXT POST';}

.person-title {color: #ccc;opacity:1;}
.swiper-wrapper:has(.ux-logo) {align-items: center;}
.swiper-wrapper:has(.ux-logo) .swiper-slide {justify-items:center;}
.swiper-wrapper .ux-logo {display: flex;}
.has-hover:hover .image-grayscale img {filter: grayscale(100%) brightness(100);}
.header-wrapper {border-bottom: 1px solid var(--primary-color);}
.header-main .nav > li > a {color: var(--primary-color) !important}
.header-nav-main > li > a > .icon-angle-down {display:none;}
.header-nav-main > li > a:before {content: "";position: absolute;width: 32px;height: 1px;top: calc(50% - 1px);background-color: currentColor;transition: transform .52s cubic-bezier(.22,.61,.36,1);transform-origin: left;left: -16px;right: auto;transform: scaleX(0);}
.nav:hover>li:not(:hover)>a:before {opacity: 1;transform: scaleX(0);}
ul.header-nav-main > li > a:hover:before, ul.header-nav-main > li.active > a:before, ul.header-nav-main > li:has(li.active) > a:before {transform: scaleX(1);}
ul.header-nav-main > li {margin: 0px 20px;}
.nav-dropdown {background-color: #000;padding: 20px 10px;}
.nav-dropdown-has-border .nav-dropdown {border: 1px solid var(--primary-color);}
.nav-dropdown > li > a {color: #ccc;}
.nav-dropdown > li > a:hover, .nav-dropdown > li.active > a {color: var(--primary-color);}

.header-search-form {width:20px;}
.header-search-form-wrapper {position: absolute;top: 50%;right: 0;transform: translatey(-50%);}
.header-search-form-wrapper .form-flat input[type=search] {width:0;transition: 0.3s width;border-radius: 3px;background-color: transparent !important;background: #000 !important;border:0;}
.header-search-form-wrapper:hover input[type=search], .header-search-form-wrapper input[type=search]:focus {width:300px;padding-left: 15px !important;}
.header-search-form .form-flat button.ux-search-submit {color: var(--primary-color) !important;}

.breadcrumbs {font-weight: 300;}
.breadcrumbs .divider {opacity: 1;font-size: 0;margin: 0 5px;}
.breadcrumbs .divider:before {content:'-';font-size: 16px;}

.portfolio-breadcrumb-title, .ms-breadcrumbs {height: 105px;display: flex;align-items: center;border-bottom: 1px solid var(--primary-color);}
.portfolio-title, .portfolio-archive-title, .archive-title {text-transform: uppercase;font-size: 54px;color: var(--primary-color) !important;}
.portfolio-archive-title, .archive-title {text-align: center;margin: 30px 0;}

.portfolio-box .portfolio-box-category {display:none;}
.portfolio-box:hover img {transform: scale(1.05)}
.portfolio-box .portfolio-box-title {font-size: 18px;color: #fff;}
.portfolio-box.box .box-text {bottom: auto;top:50%;transform: translateY(-50%);padding: 15px;transition: 0.5s all;}
.portfolio-box:hover .box-text {top:60%;opacity:0;}

.portfolio-bottom {position: relative;}
.portfolio-bottom .portfolio-categories {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);margin: 0;line-height:0;color: var(--primary-color);}

.portfolio-categories-icon {fill: none;stroke: currentColor;}
.portfolio-categories-icon path:first-child {stroke: none;}
.portfolio-categories-icon g path:nth-of-type(1) {fill: currentColor;transition: clip-path .33s ease-out;clip-path: inset(0 100% 0 0);}
.portfolio-categories-icon:hover g path:nth-of-type(1) {clip-path: inset(0 0 0 0);}
.portfolio-categories-icon:hover g:nth-of-type(2) path:nth-of-type(1) {transition-delay: .16s;}
.portfolio-categories-icon:hover g:nth-of-type(3) path:nth-of-type(1) {transition-delay: 80ms;}
.portfolio-categories-icon:hover g:nth-of-type(4) path:nth-of-type(1) {transition-delay: .32s;}

.portfolio-single-page .featured-title .title-overlay {background: linear-gradient(0deg, rgb(0 0 0) 0%, rgb(0 0 0 / 0%) 50%) !important;}
.ms-title-horizontal, .ms-title-vertical {letter-spacing:2px;}
.ms-title-horizontal .ms-subtitle, .ms-title-vertical .ms-subtitle {letter-spacing: 0;text-transform: none;font-weight: normal;color: #cccccc;}
.ms-title-horizontal .ms-subtitle {display: block;}
.ms-title-vertical .ms-subtitle {margin-left: 5px;}
.project-info-item {display: flex;}
.project-info-label {color: var(--primary-color);text-transform: uppercase;font-weight: 500;letter-spacing: 1px;}
.project-info-label:after {content: ':';margin: 0 5px;}

.portfolio-single-page .ms-breadcrumbs {margin-bottom:50px;height: auto;text-align: center;padding-bottom: 70px;}

.banner .text-box:has(.ms-portfolio-title) {overflow:hidden;box-shadow: inset 0px 0px 1px #ccc;}
.banner div:has(.ms-portfolio-title) {height: 100%;}
.banner .ms-portfolio-title {height: 100%;position: absolute;width: 100%;align-items: center;padding-top: 70px;padding-left: 20px;opacity:1;transition: 0.3s all;transition-delay:0.05s;font-size: 18px;}
.banner:hover .ms-portfolio-title {opacity:0;transform: translatex(25px)}
.banner:hover .text-box:has(.ms-portfolio-title) {box-shadow: none;}
.banner .ms-portfolio-title .ms-subtitle {position: absolute;bottom: -30px;right: 10px;font-size: 150px;opacity: 0.2;font-weight: 100;font-family: 'Roboto';line-height: 1;}
.banner-bg :is(img,picture,video) {width: calc(100% + 10px);max-width: calc(100% + 10px);transform: translatex(-10px)}
.banner:hover .banner-bg :is(img,picture,video) {transform: translatex(0px)}

.blog-archive {padding-top:0;}

.post-sidebar .author-box .col {flex-basis: 100%;max-width: 100%;}
.post-sidebar .author-box .social-icons {display:none;}
.widget {margin-bottom: 50px;}
.widget .is-divider {display:none;}
span.widget-title {font-size: 18px;font-weight: 600;font-family: 'Barlow';color: var(--primary-color);margin-bottom: 15px;display: block;}
.box-vertical .box-text {padding: 0 0 0 15px !important;vertical-align: top;}
.widget .box-vertical .post-title {font-size: 13px;margin-top: 0;}
.box-vertical :is(.custom-header-post .blog-post-date, .ms-post-meta) {display:none;}
.box-vertical .custom-header-post {margin-top:0;}

.widget input[type=search] {padding: 0;background: transparent;border: 0;border-bottom: 1px solid #333;color: #ccc;}
.widget input[type=search]:focus {box-shadow: none;}
.widget_search .submit-button {padding: 0;background: transparent;color: var(--primary-color);text-align: right;border-bottom: 1px solid #333;}
.widget_search .submit-button i {opacity: 0.6;}
.widget_search .submit-button:hover i {opacity: 1;}
.widget_tag_cloud .tag-cloud-link {font-size: 11px !important;text-transform: uppercase;font-weight: 600;letter-spacing: 2px;margin: 0 15px 5px 0;display: inline-block;color: var(--primary-color) !important;}
.widget>ul>li ul {border-left: 0;margin-left:0;}

.change-post-layout  {background-image: url(/wp-content/uploads/2025/01/menu-grid.svg);background-size: 100%;min-width: 25px;min-height: 25px;padding: 0;}

.post-layout-row .change-post-layout {background-image: url(/wp-content/uploads/2025/01/post-list.svg);}
.post-layout-row #post-list {display: flex; flex-flow: row wrap;margin-left: -15px;margin-right: -15px;}
.post-layout-row #post-list .article-inner .entry-image {padding-top:100%;}
.post-layout-row #post-list .article-inner .entry-image img {position: absolute;top: 0;left: 0;object-fit: cover;width: 100%;height: 100%;}
.post-layout-row #post-list h2.entry-title a {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;font-size: 18px;}
.post-layout-row #post-list .entry-summary p {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}

.blog-post-date {position: absolute;top: 0;left:0;}
.blog-post-date .post-date-inner {background-color: #211d16;color: #ccc;padding: 15px 10px;text-align: center;}
.blog-post-date .post-date-inner .post-date-day {color: var(--primary-color);font-size: 26px;font-weight: bold;display: block;line-height: 1;}

.ms-post-meta {display: flex;gap: 30px;margin-bottom: 10px;}
.ms-post-meta a {color: #ccc;}
.ms-post-meta .post-author {position:relative;}
.ms-post-meta .post-author:before {position: absolute;content:'';width:1px;height: 16px;background: var(--primary-color);right: -15px;top: 50%;transform: translateY(-50%); }
.ms-post-meta .post-category a:not(:first-child) {margin-left: 30px;}

.blog-single h1.entry-title {font-size: 40px;margin-bottom: 0;}
.footer-meta {display: flex;justify-content: space-between;align-items: flex-start;margin-bottom: 30px;}
.footer-meta .post-tags a {margin-right: 25px;}
.footer-meta .post-share {min-width: 200px;text-align: right;}
.entry-author.author-box {padding: 0;}
.article-inner .blog-author-image {position: relative;padding-top:100%}
.article-inner .blog-author-image img {position: absolute;width:100%;height:100%;top:0;left:0;object-fit: cover;}
.article-inner .navigation-post {margin-bottom: 50px}

.dark .social-icons a {color: var(--primary-color); position: relative;margin: 0 20px;}
.dark .social-icons a:not(:last-child):after {position: absolute;content:'';width: 25px;height: 1px;background: var(--primary-color);top: 50%;right: -30px;opacity: 0.5;}
.dark .social-icons a:first-child {margin-left:0}
.dark .social-icons a:last-child {margin-right:0}

.author-box .circle img {border-radius: 0 !important}

.profile-info .col-inner {padding: 0 23% 52px 60px;}
.profile-info .profile-title {font-size: 1.3em;margin: 15px 0 30px;}
.profile-info .profile-desc {margin-bottom:70px;}
.profile-biography {padding-top:200px;padding-bottom:200px}
.profile-biography .biography-more .col-inner {padding-left: 60px;}
.profile-biography .biography-main .col-inner {padding: 0 10% 0 23%}
.biography-item {display: flex;margin-bottom: 15px;}
.biography-item-title {font-family: 'Barlow';text-transform: uppercase;font-weight: 600;color: var(--primary-color);width: 100px;letter-spacing: 1px;}
.biography-item-content p {margin-bottom:10px}

.author-item .author-info h3 {font-size: 28px;letter-spacing: 1px;}
.author-item .author-info .author-title {margin: 10px 0 20px;}
.author-item .author-info .author-desc {margin-bottom: 30px;}

.author-vertical .author-item {display: flex;gap: 15px;}
.author-vertical .author-item .author-avatar {width: 50%;min-width: 50%;}
.comments-area {display: none !important}

.footer-wrapper :is(.ux-menu-link--active .ux-menu-link__link, .ux-menu-link:hover .ux-menu-link__link) {color: #fff;}
.button-contact-us {margin: 0;position: fixed;bottom: 30%;right: 0;z-index: 99;transform: rotate(-180deg) translateY(30%);padding: 20px 5px;writing-mode: vertical-rl;border-radius: 0 5px 5px 0px;}
.button-contact-us i {background-image: url(https://dreamhomedesign.vn/wp-content/uploads/2025/01/book-reading.svg);background-size: 20px;background-repeat: no-repeat;transform: rotate(90deg) translate(-3px, -5px);}
.button-contact-us i:before {opacity:0;}




@media only screen and (min-width: 850px) {
	.nav-divided>li+li>a:after {border-left: 1px solid var(--primary-color);height: 30px;left: -20px;margin-top: 0;transform: translatey(-50%);}
	.row-divided>.col+.col:not(.large-12) {border-left: 1px solid var(--primary-color);}
	#portfolio-content {padding-right: 80px;}
	.post-layout-row #post-list > .post {flex-basis: 33.3333333333%;max-width: 33.3333333333%;padding: 0 15px;}
	
}
@media only screen and (max-width: 849px) {
	.post-layout-row #post-list > .post {flex-basis: 50%;max-width: 50%;padding: 0 15px;}
}
@media only screen and (max-width: 549px) {
	.post-layout-row #post-list h2.entry-title a {-webkit-line-clamp: 3;}
	.post-layout-row #post-list .entry-summary p {-webkit-line-clamp: 5;}
}