/*
Theme Name:     Theratio Child
Theme URI:      http://wpdemo.archiwp.com/theratio/
Description:    Make your modifications to [Parent Theme] in this child theme.
Author:         Oceanthemes
Author URI:     http://oceanthemes.net/
Version:        1.0
Template:       theratio
*/

@import url("../theratio/style.css");

/* =Theme customization starts here
------------------------------------------------------- */



body,
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: "Exo 2";
}


.header-logo-text .the-logo img {
	padding: 15px;
	background: #fff;
}

.header-logo-text .elementor-widget-wrap.elementor-element-populated {
	flex-wrap: nowrap;
	align-items: center;
}

.header-logo-text .elementor-element.elementor-widget {
	width: auto !important;
}


.blog-list-custom .inner-post .entry-summary.the-excerpt {
	-webkit-box-orient: vertical;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 3;
}

.blog-grid .masonry-post-item .post-inner {
	height: 100%;
}

.byline {
	display: none !important;
}

.carousel-16-9-contain img {
	aspect-ratio: 16 / 9;
	object-fit: contain;
	object-position: center;
}

.carousel-16-9-cover img {
	aspect-ratio: 16 / 9;
	object-fit: cover;
	object-position: center;
}

.single-ot_portfolio .elementor-widget-text-editor p img {
	margin: auto;
}

.single-ot_portfolio .elementor-widget-text-editor p em {
	margin: auto;
}

.grid-kien {
	img {
		object-fit: cover;
	}


/* Giống group 1, 2, 3, 10, 11, 12 */
.gallery-item:nth-child(12n+1),
.gallery-item:nth-child(12n+2),
.gallery-item:nth-child(12n+3),
.gallery-item:nth-child(12n+10),
.gallery-item:nth-child(12n+11),
.gallery-item:nth-child(12n+12) {
  max-width: 33.3333% !important;
  img {
    aspect-ratio: 4 / 5;
  }
}

/* Giống group 4, 5, 7, 8 */
.gallery-item:nth-child(12n+4),
.gallery-item:nth-child(12n+5),
.gallery-item:nth-child(12n+7),
.gallery-item:nth-child(12n+8) {
  max-width: 50% !important;
  img {
    aspect-ratio: 4 / 3;
  }
}

/* Giống group 6, 9 */
.gallery-item:nth-child(12n+6),
.gallery-item:nth-child(12n+9) {
  max-width: 100% !important;
  img {
    aspect-ratio: 2 / 1;
  }
}
}


.single-ot_portfolio .lg-thumb-outer.lg-grab {
	display: none;
}

.lotus-process img {
	max-height: 70px;
}

.lotus-service {
	margin-left: -15px;
	margin-right: -15px;
}

.aspect-ratio-1-1 , .aspect-ratio-1-1  img {
	aspect-ratio: 1/1;
	    object-fit: cover;
}


.avatar-home-page img {
	aspect-ratio: 1/1;
	object-fit: cover;
	border-radius: 100% !important;
	
}

.page-title {
    font-weight: 600 !important;
	    text-shadow: 5px 4px 5px #1f140b;
}

.widget-area .widget .widget-title:before {
    border-bottom: 2px solid #dbad4d !important;
}

.lotus-fab {
	position: fixed !important;
	right: 35px; 
	width: 50px !important;
	bottom: 0;
	    background-color: #9f9e9e;
    height: 50px;
    border-radius: 100%;
	z-index: 9999;
}

.lotus-fab .elementor-icon {
	margin-top: 15px;
	font-size: 20px;
}

.fab-zalo .elementor-icon {
	filter: grayscale(1) invert(1) brightness(2.5) contrast(1);
}

#back-to-top {
	right: 35px !important;
	width: 50px !important;
    height: 50px !important;
	border-radius: 100%;
}

.single-post .site-content .entry-content {
	    background-image: url(/wp-content/uploads/2025/09/gioi_thieu.png);
    background-repeat: no-repeat;
    height: 300px;
}

.single-post .site-content .container {
    background-color: #fff;
	margin-top: 240px;
    padding: 30px !important;
}


.lotus-logo-footer {
	.icon-box {
		    display: flex;
    align-items: center;
	}
	.icon-main {
	width: 100px;
	img {
		    max-width: 100% !important;
	}
	}
	
	.content-box {
		padding-left: 15px !important;
	}
	
	
	
}

.lotus-col {
	    padding: 0 7.5px;
	.wpcf7-form-control {
		max-width: 100%;
		width: 100%;
	}
}
.lotus-col-2 {
width: 16.6666%;
}

.lotus-col-3 {
width: 25%;
}



.lotus-col-6 {
	width: 50%;
}



.lotus-col-12 {
	width: 100%;
}

.lotus-col-20p {
	width: 20%;
}

.lotus-col-25p {
	width: 25%;
}

@media screen and (max-width: 769px) {
   .lotus-col-25p {
	width: 50%;
}
}



.lotus-row {
	display: flex;
	flex-wrap: wrap;
}


.lotus-form {
	
		.wpcf7-submit {
		    background-color: #dbad4d;
    color: #fff;
    padding: 10px 15px;
    border-radius: 5px;
    border: none;
		
		&:hover {
			background-color: #a4833e;
		}
	}
	
	
	select {
	    height: 44px;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #C7C7C7;
    border-radius: 5px 5px 5px 5px;
		padding-left: 0.5rem;
    font-size: 0.8em;
}
	

}

.project-item-inner {
	padding: 7.5px;
}

.position-relative {
	position: relative;
}

.lotus-phan-loai {
	font-size: 13px;
	
	position: absolute;
	bottom: 0;
	left: 0;

	padding: 5px 15px;
	background-color: black;
	color: #fff;
	text-transform: uppercase;
	text-align: center;
	width: 65%;
	border-radius: 0 15px 0 0;
}

.lotus-phong-cach {
	font-size: 13px;
	position: absolute;
	bottom: 0;
	right: 0;
	padding: 5px 15px;
	background-color: #DBAD4D;
	color: #fff;
	text-transform: uppercase;
		text-align: center;
	width: 35%;
	border-radius:  15px 0 0 0;
	
}

.lotus-meta-icons {
	xxxjustify-content: space-between;
	xxxdisplay: flex;
	margin-bottom: 30px;
	    width: 100%;
	    xxxpadding: 0 15px;
}


.lotus-meta-project-category {
	position: absolute;
    bottom: 0;
    margin-bottom: 0 !important;
	color: #fff;
	
	
	    padding: 0 1rem;
    display: flex
;
    justify-content: space-between;
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.75) 0%, rgba(237, 221, 83, 0) 100%);
}

.lotus-project-title {
	margin-top: 15px;
	margin-bottom: 5px;
}

.lotus-filters {
	margin-top: 30px;
	    margin-bottom: 15px;
	select {
        width: 100%;
        height: 44px;
        border-radius: 5px;
        border: 1px solid rgb(199 199 199);
        padding: 5px 10px;
	}
}

.uppercase {
	text-transform: uppercase;
}

.m-0 {
	margin: 0;
}

.lotus-metadata-portfolio {
	padding: 30px;
	    border: solid 1px;
    margin-top: 60px;
}

.flex {
	display: flex;
}

.portfolio-thumb:hover {
	transition: transform .1s;
	img {
		transform: scale(1.1)
	}
}

.header-mobile {
	background: black;
}

.dot-list {
	.vertical-main-navigation ul > li > a {
		line-height: 35px;
	}
}