@charset "utf-8";
/* CSS Document */

/******* Fonts Face CSS Start **********/
@import url('https://fonts.googleapis.com/css2?family=Parkinsans:wght@300..800&display=swap');
/********* Fonts Face CSS End **********/
:root {
  --secondary: #1B1C20;
  --secondary-rgb: 27, 28, 32;
  --light: #565966;
}
/******* Common Element CSS Start ******/
* 						{ margin: 0px; padding: 0px;}
body 					{ font-family: "Parkinsans", sans-serif; font-size: 14px; line-height: 1.4;}
.clear 					{ clear:both;}
img 					{ border: 0px;}
ul,ol 					{ list-style: none; margin: 0; padding: 0;}
a 						{ text-decoration: none; outline: none; color: inherit; }
a:focus, a:active, a:visited, a:HOVER	{ text-decoration: none; outline: none; }
a:HOVER					{ }
h1 						{ }
h1 strong 				{ }
h2 						{ }
h3 						{ }
h4 						{ }
h5 						{ }
h6 						{ }
p 						{ }
button 					{ }
img                     { max-width: 100%; }
/******* Common Element CSS End *********/
/* -------- title style ------- */
/* -------- Button style ------- */

/******* Header Section CSS Start *******/
header            { padding: 24px 0; }
header .logo      { width: 120px; flex-shrink: 0; }
header .logo img  { width: 100%; }
.header-search    { padding: 8px 16px; width: 50%; border: 1px solid rgba(var(--secondary-rgb), 0.1); border-radius: 2em; }
/******* Header Section CSS End *********/

/******* Banner section CSS Start *******/
::-webkit-scrollbar { width: 6px; }
/* Track */
::-webkit-scrollbar-track { background: #f2f2f2; }
/* Handle */
::-webkit-scrollbar-thumb { background: #888; border-radius: 2em; }
/* Handle on hover */
::-webkit-scrollbar-thumb:hover { background: #555; }
/******* Banner section CSS End *********/

/******* Middle section CSS Start ******/
.home-map { height: 90vh; border-radius: 8px; background: #f2f2f2;}
.gm-ui-hover-effect { position: absolute !important; right: 0; top: 0; margin-top: 4px !important; margin-right: 4px !important; width: 16px !important; height: 16px !important; }
.gm-ui-hover-effect span { width: 100% !important; height: 100% !important;  margin: 0 !important; }
.home-map [role="dialog"] > div:first-child > div:first-child { padding-top: 10px !important;}
.event-section h2 { margin-bottom: 24px; font-size: 20px; font-weight: bold; }
.event-section .event-list { max-height: calc(90vh - 48px); overflow: auto; padding-right: 8px; }
.event-item       { padding: 24px 0; border-top: 1px solid rgba(var(--secondary-rgb), 0.1); }
.event-item:first-child { border: none; padding-top: 0; }
.event-item .event-header { font-weight: 600; }
.event-item h3 { margin: 0; font-size: 18px; }
.event-item p { opacity: 0.6; }
.event-item .event-passes { gap: 40px; }
.event-item .pass-label { margin-bottom: 2px; font-size: inherit; font-weight: bold;}
.event-item .event-distance { flex-shrink: 0; }

.logo-section     { padding: 28px 0; }
.logo-list        { justify-content: space-between; gap: 8px; }
.logo-list a img  { height: 96px; width: auto; }

/* -------- inner page ------- */
.event-details .banner    { width: 100%; aspect-ratio: 754/376; object-fit: cover; border-radius: 8px; }
.event-details .event-header { padding-bottom: 24px; font-weight: 600; }
.event-details .event-item h1 { margin: 0; font-size: 24px; }
.event-details .content h4 { margin-bottom: 4px; font-size: 16px; font-weight: 600; }
.event-details .content p { margin-bottom: 24px; }
.event-list.small-list    { height: 440px; padding-right: 8px; }
.event-points     { gap: 24px; }
.event-point      { font-weight: 600; gap: 4px; }
.event-point img  { width: 20px; height: 20px; aspect-ratio: 1; object-fit: contain; }

.widget-slider    { margin-bottom: 24px; }
.widget-slider img,
.small-map        { width: 100%; aspect-ratio: 1; border-radius: 8px; overflow: hidden; }
.slick-dots       { bottom: 12px; width: auto; padding: 4px 6px; background: #FFFFFF; border-radius: 2rem; display: inline-flex; left: 50%; transform: translateX(-50%); }
.slick-dots li    { width: auto; height: auto; }
.slick-dots li button:before { display: none; }
.slick-dots li button { width: 6px; height: 6px; border-radius: 100%; background: rgba(var(--secondary-rgb), 0.2); }
.slick-dots li.slick-active button { background: var(--secondary); }

hr { margin: 20px 0; border-top-color: rgba(var(--secondary-rgb), 0.2); opacity: 1; }
.sponsored-widget p { margin-bottom: 4px; color: #858A9E; font-weight: 600; }
.sponsored-widget img   { max-width: 100%; }
/******** Middle section CSS End *******/

/***** Bottom section CSS Start *******/
.footer-logo      { width: 300px; }
.footer-logo img  { width: 100%; }
footer .tagline   { font-size: 16px; font-weight: 600; color: var(--secondary); }
footer .tagline a { text-decoration: underline; }
footer .copyright { margin-top: 24px; padding: 24px 0; color: var(--light); border-top: 1px solid rgba(var(--secondary-rgb), 0.1); }
footer nav { gap: 16px; }
footer a:hover { color: var(--secondary); }

/****** Bottom section CSS End *******/

/***** responsive css Start ******/

@media (min-width: 1200px) and (max-width: 1399px) {
  .logo-list a img  { height: 80px; }
  .footer-logo      { width: 280px; }

}

@media (min-width: 992px) and (max-width: 1199px) {
  .logo-list a img  { height: 72px; }
  
  .event-details .event-item h1 { margin: 0; font-size: 24px; }
  .event-points     { gap: 20px; }
  .event-item .event-passes { gap: 24px; }
	
  .footer-logo      { width: 240px; }
}
@media (max-width: 991px) {
	.logo-list { justify-content: center; }
	.logo-list a img  { height: 60px; }
  .footer-logo      { width: 200px; }
  .event-item .event-passes { gap: 28px; }

  footer .copyright { margin-top: 14px; padding: 14px 0;}
  
}

@media (min-width: 768px) and (max-width: 991px) {
  body 					{ font-size: 13px; }

  .event-inner      { row-gap: 24px; }
  .event-section h2 { margin-bottom: 16px; font-size: 18px; }
  .event-item h3 { font-size: 17px; }

  footer .tagline { font-size: 15px;}

}

@media (max-width: 767px) {
  body 					{ font-size: 13px; }
  header            { padding: 16px 0; }
  header .container { gap: 16px; }
  .header-search    { width: 100%; }
  header .logo      { width: 100px; }

  .home-map { height: 360px; }
  .event-section .event-list { max-height: 70vh; }
  .event-inner      { row-gap: 24px; }
  .event-section h2 { margin-bottom: 16px; font-size: 18px; }
  .event-item h3 { font-size: 17px; }
	.logo-list a img  { height: 54px; }

  .event-details .event-header { padding-bottom: 16px; }
  .event-details .event-item h1 { margin: 0; font-size: 20px; }
  .event-details .content h4 { margin-bottom: 4px; font-size: 16px; font-weight: 600; }
  .event-details .content p { margin-bottom: 16px; }
  .event-list.small-list    { height: 400px; }
  .event-points     { gap: 24px; }

  footer .tagline { font-size: 14px;}

	
}