/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/


/* ----------------------------------------------------------------
  Custom CSS

  Add all your Custom Styled CSS here for New Styles or
  Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/
/* Custom Header Size
-----------------------------------------------------------------*/
.header-size-custom #logo img {
	height: 100px;
}

@media (min-width: 992px) {

	.header-size-custom .header-wrap-clone {
		height: calc( 100px + 1px );
	}

	#header.header-size-custom + .include-header {
		margin-top: calc( -100px - 2px );
	}

	.header-size-custom .menu-container > .menu-item > .menu-link {
		padding-top: 24px;
		padding-bottom: 24px;
	}
	.header-size-custom .menu-container > .menu-item > .menu-link > .sub-menu-container > .menu-item > .menu-link::after{

		content: '';
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		transform: scaleX(0);
		
	
	}

}

/* Responsive Device more than 992px (.device-md >)
-----------------------------------------------------------------*/
@media (min-width: 992px) {

	.menu-link {
		font-weight: 600;
		letter-spacing: 0;
	}

	.menu-link::after {
		content: '';
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		transform: scaleX(0);
		border-bottom: 3px solid var(--themecolor, #FD5C63);
		transform-origin: 0 100%;
		-webkit-transition: all .25s cubic-bezier(.02, .01, .5, 1);
			-o-transition: all .25s cubic-bezier(.02, .01, .5, 1);
				transition: all .25s cubic-bezier(.02, .01, .5, 1);
	}

 .sub-menu-container  .menu-link::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    transform: none;
    border-bottom: none!important;
   
  }

	.active .menu-link { color: var(--themecolor, #FD5C63); }

	.menu-link:hover::after,
	.active .menu-link::after {
		transform: scaleX(1);
		transform-origin: 100% 0;
	}
  
}

.text-smaller-05 {
  font-size: .5em;
}

.text-smaller-08 {
  font-size: .8em !important;
}
.leave {
  color:blue !important;
}


 .red_link {
  color: #f00 !important;

}

.font-md{
  font-size: 13px !important;
  
}
.font-small{
  font-size: 11px !important;
  font-weight: 400;
}

.mini-text {
  font-size: 11px !important;
}
.week_title a  {
  color: #fff !important;
}
.week_title a:hover { 
  color: #ff0 !important;
}
.nobottomborder {
  border-bottom: none !important;
}

.bd-example {
  position: relative;
  padding: 1rem;
  margin: 1rem (-$grid-gutter-width / 2) 0;
  border: solid $gray-100;
  border-width: .2rem 0 0;
  }
  #show-me {
  display:none;
}


.bg-dark-overlay {
  background-color: rgba(0,0,0, 0.6);
  color: #fff !important;
}

.bottom-shadow {
      box-shadow: 0 0 10px rgba(0,0,0,0.1);
}
.shadow-white-text{
   color: white !important;
  text-shadow: 2px 2px 4px #000000;
}

.shadow-black-text{
   color: #000;
  text-shadow: 2px 2px 4px #ffffff;
}

.table-sm p{
  margin-bottom: 10px !important;
  text-align: justify;
}

.font-22 {
  font-size: 22px!important;
}
.font-20 {
  font-size: 20px!important;
}

.font-18 {
  font-size: 18px!important;
}

.font-16 {
  font-size: 16px!important;
}

.font-14 {
  font-size: 14px!important;
}
.nav-item a{
  color: #444;
}

.nav-item:hover  {
  background: rgba(230,230,230, 0.5) !important;
  color: #EA2127;
}

.bortomborder {
  border-bottom: solid 1px #ccc !important;
}

.shef-product:hover {
  /*background-color: rgba(220,220,220, 0.2);*/
  box-shadow: 2px 2px 8px #888;
  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
  /*-webkit-transform: scale(.8);*/
  -moz-transition: -moz-transform 0.3s, opacity 0.3s;
  /*-moz-transform: scale(.8);*/
  /*-ms-transform: scale(.8);*/
  transition: transform 0.3s, opacity 0.3s;
  /*transform: scale(.8);*/
  /*opacity: 0;*/
}
.color-dark p {
  color: #222 !important;
}
.noradius { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; -ms-border-radius: 0 !important; -o-border-radius: 0 !important; border-radius: 0 !important; }

.t300 { font-weight: 300 !important; }

.t400 { font-weight: 400 !important; }

.t500 { font-weight: 500 !important; }

.t600 { font-weight: 600 !important; }

.t700 { font-weight: 700 !important; }

.nomargin { margin: 0 !important; }

.nopadding { padding: 0 !important; }

.nobottommargin {margin-bottom: 0 !important; }

.noleftpadding { padding-left: 0 !important; }

.norightpadding { padding-right: 0 !important; }

.notoppadding { padding-top: 0 !important; }

.nobottompadding { padding-bottom: 0 !important; }

.noabsolute { position: relative !important; }

.noshadow { box-shadow: none !important; }

.notextshadow { text-shadow: none !important; }

.hidden { display: none !important; }

.nothidden { display: block !important; }

.inline-block {
  float: none !important;
  display: inline-block !important;
}

.g-padding-0 { padding: 0 !important };
.g-padding-5  { padding: 5px;}
.g-padding-10 { padding: 10px;}
.g-padding-15 { padding: 15px;}
.g-padding-20 { padding: 20px;}
.g-padding-25 { padding: 25px;}
.g-padding-30 { padding: 30px !important}
.g-padding-35 { padding: 35px;}
.g-padding-40 { padding: 40px;}
.g-padding-45 { padding: 45px;}
.g-padding-50 { padding: 50px;}

.g-pt-10 { padding-top: 10px;}
.g-pt-20 { padding-top: 20px;}
.g-pt-30 { padding-top: 30px;}
.g-pt-40 { padding-top: 40px;}
.g-pt-50 { padding-top: 50px;}
.g-pt-60 { padding-top: 60px;}
.g-pt-70 { padding-top: 70px;}
.g-pt-80 { padding-top: 80px;}
.g-pt-85 { padding-top: 80px;}
.g-pt-90 { padding-top: 90px;}
.g-pt-100 { padding-top: 100px;}
.g-pt-110 { padding-top: 110px;}
.g-pt-120 { padding-top: 120px;}
.g-pt-130 { padding-top: 130px;}
.g-pt-140 { padding-top: 140px;}
.g-pt-150 { padding-top: 150px;}
.g-pt-160 { padding-top: 160px;}
.g-pt-170 { padding-top: 170px;}

.g-pb-10 { padding-bottom: 10px;}
.g-pb-20 { padding-bottom: 20px;}
.g-pb-30 { padding-bottom: 30px;}
.g-pb-40 { padding-bottom: 40px;}
.g-pb-50 { padding-bottom: 50px;}
.g-pb-60 { padding-bottom: 60px;}
.g-pb-70 { padding-bottom: 70px;}
.g-pb-75 { padding-bottom: 75px;}
.g-pb-80 { padding-bottom: 80px;}
.g-pb-90 { padding-bottom: 90px;}
.g-pb-100 { padding-bottom: 100px;}

.g-pl-10 { padding-left: 10px;}
.g-pl-20 { padding-left: 20px;}
.g-pl-30 { padding-left: 30px;}
.g-pl-40 { padding-left: 40px;}
.g-pl-50 { padding-left: 50px;}
.g-pl-60 { padding-left: 60px;}
.g-pl-70 { padding-left: 70px;}
.g-pl-80 { padding-left: 80px;}
.g-pl-90 { padding-left: 90px;}
.g-pl-100 { padding-left: 100px;}

.g-pr-10 { padding-right: 10px;}
.g-pr-20 { padding-right: 20px;}
.g-pr-30 { padding-right: 30px;}
.g-pr-40 { padding-right: 40px;}
.g-pr-50 { padding-right: 50px;}
.g-pr-60 { padding-right: 60px;}
.g-pr-70 { padding-right: 70px;}
.g-pr-80 { padding-right: 80px;}
.g-pr-90 { padding-right: 90px;}
.g-pr-100 { padding-right: 100px;}

.g-margin-5  { margin: 5px;}
.g-margin-10 { margin: 10px;}
.g-margin-15 { margin: 15px;}
.g-margin-20 { margin: 20px;}
.g-margin-25 { margin: 25px;}
.g-margin-30 { margin: 30px;}
.g-margin-35 { margin: 35px;}
.g-margin-40 { margin: 40px;}
.g-margin-45 { margin: 45px;}
.g-margin-50 { margin: 50px;}

.g-mt-10 { margin-top: 10px;}
.g-mt-20 { margin-top: 20px;}
.g-mt-30 { margin-top: 30px;}
.g-mt-40 { margin-top: 40px;}
.g-mt-50 { margin-top: 50px;}
.g-mt-60 { margin-top: 60px;}
.g-mt-70 { margin-top: 70px;}
.g-mt-80 { margin-top: 80px;}
.g-mt-90 { margin-top: 90px;}
.g-mt-100 { margin-top: 100px;}

.g-mb-10 { margin-bottom: 10px !important; }
.g-mb-15 { margin-bottom: 15px !important;}
.g-mb-20 { margin-bottom: 20px;}
.g-mb-25 { margin-bottom: 25px;}
.g-mb-30 { margin-bottom: 30px !important;}
.g-mb-35 { margin-bottom: 35px;}
.g-mb-40 { margin-bottom: 40px;}
.g-mb-45 { margin-bottom: 45px;}
.g-mb-50 { margin-bottom: 50px;}
.g-mb-55 { margin-bottom: 55px;}
.g-mb-60 { margin-bottom: 60px;}
.g-mb-65 { margin-bottom: 65px;}
.g-mb-70 { margin-bottom: 70px;}
.g-mb-75 { margin-bottom: 75px;}
.g-mb-80 { margin-bottom: 80px;}
.g-mb-85 { margin-bottom: 85px;}
.g-mb-90 { margin-bottom: 90px;}
.g-mb-95 { margin-bottom: 95px;}
.g-mb-100 { margin-bottom: 100px;}

.g-ml-10 { margin-left: 10px;}
.g-ml-20 { margin-left: 20px;}
.g-ml-30 { margin-left: 30px;}
.g-ml-40 { margin-left: 40px;}
.g-ml-50 { margin-left: 50px;}
.g-ml-60 { margin-left: 60px;}
.g-ml-70 { margin-left: 70px;}
.g-ml-80 { margin-left: 80px;}
.g-ml-90 { margin-left: 90px;}
.g-ml-100 { margin-left: 100px;}

.g-mr-5 { margin-right: 5px;}
.g-mr-10 { margin-right: 10px;}
.g-mr-20 { margin-right: 20px;}
.g-mr-30 { margin-right: 30px;}
.g-mr-40 { margin-right: 40px;}
.g-mr-50 { margin-right: 50px;}
.g-mr-60 { margin-right: 60px;}
.g-mr-70 { margin-right: 70px;}
.g-mr-80 { margin-right: 80px;}
.g-mr-90 { margin-right: 90px;}
.g-mr-100 { margin-right: 100px;}

.font-white {
  color: #fff !important;
}

/*INPUT NO BORDERS */

.no-border {
    border: 0 !important;
    box-shadow: none !important; /* You may want to include this as bootstrap applies these styles too */
}
.fright { float: right !important; }

.fleft { float: left !important; }
 
.fnone { float: none !important; }

.nobg { background: none !important; }

.nobgcolor { background-color: transparent !important; }

.t100 {font-weight: 100 !important; }

.t200 {font-weight: 200 !important; }

.t300 { font-weight: 300 !important; }

.t400 { font-weight: 400 !important; }

.t500 { font-weight: 500 !important; }

.t600 { font-weight: 600 !important; }

.t700 { font-weight: 700 !important; }