/*  MICROTHEMER STYLES  */


/*= General =================== */

/** General >> header **/
body .elementor-location-header .kowp_logo_website a img {
  max-width: 100px !important;
}

body .elementor-location-header .elementor-widget-nav-menu ul.elementor-nav-menu li a {
  text-transform: uppercase;
  letter-spacing: 0.75px;
  font-size: 17px !important;
}

body .elementor-location-header .elementor-widget-nav-menu ul.elementor-nav-menu li:last-of-type {
  padding: 4px 12px;
  border: 1px solid #ffffff;
  border-radius: 20px;
}

body .elementor-location-header .elementor-widget-nav-menu ul.elementor-nav-menu li:last-of-type:hover {
  background-color: #ffffff;
}

body .elementor-location-header .elementor-widget-nav-menu ul.elementor-nav-menu li:last-of-type:hover a:hover {
  color: #102A43 !important;
}

body .elementor-location-header .elementor-widget-nav-menu ul.elementor-nav-menu li:last-of-type a:hover {
  color: #102A43 !important;
}

body .elementor-location-header .elementor-widget-nav-menu nav.elementor-nav-menu--dropdown ul.elementor-nav-menu {
  padding-top: 24px;
}

body .elementor-location-header .elementor-widget-nav-menu nav.elementor-nav-menu--dropdown ul.elementor-nav-menu li:last-of-type {
  padding: 0px;
  border: none;
  border-radius: 0px;
}

body .elementor-location-header .elementor-widget-nav-menu nav.elementor-nav-menu--dropdown ul.elementor-nav-menu li:last-of-type a {
  padding: 24px;
}

/** General >> general **/
body .slick-slider .slick-list .slick-track .slick-slide img {
  border-radius: 0px !important;
}

body .wbm_features {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15), 0 3px 6px rgba(0, 0, 0, 0.1);
}

@media (max-width: 1024px) {
  body .wbm_features {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 767px) {
  body .wbm_features {
    grid-template-columns: repeat(1, 1fr);
  }
}

body .wbm_features .item {
  position: relative;
  border: 1px solid #F0F4F8;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-transition: opacity .2s;
  transition: opacity .2s;
}

body .wbm_features .item .content-front {
  padding: 96px 48px;
  text-align: center;
  -webkit-transition: opacity 0.1 0.5s;
  transition: opacity 0.1 0.5s;
  opacity: 1;
}

body .wbm_features .item .content-front img {
  margin-bottom: -12px !important;
  width: 150px !important;
}

body .wbm_features .item .content-front .title {
  font-size: 24.2px;
  margin: 0px;
}

body .wbm_features .item .content-back {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 48px;
  opacity: 0;
  -webkit-transition: opacity .2s;
  transition: opacity .2s;
  text-align: center;
}

body .wbm_features .item .content-back p,
body .wbm_features .item .content-back div,
body .wbm_features .item .content-back h1,
body .wbm_features .item .content-back h2,
body .wbm_features .item .content-back h3,
body .wbm_features .item .content-back h4,
body .wbm_features .item .content-back h5,
body .wbm_features .item .content-back h6,
body .wbm_features .item .content-back span {
  color: #ffffff;
}

body .wbm_features .item:hover .content-front {
  opacity: 0;
}

body .wbm_features .item:hover .content-back {
  opacity: 1;
}

body .wbm_features .item:hover.family_friendly .content-back {
  background-color: #3e8bc9;
}

body .wbm_features .item:hover.social .content-back {
  background-color: #96c23c;
}

body .wbm_features .item:hover.operational_efficient .content-back {
  background-color: #cb4745;
}

body .wbm_features .item:hover.always_pole_position .content-back {
  background-color: #f4c157;
}

body .wbm_features .item:hover.hard_wearing_hardware .content-back {
  background-color: #3e8bc9;
}

body .wbm_features .item:hover.eye_catcher .content-back {
  background-color: #96c23c;
}

body #kowp_smart_button_wrapper.show {
  display: normal !important;
}

body #kowp_smart_button_wrapper {
  -webkit-transition: opacity .5s;
  transition: opacity .5s;
  bottom: 48px;
  right: 48px !important;
  visibility: hidden;
  opacity: 0;
}

@media (max-width: 767px) {
  body #kowp_smart_button_wrapper {
    bottom: 24px;
    right: 24px !important;
  }
}

body #kowp_smart_button_wrapper.show {
  visibility: visible !important;
  opacity: 1;
}

body #kowp_smart_button_wrapper #kowp_smart_button {
  background: linear-gradient(180deg, #d05957 0%, #a23837 100%);
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 12px;
  padding-right: 12px;
  width: auto;
}

body #kowp_smart_button_wrapper #kowp_smart_button span.label {
  letter-spacing: 0.75px;
  text-transform: uppercase;
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 600;
  font-size: 19px;
}

body #kowp_smart_button_wrapper #kowp_smart_button:hover {
  background: linear-gradient(180deg, #cb4745 0%, #8e3130 100%);
}

body .wpforms-confirmation-container-full {
  background-color: #F0F4F8 !important;
  border-radius: 10px;
}

body .wpforms-confirmation-container-full p {
  text-align: center;
  color: #102A43 !important;
}

/** General >> page home **/
@media (max-width: 1024px) {
  .home h1 {
    font-size: 40px !important;
  }
}

@media (max-width: 767px) {
  .home h1 {
    font-size: 35px !important;
  }
}

/** General >> Popups **/
.dialog-widget button[type=submit] {
  background-color: #3e89c9;
}

.dialog-widget button[type=submit]:hover {
  background-color: #3370a5;
}

/** General >> page game **/
body .wbm_game_link_youtube .elementor-heading-title {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  justify-content: center;
}

body .wbm_game_link_youtube .elementor-heading-title a {
  background-color: #ffffff;
  padding: 24px;
  border-radius: 20px;
  font-size: 24px;
  line-height: 1.3em;
  font-family: "Montserrat", sans-serif;
  letter-spacing: 0.75px;
  color: inherit !important;
}

body .wbm_game_link_youtube .elementor-heading-title a:hover {
  background-color: #F0F4F8;
}