/*
    Template Name: PACE
    Description: Partners for advancing clinical education
*/
body {font-weight: 400; font-style: normal;font-size: 1.25rem;  font-family: muli, sans-serif;  line-height: 1.8;border-top: 8px solid #B82029; }
h1, h2,h3, h4, h5, h6 {line-height: 1.2; }
p {
  margin-bottom: 1.5em; color:#2F2F2F; font-size: 1rem; line-height: 1.5rem; font-weight:normal;
 }

a {
  color: inherit;
  text-decoration: none;
 }

a,
a:hover,
a:focus,
a:active {
  text-decoration: none;
  outline: none;
  color: inherit; }



/* -------------------------------------
    NAVIGATION
------------------------------------- */
.nav {
    height: 50px;
    position: absolute;
    z-index: 100;
    width: 80%;
    right: 0;
    left: 10%;
    display: inherit;
  }
  
  .nav > .nav-header {
    display: inline !important;
  }
  
  .nav > .nav-header > .nav-title {
    display: inline-block;
  
  }
  .nav > .nav-header > .nav-title img{max-width: 200px; margin-top: 10px;}
  
  .nav > .nav-btn {
    display: none;
  }
  
  .nav > .nav-links {
    display: inline;
    float: right;
 
  }
  
  .nav > .nav-links > a {
    display: inline-block;
    padding: 13px 10px 4px 10px;
    text-decoration: none;
    color: #333333;
    font-size: 1rem;
    text-transform: uppercase;
  }
  
  .nav > .nav-links > a:hover {
    border-bottom: 6px solid #B82029;
  }
  
  .nav > #nav-check {
    display: none;
  }
  .nav a.active{
  color: #B82029 !important; border-bottom: 6px solid #B82029 !important;
}
  @media (max-width:990px) {
    .nav > .nav-header > .nav-title img{max-width: 100px;}
    .home-banner h1 {
        font-size: 3rem !important;
        font-weight: 700;
        line-height: 2.65rem !important;
        margin-bottom: 0 !important;
      }
      .home-banner p{font-size: 1rem !important; line-height: 1.5rem !important;}
      .nav > .nav-links > a {
        padding: 20px 10px 0px 30px;
        color: #fff;
      }
    .nav > .nav-btn {
      display: inline-block;
      position: absolute;
      right: 0px;
      top: 0px;
    }
    .nav > .nav-btn > label {
      display: inline-block;
      width: 50px;
      height: 50px;
      padding: 13px;
    }
    .nav > .nav-btn > label:hover,.nav  #nav-check:checked ~ .nav-btn > label {
      background-color: rgba(0, 0, 0, 0.3);
    }
    .nav > .nav-btn > label > span {
      display: block;
      width: 25px;
      height: 10px;
      border-top: 2px solid #333;
    }
    .nav > .nav-links {
      position: absolute;
      display: block;
      width: 100%;
      background-color: #333;
      height: 0px;
      transition: all 0.3s ease-in;
      overflow-y: hidden;
      top: 50px;
      left: 0px;
    }
    .nav > .nav-links > a {
      display: block;
      width: 100%;
    }
  
    .nav > #nav-check:not(:checked) ~ .nav-links {
      height: 0px;
    }
    .nav > #nav-check:checked ~ .nav-links {
      height: calc(100vh - 50px);
      overflow-y: auto;
    }
  }
  /* -------------------------------------
    Custom CSS
------------------------------------- */
.home-banner{ background:url(../images/home-banner.jpg) no-repeat; width: 100%;height: 620px; max-height:620px; background-size: cover;}
.home-banner h1{text-align: center; color: #2F2F2F; font-size: 4rem;font-weight: 700;line-height: 4rem; padding: 4rem 0 1rem 0; margin-bottom: 0 !important; } .home-banner h1 span{color: #B82029;}
.home-banner  p{text-align: center;}
.section-one{}
.section-one .card{box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.11); border: none; border-radius: 1.5rem; padding-right: 2rem;}
.section-one .card .rounded-start{border-radius:20px 0px 0px 20px !important; }
.section-one .card h2{font-size: 2.25rem; font-weight: 600;}
.learn-more {text-align: left; transition: all ease .2s; position: relative; left:0px; font-size: 1rem !important;}
.learn-more:hover { left:15px;}
.learn-more:after {content: " →";transition: all ease .2s;position:relative; color: #B82029; opacity:0;}
.learn-more:hover:after {content: " →"; transition: all ease .2s; left:0px; opacity:1;}
.section-two{} .section-two .card{border:none;}
.section-three{background: url(../images/service-bg.jpg) no-repeat; background-size: cover; padding: 2rem 0 2rem 0;}
.section-three h3{text-align: center; font-size: 4rem; font-weight: 600;}
.section-three .card{border: none;} .section-three .card-img{border-radius: 32px;}
.section-three .card-img-overlay { bottom: 5%; position: absolute; left: 0; width: 50%; background: linear-gradient(83.59deg, #FCFCFD 36.52%, rgba(252, 252, 253, 0.83) 98.8%);
  display: table; margin: auto !important;
  
  padding: 1rem;
  border-radius: 20px;
  height: 90px;
  margin-bottom: 0px !important;
}
.section-three .card-img-overlay .card-text {color: #777E90;} .section-three .card-img-overlay .link{color: #B82029;} 
.section-three .border{border-radius: 32px;}
.section-three .card-body{background: #F8F8F8; border-radius: 0px 32px 32px 0px; padding: 2rem 2rem 1.5rem 2rem;}
.section-three .card-body h5{ font-size: 2rem; font-weight: 600;}
.section-three .rounded-start{max-width:220px; margin: auto; display: block; padding: 2.5rem 2rem;}
.section-four{background: #F6F4F4; padding: 2rem 0rem 2rem 0rem;}
.section-four h6{font-size: 4rem; font-weight: 600;}
.section-four ul{background: #fff; padding: 2rem 1rem 2rem 1rem; display: flex;  justify-content: center;}
.section-four ul li{  justify-content: center; display: flex; font-size: 1rem; padding: 0rem .75rem 0rem .75rem; border-right: #D6D6D6 solid 1px; }
.section-four ul li:last-child{border: none;}
footer{padding: 2rem 0rem 0rem 2rem;}
footer section{background: #211E1E; padding: 2rem; display: block; border-radius: 22px 0 0 0; border-left: #B82029 20px solid; color: #fff;} 
footer img{max-width: 250px !important;}
footer section h6{ font-size: 1.25rem;} 
footer section ul{padding: 0; margin: 0;}
footer section ul li{ font-size: .80rem; list-style: none;}
footer section ul li a{color: #fff;} footer section ul li a:hover{color: #B82029;}
footer section p{font-size: .80rem;margin-bottom: 0px !important; display: block;}
.social-icon { 	float: left;width: 50px;height: 50px;cursor: pointer;background: #fff;overflow: hidden;border-radius: 50px;transition: all 0.3s ease-in-out;
  border: 1px solid #333;  margin-right: 10px;}
.social-icon span {font-size:1.25rem;font-weight: 500;line-height:50px;vertical-align:top;margin-left: 10px; color: #333 !important;}
.social-icon:hover {width:200px;}
.social-icon:nth-child(1):hover .icon {background: #e1306c;}
.social-icon:nth-child(2):hover .icon {background: #4267b2;}
.social-icon:nth-child(3):hover .icon {background: #1da1f2;}
.social-icon:nth-child(4):hover .icon {background: #0e76a8;}
.social-icon:nth-child(5):hover .icon {background: #ff0000;}
.social-icon:nth-child(6):hover .icon {background: #333;}
.social-icon:nth-child(1) span {color: #e1306c;}
.social-icon:nth-child(2) span {color: #4267b2;}
.social-icon:nth-child(3) span {color: #1da1f2;}
.social-icon:nth-child(4) span {color: #0e76a8;}
.social-icon .icon {width:50px;height: 50px;text-align: center;border-radius: 50px;display: inline-block;transition: all 0.3s ease-in-out;}
.social-icon .icon i {font-size: 25px;line-height:50px;transition: all 0.3s ease-in-out;}
.social-icon:hover i {color: #fff;}
.contact-banner {min-height: 328px; background: url('../images/contact-banner.jpg') no-repeat;background-size: cover;  background-position: center;}
.page-title{font-size:4rem; font-weight: 600;}
form{border-radius: 22px; border: 1px solid #C4C4C4; padding: 2rem;}
.btn-primary{background: linear-gradient(180deg, #B82029 0%, #DA1924 100%);
  border-radius: 4px; text-align: center; text-transform: uppercase; border: none; padding: .90rem 3rem .90rem 3rem;}
.btn-primary:hover{background: linear-gradient(90deg, #B82029 0%, #DA1924 100%);}
.form-control{min-height: 60px; background: #FBFAFA;}
textarea{min-height: 160px !important;}
.service-banner {min-height: 328px; background: url('../images/service.jpg') no-repeat;background-size: cover;  background-position: center;}
.service-section{ padding: 2rem 0 8rem 0; background: url('../images/service-btm-bg.jpg') bottom no-repeat; width: 100%;}
.service-section h2{font-size: 3rem; font-weight: 600;}
.service-section .w-100{ border-radius:20px !important;}
.service-section .full-wdth{ width: 100%; padding: 2rem; background:#F6F4F4;}
.service-section .card-body{padding: 0 7rem 0 0 !important;}
.accreditations{ padding: 2rem 0 2rem 0;}
.accreditations h3{font-size: 3.75rem; font-weight: 600;}
.accreditations .card{border-radius:32px !important;}
.accreditations .card-body{background: #F8F8F8; border-radius: 0px 32px 32px 0px; padding:3rem 3rem 0rem 3rem;}
.accreditations h4{font-size: 2rem; font-weight: 600;}
.accreditations  .rounded-start {max-width: 220px;margin: auto;display: block;padding:4rem 2rem;}
.about-banner {min-height: 328px; background: url('../images/about-banner.jpg') no-repeat;background-size: cover;  background-position: center;}
.about-section{padding: 2rem 0 2rem 0;}
.about-section h2{font-size: 4rem; font-weight: 600;} 
.about-section img{border-radius: 32px;}
.default-banner {min-height: 328px; background: url('../images/contact-banner.jpg') no-repeat;background-size: cover;  background-position: center;}
.default-page{ padding: 2rem 0 2rem 0;}
.default-page h2{ font-size:2.5rem; font-weight: 600; text-align: left;}
.default-page h3{ font-size:1.5rem; font-weight: 600; }
.default-page a{color: #B82029;} .default-page a:hover{color: #B82029; text-decoration: underline;}
.font-italic{font-style: italic;}

  
  
  


  /* -------------------------------------
   media query
------------------------------------- */
@media (max-width:1377px) {
  .section-four ul li{padding: 0rem .65rem 0rem .65rem !important;}
  .section-four ul li{font-size: .80rem;}
}
@media (max-width:1200px) {
  .home-banner h1 {font-size: 3rem;line-height: 3rem; padding-top: 2rem;}
  .home-banner {height:600px !important; background-size: cover; background-position: bottom;}
  .section-four ul li {font-size: .70rem; padding: 0rem .35rem 0rem .35rem;}
  .section-four h6{text-align: center; font-size: 3rem;}
  .section-three .rounded-start{max-width: 180px;}
    
    
    
    

}
@media (max-width:990px) {
  .section-four ul{display: grid;} .section-four ul li{ border-right: 0 !important;}
  .section-four h6{text-align: center; font-size: 2rem;}
  .section-three h3{font-size: 2rem;}
  .home-banner {height:600px !important; background-size: cover; background-position: bottom;}
  .home-banner h1 {font-size: 3rem;line-height: 3rem; padding-top: 2rem;}
  .page-title {font-size: 2rem;}
  .accreditations h3{font-size: 2rem !important;} 
  .service-section .card-body{padding-right: 0 !important;} 
  .service-banner {background-size: cover;  min-height: 228px; background-position: revert; object-fit: contain;}
  .service-section h2{font-size: 2rem;}
  .service-section .w-100{margin-bottom: 1rem;}
  .accreditations p.text-center{ padding: 0 2rem  0rem 2rem !important;}
  .accreditations h4{font-size: 1.5rem;}

}
@media (max-width:600px) {
.nav {width: 96% !important; right: inherit !important; left: inherit !important; }
.home-banner {height:500px !important; background-size: cover; background-position: bottom;}
.home-banner h1 {font-size: 2rem !important;line-height: 2rem !important; padding-top:5rem;}
.section-one .card h2 {font-size: 2rem !important;}
.section-three h3 {font-size: 2rem;}
.section-four ul{ display: block;}
.section-four ul li{border: none !important; text-align: center;}
.section-four h6{text-align: center; font-size: 2rem;}
.section-three .card-body {  border-radius: 0px 32px 32px 32px;}
.section-three .card{margin-bottom: 2rem;}
.page-title {font-size: 2rem;}
.about-banner {background-size: cover;  min-height: 228px; background-position: revert; object-fit: contain;}
.service-banner {background-size: cover;  min-height: 228px; background-position: revert; object-fit: contain;}
.contact-banner {background-size: cover;  min-height: 228px; background-position: revert; object-fit: contain;}
.about-section h2{font-size: 2rem;}
.service-section h2{font-size: 2rem;}
.service-section .card-body{padding-right: 0 !important;}  
.service-section .w-100{margin-bottom: 1rem;}
.accreditations h3{font-size: 2rem;}
.accreditations p.text-center{ padding: 0 2rem  0rem 2rem !important;}
.accreditations h4{font-size: 1.5rem;}
.accreditations .card-body {border-radius: 0px 32px 0px 32px;}
.section-two .card img{object-fit: contain !important;}
footer section{margin-top: 1rem;}
footer section ul li{font-size: .60rem;}
footer section h6 {font-size: .80rem;}
footer p{font-size: .60rem !important;}

}