/*
Theme Name: jetaime
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}

:root {
	--red : #CC0000;
	--yellow : #febb12;
}

.header-nav-main input[type=search]{
	border: 1px solid #fff;
	color: #333;
	height:42px;
	background: #fff;
	border-radius: 10px 0 0 10px
}

.header-nav-main button[type=submit] {
	padding: 4.5px 20px;
	background: var(--red);
	border-radius: 0 10px 10px 0px;
}

.icon-search {
	color: #fff
}

.icon-tele {
	border:1px solid #fff;
	padding: 5px 20px!important;
	border-radius: 10px;	
}

.stuck a.icon-tele{
	line-height: 0!important;
}

a.icon-tele {
	color: #fff!important;
}

.icon-tele img {
	width: 30px;
	height: 30px;
	margin-right: 10px;

}

.img-title {
	display: flex;
	align-items: flex-start;
}

.img-title img {
	width: 25px;
	height: 25px;
}

.paginate_links {
	display: block;
	margin: 0 auto!important;
	width: 100%;
}

.page-wrapper {
	padding-top: 10px;
	padding-bottom: 10px;
}

#secondary {
	padding-top: 43px;
}

.page-right-sidebar .large-3.col {
	padding-left: 10px;
	padding-right: 0;
}


.phim_moi .col-inner .is-divider,
.taxonomy .col-inner .is-divider,
#secondary .is-divider
{
	display: none
}

.phim_moi .box-image {
	border: 1px solid #323232;
}

.phim_moi .box-image img {
	padding: 5px;
}

.phim_moi .box-normal {
	background-color: #141414!important;
}

.phim_moi .box-normal .box-text {
	padding-left: 0;
}

.phim_moi .box-normal h5 {
	color : #ccc;
	font-weight: 600;
}



.from_the_blog_excerpt  {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    padding: 0;
	height: 40px;
}


#secondary {
    position: sticky;
    top: 70px; /* Adjust as needed */
    align-self: flex-start; /* Often needed in flexbox layouts */
}

.paginate_links a, .paginate_links span {
	border-radius: 5px!important;
	border: 1px solid #262626!important;
}

.paginate_links a, .archive-title h2 {
	color: #fff!important;

}

.paginate_links span {
	background: #181818!important;
	border: 1px solid #181818!important;
}

.paginate_links a, .paginate_links a:hover {
	background: #262626!important;
	border: 1px solid #262626!important;

}

.widget-title  {
	color: #fff;
}

#custom_html-3 {
	background: #141414;
	padding: 20px;
	border-radius: 10px;
}

#custom_html-3 a , .tags_single a{
	display: inline-block;
	background: #282828;
	border-radius: 5px;
	border: 1px solid transparent;
	color: #fff;
	font-size: 13px;
	padding: 5px 15px;
	margin-bottom: 5px;
}	

#custom_html-3 a:hover , .tags_single a:hover {
	border: 1px solid #ccc;
}

.archive-title .col {
	padding-bottom: 0;
}

#content.large-9, #comment_phim .col {
	background: #141414;
	padding: 10px;
	border-radius: 5px;
}

#comment_phim {
	margin-top: 20px;
}

#content video {
aspect-ratio: 1 / 1;
    width: 100%;
    margin: 0 auto;
    /* display: block; */
    height: 50vh;
    background: #000;
    box-shadow: 0 0 4px #474747;
    border-radius: 10px;
}

.phim_lien_quan {
	margin-top: 50px;
}


.archive_phim .box-image:hover::before, .phim_moi .box-image:hover::before{
-webkit-animation:shine .75s;animation:shine .75s
}
@-webkit-keyframes shines{
100%{left:125%}
}
@keyframes shines{
100%{left:125%}
}
.archive_phim .box-image::before, .phim_moi .box-image::before{
position:absolute;
top:0;
left:-75%;
z-index:2;
display:block;
content:'';
width:50%;
height:100%;
background:-webkit-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 100%);
background:linear-gradient(to right,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 100%);
-webkit-transform:skewX(-25deg);transform:skewX(-25deg)
}

















.copyright-footer {
	color: #fff;
}