/*
Theme Name: Hello Elementor Child
Template: hello-elementor
Description: Hello Elementor Child Theme
Author: TzeRou
Version: 1.0.0
*/

/* Add your custom styles here */

@layer reset {
  /* 1. Box sizing and smooth scrolling */
  *, *::before, *::after {
    box-sizing: border-box;
  }
  
  html {
    -moz-text-size-adjust: none;
    -webkit-text-size-adjust: none;
    text-size-adjust: none;
    /* 2. Enable fluid animations to 'auto' */
    interpolate-size: allow-keywords;
  }

  /* 3. Remove default margins for common elements */
  body, h1, h2, h3, h4, p, figure, blockquote, dl, dd {
    margin-block-end: 0;
  }

  /* 4. Modern typography improvements */
  body {
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
  }

  h1, h2, h3 {
    text-wrap: balance;
  }

  p, li {
    text-wrap: pretty;
  }

  /* 5. Responsive media and inputs */
  img, picture, video, canvas, svg {
    display: block;
    max-width: 100%;
  }

  input, button, textarea, select {
    font: inherit;
  }
}



@font-face {
	font-family: 'OpenSans';
	src: url("fonts/OpenSans-VariableFont_wdth\,wght.ttf") format("truetype");
	font-variation-settings: "wght" 500;
	font-style: normal;
}
h1, h2, h3, h4, h5, h6, p, a, span {
	font-family: 'OpenSans', sans-serif;
	color: #fff;
}
a {
	text-decoration: none;
}
body {
	background-color: #131313;
	font-family: 'OpenSans', sans-serif;
}
.site-header {
	position: sticky !important;
    top: 0 !important;
	background-color: #131313;
	box-shadow: 0px 3px 16px 0px rgba(0, 0, 0, 0.1);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99;
    /* transform: translateY(70px); */
    transition: transform 500ms ease, background 500ms ease;
    -webkit-transition: transform 500ms ease, background 500ms ease;
    box-shadow: 0px 3px 16px 0px rgba(0, 0, 0, 0.1);
}
.admin-bar .site-header {
	top: 32px !important;
}
.site-header .header-inner {
	max-width: unset !important;
    width: 96% !important;	
}
img.custom-logo {
	max-width: 300px;
    width: 100%;
    height: auto;
}
.site-navigation ul.menu {
	align-items: center;
	margin: 0;
}
.site-navigation ul.menu li a:hover {
	color: #ef3f37;
}
.site-navigation ul.menu li a {
	width: 100%;
	font-variation-settings: "wght" 900;
	letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 18px;
	line-height: 0.8;
}
.site-navigation ul.menu li ul {
	background-color: #000 !important;
}
.site-navigation ul.menu li.menu-item-62 {
	display: flex;
    justify-content: center;
    align-items: center;
}
.site-navigation ul.menu li.menu-item-62 a {
	font-size: 12px;
	font-variation-settings: "wght" 500;
}
.site-navigation ul.menu li.menu-item-62 > a {
	padding: 0 15px;
}
.site-navigation ul.menu li.menu-item-62 ul.sub-menu li a {
    padding: 20px 15px;
}

/* Landing page */

/* == landing slider == */
.bdt-prime-slider-skin-crelly .bdt-slider-excerpt-content .bdt-slider-excerpt {
	column-count: 1 !important;
}
.bdt-prime-slider li {
    justify-content: flex-start !important;
}
.elementor-2 .elementor-element.elementor-element-b971e6f .bdt-prime-slider .bdt-prime-slider-wrapper {
	max-width: 600px !important;
}
.bdt-slideshow-2 h1.bdt-title-tag {

}


/* == landing slider == */
.uc_container_text_box, .ue_post_blocks_content {
	font-family: 'OpenSans', sans-serif;
}



.landing-latest-post .ue_post_blocks {
	grid-template-columns: repeat(1, 1fr) !important;
}
.landing-latest-post .ue_post_blocks_box {
	flex-direction: unset !important;
	background-color: unset !important;
    border: none !important;
}
.landing-latest-post .ue-grid-item-meta-data *,
.landing-latest-post .ue_post_blocks_text {
	color: #cacaca !important;
}
.landing-latest-post .ue-grid-item-category a,
.landing-latest-post .ue_post_blocks_link a {
	background-color: #ef3f37 !important;
}
.landing-latest-post .ue-grid-item-category {
	padding-bottom: 10px;
}
.landing-latest-post .ue-grid-item-category a,
.landing-latest-post .ue_post_blocks_title a {
	color: #fff !important;
}
.landing-latest-post .ue_post_blocks_title a {
	font-variation-settings: "wght" 700;
	font-size: 20px;
}
.landing-latest-post .ue_post_blocks_link a {
	font-size: 15px !important;
    padding: 6px 15px 8px !important;
	margin: 0 !important;
	border-radius: 1px !important;
}