/**
 * ----------------------------------------------------------------------
 * Microsite Brand Initial : index-restructure : Default with custom logo 
 * CIG-Entity-Theme :
 * 
 * NEED TO ADJUST FOR SPLASH... USING AS STARTING POINT
 * ----------------------------------------------------------------------
 */

/* Logo */
.cig-header-logo-default {display: none;}
div#logocontainer.hide-default .scs-image {display: none;}
div#logocontainer.logo-adjustment-default img {width: 229px; padding-bottom: 20px; padding-top: 5px;}
div#logocontainer.logo-adjustment-default .sl-two-columns-right {padding-top: 30px;}
div#logocontainer img.cig-header-logo {max-width: fit-content; padding-bottom: 5px;}
div#logocontainer.hide-default .sl-two-columns-right {display: none;}
div#logocontainer .scs-title-text {min-height: 1px; overflow: inherit;}

.logo-adjustment-default a.home-link {display: none;}
.hide-default .logo-link {display: none;}

/* Social Media Icons */
.social-content.Default i {color: var(--socialIcons)!important;}
.main-theme .header-container .social-content.Multicolor i:before {color: unset;}
.social-content.Multicolor i.fa-facebook-f {color: #3B5998!important;}  
.social-content.Multicolor i.fa-instagram {color: #833AB4!important;} /* pink #C13584 */
.social-content.Multicolor i.fa-x-twitter {color: #1DA1F2!important;}
.social-content.Multicolor i.fa-youtube {color: #C4302B!important;}
.social-content.Multicolor i.fa-linkedin {color: #0072B1!important;}


/* Emergency Alert */
.splash .CIG-Emergency-Alert .close-button i {
    margin-top: -19px;
    right: 3px;
}

.main-theme.splash.splash-cost-of-living-support .CIG-Emergency-Alert .close-button i {
    right: 15px;
}

/* Initial State without Emergency */
.splash.default #body {margin-top: 40px;}
.splash.about.banner.default #banner-top {margin-top: 40px;}

/* Mobile Navigation */
.splash button.ml-auto {margin-left: unset!important;}
.splash button.navbar-toggler {margin-right: auto!important; margin-top: -280px;}

/* Footer Elements */
/* .footer-main
newsletter-icon img
newsletter-text
feedback-icon img
feedback-text
*/
.main-theme .footer-main #Sign-In, 
.main-theme .footer-main #Give-Feedback {
    margin-top: 35px; /* 41 if font is 14px on copyright */
}

.main-theme.splash .cig-footer-logo img {
      margin-top: 29px; /* 35 if font is 14px on copyright */
}


.footer-main .icon-text {
    margin-top: 1px;
    margin-left: -1px;
}
.footer-main {
      font-family: var(--font-family-default);
      font-size: 12px;
      margin: 0px;
      padding: 0px;
      font-style: normal;
      color: #333;
}

.footer-main li {
      list-style: none;
      font-size: 14px;
      font-style: normal;
      font-variant-caps: normal;
      color: #333;
      font-weight: 200;
      margin: 0em 0em 1em 0em;
}
.main-theme .footer-main .social-content {margin-top: 20px;}
.footer-main  .fab.fa-xl {font-size: 1.5em;}

/* .footer-main img {
      width: 45px;
      max-width: 50px;
      margin: 0px;
      border-radius: 3px;
      padding-top: 1px;
} */

.footer-main h1 {
      font-size: 24px;
      color: #333;
      margin: 0px;
      font-weight: 300;
}

.footer-main h2 {
      font-size: 18px;
      color: #767676;
      margin: 0px;
      font-weight: 300;
}

.footer-main p {
      margin: 0px;
}

.footer-main .icon-text {
      font-size: 12px;
      font-weight: 900;
      text-transform: uppercase;
      color: #201547;
      line-height: 16px;
      max-width: 77px;
      /* padding-right: 10px; */
}

.footer-main .icon-image,
.footer-main .icon-text {
      display: inline-block;
      cursor: pointer;
}

/*
.footer-main .feedback-icon:hover img,
.footer-main .newsletter-icon:hover img {
      filter: brightness(2.5);
}
*/

.footer-main #Sign-In:hover img,
.footer-main #Give-Feedback:hover img {
      filter: brightness(2.5);
}


.footer-main .col-inline {
  display: inline-block; 
  padding: 3px;
  vertical-align: middle;
  margin-top: 2px;
}

.main-theme.splash .footer-main {
    padding: 20px;
    padding-bottom: 18px;
}

.main-theme.splash .footer-component {line-height: 1.8em;}
.main-theme.splash .footer-component p {
  text-align: center;
  letter-spacing: 0.02em;
}

.main-theme.splash .copyright-links {
    padding-bottom: 15px;
}

.main-theme.splash .cig-footer-logo img {
    right: 8px;
}

/**
 * ---------------------------------------------------------------
 * Emergency Alert : index-restructure : Default with custom logo 
 * ---------------------------------------------------------------
 */

.main-theme.default #body.emergency-present {
  margin-top: 180px;
}
.main-theme.default.notice-hidden #body.emergency-present {
  margin-top: 50px;
}

/* Emergency Alert : second-page-revised-template */
.main-theme.banner.default #body {margin-top: 0px;}
.main-theme.banner.default #banner-top.emergency-present {margin-top: 180px;}
.main-theme.banner.default.notice-hidden #banner-top.emergency-present {margin-top: 50px;}
.main-theme.first-level.default.notice-hidden #body.emergency-present {margin-top: 0px;}


/**
 * ---------------------------------------------------------------
 * Site Custom Styles
 * ---------------------------------------------------------------
 */

/* Specific to DEH */
/* Key Individuals first item in Key People Block : Flip Image */
.main-theme.cig-site {}
.main-theme.cig-site .sl-three-columns > div:first-child .CIG-Key-Individuals  img {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}


.cig-site .container-fluid.grey-background {padding-left: 0px; padding-right: 0;}

/* Initial State without Emergency */
.splash.cig-site #body {margin-top: 40px;}
.splash.about.banner.cig-site #banner-top {margin-top: 40px;}

/* Emergency Alert : index-restructure : DEH Custom Styles */
.main-theme.cig-site #body.emergency-present {
  margin-top: 180px;
}
.main-theme.cig-deh.notice-hidden #body.emergency-present {
  margin-top: 50px;
}


/* Emergency Alert : second-page-revised-template : DEH Custom Styles */
.main-theme.banner.cig-site #body {margin-top: 0px;}
.main-theme.banner.cig-site #banner-top.emergency-present {margin-top: 180px;}
.main-theme.banner.cig-site.notice-hidden #banner-top.emergency-present {margin-top: 50px;}
.main-theme.first-level.cig-site.notice-hidden #body.emergency-present {margin-top: 0px;}

.cig-site .CIG-Key-Individuals ul.social-wrapper {display: none;}

/* Specific to Splash-IISD-Cyber-Safe */
.main-theme.splash-cyber-safe h2 {
  overflow-y: hidden !important;
}

.main-theme.main-theme.splash-cyber-safe span {
  font-family: "Poppins", "Helvetica", "Arial", sans-serif;
}

/* .main-theme.main-theme.splash-cyber-safe .footer-main .cig-logo img {
  width: 192px;
} */

/**
 * ---------------------------------------------------------------
 * Responsive 
 * ---------------------------------------------------------------
 */

@media screen and (min-width: 767px){
  div#Newsletter-Icon {
    width: 17%; /* 25 */
  }
  div#Feedback-Icon {
    width: 8%; /* 11.5 */
  }
}

@media screen and (max-width: 991px){
    div#logocontainer .sl-two-columns {display: block;}
    .logo-adjustment-default .scs-row {table-layout: auto;}
    /* .splash button.navbar-toggler {margin} */
    .splash button.ml-auto {margin-left: unset!important;}
    .splash button.navbar-toggler {
        margin-top: 5px;
    }
    .splash div#navbarSupportedContent.navbar-collapse {
        top: 109px;
    }
}

@media screen and (max-width: 768px){
  .splash div#Sign-In.footer-component.scs-slot.scs-responsive, 
  .splash div#Give-Feedback.footer-component.scs-slot.scs-responsive {width: 50%;}  
  .splash div#logocontainer img.cig-header-logo {max-width: 250px;}
}

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

  .splash .CIG-Emergency-Alert .close-button i {
    margin-top: 5px;
  }

  .splash.cig-deh div#logocontainer img.cig-header-logo {
    max-width: 100%;
  }

  .splash button.ml-auto {margin-left: unset!important;}
  .splash button.navbar-toggler {margin-right: auto!important; margin-top: -280px;}

  .main-theme.splash .header-container .social-content {position: relative; padding-top: 0; margin-top: 0;}
  .main-theme.splash .social-content.ml-auto {margin-right: auto;}

  .main-theme.splash .footer-component {text-align: center;}
  .main-theme.splash .icon-text {text-align: left;}
  .main-theme .footer-main .social-content {margin-top: 35px;}
  .main-theme .footer-main #Sign-In, 
  .main-theme .footer-main #Give-Feedback {
    margin-top: 10px;
  }
}

@media screen and (max-width: 515px){
   .splash #Sign-In, 
   .splash #Give-Feedback {right: 0px;}
}