/*--------------------------------------------------------------

    Title & Breadcrumb

--------------------------------------------------------------*/



.main-title-section-wrapper {

  clear: both;

  float: left;

  margin: 0;

  width: 100%;

}



#header-wrapper .main-title-section-wrapper {

  position: relative;

}



#header-wrapper.header-top-absolute .main-title-section-wrapper {

  position: static;

}



.main-title-section-container {

  clear: both;

  float: left;

  margin: 0;

  padding: clamp(0.25rem, 0.25rem + 0.75vw, 4.6875rem) 0 clamp(2.125rem, 0.25rem + 0.2vw, 2.625rem); /* 75 - 45 */ /* 90 - 50 */

  width: 100%;

}



.main-title-section {

  float: left;

  width: 50%;

  margin: 0;

  padding: 0;

  position: relative;

}



.main-title-section h1 {

  /* font-size: var(--wdtFontSize_H1); */

  text-transform: uppercase;

  margin: 0 0 5px;

  word-break: break-all;

}



.breadcrumb {

  clear: both;

  float: left;

  width: 100%;

  margin: 0;

  padding: 0;

  font-size: inherit;

  font-weight: 500;

}



.breadcrumb a:not(:focus) {

  text-decoration: none;

}



.breadcrumb span:not(.current) {

  display: inline-block;

  margin: 0px 12px;

  padding: 0;

}



.breadcrumb .breadcrumb-default-delimiter:last-child {

  display: none;

}



.main-title-section-wrapper .breadcrumb-default-delimiter:before {

  content: "";

  background-color: currentColor;

  display: inline-block;

  height: 14px;

  opacity: 0.45;

  position: relative;

  top: -1px;

  vertical-align: middle;

  width: 1px;

  -webkit-transform: rotate(20deg);

  transform: rotate(20deg);

}



.main-title-section h1,

.breadcrumb {

  hyphens: auto;

  word-break: break-word;

  word-wrap: break-word;

  -moz-hyphens: auto;

  -webkit-hyphens: auto;

  -ms-hyphens: auto;

}



.main-title-section-wrapper > .main-title-section-bg,

.main-title-section-wrapper > .main-title-section-bg:after {

  content: "";

  height: 100% !important;

  overflow: hidden;

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  z-index: -1;

  pointer-events: none;

}



.home #header-wrapper .main-title-section-wrapper .main-title-section-container {

    display: none;

}





/*--------------------------------------------------------------

    Default Colors

--------------------------------------------------------------*/



.breadcrumb {

  color: var(--wdtBodyTxtColor);

}



.main-title-section h1 {

  color: var(--wdtHeadAltColor);

}



.breadcrumb a {

  color: var(--wdtHeadAltColor);

}



.breadcrumb span.current {

  color: var(--wdtBodyTxtColor);

}



.main-title-section-wrapper.overlay-wrapper > .main-title-section-bg:after {

  opacity: 0 !important;

}



.main-title-section-wrapper.overlay-wrapper > .main-title-section-bg:after,

.main-title-section-wrapper.overlay-wrapper > .main-title-section-bg

{

    background-color: var(--wdtTertiaryColor);

}



.main-title-section-wrapper.overlay-wrapper.dark-bg-breadcrumb > .main-title-section-bg:after

{

    background-color: var(--wdtHeadAltColor);

}



.main-title-section-wrapper > .main-title-section-bg:after {

  background-color: rgba(var(--wdtTertiaryColorRgb), 0.5);

}



.main-title-section-wrapper.dark-bg-breadcrumb > .main-title-section-bg {

  background-color: var(--wdtHeadAltColor);

}



.dark-bg-breadcrumb .main-title-section h1,

.dark-bg-breadcrumb .breadcrumb a,

.dark-bg-breadcrumb .breadcrumb span.current,

.dark-bg-breadcrumb .breadcrumb span:not(.current) {

  color: var(--wdtAccentTxtColor);

}



.breadcrumb a:hover,

.dark-bg-breadcrumb .breadcrumb a:hover {

  color: var(--wdtHeadAltColor);

}



/*--------------------------------------------------------------

    Accents

--------------------------------------------------------------*/



/* Primary Color */

.breadcrumb a:hover {

  color: var(--wdtPrimaryColor);

}



/*--------------------------------------------------------------

	Responsive

--------------------------------------------------------------*/



@media only screen and (min-width: 1281px) {

  /* .main-title-section-wrapper .main-title-section-container {

  padding: 75px 0 90px;

  } */

}



/* @media only screen and (max-width: 1280px) {

  .main-title-section-wrapper .main-title-section-container {

    padding: 45px 0 60px;

  }

} */



@media only screen and (min-width: 768px) {

  

  .main-title-section-wrapper.hide-content .main-title-section, .main-title-section-wrapper.hide-content .breadcrumb { display: none; }

  .main-title-section-wrapper.hide-content .main-title-section-container { min-height: 300px; }  



}



/*----*****---- << Mobile (Landscape) >> ----*****----*/



/* Common Styles for the devices below 767px width */



@media only screen and (max-width: 767px) {

  /* .main-title-section h1 {

    font-size: var(--wdtFontSize_H3);

  } */



  .main-title-section,

  .main-title-section h1,

  .breadcrumb {

    text-align: center;

  }



  .main-title-section {

    width: 100%;

  }



  .main-title-section-wrapper.overlay-wrapper > .main-title-section-bg:after,

  .main-title-section-wrapper.overlay-wrapper > .main-title-section-bg {

    opacity: 0.5;

  }

}



/* Common Styles for the devices below 479px width */



@media only screen and (max-width: 479px) {

  /* .main-title-section h1 {

    font-size: var(--wdtFontSize_H3);

  } */

  .main-title-section-wrapper.overlay-wrapper > .main-title-section-bg ,

  .main-title-section-wrapper > .main-title-section-bg { background-image: unset !important; }

}

