/*General Style*/
body, html{overflow-x:hidden;width:100vw;}
.comments-area a, .page-content a{text-decoration:none;}
.theme_color{color:#a27b47;}
.gradient_divider{height:3px;width:100%;background:linear-gradient(to left, transparent, #a27b47, transparent);display:block;}
.text-center{text-align:center;}
.d_flex{display:flex;}
body.single-post .container_fluid{width:100%;}
body.single-post .container{max-width:1360px;margin-left: auto; margin-right: auto; padding:0 10px;}
.me-3{margin-right: 15px;}
.ms-1{margin-left: 10px;}
.row{margin-right:15px;margin-left:15px;display:flex;}
.col{padding:0 15px;}
.col-7{width:70%; padding:0 15px;}
.col-3{width:30%; padding:0 15px;}
.col_half{padding:0 15px; width:50%;}
.bg_fixed .elementor-background-overlay{background-attachment:fixed;}
.h_100{min-height:100%;}
.h_100.elementor-widget-icon-box>div{height:100%;}

/*Header Style*/
.ehf-header header#masthead{position:absolute; top:0; left:0; z-index:999; width:100%;transition:all .3s ease;background:linear-gradient(to bottom, #000, transparent);}
.ehf-header header#masthead.sticky {position: fixed;transition:all .3s ease;background:#000;}

/*Home Style*/
.slider_txt_sec{background:linear-gradient(to top, #000 0%, transparent 20%);}
.text_typing{color:#fff; font-family:"Josefin Sans", Sans-serif;font-style:italic; font-size:1.2em;}
.text_typing span{color:#a27b47;font-family:"Josefin Sans", Sans-serif;font-weight:700; font-style:normal;}
.text_typing span.cursor {display: inline-block; background-color: #ccc; margin-left: 0.1rem; width: 3px; animation: blink 1s infinite;}
.text_typing span.cursor.typing {animation: none;}
.imgs_slider img{ transition: all .3s ease; width:100%; height:auto; object-fit:cover; object-position:center;}
.imgs_slider .swiper-slide-visible.swiper-slide-active img{transform: scale(1.2) rotate(5deg); transition: all 10s ease;}

.check_list ul{list-style-image: url('/wp-content/uploads/2025/02/drama-byte-list-check-mark.png');}
.check_list ul li{margin-bottom:8px;}
/*Typing*/
.circle_link text {
  fill: #a27b47;
  font-size: 2em;
	letter-spacing 0.5px;
  font-weight: 500;
  font-variant-ligatures: none;
  transform-origin: 250px 250px;
  animation: rotatex 10s linear infinite;
  transform: scale(1) rotate(90deg);
}
.circle_link {
  display: block;
  width: 250px;
  height: 250px;
  border-radius: 50%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.circle_link .yearNumber {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  transform: translate(-50%, -50%);
	font-size:6em;
	font-weight:700;
	color:#a27b47;padding:30px;
}
.circle_link svg {max-width: 80vmin;}
.textcircle{transform-origin: 250px 250px;transform: scale(1) rotate(90deg);}
/*Trailer Post Type*/
.trailer_swiper_actions .trailer_swiper_next{position:absolute;right:0;top:50%; transform:translate(50%, -50%);width:46px;height:auto;background:#ffffff26;border:1px solid #ffffff40;border-radius:5px;z-index:2;padding:5px 0;line-height: 0;transition: all .3s ease;}
.trailer_swiper_actions .trailer_swiper_next:hover{background:#ffffff26;border:1px solid #ffffff80;transition: all .3s ease;border-radius:5px;}
.trailer_card{}
.trailer_href{width:100%;display:inline-block;border-radius:0 10px 0 0; overflow:hidden;line-height:0;}
.trailer_btn{border-radius:0 0 10px 10px; background-color:#333;font-weight:500;text-align:center;padding: 12px;line-height:normal;}
.trailer_btn img{height:14px;width:auto;margin-right:5px;}
/*Form*/
.db_form input, .db_form textarea{border-width:0px 0px 2px 0px; border-color:#ffffffcc; color:#fff; background:transparent; border-radius:0; padding-bottom:15px; }
.db_form input:focus, .db_form input:active, .db_form input:hover,
.db_form textarea:focus, .db_form textarea:hover, .db_form textarea:active{outline:unset; border-width:0px 0px 2px 0px;border-color:#fff;}
.db_form .form_btn{margin-left: auto; margin-right:0;}
.form_row{margin-left:-15px; margin-right:-15px;display:flex; align-items:center;}
.db_form input::placeholder, .db_form textarea::placeholder {color: #ddd; opacity:1;}


.form_btn {font-weight:900;font-family:'Font Awesome 5 Free';}
.form_btn:after {content:"\f061";font-weight:900;font-family:'Font Awesome 5 Free';}


/*Blog*/
.blog_article time{font-size:13px;}
.post_content{margin-bottom:30px;}
.blog_header{height:300px;display:flex;align-items:center;justify-content:center; text-align:center; background-attachment:fixed; background-size: cover; background-position:center;overflow:hidden;margin-bottom:60px;position:relative;}
.blog_header:before{content:''; background:#000000cc;width:100%;height:100%;position:absolute;left:0;top:0;z-index:0;}

.side_title{font-size:1.3em;font-weight:500;}
.related_posts article{margin-bottom:15px; font-size:14px;padding:15px;background:#ffffff1a; border-radius:5px; }
.post_date{padding-left:15px; position:relative;}
.post_date:before{content:'';width:8px; height:8px; border-radius:50%; position:absolute; left:0; top:50%; transform:translate(0, -50%); background:#a27b47;}
.share_icon{list-style:none;display:flex; justify-items:space-between;padding:0;margin-bottom:30px;}
.share_icon li{margin-right:25px;}
.related_posts h3.post_title{font-size:1.15em;}
.post_excerpt p, .post_excerpt{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}

/*Footer*/
.site_copyright{color:#ccc; font-size:13px;}
.site_copyright a{color:#fff;}
.site_copyright:hover{color:#a27b47;}


/*404*/
.fof_template{background-image:url('/wp-content/uploads/2025/01/brama-byte-404-fixed-bg.png'); background-position:center; background-repeat:no-repeat; background-attachment: fixed; background-size: 50%;}

/*Laptop Viewport*/
@media only screen and (max-width: 1366px) {
	body.single-post .container{max-width:1140px;}
	
}

/*Table Viewport*/
@media only screen and (max-width: 1024px) {
	.md_br br{display:none;}
	body.single-post .container{max-width:100%;}
	
	.imgs_slider img{height:60vh;}
	.slider_txt_sec{background:linear-gradient(to top, #000 30%, transparent 45%);}
	.trailer_swiper{margin-right:15px;}
	.trailer_swiper_actions .trailer_swiper_next{width:32px;height:auto;transform:translate(0, -50%);}

	.about_year{position:absolute;top:-50px;right:15px;}
	
	.blog_header{margin-bottom:30px;}
}

/*Mobile Viewport*/
@media only screen and (max-width: 767px) {
	.imgs_slider img{height:50vh;}
	.slider_txt_sec{background:linear-gradient(to top, #000 40%, transparent 60%);}
	
	.about_year{position:absolute;top:0px;right:0px;transform:translate(0, -40%);}
	.circle_link{width:180px;height:180px;}
	.circle_link svg{max-width:50vmin;}
	.circle_link .yearNumber{font-size:4rem;}
	
	.blog_mansory_loop .eael-entry-thumbnail>img{height:200px;width:100%;object-fit:cover;object-position:center;}
	.footer_nav ul.hfe-nav-menu{justify-items:flex-start !important;}
}


@keyframes scaleUp {
  0%  { transform: scale(1); }
  100%  { transform: scale(1.1); }
}
@keyframes blink {
  0%  { background-color: #ccc; }
  49% { background-color: #ccc; }
  50% { background-color: transparent; }
  99% { background-color: transparent; }
  100%  { background-color: #ccc; }
}
@keyframes rotatex {
  from {
    transform: rotate(0deg);
  }
	to {
    transform: rotate(360deg);
  }
}