/*
 Theme Name:   OTTrelease
 Theme URI:    https://ottrelease.org
 Description:  OTTrelease WordPress Theme
 Author:       OTTrelease
 Author URI:   https://ottrelease.org
 Template:     generatepress
 Version:      1.0
*/

.gb-container.full-height, .site-content {
    min-height: calc(100vh - 365px);
}

.one-container.archive .post:not(:last-child):not(.is-loop-template-item), .one-container.blog .post:not(:last-child):not(.is-loop-template-item) {
    padding-bottom: 0px;
}

/* Ads */
.autors-widget, .entry-content .google-auto-placed  {
	margin-bottom: 1em;
}

.header-ads {padding-top:10px}

/* Movie */
.arc-mov-long {overflow: hidden;
    display: -webkit-box !important;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.release-date::before {
  content: "Release Date: ";
  font-weight:bold;
}

.home-release-date:before {
                content: "Released: ";
}

.movie-short-details {line-height:1.7em}

.gb-container-5091a9d1{
    position: absolute;
}

.ongoing-tag .tag:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    right: -18px;
    top: 0;
    border-width: 10px 11px;
    border-style: solid;
    border-color: #ffeb03 transparent #ffeb03 #ffeb03;
}

.mov-image .tag {
    position: absolute;
    top: 10px;
    left: 0;
    background-color: #ffeb03;
    color: #000;
    padding: 0 5px 0 10px;
    font-size: 14px;
    z-index: 1;
    line-height: 2em;
	box-shadow: 4px 2px 6px 0 #0003;
}
	
.mov-image .tag:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    right: -18px;
    top: 0;
    border-width: 14px 11px;
    border-style: solid;
    border-color: #ffeb03 transparent #ffeb03 #ffeb03;
}

.taxonomy-description {
	margin-bottom: 1em!important;
    font-size: 16px;
	background: transparent;
    padding: 8px 10px;
    border-radius: 5px;
	border: 1px solid #434753;
}

.taxonomy-description p{
    font-size: 16px;
    line-height: 1.4em;
}

p .term-movie, p .term-web-series {
    font-style: italic;
}

h2 .term-movie::after{
    content: "s";
}

.faq-item {
margin-bottom:15px
}
.faq-item h2 {
font-size: 25px;
font-weight: 600;
margin-bottom: 10px;
line-height: 1.2em;
}

.faq-answer {
line-height: 1.6;
}

.news-excerpt {
overflow: hidden;
    display: -webkit-box !important;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

/* Author Tooltip */
.authr-tltp-bx {
     background-color: #23262e;
     margin-top: 5px;
}
.authr-tltp-bx .tltp-inner {
     background-color: #23262e;
     border: 1px solid #23262e;
}
.user-nm .nm {
     color: var(--base-3);
}
.jb-ttl {
     color: var(--base);
}
.usr-desc {
     color: var(--base);
}
.mntl-author-tooltip__bottom {
     border-top: 1px solid #17181c;
     color: var(--base);
}
.authr-tltp-bx .tltp-inner:before {
     background-color: #23262e;
     border-top: 1px solid #23262e;
     border-left: 1px solid #23262e;
     top: -5px;
     margin-left: 30px;
}
.usr-social {
     filter: brightness(0) invert(1);
}
	
.dark-mode .author-social-icon:hover {
    background:#ff6c00;
}

/* Table */
.wp-block-table th {
	background-color: #b9090b;
    color: white;
}

.wp-block-table td {
}

.wp-block-table th, .wp-block-table td {
    border: 1px solid #fff;
}

.wp-block-table tr:nth-of-type(even) {
    background-color: #434753;
}

/* One Liners */
.home-page-title a, .home-movie-heading {
	    overflow: hidden;
    display: -webkit-box !important;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.home-page-slide a {
	    overflow: hidden;
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

/* Button */
.masonry-load-more {
text-align: center;
}

.masonry-load-more .button{
color: #29f87e;
    background-color: transparent;
    padding: 5px 10px;
    border-radius: 5px;
    border: 2px solid;
    font-weight: 600;
    font-size: 15px;
}

.masonry-load-more .button:hover{
color: var(--base-3);
    background-color: transparent;
}

/* Link */
.wp-social-link svg {
    width: 1em!important;
    height: 1em!important;
	margin-right: 10px;
}

.entry-content .wp-block-button {
    display: inline-block;
    margin-bottom: 1.5em;
}

/* Header */
.main-navigation.has-branding .inside-navigation.grid-container {
    padding: 0 25px;
		border-bottom: 2px solid white;
}

#mobile-header .inside-navigation, .main-navigation {

}

.mobile-header-navigation.has-menu-bar-items .mobile-header-logo {
    margin-right: 0!important;
}
	.entry-header, .post-image {
    grid-row: 1;
}
	.main-navigation.has-branding .menu-toggle{
    order: -1!important;
}

.main-navigation ul ul li {
    border-bottom: 1px solid #ffffff3b;
}

.main-navigation .main-nav ul li a {
    padding-left: 15px;
    padding-right: 15px;
}

/* Images */
.wp-block-image {margin-bottom: 1.5em}
.inside-article .wp-block-image img, .featured-image img {
border-radius:8px
}

.no-featured-image-padding .featured-image {
	margin: 0!important;
}

.post-image-below-header.post-image-aligned-center .inside-article .featured-image {
	    margin-top: 0.5em!important;
    margin-bottom: 0.5em!important;
}

.wp-block-gallery {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
margin-bottom:15px
}

.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) {
    width: 100% !important;
}

/* Table of Contents */
.lwptoc_i{padding:5px 10px!important;border-radius:5px;border:1px dashed #ff6d00!important}
.lwptoc_header{margin-bottom:0!important}

/* YouTube */
.entry-content .wp-block-embed-youtube {
margin-bottom:1.5em
}

.entry-content .wp-block-embed-youtube iframe{
border-radius: 8px;
}

.content-area .perfmatters-lazy-youtube {
border-radius: 8px;
}

/* Movie Post */

.responsive-video {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 aspect ratio */
    height: 0;
    overflow: hidden;
    max-width: 100%;
    background: #000;
}

.responsive-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

.watch-on::after {
  content: "!";
}

/* List Style */
.wp-block-list li {
    line-height: inherit;
    margin-bottom: 8px;
}

.inside-article ol, ul {
    margin: 0 0 1.5em 2em;
}

/* Quotes */
blockquote {
	border: 2px solid #434753;
	padding: 3rem;
	text-align: center;
	filter: drop-shadow(4px 4px 0px rgba(231, 231, 232, 0.4));
	background-color: #23262e;
	background-image: url('https://hindime.net/wp-content/uploads/2024/05/blockquote.svg');
	background-repeat: no-repeat;
	background-position: top 2rem left;
	margin-bottom: 1em!important;
}

blockquote P {
	font-size: 1rem!important;
	font-weight: 600;
	font-style: normal;
	line-height: 1.4rem;
}

blockquote cite {
	font-size: 1rem;
	font-style: normal;
	text-transform: uppercase; 
	letter-spacing: .1em;
	font-weight: 700;
	color: #7A7E8B;
}

/* Rank Math */
.rank-math-list-item, .faq-item {
	padding: 0;
    background: #1a1a1a;
    border-radius: 12px;
    margin: 16px 0;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
	border: 1px solid #434753;
	position: relative;
}

.rank-math-question, .faq-item h2 {
    color: #ffffff;
    padding: 20px 15px;
    margin: 0;
    font-size: 1.3rem;
    font-weight: 500;
    border-bottom: 1px dashed #333;
	position: relative;
	padding-right: 30px;
}

.rank-math-question:after, .faq-item h2:after {
    content: "?";
    position: absolute;
    right: -1px;
    top: -1px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #d9e2ec;
    background: #434753;
    border-radius: 0 12px 0 12px;
}

.rank-math-question strong {
    color: #ffffff;
    font-weight: 600;
}

.rank-math-answer, .faq-answer {
    background: #222;
    border-radius: 0 0 12px 12px;
    padding: 20px 15px;
}

.rank-math-answer p, .faq-answer {
    color: #d0d0d0;
    line-height: 1.6;
    margin: 0;
    font-size: 1rem;
}

@media (max-width: 768px) {
    .rank-math-question, .faq-item h2 {
        padding: 10px 30px 10px 15px;
    }
    
    .rank-math-answer, .faq-answer {
        padding: 10px 15px;
    }
}


/* Author Page */
.author-expertise:before {
    content: 'Expertise';
    font-size: 18px;
    float: left;
    margin-right: 10px;
    font-weight: 600;
    line-height: 28px;
    background: linear-gradient(to right, #C90100 0%, #FF7B00 25%, #00D4E7 75%, #009DFF 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
}

.author-education:before {
    content: 'Education';
    font-size: 18px;
    float: left;
    margin-right: 10px;
    font-weight: 600;
    line-height: 28px;
    background: linear-gradient(to right, #C90100 0%, #FF7B00 25%, #00D4E7 75%, #009DFF 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
}

/* Page Number styling */
#nav-below .page-numbers:not(.dots) {
    background-color: #fff; 
    color: #666;
    border: 1px solid #e3e3e3;
    padding: 2px 10px;
    box-sizing: border-box;
    line-height: 30px;
    text-align: center;
    min-width: 33px;
	  margin-bottom: 5px;
    display: inline-block;
}

#nav-below .page-numbers:not(.dots):hover,
#nav-below .page-numbers.current {
    background-color: #b9090b;
    color: #fff;
    border: 1px solid #b9090b;
}

#nav-below .page-numbers.dots {
    margin: 0 10px;
}

/* Breadcums */
.rank-math-breadcrumb p {
    color: #757575;
    font-size: 12px;
    font-weight: 600;
	margin-bottom: 0.5em;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    max-width: 411px;
}

.rank-math-breadcrumb a {
    color: #afafaf;
    font-weight:bold;
}
.rank-math-breadcrumb a:hover {
    color: 	var(--base);
}

.rank-math-breadcrumb .separator {
    color: #afafaf;
}

/* Slider Menu */
.slideout-navigation.main-navigation {
    border-right: 4px double #ffffff8f;
    background-image: linear-gradient(to bottom, #b622c3, #9957e1, #7877f4, #5690fd, #42a5fe);
}

.nav-below-header .main-navigation .inside-navigation.grid-container {
    padding: 0;
}

#generate-slideout-menu .slideout-menu li {
    border-bottom: 1px solid #ffffff8f;
}

.slideout-navigation button.slideout-exit  {
    padding-left: 40px!important;
}

.slideout-menu li {
padding-left: 20px;
}

/* Comments */
.comments-title{font-size:19px!important;box-shadow:inset 0 2px 4px 0 rgb(0 0 0 / 0.05);cursor:pointer;appearance:none;transition:background-color .2s;display:flex;align-items:center;justify-content:center;border:1px solid #f1f1f1;border-radius:5px;height: 45px}
.comments-title:hover{background-color:#b9090b;color:#fff}
.comment-list{display:none}
.comment-list.show{display:block;width:100%;height:100%}
.comment-body{padding:20px 0}
.comments-title{font-size:22px;font-weight:700;margin-top:0;margin-bottom:25px;line-height:1.4;padding:0;letter-spacing:-.6px;text-align:left}
.comment-content{margin-top:1em;padding:20px;border:1px dashed #73798e}
.comment-author a{color:inherit}
.comment-content p{margin-bottom:0;line-height:1.74;font-size:15px;}
.comment-content a{font-size:11px;color:#747474}
.comment-metadata a{color:#747474}
.comment .children,.depth-1.parent>.children{border:0}
#reply-title{font-size:20px;font-weight:700;margin-bottom:7px;margin-top:10px}
.comment-form-comment{margin-bottom:10px}
.comment-form-comment textarea{background:#23262e;display:block;border:2px solid #434753;border-radius:4px;width:100%;max-width:100%;height:168px;min-height:168px;padding:6px 9px}
.comment-form-comment textarea:focus,.comment-form input:focus{outline:0}
.comment-form #author,.comment-form #email,.comment-form #url{font-size:15px;line-height:21px;color:#fff;border:2px solid #434753;border-radius:4px;width:100%;max-width:100%;height:34px;padding:3px 9px;background:#23262e}
.comment-form .submit{border-radius:4px}

/* Search */
@media (min-width: 769px) {
.navigation-search input[type=search] {
    width: 70%;
    margin-top: 10px;
    height: 40px;
    border-radius: 25px;
    float: right;
    margin-right:40px;
	padding-right: 35px;
	padding-left: 20px;
	box-shadow: inset 0 0 5px #cdcdcd;
}
.navigation-search input[type="search"], .navigation-search input[type="search"]:active, .navigation-search input[type="search"]:focus, .main-navigation .main-nav ul li.search-item.active > a, .main-navigation .menu-bar-items .search-item.active > a{

}

.navigation-search input[type="search"]:focus {

	}
.main-navigation .menu-bar-items .search-item.active > a {
background-color: transparent;
}
.main-navigation .menu-bar-items .search-item.active>a {
    line-height: 0;
}
	
.close-search .icon-search svg:nth-child(2){
    top: 0;
}
/* One Line */
.blog-post-heading a, .author-posts {
    overflow: hidden;
    display: -webkit-box!important;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}	
	.sidebar-popular a, .pre-post, .next-post, .post-below-related a, .home-related a {
    overflow: hidden;
    display: -webkit-box!important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}		
	
	/* Sidebar */
	.inside-right-sidebar, .home-popular {
    top: 2px;
    position: sticky!important;
    vertical-align: top;
}
}

/* TAGS */
   .tags-links {
    display: inline-block;
}

.tags-links:before {
    content: '#Tags';
    font-size: 18px;
    float: left;
    margin-right: 10px;
    font-weight: 600;
    line-height: 28px;
    background: linear-gradient(to right, #C90100 0%, #FF7B00 25%, #00D4E7 75%, #009DFF 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
}

/* Format terms */
.tags-links  a{
    font-size: 12px;
    margin-left: 0px;
    margin-right: 4px;
    margin-bottom: 4px;
    display: inline-block;
    float: left;
    color: var(--base);
    padding: 6px 10px;
    white-space: nowrap;
    border-radius: 20px;
    background: #23262e;
}

.tags-links  a:hover{
    background:#9c9c9c;
color:#fff;
}

/* Scroll */
	.ho-scroll {
	flex-wrap:nowrap!important;
	overflow-x:auto!important;
	gap: 5px;
}

.ho-scroll::-webkit-scrollbar {
    height: 10px;
    width: 10px;
    background: #ccc;
	border-radius:10px;
}

.ho-scroll::-webkit-scrollbar-thumb {
    background: var(--accent); 
	border-radius:10px;
}

.ho-scroll::-webkit-scrollbar-thumb:hover {
    background: #666; 
}

@media (max-width: 768px) {
    .gb-container.full-height, .site-content {
        min-height: calc(100vh - 330px);
    }
	.container .site-content .content-area {
    width: auto;
    margin-bottom: 25px;
}
	.no-featured-image-padding .featured-image {
        margin: 0px!important;
    }
	
	/* Header */
	.main-navigation .main-nav ul li a {
    padding-left: 20px;
    padding-right: 20px;
}
	
	/* Main Menu */
	.main-navigation .main-nav ul li a {
    line-height: 50px;
}
	
	/* Scroll */
	.ho-scroll {
	flex-wrap:nowrap!important;
	overflow-x:auto!important;
    margin-left: 0px;
	overflow: auto;
    -webkit-overflow-scrolling: auto;
}
	.ho-scroll::-webkit-scrollbar {
        display: block;
    }
	
	/* One Line */
    .blog-post-heading a, .author-posts, .pre-post a, .next-post a, .post-below-related a, .home-related a {
    overflow: hidden;
    display: -webkit-box!important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

   .sidebar-popular a, .blog-post-heading {
    overflow: hidden;
    display: -webkit-box!important;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
	/* Breadcrumbs */
	.rank-math-breadcrumb span:last-child, .rank-math-breadcrumb span:nth-last-child(2) {
    display: none;
}
	/* Blockquote */
	blockquote {
    padding: 1rem;
}
	.wp-block-table table {
    overflow: hidden;
overflow-x: scroll;
		display: table;
}
}