body {
  background-color: #c9d4e6!important;
overflow-x:hidden;
}

html, body {
  width: 100%!important;
 color:000;
}

:root {
  --nss-bg: rgb(79, 69, 54, .9); /* 4f4536 Define a root variable for primary color */
  --nss-txt-pri: rgb(60, 14, 116); /* Define a root variable for primary color */
  /* --nss-txt-pri: rgb(30, 214, 88); Define a root variable for primary color */

}

/* ----------------- */
/* LAZYLOAD
/* ----------------- */
img.lazy, video.lazy {
  opacity: 0;
}
img:not(.initial), video:not(.initial) {
  transition: opacity 1s;
}
img.initial,video.initial,
img.loaded, video.loaded,
img.error, video.error {
  opacity: 1;
}

img:not([src]) {
  visibility: hidden;
}

@-moz-document url-prefix() {
  img:-moz-loading {
    visibility: hidden;
  }
}






h1, h2, h3 {
  /* font-family: times; */
  font-size:14px;
  font-family: "Arial", sans-serif;
  font-weight:700;
  color:black;
}

h1 {
  text-transform:uppercase;
  color:var(--nss-txt-pri)!important; 
}

.survey-img {
min-height:100vh;
}

img {
  top: 0;
  left: 0;
  width:100%;
  height:100%;
  object-fit: cover;
  object-position: 50% 50%; /* default position */
background-color:#c9d4e6!important;
}

.nss_img {
  top: 0;
  left: 0;
  width:100%;
  height:100%;
  position: relative;
  text-align: center;
}

.nss_img_credit {
bottom:0;
position:absolute;
  z-index:10;
  padding:0px 8px;
  line-height:0!important;
}

.nss_spon {
  position: absolute;
  bottom: 0;
  width:100%;
}

/*SURVEY VARIABLES */
.wp-sjs-plugin {
  margin:0!important;
}
.survey {
  background-color:#c9d4e6;
}

a {
  text-decoration:none;
  color:black;
}
a:hover {
  text-decoration:underline;
  color:black;
}

a.ul {
  text-decoration:underline;
}

.sd-element__title span{
  font-size:14px!important;
  font-family: "Arial", sans-serif!important;
  font-weight:700!important;
  line-height:1;
}
.sd-body {
  padding:2px!important;

}
.sd-input {
  background-color:#c9d4e6;
  opacity:100%;
  border-radius:4px!important;
  font-size:14px!important;
  font-family: "Arial", sans-serif;
  font-weight:700!important;
 
  padding:2px 4px!important;
  -webkit-box-shadow: inset 0 0 40px var(--nss-txt-pri)!important ;
  -moz-box-shadow: inset 0 0 40px var(--nss-txt-pri)!important;
  box-shadow: inset 0 0 40px var(--nss-txt-pri)!important;
  
}

span.sv-string-viewer {
  color:black!important;
  font-size:14px!important;
  font-family: "Arial", sans-serif!important;
  font-weight:700!important;
  font-weight: bold!important;
}

.sd-boolean {
  background-color:#c9d4e6!important;
}

.sd-boolean__label span {
  padding:0px!important;
}

.sd-boolean__thumb,.sd-boolean__thumb span  {
  background-color:black!important /*BTNBG*/;
  color:#c9d4e6!important;
}

.sd-boolean__thumb-ghost:hover {
  background-color:rgba(0,0,0, .2)!important;
  color:#c9d4e6!important;

}

.sd-navigation__complete-btn {
  background-color:rgba(0,0,0, .2)!important;
  color:#c9d4e6!important;
  border:0;
  border-radius:4px;
  text-transform:uppercase;
  font-size:14px;
  font-family: "Arial", sans-serif;
  font-weight:700;

}
.sd-navigation__complete-btn:hover {
  color:#c9d4e6!important;
  background-color:black!important /*BTNBG*/;
  
}

.sd-completedpage:before,
.sd-completedpage:after {
  display:inline;
  margin-left:0px!important;
}

.sd-completedpage h2, .sd-completedpage h3 {
  font-size:14px;
  font-family: "Arial", sans-serif;
  font-weight:700;
}

.sd-boolean.sd-boolean--allowhover:focus-within {
  box-shadow: 0 0 0 2px #3c0e74!important;
}