/* lgs style for contentbox published content*/
.is-section-centered {
    margin:auto !important;
    float:none !important;
    max-width:1100px;
}
.is-menu-centered {
    left:0%;
    right:0%;
    margin-left: auto;
    margin-right: auto;
    float:none !important;
    max-width:1100px;
}
.is-vertical-center {
    position: relative !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
}
#_cbhtml div.is-pop-tab-item.active {
    background-color: lightblue !important;
}
#_cbhtml .elementstyles .is-settings button.is-btn-color, #_cbhtml .is-ui .elementstyles .is-settings button.is-btn-color,
#_cbhtml .is-modal button.is-btn-color, .is-ui .is-modal button.is-btn-color {
    border: rgba(0, 0, 0, 0.3) 1px solid !important;
}
/* following correctly centers logo image vertically*/

.is-topbar-logo {
    margin: 0;
/*    display: table-cell;*/
/*    position: absolute;
    top: 50%;
    transform: translateY(-50%);
*/
}
.is-topbar-container {
    display:flex;
    margin-left:5%;
}
.is-menu-toggle {
    position: absolute;
    right: 0;
}
.is-topbar-menu {
    position: absolute;
/* fixing menu dropdown cutoff on tablet landscape width */
    right: 10%;
}
/*
trying to shift submenu left, not working
    .is-menu li ul ul {left:100%;top:0;}
*/
/*
.is-topbar-menu-lgs {
    right: 5%;
    margin: 0;
    position: absolute;
    top: 50%;
}
*/
/* this allows menu items to wrap, not implementing*/
/*
@media (min-width: 1025px) {
.is-menu > ul > li {
    display: inline-block;
}
}
*/

/* fix line height for site name when word wrapping */
.is-sitename {
    line-height: normal;
/* unset following to allow .is-logo-link to adjust font size*/
    font-size: unset;
    white-space: nowrap;
}

#is-menu-toggle {
    margin: 15px !important;
    position: fixed;
    right: 0;
}

/*
.is-menu > ul > li > a {
    padding: 0px 30px;
}
*/

/*
.is-wrapper[style] {
   transform: none !important;
}
*/
/* slider */
/*
.slick-list,.slick-slider,.slick-track{position:relative;display:block}
.slick-loading .slick-slide,.slick-loading .slick-track{visibility:hidden}
.slick-slider{-moz-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.slick-list{overflow:hidden;margin:0;padding:0}
.slick-list:focus{outline:0}
.slick-list.dragging{cursor:pointer;cursor:hand}
.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.slick-track{top:0;left:0}
.slick-track:after,.slick-track:before{display:table;content:''}
.slick-track:after{clear:both}
.slick-slide{display:none;float:left;height:100%;min-height:1px}
[dir=rtl] .slick-slide{float:right}
.slick-slide img{display:block}
.slick-slide.slick-loading img{display:none}
.slick-slide.dragging img{pointer-events:none}
.slick-initialized .slick-slide{display:block}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}
.slick-arrow.slick-hidden{display:none}
@charset 'UTF-8';.slick-list,.slick-track{height:100%!important}
.slick-next,.slick-prev{background:0 0;font-size:0;line-height:0;position:absolute;top:50%;display:block;padding:0;margin-top:-10px\9;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);cursor:pointer;color:transparent;border:none;outline:0}
.slick-next:focus,.slick-next:hover,.slick-prev:focus,.slick-prev:hover{color:transparent;outline:0;background:0 0}
.slick-next:hover:before,.slick-prev:hover:before{opacity:.8}
.slick-next.slick-disabled:before,.slick-prev.slick-disabled:before{opacity:.25}
.slick-next:before,.slick-prev:before{font-size:50px;line-height:1;opacity:.8;color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.slick-prev{
left:30px;
z-index:11;
opacity:.7;
width:30px;
height:30px;
}
[dir=rtl] .slick-prev{right:-25px;left:auto}
}
.slick-prev:hover{opacity:1}
.slick-next{
right:30px;z-index:11;opacity:.7;width:30px;height:30px;
}
[dir=rtl] .slick-next{right:auto;left:-25px}.slider-on-content 
}
.slick-next:hover{opacity:1}
.slick-slider{height:100%}
.slick-dots{
z-index:10;position:absolute;bottom:25px;margin:0;display:block;width:100%;padding:0;list-style:none;text-align:center
}
.slick-dots li,.slick-dots li button{
width:10px;height:10px;padding:0;cursor:pointer
}
.slick-dots li button{
font-size:0;line-height:0;display:block;color:transparent;border:0;outline:0;background:0 0
}
.slick-dots li{
position:relative;display:inline-block;margin:0 7px;border-radius:500px;border:1px solid rgba(255,255,255,.7)
}
.slick-dots li.slick-active,.slick-dots li:hover{background:rgba(255,255,255,.5)}.slick-dots.dark li{border:1px solid rgba(0,0,0,.5)}.slick-dots.dark li.slick-active,.slick-dots.dark li:hover{background:rgba(0,0,0,.7)}
.slider-image { background-size:cover;background-position:50% 60%;background-repeat:no-repeat;width:100%;height:100%;display:table !important;outline:none; }
.slider-content{ display: table-cell;box-sizing:border-box;padding:50px 70px 50px;text-decoration:none;opacity:0.85}
.slider-on-box .slider-content {padding:65px 80px 70px;}
.slider-on-box .slick-dots {bottom:35px}


.slick-prev:before {
  content: "<";
}
.slick-next:before {
  content: ">";
}


.slick-next:before,.slick-prev:before {
  color: red;
  opacity:1;
  font-size: 50px;
  outline:0;
  background:0 0;
  font-weight: 900;
}
*/
/*
#awhite.slick-prev{
   background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E") !important;
}
#awhite.slick-next{
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E") !important;
}
#ared.slick-prev {
   background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ff0000' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E") !important;
}
#ared.slick-next {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ff0000' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E") !important;
}
#ayellow.slick-prev {
   background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffff00' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E") !important;
}
#ayellow.slick-next {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffff00' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E") !important;
}
#ablack.slick-prev {
   background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E") !important;
}
#ablack.slick-next {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E") !important;
}
*/
/*Custom arrows*/

.paginator{
  position: relative;
  float: right;
  margin-bottom: 20px;

  li{
    margin-top: 20px;
    position: relative;
    float: left;

    margin-right: 20px;

    &.myprev{
/*
      display: block;
      height: 20px;
      width: 20px;
      background: url('../img/back.png') no-repeat;
*/
    position:relative;
    }
    &.myprev:before {
    content: "\25AE";  /* this is your text. You can also use UTF-8 character codes as I do here */
    font-family: FontAwesome;
    left:-5px;
    position:absolute;
    top:0;
    }

    &.mynext{
/*
      display: block;
      height: 20px;
      width: 20px;
      background: url('../img/next.png') no-repeat;
*/
    position:relative;
    }
    &.mynext:before {
    content: "\25AE";  /* this is your text. You can also use UTF-8 character codes as I do here */
    font-family: FontAwesome;
    left:-5px;
    position:absolute;
    top:0;
    }
  }
}
/*
.glide__bullet {
  background-color: rgba(255, 255, 255, 0.7) !important;
  width: 14px;
  height: 14px;
  padding: 0;
  border-radius: 50%;
  border: 3px solid black !important;
  transition: all 300ms ease-in-out;
  cursor: pointer;
  line-height: 0;
  box-shadow: 0 0.25em 0.5em 0 rgba(0, 0, 0, 0.2);
  margin: 0 0.25em; }
  .glide__bullet:focus {
    outline: none; }

.is-dark-text .glide__bullet,
.is-light-text .is-dark-text .glide__bullet,
.is-light-text .glide__bullet,
.is-dark-text .is-light-text .glide__bullet {
  border: 3px solid black !important;
}

  .glide__bullet:hover,
  .glide__bullet:focus,
  .glide__bullet--active,

  .is-dark-text .glide__bullet--active,
  .is-light-text .glide__bullet--active,
  .is-light-text .is-dark-text .glide__bullet--active,
  .is-dark-text .is-light-text .glide__bullet--active {
    border: 3px solid white !important;
    background-color: rgba(0, 0, 0, 0.7) !important; }

.is-light-text .glide__bullet--active,
.is-dark-text .is-light-text .glide__bullet--active {
    border: 3px solid white !important;
    background-color: rgba(0, 0, 0, 0.7) !important; }
*/
._use-mixblend {
    mix-blend-mode: difference;
}

a:link {color: blue;}
a:visited {color: purple;}

.glide__bullet {
    width: 11px;
    height: 11px;
}
/* deactivate dark text mode for arrows, breaks with mix-blend-mode */

.is-dark-text .glide__arrows button._use-mixblend.glide__arrow i,
.is-light-text .is-dark-text .glide__arrows button._use-mixblend.glide__arrow i {
    color: rgba(255,255,255,0.93) !important;
}

.is-dark-text .glide__arrows button.glide__arrow,
.is-light-text .is-dark-text .glide__arrows button.glide__arrow {
    background-color: rgba(255,255,255,0.2) !important;
}

.is-light-text .glide__arrows button.glide__arrow,
.is-dark-text .is-light-text .glide__arrows button.glide__arrow {
    background-color: rgba(0,0,0,0.2) !important;
}

.is-light-text button.video-bg-play,
.is-dark-text button.video-bg-play {
    background-color: rgba(0,0,0,0.2) !important;
    height:75px;
    width:75px;
}



.is-dark-text ._use-mixblend.glide__bullets button.glide__bullet,
.is-light-text .is-dark-text _use-mixblend.glide__bullets button.glide__bullet {
    background-color: rgba(255,255,255,0.93) !important;
/*    border: 3px solid black !important;*/
}
.is-dark-text ._use-mixblend button.glide__bullet.glide__bullet--active {
    border: 3px solid white !important;
    background-color: rgba(0, 0, 0, 0.7) !important;
}
.glide__bullet {
    background-color: gray !important;
}
.glide__bullet.glide__bullet--active {
    background-color: black !important;
}
/*
.is-dark-text .glide__bullet--active button,
.is-light-text .is-dark-text .glide__bullet--active button {
    border: 3px solid white !important;
    background-color: rgba(0, 0, 0, 0.7) !important;
}
*/
/*
.glide__arrow {
    mix-blend-mode: difference;
}
*/
div.is-section-tool {
z-index: 100001;
}
.is-photo-profile, .is-photo-profile.circle {
    max-height:85%;
    max-width:unset;
    height: 100%;
    width: auto;
}
.is-topbar.shrink .is-photo-profile.circle, .is-topbar.shrink .is-photo-profile {
    max-height:65%;
    max-width:unset;
    height: 100%;
    width: auto;
}
a.is-logo-link {
/*this is the image container height must be specified to allow percentage sizing*/
    height: inherit;
	display: flex;
}
/* navbar link effects */
ul.is-menu-links.fadeout li a {
/*  color:blue;*/
  /* First we need to help some browsers along for this to work.
     Just because a vendor prefix is there, doesn't mean it will
     work in a browser made by that vendor either, it's just for
     future-proofing purposes I guess. */
  -o-transition:color .2s ease-out, background 1s ease-in;
  -ms-transition:color .2s ease-out, background 1s ease-in;
  -moz-transition:color .2s ease-out, background 1s ease-in;
  -webkit-transition:color .2s ease-out, background 1s ease-in;
  /* ...and now for the proper property */
  transition:color .2s ease-out, background 1s ease-in;
}
ul.is-menu-links.fadeout li a:hover { color:red; background:yellow; }

/*
ul.is-menu-links.backslide li a::before {  
  transform: scaleX(0);
  transform-origin: bottom right;
}

ul.is-menu-links.backslide li a:hover::before {
  transform: scaleX(1);
  transform-origin: bottom left;
}


ul.is-menu-links.backslide li a::before {
  content: " ";
  display: block;
  position: absolute;
  top: 0; right: 0; bottom: 0; left: 0;
  inset: 0 0 0 0;
  background: hsl(200 100% 80%);
  z-index: -1;
  transition: transform .3s ease;
}
*/
ul.is-menu-links.rainbow li a:hover {
  background-size: 0 3px, 100% 3px;
}
ul.is-menu-links.rainbow li a {
  background:
    linear-gradient(
      to right,
      rgba(255, 255, 255, 0),
      rgba(255, 255, 255, 0)
    ),
    linear-gradient(
      to right,
      rgba(255, 0, 0, 1),
      rgba(255, 0, 180, 1),
      rgba(0, 100, 200, 1)
  );
  background-size: 100% 3px, 0 3px;
  background-position: 100% 100%, 0 100%;
  background-repeat: no-repeat;
  transition: background-size 400ms;
}

ul.is-menu-links.fillup > li > a::before {
  content: '';
  background-color: hsla(196, 61%, 58%, .75);
  position: absolute;
  left: 0;
  bottom: 3px;
  width: 100%;
  height: 0px;
  z-index: -1;
  transition: all .3s ease-in-out;
}

ul.is-menu-links.fillup > li > a:hover::before {
  bottom: 0;
  height: 100%;
}

ul.is-menu-links.swipe li a {
  box-shadow: inset 0 0 0 0 #54b3d6;
/*  color: #54b3d6;*/
/*    padding: 0 .25rem;
    margin: 0 -.25rem;
*/
  transition: color .5s ease-in-out, box-shadow .5s ease-in-out;
}
ul.is-menu-links.swipe li a:hover {
  color: #fff;
  box-shadow: inset 500px 0 0 0 #54b3d6;
}

ul.is-menu-links.fillup2 > li > a::before {
  content: "";
  background-color: yellow;
  position: absolute;
  left: 0.5rem;
  bottom: 5px;
  width: 100%;
  height: 0px;
  z-index: -1;
  transition: all 0.3s ease-in-out;
}
ul.is-menu-links.fillup2 > li > a:hover::before {
  left: -5px;
  bottom: 0;
  height: 100%;
  width: calc(100% + 10px);
}

ul.is-menu-links.growlink li a { 
/*
    -webkit-transition: color 0.2s, font-size 0.2s;
  transition: color 0.2s, font-size 0.2s;
*/
    -webkit-transition: font-size 0.2s;
  transition: font-size 0.2s;
  font-size: 1.2em !important;
}

ul.is-menu-links.growlink li a:hover { 
font-size: 1.5em !important;
/*font-size: 120% !important;*/
/*  color: #97d700;*/
/*    color: inherit;*/
}
ul.is-menu-links.hilitehover-dark > li > a:hover {
    background-color: rgb(43,43,43);
}
ul.is-menu-links.hilitehover-light > li > a:hover {
    background-color: #ddd;
}
ul.is-menu-links li a {
    border-radius: 4px;
}
/* Ripple Out */
@-webkit-keyframes hvr-ripple-out {
  100% {
    top: -12px;
    right: -12px;
    bottom: -12px;
    left: -12px;
    opacity: 0;
  }
}
@keyframes hvr-ripple-out {
  100% {
    top: -12px;
    right: -12px;
    bottom: -12px;
    left: -12px;
    opacity: 0;
  }
}
ul.is-menu-links.hvr-ripple-out > li > a {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
}
ul.is-menu-links.hvr-ripple-out > li > a:before {
  content: '';
  position: absolute;
  border: #e1e1e1 solid 6px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
}
ul.is-menu-links.hvr-ripple-out > li > a:hover:before, ul.is-menu-links.hvr-ripple-out > li > a:focus:before, ul.is-menu-links.hvr-ripple-out > li > a:active:before {
  -webkit-animation-name: hvr-ripple-out;
  animation-name: hvr-ripple-out;
}
/* BACKGROUND TRANSITIONS */
/* Fade */
ul.is-menu-links.hvr-fade li a{
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  overflow: hidden;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
}
ul.is-menu-links.hvr-fade li a:hover, ul.is-menu-links.hvr-fade li a:focus, ul.is-menu-links.hvr-fade li a:active {
  background-color: #2098D1;
  color: white;
}

/* Back Pulse */
@-webkit-keyframes hvr-back-pulse {
  50% {
    background-color: rgba(32, 152, 209, 0.75);
  }
}
@keyframes hvr-back-pulse {
  50% {
    background-color: rgba(32, 152, 209, 0.75);
  }
}
ul.is-menu-links.hvr-back-pulse li a {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  overflow: hidden;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
}
ul.is-menu-links.hvr-back-pulse li a:hover, ul.is-menu-links.hvr-back-pulse li a:focus, ul.is-menu-links.hvr-back-pulse li a:active {
  -webkit-animation-name: hvr-back-pulse;
  animation-name: hvr-back-pulse;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  background-color: #2098D1;
  background-color: #2098d1;
  color: white;
}

/* Sweep To Right */
ul.is-menu-links.hvr-sweep-to-right li a {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
ul.is-menu-links.hvr-sweep-to-right li a:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098D1;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
ul.is-menu-links.hvr-sweep-to-right li a:hover, ul.is-menu-links.hvr-sweep-to-right li a:focus, ul.is-menu-links.hvr-sweep-to-right li a:active {
  color: white;
}
ul.is-menu-links.hvr-sweep-to-right li a:hover:before, ul.is-menu-links.hvr-sweep-to-right li a:focus:before, ul.is-menu-links.hvr-sweep-to-right li a:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
/* Radial Out */
ul.is-menu-links.hvr-radial-out li a {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
/*  background: #e1e1e1;*/
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
ul.is-menu-links.hvr-radial-out li a:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098D1;
  border-radius: 100%;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
ul.is-menu-links.hvr-radial-out li a:hover, ul.is-menu-links.hvr-radial-out li a:focus, ul.is-menu-links.hvr-radial-out li a:active {
  color: white;
}
ul.is-menu-links.hvr-radial-out li a:hover:before, ul.is-menu-links.hvr-radial-out li a:focus:before, ul.is-menu-links.hvr-radial-out li a:active:before {
  -webkit-transform: scale(2);
  transform: scale(2);
}

/* Shutter Out Vertical */
ul.is-menu-links.hvr-shutter-out-vertical li a {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
/*  background: #e1e1e1;*/
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
ul.is-menu-links.hvr-shutter-out-vertical li a:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #2098D1;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
ul.is-menu-links.hvr-shutter-out-vertical li a:hover, ul.is-menu-links.hvr-shutter-out-vertical li a:focus, ul.is-menu-links.hvr-shutter-out-vertical li a:active {
  color: white;
}
ul.is-menu-links.hvr-shutter-out-vertical li a:hover:before, ul.is-menu-links.hvr-shutter-out-vertical li a:focus:before, ul.is-menu-links.hvr-shutter-out-vertical li a:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}

/* BORDER TRANSITIONS */
/* Border Fade */
ul.is-menu-links.hvr-border-fade li a {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow;
  transition-property: box-shadow;
  box-shadow: inset 0 0 0 4px #e1e1e1, 0 0 1px rgba(0, 0, 0, 0);
  /* Hack to improve aliasing on mobile/tablet devices */
}
ul.is-menu-links.hvr-border-fade li a:hover, ul.is-menu-links.hvr-border-fade li a:focus, ul.is-menu-links.hvr-border-fade li a:active {
  box-shadow: inset 0 0 0 4px #2098D1, 0 0 1px rgba(0, 0, 0, 0);
  /* Hack to improve aliasing on mobile/tablet devices */
}
/* Grow */
ul.is-menu-links.hvr-grow li a {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
ul.is-menu-links.hvr-grow li a:hover, ul.is-menu-links.hvr-grow li a:focus, ul.is-menu-links.hvr-grow li a:active {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
/* Glow */
ul.is-menu-links.hvr-glow li a {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow;
  transition-property: box-shadow;
}
ul.is-menu-links.hvr-glow li a:hover, ul.is-menu-links.hvr-glow li a:focus, ul.is-menu-links.hvr-glow li a:active {
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}
/* Shadow Radial */
ul.is-menu-links.hvr-shadow-radial > li > a {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
}
ul.is-menu-links.hvr-shadow-radial > li > a:before, ul.is-menu-links.hvr-shadow-radial > li > a:after {
  pointer-events: none;
  position: absolute;
  content: '';
  left: 0;
  width: 100%;
  box-sizing: border-box;
  background-repeat: no-repeat;
  height: 5px;
  opacity: 0;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
ul.is-menu-links.hvr-shadow-radial > li > a:before {
  bottom: 100%;
  background: -webkit-radial-gradient(50% 150%, ellipse, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%);
  background: radial-gradient(ellipse at 50% 150%, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%);
}
ul.is-menu-links.hvr-shadow-radial > li > a:after {
  top: 100%;
  background: -webkit-radial-gradient(50% -50%, ellipse, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%);
  background: radial-gradient(ellipse at 50% -50%, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%);
}
ul.is-menu-links.hvr-shadow-radial > li > a:hover:before, ul.is-menu-links.hvr-shadow-radial > li > a:focus:before, ul.is-menu-links.hvr-shadow-radial > li > a:active:before, ul.is-menu-links.hvr-shadow-radial > li > a:hover:after, ul.is-menu-links.hvr-shadow-radial > li > a:focus:after, ul.is-menu-links.hvr-shadow-radial > li > a:active:after {
  opacity: 1;
}

/* Underline From Left */
ul.is-menu-links.hvr-underline-from-left li a {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
}
ul.is-menu-links.hvr-underline-from-left li a:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 100%;
  bottom: 0;
  background: #2098D1;
  height: 4px;
  -webkit-transition-property: right;
  transition-property: right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
ul.is-menu-links.hvr-underline-from-left li a:hover:before, ul.is-menu-links.hvr-underline-from-left li a:focus:before, ul.is-menu-links.hvr-underline-from-left li a:active:before {
  right: 0;
}

/* Underline From Center */
ul.is-menu-links.hvr-underline-from-center li a {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
}
ul.is-menu-links.hvr-underline-from-center li a:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 51%;
  right: 51%;
  bottom: 0;
  background: #2098D1;
  height: 4px;
  -webkit-transition-property: left, right;
  transition-property: left, right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
ul.is-menu-links.hvr-underline-from-center li a:hover:before, ul.is-menu-links.hvr-underline-from-center li a:focus:before, ul.is-menu-links.hvr-underline-from-center li a:active:before {
  left: 0;
  right: 0;
}
/* Bottom Bar */
.is-wrapper div.is-section.is-static.is-bottom-sticky {
    bottom: 0;
    position: fixed;
    z-index: 1000;
}
/* add margin to sections with fixed navbar */
.add-90-top {
    margin-top: 90px !important;
}
.warning {
  width: 100%;
  max-width: 700px;
    background-color: yellow;
}
.ok {
  width: 100%;
  max-width: 700px;
    background-color: lightgreen;
}

/* increase contrast for slider caption*/
/*
div.is-media-grid div.gallery-item div.caption h4 {
 font-weight:400;
}
*/
/* highlight edit button in pagestudioai
(this is done in css in pagestudioai.php)
*/