/*
  Theme Name: CNL Theme
  Author: Yasiel Sanchez Caleo, SpiderBoost Communications
  Author URI:  https://www.spiderboost.com/
  Description: Exclusive Theme used for Theme CNL
  Version: 1.0
  Licence:  GNU General Public License v2 or later
  Licence URI:  http://www.gnu.org/licenses/gpl-2.0.html
  Text Domain:  cnl
*/

/************************************ Global Style  ************************************/
/* font-family: "Khand", sans-serif;
font-family: "Mulish", sans-serif; */
html,
body {
  font-family: "Montserrat", serif;
}
p,
li{
  color: #222;
}
h1{
  font-size: 40px;
}
h2{
  font-size: 35px;
}
/* p:empty {
  display: none !important;
} */
a {
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}
.custom-logo{
  max-width: 100%;
  height: auto;
}
.ysc-cta{
  color: #0420BF;
  padding: 5px 15px;
  display: inline-block;
  text-decoration: none !important;
  border: 1px solid #222;
  background-color: #fff;
  border-radius: 25px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
}
.ysc-cta.cta-bg-w,
.ysc-cta.cta-bg-wb{
  background-color: #fff;
  color: #0420BF;
  border-color: #fff;
}
.ysc-cta.cta-bg-w:hover{
  background-color: #88F2F2;
  color: #0420BF;
  border-color: #88F2F2;
}
.ysc-cta.cta-bg-b,
.ysc-cta.cta-bg-bbl{
  background-color: #044BD9;
  color: #fff;
  border-color: #fff;
}
.ysc-cta.cta-bg-b:hover{
  border-color: #88F2F2;
}
.ysc-cta.cta-bg-wb{
  border-color: #222222;
}
.ysc-cta.cta-bg-wb:hover{
  border-color: #88F2F2;
}
.ysc-cta.cta-bg-bbl:hover{
  background-color: #88F2F2;
  color: #0420BF;
}

/************************************ Header Style  ************************************/
.header-nav-cont{
  padding: 20px 0;
}
.header-nav-cont .menu-item{
  margin: 0 5px;
}
.header-nav-cont .menu-item .nav-link{
  color: #0420BF;
  padding: 5px 15px;
  display: inline-block;
  border: 1px solid transparent;
  background-color: #fff;
  border-radius: 25px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
}
.header-nav-cont .menu-item:hover .nav-link{
  border-color: #222;
}
.header-nav-cont .menu-item.nav-cta .nav-link{
  color: #fff;
  background-color: #0420BF;
  border-color: #0420BF;
}
.header-nav-cont .menu-item.nav-cta:hover .nav-link{
  color: #0420BF;
  background-color: #88F2F2;
  border-color: #88F2F2;
}
/************************************* Body Style  *************************************/


/************************************ Footer Style  ************************************/
.footer-cont .top-footer-cont{
  padding: 30px 0;
  background-color: #044BD9;
}
.footer-cont .top-footer-cont .title{
  margin-bottom: 0;
  color: #fff;
  font-size: 19px;
  margin-right: 20px;
}
.footer-cont .bottom-top-cont{
  background-color: #0420BF;
}
.footer-cont .bottom-top-cont .top-cont{
  padding-top: 50px;
  padding-bottom: 50px;
}
.footer-cont .bottom-top-cont .top-cont .footer-menu{
  list-style: none;
  padding-left: 0;
}
.footer-cont .bottom-top-cont .top-cont .footer-menu li{
  margin-bottom: 20px;
}
.footer-cont .bottom-top-cont .top-cont .footer-menu a{
  color: #fff;
  text-decoration: none !important;
}
.footer-cont .bottom-top-cont .top-cont .footer-menu a:hover{
  color: #88F2F2;
}
.footer-cont .bottom-top-cont .top-cont .help-title{
  color: #fff;
  font-weight: 700;
  margin-bottom: 20px;
}
.footer-cont .bottom-top-cont .top-cont .phone,
.footer-cont .bottom-top-cont .top-cont .email{
  color: #fff;
  text-decoration: none !important;
  display: inline-block;
}
.footer-cont .bottom-top-cont .top-cont .phone svg,
.footer-cont .bottom-top-cont .top-cont .email svg{
  width: 22px;
  fill: #fff;
}
.footer-cont .bottom-top-cont .top-cont .phone:hover,
.footer-cont .bottom-top-cont .top-cont .email:hover{
  color: #88F2F2;
}
.footer-cont .bottom-top-cont .top-cont .help-footer-text{
  color: #fff;
}
.footer-cont .bottom-top-cont .top-cont .social-title{
  color: #fff;
}
.footer-cont .bottom-top-cont .top-cont .social-cont{
  list-style: none;
  padding-left: 0;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.footer-cont .bottom-top-cont .top-cont .social-cont li{
  margin: 5px;
}
.footer-cont .bottom-top-cont .top-cont .social-cont svg{
  fill: #fff;
  width: 50px;
  height: 50px;
  padding: 13px;
  border: 1px solid #fff;
  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
}
.footer-cont .bottom-top-cont .top-cont .social-cont a:hover svg{
  border-color: #88F2F2;
}
.footer-cont .bottom-top-cont .bottom-cont hr{
  color: #3DADF2;
  opacity: 1;
}
.footer-cont .bottom-top-cont .bottom-cont .copyright-text{
  color: #fff;
}
.footer-cont .bottom-top-cont .bottom-cont .privacy-policy{
  color: #fff;
  text-decoration: none !important;
}
.footer-cont .bottom-top-cont .bottom-cont .privacy-policy:hover{
  color: #88F2F2;
}


/************************************ Medias Style  ************************************/
@media(max-width: 991px){
  .header-nav-cont #header-menu{
    padding-top: 20px;
  }
  .header-nav-cont .menu-item{
    margin-bottom: 20px;
  }
}
@media(max-width: 767px){
  .footer-cont .bottom-top-cont .top-cont{
    text-align: center;
  }
  .footer-cont .bottom-top-cont .top-cont .social-cont{
    justify-content: center;
  }
}
@media(max-width: 575px){
  .footer-cont .bottom-top-cont .bottom-cont{
    text-align: center;
  }
}
@media(max-width: 500px){
  .header-nav-cont .custom-logo-link{
    flex-basis: 70%;
    width: 70%;
  }
  .header-nav-cont .navbar-toggler{
    flex-basis: 60px;
    width: 60px;
  }
}