/* Microsoft Portal Styling */
:root {
/*COLORS*/
/* Background Color */ 
	--light-blue: #CBF6FF;
    --light-purple: #DBDDFF;
    --blue: #0067B8;
    --dark-blue: #02589d;
    --white: #FEFDFB;
    --black: #141414;
    --gray: #E7EBEA;
 
/* Button Colors */
    --content-btn-primary-color: var(--white);
    --content-btn-primary-color-hover: var(--white);
    --content-btn-primary-color-active: var(--white);
    --content-btn-primary-color-focus: var(--white);
    --content-btn-primary-bg: var(--blue);
    --content-btn-primary-bg-hover: var(--dark-blue);
    --content-btn-primary-bg-active: var(--dark-blue);
    --content-btn-primary-bg-focus: var(--dark-blue);
    --content-btn-primary-border-color: var(--black);
};

#microsite_content .btn-primary {
  color: var(--content-btn-primary-color);
  background-color: var(--content-btn-primary-bg) !important;
}
#microsite_content .btn-primary {
  color: var(--btn-primary-color);
  background-color: #ff7731 !important;
}
#microsite_content .btn-primary:hover {
  color: var(--content-btn-primary-color-hover);
  background-color: #db5c01 !important;
}
#microsite_content .btn-primary:focus {
  color: var(--content-btn-primary-color-focus) !important;
  background-color: var(--content-btn-primary-bg-focus) !important;
  outline: none;
}

#microsite_content .btn-primary:active {
  color: var(--content-btn-primary-color-active) !important;
  background-color: var(--content-btn-primary-bg-active);
  border: var(--content-button-border);
}

/* Backgrounds */
.bg-rel1 {
  background: #CBF6FF;
  background: linear-gradient(126deg,rgba(203, 246, 255, 1) 0%, rgba(219, 221, 255, 1) 80%);
background-attachment: scroll!important;
}

.bg-rel2 {	
  background: var(--light-blue)!important;
  background-attachment: scroll!important;
}

.bg-black-40 {
	background-color: #E7EBEA;
}


/* Media Left - Text Right Margin */
.article.text_with_media .col-for-image img.img-fluid.img-original {
    max-width: -webkit-fill-available;
    /*max-width: -moz-available; */
    max-width: 100%; 
    margin: 20px 20px;
    /* width: auto; */
    height: auto;
}
/*.article.text_with_media .col-for-image img.img-fluid{
     margin: 20px 20px;
}*/
/*For mobile responsive*/
@media (max-width: 768px) {
    .article.text_with_media .col-for-image img.img-fluid {
        margin: 0;
    }
.article.text_with_media .col-for-image img.img-fluid.img-original{
   margin: 0;
    }
}

/*Change of the arrow icon color*/
#ali_eds .c-Gallery .fa-angle-left:before, .c-Gallery .fa-angle-right:before{
   color: #000 !important;
}

.article.text_with_media .media-wrapper > .media-side:has(picture img[src$=".svg"]) > span{
    max-width: 100%;
}
.article.text_with_media .media-wrapper > div:has(picture img[src$=".svg"]) > span{
    height: auto !important;
    margin: 20px 20px;
}

/* SVG Icon above Text with 0 Margin */
.article.text_with_media .media-wrapper > div:not(.media-side, .media-right):has(picture img[src$=".svg"]) > span {
    height: 100%;
    display: contents;
    place-items: center;
}
.article.text_with_media .media-wrapper > div:not(.media-side, .media-right):has(picture img[src$=".svg"]) > span img {
    margin: 0;
}
