/*
Theme Name: Hello Child Elementor
Theme URI: https://www.helpfulinsightsolution.com/
Description: Hello Child Elementor is a child theme of Hello Elementor, created by HIPL
Author: HIPL
Author URI: https://www.helpfulinsightsolution.com/
Template: hello-elementor
Version: 1.0.0
Text Domain: hello-child-elementor
-- Body
-- WordPress specific
-- Movie search
-- Headings
-- Sections
-- Hero
-- Content header
-- Scroll nav
-- Static nav
-- Social profiles
-- Nav
-- Dropdown
-- Buttons
-- Movie slider
-- Tabs
-- Accordion
-- Sinlg gallery
-- Call to action
-- News
-- Theme unit test
-- Comments
-- Pagination
-- Sidebar
-- Single movie
-- Movie sidebar
-- Showtimes
-- Movie info
-- Icon box
-- Form
-- WordPress specific
-- News carousel
-- Footer
-- Keyframes
-- Responsive
*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
:root{
--primary-color: #10D610;
--secondary-color: #007300;
--text-color: #AAAAAA;
--bg-color : #292929;
--white-color: #FFFFFF;
--black-color: #000000;
--red-color: #007300;
--red-dark-color: #10D610;
--yellow-color : #10D610;
--dark-gray-color: #333333;
--e-global-color-primary: #10D610;
--e-global-color-secondary: #007300;
--e-global-color-text: #AAAAAA;
--e-global-color-accent: #61CE70;
--e-global-color-4db01bf: #10D610;
--e-global-color-9aeb929: #D9D9D9;
--e-global-color-18d00ce: #292929;
--e-global-color-0d96ae0: #E8E4DB;
--e-global-color-09dc097: #000000;
--e-global-color-c62bb07: #FFFFFF;
--e-global-color-4db4d2c: #333333;
--font-Catorze27 : 'Montserrat'; --font-Resamitz : 'Montserrat';
}
html {margin: 0px !important;}
html body {color: var(--text-color);}
body, body * {font-family: var(--globle-font);}
.container, .fw-container {max-width: 1300px !important;}
body{background-color: var(--bg-color);}
.elementor-widget-image-box .elementor-image-box-img {display: flex;}
.event-card-group .elementor-widget-image-box .elementor-image-box-img img {width : 100%;}
.policy-content h2, .policy-content h3, .policy-content h4, .policy-content h5, .policy-content h6 , .policy-content strong{color: var(--white-color);}
.policy-content h3:not(:first-child) {margin: 30px 0px 10px;}
.btn-default, .singlefilmperfs a, .space-tp {background: var(--red-color); background-image: none !important;}
.btn-default:hover, .space-tp:hover {background: var(--yellow-color); color: var(--black-color);}
#hero .sldrbtns a {color: var(--white-color) !important;}
#hero .sldrbtns a:hover {color: var(--black-color) !important;}
.singlefilmperfs a:hover, .btn-default:focus, .btn-default:active {color: var(--black-color) !important; background: var(--yellow-color);}
a.arrow-button:hover, #tempsynoplink:hover {opacity: 0.8;}
a.backtohome:hover {color: var(--yellow-color);}
.movie-tabs header h3 a {font-weight: 600 !important;}
#mobile-menu select {max-width: 100%; width: 100%;}
/* WTW Login */
.wtwloginiframe { padding: 0 20px;}
.wtwloginiframe { height: 0; top: 0; padding: 0; display: none;}
.wtwlogin-outer { max-width: 600px; margin: 0 auto; overflow: hidden; width: 100%; display: none; position: relative; z-index: 999999;}
.contactaccountinfo .wtwlogin-outer{display: none !important;}
.wtwloginiframe .wtwlogin{ position: fixed; right: 0px; z-index: 999;}
.header-main, .site-logo { position: relative; z-index: 999999999;}
iframe#wtwdetails, iframe#wtwbasket { height: 100vh;}
.wtwloginiframe { max-width: 600px; margin: 0 auto;}
.wtw-account .wtwloginiframe iframe#wtwlogin { height: 100vh !important; max-width: 600px; margin: 0 auto; display: block; overflow: hidden;}
/* WTW Login End */
/* Additionl CSS */
/* Header */
.header-main {z-index: 10000;}
.header-main.is-sticky { position: fixed; padding: 0 10px; animation: slideDown 0.35s ease-out;}
@keyframes slideDown { from { transform: translateY(-100%); } to { transform: translateY(0); }}
.fw-tabs ul li a {color: var(--text-color);}
.fw-tabs ul li a:hover {color: var(--white-color);}
.fw-tabs ul li a.active {color: var(--primary-color);}
.logged-in .header-main { top: 32px !important;}
.jacro-down-arrow {background-image: url('data:image/svg+xml,'); background-position: center; background-repeat: no-repeat; background-size: contain; }
.movie-tabs header h3 a:not(:hover) {color: var(--white-color) !important;}
.movie-tabs header h3 a:hover {color: var(--primary-color);}
.neworderpf {color: var(--text-color);}
select { background: var(--dark-gray-color) url('data:image/svg+xml,') !important;
background-repeat: no-repeat !important; background-size: 26px !important; background-position-x: right !important; background-position-y: center !important; border-color: #4a4a4a !important; color: var(--text-color);}
.vbox-container { display: flex; align-items: center; justify-content: center;}
#PosterLayout .missing_img, .poster-img {background-color: var(--text-color);}
.hvr-sweep-to-top:before {background-color: var(--dark-gray-color);}
.percategoldevent .poster-text {color: var(--black-color);}
.poster-banner {color: var(--text-color); padding: 10px 5px;}
.percategoldevent:hover .poster-banner {color: var(--primary-color);}
#back-to-top {color: var(--white-color) !important;}
/* Single Page */
header h2 {color: var(--white-color) !important;}
h2.left {border-color: #ffffff2e;}
div.col-sm-7.plot p, ul.movie-info li i {color: var(--white-color);}
/* Responsive CSS */
@media screen and (min-width : 1300px) {
#film_section #PosterLayout {grid-template-columns: repeat(5, 1fr);}
#film_section #PosterLayout .poster-case, #film_section #PosterLayout .result_listing {width: 100%;}
}
@media screen and (max-width: 1024px){
#hero .container .blurb h1, #content_hero .container .blurb h1 { font-size: 32px; }
}
@media screen and (max-width: 768px){
#mobile-menu {display: inline-block !important;}
#mobile-menu>div span {color: var(--white-color);}
#meghamenu nav { top: 80px !important; position: fixed !important; width: 100% !important; left: 0 !important;}
#meghamenu nav ul.elementor-nav-menu li .has-submenu {justify-content: space-between;}
body:not(.logged-in) #meghamenu nav { margin: 0px !important; }
}
/* @media screen and (min-width : 600px) {
.logged-in .header-main { top: 32px !important;}
} */
@media screen and (max-width: 600px) {
#hero { margin-right: 0; margin-left: 0; }
#hero .container .blurb h1, #content_hero .container .blurb h1 { font-size: 26px; }
#hero { height: 400px !important; }
.carousel-control { bottom: 30px; }
#hero .carousel-inner, #hero .carousel-inner .item { min-height: unset; }
}