@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700;800;900&display=swap');

:root {
  --custom-color-dark: #404040;
  --custom-color-light-grey:#ABABAB;
  --custom-color-dark-grey:#615B57;
  --custom-color-purple: #7040B3;
  --custom-color-light-purple: #673ca3;
  --custom-color-yeallow: #F1A912;
  --custom-color-light-yeallow: #ffb014;
}

body,
html {
  font-family: 'Poppins', sans-serif;
}

input[name=sender] {
  /* bait input */
  /*
       don't use display:none or visibility:hidden
       cause that will not fool the bot
  */
  position: absolute;
  left: -2000px;
}

.ajax-load{position: fixed; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(0,0,0,0.4); display: none;}

.list-inline li{display: inline;}

.social-icons-link:hover{text-decoration: none;}
.social-icons-link img:hover{filter: brightness(120%);}

.content-centered {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media (max-width: 600px) {
  .content-centered{
    position: relative;
  }

  .pd-bottom-sm-0{
    padding-bottom: 0!important;
  }

  .sm-reverse{
    display: flex;
    flex-direction: column-reverse;
  }
}


/* MENUS */
.footer__logo{
  margin-top:50px;
  max-width: 260px;
}

.navbar__brand {
  width: 120px;
}

#navBar .nav-link {
  font-weight: 500;
  transition: all ease .2s;
  color: #ffff;
  font-size: 14px;
}

#navBar .active,
#navBar .nav-link:hover {
  text-decoration: underline;
  text-underline-offset: 10px;
  text-decoration-thickness: 3px;
  color: #ffff
}

#navBar .nav-item {
  margin-left: 13px;
  margin-right: 13px;
}

#topNav{
  display: none;
}

.topnav__contacts {
  font-size: 13px;
}

.topnav__contacts .nav-link {
  padding-left: 0;
}

.topnav__social_icons {
  margin-right: -15px;
}

.topnav__contacts .nav-link {
  transition: all ease .3s;
}

.topnav__social_icons .nav-link:hover {
  background-color: var(--custom-color-light-purple);
}

@media (max-width: 600px) {
  .topnav__social_icons {
    justify-content: start !important;
    margin-left: -30px !important;
  }

  .topnav__contacts {
    margin-left: -13px;
  }

  #navBar .active,
  #navBar .nav-link:hover {
    text-decoration: underline;
    text-underline-offset: 12px;
    text-decoration-thickness: 2px;
  }
}

/* BACKGROUNDS */
.bg-custom-dark {
  background-color: var(--custom-color-dark);
}

.bg-custom-light-grey{
  background-color: var(--custom-color-light-grey);
}

.bg-custom-dark-grey{
  background-color: var(--custom-color-dark-grey);
}

.bg-custom-purple {
  background-color: var(--custom-color-purple);
}

.bg-custom-light-purple {
  background-color: var(--custom-color-light-purple);
}

.bg-custom-color-yeallow {
  background-color: var(--custom-color-yeallow);
}

/* CONTAINER */
.section-container {
  padding-top: 30px;
  padding-bottom: 30px;
}

/* BUTTONS */
.btn-purple {
  background-color: var(--custom-color-purple);
  border-color: var(--custom-color-purple) !important;
  color: white;
}

.btn-purple:hover {
  background-color: var(--custom-color-light-purple);
  border-color: var(--custom-color-light-purple) !important;

}

.btn-yellow {
  background-color: var(--custom-color-yeallow);
  border-color: var(--custom-color-yeallow) !important;
}

.btn-yellow:hover {
  background-color: var(--custom-color-light-yeallow);
  border-color: var(--custom-color-light-yeallow) !important;

}

/* TEXTS */
.text-purple {
  color: var(--custom-color-purple);
}

.text-yellow {
  color: var(--custom-color-yeallow);
}

/* SECTIONS */
.section-title-sm{
  font-weight: 600;
}

.section-title,
.section-title-big {
  font-weight: 700;
}
.section-title {
  font-size: 22px;
}

.section-title-sm {
  font-size: 18px;
}

.section-title-big {
  font-size: 35px;
}

.section-title-bigger{
  font-size: 45px;
}

@media (max-width: 700px){
  .section-title-big{
    font-size: 24px;
  }

  .section-title-bigger{
    font-size: 26px;
  }
  .section-title{
    font-size: 18px;
  }
}

/* CARDS */
.card{
  box-shadow: none!important;
}
.card-title{
  font-weight: 600;
  font-size: 18px;
}

/*FORMS*/
.custom-form {
  width: 85%;
  padding: 4%;
  margin: 0 auto;
}

input[type='file'] {
  color: transparent;
}

@media screen and (max-width: 768px) {
  .custom-form {
    width: 85%;
  }
}

@media screen and (max-width: 500px) {
  .custom-form {
    width: 100%;
  }
}

/* HOME CAROUSEL */
#homeCarousel img {
  width: 100%;
}

#homeCarousel .carousel-caption {
  position: static;
}

#homeCarousel .carousel-caption>p {
  max-width: 700px;
}

.carousel-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, .5);
  display: flex;
  justify-content: center;
  align-items: center;
}

.carousel.carousel-fade .carousel-item {
  display: block;
  opacity: 0;
  transition: opacity ease-out .5s;
}

.carousel.carousel-fade .carousel-item.active {
  opacity: 1 !important;
}

@media (max-width: 700px) {
  #homeCarousel h3 {
    font-size: 14px;
  }

  #homeCarousel p {
    font-size: 12px;
  }

  #homeCarousel .carousel-indicators {
    display: none;
  }

  #topNav{
    /* display: block; */
  }

  .footer__logo{
    margin-top: auto;
  }

  .mobile-hide{
    display: none!important;
  }
}


/*WIDGETS*/
.widget-wrapper {
  position: fixed;
  z-index: 222;
  bottom: 20px;
}

.widget-position-right {
  right: 4px;
}

.widget-position-left {
  left: 4px;
}

.widget-wrapper li {
  margin: 5px 2px;
}

.widget-container {
  width: 50px;
  cursor: pointer;
  text-align: center;
  padding: 10px;
}

.widget-container:hover {
  box-shadow: 0 2px 10px black !important;
}

.widget-container {
  font-size: 2rem !important;
  color: white;
  padding: 0;
}