/*
Theme Name: Out On Screen
Author: Coeffect
Author URI: http://coeffect.ca/
Text Domain: oos
Description: Custom Theme for Out On Screen
Version: 1.3.0
*/


body {
  font-family: 'Space Grotesk', sans-serif;
  font-size: 1.1rem;
  overflow-x: hidden;
}

p,li,label {
  font-weight: 300;
  color: #000;
}

h1, h2,h3,h4,h5,h6 {
  color: #000;
}

h1 {
  font-size: 60px;
  font-size: 4.5vw;
  font-weight: 100;
  display: block;
  overflow-wrap: normal;
}

h2 {
  font-size: 60px;
  font-weight: 100;
}

strong {
  font-weight: 700;
}
h3,h4,h5,h6 {
  font-weight: 400;
}

a,
a:hover{
  color: #ff0086;
}

body .uwy.userway_p3 .uai {
  bottom: 120px !important;
  transform: scale(1.32) !important;
  right: 48px !important;
}

body .uwy:not(.uh) .uai:hover {
  transform: scale(1.32) !important;
}

body .uwy.userway_p1.userway_hidden .uai, body .uwy.userway_p2.userway_hidden .uai, body .uwy.userway_p3.userway_hidden .uai {
  transform: scale(1.3) translate(100%,-50%) !important;
  right: 20px !important;
}

/*body .uwy.userway_p3 .uai {
  right: 40px!important;
}

body .uwy.userway_p1.userway_hidden .uai, body .uwy.userway_p2.userway_hidden .uai, body .uwy.userway_p3.userway_hidden .uai {
  transform: translate(140%,-50%) !important;
}*/

.uw-sl,
.uwy, body .uwy{
  z-index: 50!important;
}

@media all and (min-width: 1600px) {
  h1 {
    font-size: 60px;
  }
}

@media all and (max-width: 992px) {
  h1 {
    font-size: 3em;
  }

  body .uwy.userway_p3 .uai {
    bottom: 0 !important;
    transform: scale(1.32) !important;
    right: 0 !important;
  }

  body .uwy.userway_p3 .userway_buttons_wrapper {
    bottom: 90px !important;
    left: calc(100vw - 25px) !important;
  }

}