@import "custom-variables/variables";
@import "../../bootstrap-4.0.0/scss/functions";
@import "../../bootstrap-4.0.0/scss/variables";
@import "../../bootstrap-4.0.0/scss/mixins";

@import "custom/breadcrumbs";
@import "custom/banner-style";
html{
    height: 100%;
}
#content-wrapper{
    padding: 30px 0; 
}

.ips-block {
    .bg-bx{
      min-height: 196px;
      padding: 40px 20px 20px 20px;
      text-align: center;
      color: $white;
      h4{
        color: $white;
      }
      a{
        color: $white;
      }
      &.opportunity{
        background: url(../images/opportunity.jpg) no-repeat;
        background-size: cover;
      }
      &.leader{
        background: url(../images/leader.jpg) no-repeat;
        background-size: cover;
      }
      &.globally {
        background: url(../images/globally-diverse.jpg) no-repeat;
        background-size: cover;
      }

    }
}

.left-content-block01{
    .sm-menu {
        display: none;
        font-size: 18px;
        position: relative;
        border-bottom: 1px solid $gray-400;
        padding-bottom: 10px;
        margin-bottom: 20px;
        &:after{
            position: absolute;
            right: 0;
            top: 6px;
            font-size: 16px;
            font-family: 'icomoon';
            content: "\e958";
        }
        &.menu-open {
            &:after{
                content: "\e95e";
            }
        }
        @include media-breakpoint-down(md) {
          display: block;
        }
    }
    .side-menu{
        background: $gray-300;
        padding-bottom: 20px;
        @include media-breakpoint-down(md) {
         display: none;
        }
        ul {
            margin: 0;
            padding: 0;
            list-style: none;
            a{
                margin: 0 15px 10px 15px;
                position: relative;
                color: $body-color;
                display: block;
                padding-left: 25px;
                font-size: 14px;
                &:before{
                    position: absolute;
                    content: "\e92f";
                    left: 0;
                    top: 0;
                    font-family: 'icomoon' !important;
                    top: 3px;
                    font-size: 11px;
                }
            }
        }
        p.heading  {
            background: $green;
            color: $white;
            padding: 10px 18px;
            font-size: 18px;
            font-weight: $font-weight-medium;
        }
    }
}

.benefits{
    h5 {
        font-size: 17px;
        margin-bottom: 3px;
    }
}

.career-btm-banner {
    padding: 80px 45px;
    background: url(../images/bottom-banner.jpg) no-repeat;
    background-size: cover;
    color: $white;
    @include media-breakpoint-down(md) { padding: 30px 15px; }
    h2{
        color: $white;
    }
    .search-now{
        padding: 7px 22px;
        font-weight: $font-weight-medium;
    }
}


// Country Landing

.land-page-left-content{
    
    h3{
        font-size: rem(19);
        margin-bottom: 20px;
        line-height: 1.3;
    }

}

 .landing-list {
     margin-top: 40px;
     padding-left: 0;
        li{
            margin: 0 15px 10px 0;
            position: relative;
            color: #606563;
            display: block;
            padding-left: 25px;
            font-size: 14px;
        }
     
 li:before{  
    position: absolute;
    content: "\e92f";
    left: 0; 
    top: 0;
    font-family: 'icomoon' !important;
    top: 3px;
    font-size: 11px;
     
      }
}

.land-contact-info-block{
    border: solid 1px #e4e5e9;
    padding: 10px 30px;
    h4{
       font-size: rem(18);
       text-transform: uppercase;
       padding: 11px 0;
    }
    h5{
       font-size: 14px;
       font-weight: $font-weight-normal;
       margin-bottom: 3px;
        span{
            margin-right: 10px;
            vertical-align: middle;
        }
    }
    .contact-name{
       font-weight: $font-weight-medium; 
       color: $dark;    
    }
  
    .contact-email{
        .icon-email{
            font-size: rem(17);
        }
        span{
            vertical-align: middle;
              a{
               text-decoration: underline; 
               font-weight: $font-weight-medium;   
              }
        }
    }
    .contact-number{
        color: $primary;
        font-weight: $font-weight-medium; 
    }
    
    .contact-name, .contact-number, .contact-email{
        margin: 0 0 2px 27px !important;
    }
    
    .general-inquiries, .media-contact{
        margin: 25px 0 15px 27px ;
        .contact-number, .contact-name{
            margin: 0 0 2px 0 !important;
        }
        h5{
            margin-bottom: 3px;
        }
    }
}