/*
    Theme Name:   Escada Child
    Description:  Escada Child Theme
    Author:       HiBootstrap
    Author URI:   https://hibootstrap.com
    Template:     escada
    Version:      1.5
    Text Domain:  escada-child
*/

/* scondary-color #88B520*/

body {
  --bs-primary: #FF4447 !important;
  --bs-primary-rgb: 255, 68, 71 !important;
}

body .btn-primary{
  /* text color on the button */
  --bs-btn-color: #fff;

  /* default state */
  --bs-btn-bg: #FF4447;
  --bs-btn-border-color: #FF4447;

  /* hover */
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #E53B3E;         /* slightly darker */
  --bs-btn-hover-border-color: #E53B3E;

  /* active/pressed */
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #CC3235;        /* darker again */
  --bs-btn-active-border-color: #CC3235;

  /* focus ring (optional) */
  --bs-btn-focus-shadow-rgb: 255, 68, 71;

  /* disabled */
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #FF4447;
  --bs-btn-disabled-border-color: #FF4447;
}

p a{
	color: #FF4447 !important;
}

p a:hover{
	text-decoration: underline;
}

.navbar::before{
	width: 275px !important;
}

.navbar .navbar-brand{
	width: 115px;
}

.navbar::before{
	background-color: #FF4447 !important;
}

nav .bg-secondary, .info-area.bg-secondary{
	background-color: #FF4447 !important;
}

.navbar .others-options ul li{
	margin-right: 0 !important;
}

.navbar .others-options ul.top-links{
		margin-right: 20px !important;
	}

.banner-area.bg-1::before, .page-banner-area::before{
	background-image: none !important;
}
.event-img-wrap {
  width: 420px;        /* set the width you want in your layout */
  max-width: 100%;
  aspect-ratio: 16/9;  /* keeps the box consistent */
  overflow: hidden;
  border-radius: 12px; /* optional */
  display: block;
  flex-shrink: 0;
}

.event-img-wrap .event-thumb {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* badge that holds the flaticon */

.event-sidebar {
  background-color: #fff9f6;
  border: 1px solid #f5eae4;
  border-radius: 12px;
  padding: 24px;
  /*transition: box-shadow 0.3s ease;*/
}

.event-sidebar .event-icon {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: rgba(255, 68, 71, 0.12);
  display: grid;
  place-items: center;
}
.event-sidebar h4 {
  border-bottom: 2px solid rgba(255, 68, 71, 0.2);
  padding-bottom: 10px;
}


/* Event details sidebar — icon badges */
.event-sidebar .event-info li {
  display: flex;
  align-items: flex-start;
  gap: 14px;
}

.event-sidebar .event-icon {
  flex: 0 0 56px;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: rgba(255, 68, 71, 0.12); /* brand tint */
  display: grid;
  place-items: center;              /* <— perfect centering */
}

/* Fix inconsistent event image sizes */
.ece-events-card a img {
    width: 100%;
    height: 260px;        /* choose your uniform height */
    object-fit: cover;    /* perfect cropping */
    border-radius: 16px;  /* match your design style */
    display: block;
}

/* Make sure flaticon glyphs render centered and crisp */
.event-sidebar .event-icon i,
.event-sidebar .event-icon i::before {
  display: block;
  line-height: 1;                   /* no vertical drift */
  font-size: 22px;                  /* size of the glyph */
}

/* If your icons are from the theme’s Flaticon font, keep the family explicit */
.event-sidebar .event-icon i::before {
  font-family: flaticon_mycollection !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Optional: keep text block nicely aligned with the badge */
.event-sidebar .event-info li > div:last-child {
  line-height: 1.45;
}


.icon-5-7,
.icon-8-10,
.icon-os {
    width: 120px;
    height: 120px;
    border-radius: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 36px !important;
    font-weight: 700;
	line-height: 125px !important;
	font-style: normal !important;
    color: #fff;
}

/* Colors */
.icon-5-7 {
    background-color: #E85F52;
}

.icon-8-10 {
    background-color: #DB9C3E;
}

.icon-os {
    background-color: #7BAE56;
}

/* Insert text */
.icon-5-7::before { content: "5–7"; }
.icon-8-10::before { content: "8–10"; }
.icon-os::before { content: "OS"; }


.hide{
	display:none;
}
@media only screen and (max-width: 1200px) {
	.icon-5-7,
	.icon-8-10,
	.icon-os {
		font-size: 24px !important;
		line-height: 85px !important;
	}
}
@media only screen and (max-width: 992px) {
    .navbar::before {
        height: 80px !important;
		width: 250px !important;
    }
	.navbar .others-options{
		top: -5px !important;
	}	
	.navbar .others-options ul.top-links{
		margin-right: 15px !important;
	}
}