/*
Theme Name: Xynexis Ignite Wordpress Theme
Theme URI: https://github.com/IslandMediaManagement/imm-starter-theme
Author: Island Media Management
Author URI: https://islandmediamanagement.com
Description: Island Media Management default starter Wordpress theme for client website development with custom needs
Version: 3.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: imm-starter-theme
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

IMM Starter Theme is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
*/
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

html,
body {
  overflow-x: hidden;
  background-color: #fff;
}

html,
body,
p,
a,
h6 {
  font-family: 'Roboto', Arial;
  font-size: 16px;
  line-height: 1.5;
  font-weight: 300;
  letter-spacing: 0;
  color: #20242F;
  transition: all ease .3s;
}

a:not(.btn):not(.btn-style):hover{
    color:#90C343 !important;
}

h1,
h2,
h3,
h4,
h5 {
  font-family: 'Roboto', Arial;
  font-weight: 100;
  line-height: 1.2;
  letter-spacing: 1px;
}

h1 {
  letter-spacing: 1px;
  font-size: 55px;
  font-weight: 100;
  line-height: 1.2;
}

h2 {
  font-size: 40px;
  letter-spacing: 2px;
  line-height: 1.2;
}

h3 {
  font-size: 24px;
  letter-spacing: 0px;
  font-weight: 100;
}

h4 {
  font-size: 16px;
}

h5 {
  font-size: 16px;
}

h6 {
  font-size: 16px;
}

button,
a,
a:hover {
  text-decoration: none;
  outline: none;
}

blockquote {
  display: block;
  padding: 10px 30px;
  padding-left: 40px;
  position: relative;
  margin-bottom: 20px;
}

blockquote p:last-child {
  margin-bottom: 0;
}

blockquote:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 2px;
  height: 100%;
  background: rgb(25, 60, 196);
  background: linear-gradient(180deg, rgba(25, 60, 196, 1) 0%, rgba(36, 136, 237, 1) 65%, rgba(8, 255, 255, 1) 100%);
}

.btn-style {
  display: inline-block;
  position: relative;
  border-radius: 30px;
  color: #fff;
  padding: 10px 30px;
  border: none;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-size: 16px;
  z-index: 1;

  background: linear-gradient(135deg, rgba(181,251,80,1) 0%, rgba(47,187,4,1) 100%);
  background-size: 100%;
  transition: all ease .5s;
}

.btn-style:hover {
  color: #fff;
  background-size: 200%;
}

.btn-style.btn-green,
.btn-style.btn-green-white {
  background-image: none !important;
  background-color: transparent;
  border: 1px solid #90C343;
  color:#90C343;
}

.btn-style.btn-green-white {
  background-color: transparent;
  color: #20242F;
}

.btn-style.btn-green:hover,
.btn-style.btn-green-white:hover {
  background-color: #90C343;
  color: #fff;
}

.btn-style.btn-plain {
  background-image: none;
  padding-left: 0;
  padding-right: 0;
}

.btn-style.btn-plain:after,
.btn-style.btn-plain:before {
  content: '';
  display: block;
  width: auto;
  height: 1px;
  background-image: linear-gradient(90deg, rgba(190, 69, 255, 1) 0%, rgba(233, 188, 30, 1) 100%);
  position: absolute;
  bottom: 5px;
  left: 0px;
  right: 0px;
  transition: all ease .5s;
}

.btn-style.btn-plain:hover:after {
  opacity: 0;
}

.btn-style.btn-plain:before {
  background-image: linear-gradient(-90deg, rgba(190, 69, 255, 1) 0%, rgba(233, 188, 30, 1) 100%);
}

.btn-style.btn-white {
  background: none;
  background-color: transparent;
  border: 1px solid #fff;
}

.btn-style.btn-white:hover {
  background-color: #fff;
  color: #20242F;
}

.btn-style.btn-white:before,
.btn-style.btn-white:after {
  display: none !important;
}
[data-gradient-mode="true"]{
    background: rgb(235,235,235);
background: linear-gradient(180deg, rgba(235,235,235,1) 0%, rgba(255,255,255,1) 100%);
}

.form-group {
  position: relative;
  margin-bottom: 30px;
}
.form-group a:hover{
  color: #90C343;
}
.form-group br {
  display: none;
}

.form-group label {
  position: absolute;
  top: 9px;
  left: 30px;
  font-weight: 100;
  display: block;
}

.form-group .wpcf7-not-valid-tip {
  display: block;
  position: absolute;
  top: calc(100% + 8px);
  font-weight: 100;
  font-size: 14px;
  left: 0;
  margin-top: 5px;
  padding-left: 30px;
  padding-right: 30px;
}

button {
  outline: none !important;
  box-shadow: none !important;
  cursor: pointer !important;
}

input[type="text"],
input[type="email"],
textarea {
  width: 100%;
  padding: 7px 30px;
  border: none;
  background-color: transparent;
  border: 1px solid #20242F;
  border-radius: 25px;
  outline: none;
  color: #20242F;
}

textarea {
  min-height: 200px;
}

.form-group label {
  position: absolute;
  top: 9px;
  left: 30px;
  font-weight: 100;
  display: block;
}

.form-group .wpcf7-not-valid-tip {
  display: block;
  position: absolute;
  top: calc(100% + 8px);
  font-weight: 100;
  font-size: 14px;
  color:#2fbb04;
  left: 0;
  margin-top: 5px;
  padding-left: 30px;
  padding-right: 30px;
}



/*
* Lazyload
 */
.lazy-wrapper {
  background-color: #d0d0d0;
}

.lazyload:not(.ignore-conflict),
.lazyloading:not(.ignore-conflict) {
  opacity: 0;
}

.lazyloaded:not(.ignore-conflict) {
  opacity: 1;
  background-color: transparent !important;
  transition: all 300ms;
}

.no-padding-top,
.no-padding-top>div[class*="so-widget-"]>* {
  padding-top: 0
}

.no-padding-bottom,
.no-padding-bottom>div[class*="so-widget-"]>* {
  padding-bottom: 0
}

@media (max-width: 992px){
  .no-padding-top-mobile,
  .no-padding-top-mobile>div[class*="so-widget-"]>*{
    padding-top: 0
  }
  .no-padding-bottom-mobile,
  .no-padding-bottom-mobile>div[class*="so-widget-"]>*{
    padding-bottom: 0
  }
}


/*
* Skeleton Loader
 */
.loader .box {
  background-color: #f3f3f3;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.loader .box::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, #f3f3f3, #f9f9f9, #f3f3f3);
  -webkit-animation: progress 1s ease-in-out infinite;
  animation: progress 1s ease-in-out infinite;
}

@-webkit-keyframes progress {
  0% {
    transform: translate3d(-100%, 0, 0);
  }

  100% {
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes progress {
  0% {
    transform: translate3d(-100%, 0, 0);
  }

  100% {
    transform: translate3d(100%, 0, 0);
  }
}

div.wpcf7 .form-group .ajax-loader {
  background: 0 0;
  margin-left: 10px;
  width: 30px;
  height: 30px;
  position: relative
}

div.wpcf7 .form-group .ajax-loader:before,
div.wpcf7 .form-group .ajax-loader:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 50%;
  border: 3px solid rgba(181,251,80,1);
  border-top: 3px solid transparent;
  -webkit-animation: submitContact linear 2s infinite;
  animation: submitContact linear 2s infinite
}

div.wpcf7 .form-group .ajax-loader:after {
  top: 7px;
  left: 7px;
  right: 7px;
  bottom: 7px;
  /* background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(190, 69, 255, 1)), to(rgba(233, 188, 30, 1)));
  background-image: linear-gradient(180deg, rgba(190, 69, 255, 1) 0%, rgba(233, 188, 30, 1) 100%); */
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(181,251,80,1) 0%), to(rgba(47,187,4,1) 100%));
  background-image: linear-gradient(135deg, rgba(181,251,80,1) 0%, rgba(47,187,4,1) 100%);
  border: none;
  -webkit-animation: submitContact2 ease 1s infinite;
  animation: submitContact2 ease 1s infinite
}

@-webkit-keyframes submitContact {
  0% {
    transform: rotate(0deg)
  }

  100% {
    transform: rotate(360deg)
  }
}

@keyframes submitContact {
  0% {
    transform: rotate(0deg)
  }

  100% {
    transform: rotate(360deg)
  }
}

@-webkit-keyframes submitContact2 {
  0% {
    opacity: 0
  }

  50% {
    opacity: 1
  }

  100% {
    opacity: 0
  }
}

@keyframes submitContact2 {
  0% {
    opacity: 0
  }

  50% {
    opacity: 1
  }

  100% {
    opacity: 0
  }
}

.form-group label {
  opacity: 1;
  pointer-events: none;
  transition: all ease .3s;
}

.form-group.focused label {
  opacity: 0;
}

.form-group .wpcf7-response-output {
  margin: 0;
  background-color: #fff;
  text-align: center;
  color: #20242F;
  padding: 15px;
  padding-left: 45px;
  position: relative
}

.form-group .wpcf7-response-output:before {
  content: '';
  display: block;
  position: absolute;
  height: 100%;
  width: 30px;
  left: 0;
  top: 0;
  background-color: red;
  opacity: .7
}

.wpcf7-form.sent .form-group .wpcf7-response-output:before {
  background-color: #46b450;
}

.wpcf7-form.invalid .form-group .wpcf7-response-output:before {
  background-color: #ffb900;
}

.form-group div.wpcf7-validation-errors:before,
.form-group div.wpcf7-acceptance-missing:before {
  background-color: #f7e700
}

.form-group div.wpcf7-mail-sent-ok:before {
  background-color: #398f14
}

.form-group div.wpcf7-mail-sent-ng:before,
.form-group div.wpcf7-aborted:before {
  background-color: red
}

.form-group div.wpcf7-spam-blocked:before {
  background-color: orange
}

.form-group div.wpcf7-validation-errors:before,
.form-group div.wpcf7-acceptance-missing:before {
  background-color: #90C343
}

.form-group .wpcf7-form-control-wrap.opt-in .wpcf7-list-item{
    display:block;
    margin:0;
    position:relative;
}
.form-group .wpcf7-form-control-wrap.opt-in .wpcf7-list-item input[type="checkbox"]{
    display:block;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index: 32;
    cursor: pointer;
    opacity: 0;
}
.form-group .wpcf7-form-control-wrap.opt-in .wpcf7-list-item .wpcf7-list-item-label{
    display:block;
    position:relative;
    padding-left: 40px;
}
.form-group .wpcf7-form-control-wrap.opt-in .wpcf7-list-item .wpcf7-list-item-label:before{
    content: '';
    display:block;
    position:absolute;
    top:50%;
    transform: translatey(-50%);
    left:0;
    width:25px;
    height:25px;
    border:1px solid #000;
    border-radius:50%;
}
.form-group .wpcf7-form-control-wrap.opt-in .wpcf7-list-item .wpcf7-list-item-label:after{
    content: '';
    display:block;
    position:absolute;
    top:40%;
    left:8px;
    width:8px;
    height:15px;
    opacity:0;
    transform: translatey(-50%)rotate(45deg);
    border:1px solid #90c343;
    border-top:1px solid transparent;
    border-left:1px solid transparent;
}
.form-group .wpcf7-form-control-wrap.opt-in .wpcf7-list-item input[type="checkbox"]:checked+.wpcf7-list-item-label:after{
    opacity:1;
}

@media (max-width:991px) {
  h1 {
    font-size: 36px;
  }

  h2 {
    font-size: 30px;
  }

  h3 {
    font-size: 20px;
  }

  .container {
    padding-left: 30px;
    padding-right: 30px;
  }
}

.slick-slide {
  outline: none
}

body .grecaptcha-badge{
  visibility: hidden;
  pointer-events: none;
  opacity: 0;
}