/*
Theme Name:     Vodi Child
Theme URI:      https://demo2.madrasthemes.com/vodi/
Author:         MadrasThemes
Author URI:     https://themeforest.net/user/madrasthemes/
Description:    This is the child theme for the vodi theme
Template:       vodi
Version:        1.2.13
License:        GNU General Public License v2 or later
License URI:    https://www.gnu.org/licenses/gpl-2.0.html
Text Domain:    vodi-child
Tags:           two-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, featured-images, full-width-template, threaded-comments, accessibility-ready, rtl-language-support, footer-widgets, sticky-post, theme-options
*/
html, body {
    scroll-behavior: smooth;
  }

/* HOMEPAGE - hero */
.vodi-landing-hero-banner__caption {
	padding-top: 0;
}

.vodi-landing-hero-banner {
	align-items: center;
	padding-bottom: 0;
	min-height: 450px;
}

.vodi-landing-hero-banner__caption--title {
	font-size: 33px;
	margin-bottom: 10px;
	
	@media (min-width: 768px) {
		font-size: 44px;
	}
	
	@media (min-width: 992px) {
		font-size: 55px;
	}
}
.vodi-landing-hero-banner__btn-action, .landing-btn-secondary {
	font-size: 16px;
	padding: 14px 20px;
	border: 1px solid;
	transition: all .2s ease;
	font-family: Inter !important;
	
	@media (min-width: 768px) {
		font-size: 17px;
		padding: 15px 27px;
	}
}

.vodi-landing-hero-banner__btn-action {
	background-color: transparent !important;
    border: 1px #fb8900 solid;
    color: #fb8900;
	transition: all .2s ease;
}
.vodi-landing-hero-banner__btn-action:hover {
	background-color: #fb8900 !important;
	border: 1px #fb8900 solid;
	color: white;
}

.vodi-landing-hero-banner:before {
	background: linear-gradient(to bottom, rgb(0 0 0 / 50%) 100%, rgba(0, 0, 0, 0.7) 100%)
}

/* HOMEPAGE - movies carousel */
.landing-movies-carousel {
	background: 
    linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), 
    url('https://dodrama.com/wp-content/uploads/2025/04/Middle-Section.webp');
	background-size: cover;
	background-position: center center;
	font-family: Inter;
	
	padding: 80px 0;
	
	@media (min-width: 992px) {
		padding: 180px 0;
	}
}


.landing-movies-carousel__title, .section-heading {
	font-size: 30px;
	
	@media (min-width: 768px) {
		font-size: 40px;
	}
	
	@media (min-width: 992px) {
		font-size: 47px;
	}
}
.landing-movies-carousel__subtitle, .section-subhead {
	font-size: 17px;
	padding: 0 10px;
	
	@media (min-width: 768px) {
		font-size: 18px;
		padding: 0 20px;
	}
}

.landing-btn-secondary:hover {
	background-color: #19272e !important;
	border: 1px #19272e solid;
	color: white;
}

.movie__poster {
	transition: all .3s ease;
}

.movie__poster:hover {
	box-shadow: 0px 2px 7px rgba(0,0,0,0.5);
}

.movie__link:after {
	opacity: 0 !important;
}

/* HERO - CTA */
.home-section.cta {
	background-image: url('https://dodrama.com/wp-content/uploads/2025/04/Bottom-Section.webp');
  	background-size: cover;
	background-position: center center;
	padding: 60px 20px;
  	color: white;
	padding: 80px 0;
	min-height: 450px;
	justify-content: center;
	overflow: hidden;
		
	@media (min-width: 768px) {
		min-height: 600px;
	}
	
	@media (min-width: 992px) {
		padding: 180px 0;
		min-height: 845px;
	}
}

.cta-container {
	display: flex;
	flex-wrap: wrap;
	max-width: 1200px;
	margin: 0 auto;
	align-items: center;
	justify-content: center;
}

.cta-left {
  flex: 1 1 400px;
  padding: 20px;
  text-align: center;
}

.cta-left h2 {
  font-size: 33px;	
  margin-bottom: 10px;
	
	@media (min-width: 768px) {
		font-size: 44px;
		margin-bottom: 15px;
	}
	
	@media (min-width: 992px) {
		font-size: 55px;
		margin-bottom: 15px;
	}
}

.cta-left p {
  font-size: 17px;
  margin-bottom: 15px;
	
	@media (min-width: 768px) {
		font-size: 18px;
		margin-bottom: 30px;
	}
	
	@media (min-width: 992px) {
		font-size: 20px;
		margin-bottom: 40px;
	}
}

.cta-buttons {
  display: flex;
  gap: 10px;
  justify-content: center;
  flex-wrap: wrap;
}

.store-btn img {
  height: 45px;
  object-fit: contain;
	
	@media (min-width: 768px) {
		height: 50px;
	}
	
	@media (min-width: 992px) {
		height: 60px;
	}
}

.cta-mascot {
  position: absolute;
  bottom: 0;
  right: 20px;
  max-width: clamp(140px, 30vw, 400px);
  height: auto;
  z-index: 1;
  pointer-events: none;
	
	@media (min-width: 992px) {
		right: 150px;
	}
}

/* MOVIES ARCHIVE PAGE */
.post-type-archive-movie .page-header .page-title, .post-type-archive-movie .masvideos-breadcrumb, .post-type-archive-movie .masvideos-widget_movies_year_filter, .post-type-archive-movie .movies_widget_rating_filter, .movie-sidebar {
	display: none !important;
}

.custom-page-title {
	border-bottom: 1px solid #2a2e3c;
	font-size: 22px;
	line-height: 1.25;
	padding-bottom: 12px;
	padding-top: 25px;
	margin: 0;
}

.post-type-archive-movie .content-area {
	flex: 0 0 100% !important;
	max-width: 100% !important;
}

/* SINGLE MOVIE PAGE */
.movie__rating-with-playlist, .movie-featured-crew, .single-movie-highlighted-comment, .single-movie-details, .masvideos-Reviews, .crew-casts-title, .movie-cast-crew-tabs {
	display: none !important;
}

/* CONTACT PAGE */
.contact-page .content-area {
	max-width: 800px;
	margin: 0 auto;
}
.contact-page label {
	margin-bottom: 0;
}

/* FOOTER */


/* GENERAL */
body {
	font-size: 17px !important;
	
	@media (min-width: 768px) {
		font-size: 18px !important;
	}
}

.site-header__offcanvas {
	display: none !important;
}

.btn--themed {
	background-color: transparent;
    border: 1px #fb8900 solid;
    color: #fb8900;
	transition: all .2s ease;
}

.btn--themed:hover {
	background-color: #fb8900;
	border: 1px #fb8900 solid;
	color: white;
}