/* 
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
*/


:root{
    --red-color: #0F529D;
    --red-dark-color: #0F529D;
    --yellow-color : #F3C04D;
    --e-global-color-primary: #0F529D;
    --e-global-color-secondary: #37393E;
    --e-global-color-text: #878E8E;
    --e-global-color-accent: #96C5D9;
    --e-global-color-283d95d: #000000;
    --e-global-color-dec13ac: #FFFFFF;
    --e-global-color-bf21202: #E8E4DB;
    --e-global-color-5e34b04: #F3C04D;
    --globle-font: "Poppins", Sans-serif
}

body, body * {font-family: var(--globle-font);}
.container, .fw-container {max-width: 1300px !important;}
.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(--e-global-color-secondary);}
.policy-content h3:not(:first-child) {margin: 30px 0px 10px;}
.btn-default, .singlefilmperfs a {background: var(--red-color); background-image: none !important;}
.btn-default: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 {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%;}
.single-film-performance-part .moreshowtimes {border: 1px solid var(--red-dark-color);}
#single-film-performance-part {margin-top: 0;}
@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%;}
}