
:root {
  --greyed:#cfcfcf;
  --greyed-dark:#696969;
  --textcolor:#333333;
  --midnight:#000030;
  --midnight-light:rgba(0,0,48,0.6);
  --midnight-xlight:rgba(0,0,48,0.3);
  --midnight-xxlight:rgba(0,0,48,0.1);
  --midnight-xxxlight:rgba(0,0,48,0.05);
  --mist:#F2F3F5;
  --slime:#00FFAD;
  --slime-dark:#00F5A6;
  --slime-light:rgba(0,255,173,0.6);
  --slime-xlight:rgba(0,255,173,0.3);
  --aqua:#00E4BF;
  --viera:#FF374C;/*#FF425E*/
  --viera-dark:#F13F59;
  --viera-xlight:#ffdbe1;
  --blue:#446cfc;
  --white:#ffffff;
}

  .h-strong{font-weight:400;}
  .h-caps{font-weight:700;}
  
  h1 strong,h2 strong,h3 strong,h4 strong,h5 strong,h6 strong{
		background-image: -webkit-linear-gradient(0deg, var(--slime), var(--aqua));
		background-size: 100% 3px;
		background-position:0 100%;
		background-repeat:no-repeat;
	}
  
  .meta{color:var(--midnight-xlight);font-weight: 700;font-size:14px;}
  
  b, strong{font-weight:700;}
  
  .svg-inline--fa{vertical-align:-2px;}
  
  .wp-site-blocks a{
	  background: -webkit-linear-gradient(0deg, var(--slime), var(--aqua), var(--slime), var(--aqua));
		background-size: 300%;
		background-position: 0 0;
		background-clip: text;
	  -webkit-background-clip: text;
	 	color: transparent;
		animation: chandler 2s linear infinite;
	}
  .wp-site-blocks a:hover{color:var(--midnight) !important;}
	@keyframes chandler {
	  from {background-position: 0 0;}
	  to {background-position: 100% 0;}
	}

    .wp-site-blocks a svg{fill:var(--slime):}
	
  
  button{border:none;background:none;cursor:pointer;transition:0.2s all;padding:0;}
  button > *, .ajax > *{pointer-events:none;}
  select{cursor:pointer;}

  
  .a-caps{font-family:"Roboto Condensed";text-transform:uppercase;font-size:14px;font-weight:700;letter-spacing:1px;}
  .a-block{display:block;}
  
  .s4icon{color:var(--slime);font-size:48px;position:relative;line-height: 0px;text-align:center;}
  .s4icon svg + svg{color:var(--midnight);position:absolute;top:-.04167em;left:0;}
  
  /* Boxes */
    .boxed{box-shadow:inset 0 0 0 1px #cfcfcf;border-radius:10px;height:100%;/*overflow:hidden;*/padding:20px;position:relative;}
    .boxed--grey{background-color:#fcfcfc;}
    .boxed--blue{background-color:var(--midnight);box-shadow:inset 0 0 0 3px var(--midnight);color:#fff;}
    .boxed--green{box-shadow:inset 0 0 0 3px var(--slime);}
    .boxed--stacked{height:auto;margin:1rem 0;}
    
    .boxed--zerostate{box-shadow:none;border: 1px dashed #cfcfcf;display:flex;}
    .boxed--zerostate > *{margin:auto;}
  
    a.boxed{display:block;color:var(--textcolor);}
    a.boxed:hover{box-shadow:inset 0 0 0 3px var(--slime);}
  
    a.boxed--green:hover{box-shadow:inset 0 0 0 3px var(--midnight);}
    
    .post-small__title{margin:0;}
    .post-small{display:flex !important;flex-direction:column;justify-content:flex-end;}
    
  /* Swiper */
    .swiper-btn{background-color:#fff;border-radius:15px;box-shadow:0 2px 5px rgba(0,0,0,0.5);padding:2px 0 5px 0;position:absolute;top:50%;transition:0.2s all;height:30px;width:30px;margin-top:-15px;text-align:center;z-index:5;cursor:pointer;}
    .swiper-btn:hover{color:var(--slime);}
    .swiper-btn--next{right:-13px;}
    .swiper-btn--prev{left:-13px;}
    .swiper-button-disabled{opacity:0;}
  
    .swiper-slide a{opacity:0;pointer-events:none;transform:scale(0);}
    .swiper-slide-visible a{opacity:1;pointer-events:auto;transform:scaleX(1);}
    
    .latest-swiper .swiper-slide{height:auto;}
    
    .latest-swiper {
        width: 100%;
        overflow: visible !important;
    }

/* Item Grid */
    .grid{display: flex;flex-wrap:wrap;margin:0 -20px;}
    .grid__item{flex:1;padding:20px;min-width:184px;}
  
    .grid--top{align-items: flex-start;}
    .grid--center{align-items: center;}
    .grid--bottom{align-items: flex-end;}
  
    .grid__item--top{align-self: flex-start;}
    .grid__item--center{align-self: center;}
    .grid__item--bottom{align-self: flex-end;}
  
    /* fix width of items by item or container */
      .grid__item--2third{flex: 0 0 66.6666%;}
      .grid__item--half,
      .grid--halves .grid__item{flex: 0 0 50%;}
      .grid__item--third,
      .grid--thirds .grid__item{flex: 0 0 33.3333%;}
      .grid__item--fourth,
      .grid--fourths .grid__item{flex: 0 0 25%;}
      .grid__item--fifth,
      .grid--fifths .grid__item{flex: 0 0 20%;}
    
    /* loners center */
      .grid--centered{justify-content: center;}
  
    /* loners spread */
      .grid--spaced{justify-content: space-between;}
    
    @media (max-width: 979px) {
      .grid{margin:0 -15px;}
      .grid--979-fulls .grid__item{flex: 0 0 100% !important;}
      .grid--979-halves .grid__item{flex: 0 0 50% !important;}
      .grid--979-thirds .grid__item{flex: 0 0 33.3333% !important;}
    
      .grid__item{padding:15px;}
    
      .grid__item--979-full{flex: 0 0 100% !important;}
      .grid__item--979-half{flex: 0 0 50% !important;}
      .grid__item--979-third{flex: 0 0 33.3333% !important;}
    }
    @media (max-width: 767px) {
      .grid{margin:0 -10px;}
      .grid--767-fulls .grid__item{flex: 0 0 100% !important;}
      .grid--767-halves .grid__item{flex: 0 0 50% !important;}
      .grid--767-thirds .grid__item{flex: 0 0 33.3333% !important;}
    
      .grid__item{padding:10px;}
  
      .grid__item--767-full{flex: 0 0 100% !important;}
      .grid__item--767-half{flex: 0 0 50% !important;}
      .grid__item--767-third{flex: 0 0 33.3333% !important;}
    }
    @media (max-width: 480px) {
      .grid__item{flex: 0 0 100% !important;}
      .grid--480-fulls .grid__item{flex: 0 0 100% !important;}
      .grid--480-halves .grid__item{flex: 0 0 50% !important;}
      .grid--480-thirds .grid__item{flex: 0 0 33.3333% !important;}
      
      .grid__item--480-full{flex: 0 0 100% !important;}
      .grid__item--480-half{flex: 0 0 50% !important;}
      .grid__item--480-third{flex: 0 0 33.3333% !important;}
    }
  
/* Front Page */
  .header{color:var(--midnight);}
  .header__sub{display:block;margin-top:0em;font-size:50%;opacity:0.75;}
  
  .banner{background-color:var(--slime);background-image:linear-gradient(to bottom right, var(--slime), var(--aqua) );color:var(--midnight);padding:calc(100px + 10vw) 20px 5vw 20px;position:relative;overflow:hidden;}
  .banner:after{background-color:#fff;height:5vw;}
  .banner:before{background-color:var(--slime);height:12vw;}
  .banner a:not(.btn){color:var(--midnight-xlight);}
  .banner a:not(.btn):hover{color:var(--midnight);}  
  .banner__image{position:absolute;bottom:0;right:0;left:50vw;top:0;margin:0 !important;max-width:100vw !important;}
  .banner__image img{position:absolute;bottom:0;right:0;max-width:50vw;top:0;height:100%;object-fit:contain;object-position:bottom right;}
  
  .bluebackground .btn {font-weight:bold;color:#000035 !important;}
  .bluebackground .btn:hover {font-weight:bold;color:#00ffad !important;}
  
  
/* Single Page */
  .post__title a{color:var(--midnight);background-image: linear-gradient(90deg, var(--slime), var(--aqua));
		background-repeat: no-repeat;
		background-size: 100% .1em;background-position:bottom;}
  .post__title a:hover{color:var(--midnight);background-size: 100% .15em;background-position:bottom;}
	  
  .pagination{text-transform:uppercase;margin-bottom:3rem;font-size:14px;font-weight:700;color:var(--midnight-xlight);}

/* Single Post */
  .share__inner{margin-left:-0.5rem;}
  .share__inner a{padding:0.5rem;}
  
  .post__date{text-transform:uppercase;font-size:14px;font-weight:700;color:var(--midnight-xlight);}
  .post__thumb{display:block;margin:1em 0;box-shadow:0 0 10px rgba(0,0,0,0.1);}
  .post__thumb img{display:block;}
  
  
  .portrait{position:relative;align-self:flex-end;border-radius:10px;overflow:hidden;}
  .portrait img{display:block;}
  .portrait__default{opacity:1;transition:1s all;mix-blend-mode: multiply;}
  .portrait__hover{bottom:0;left:0;position:absolute;opacity:0;transition:1s all;}


  .team-member{height:100%;display:flex;flex-direction:column;background-image:linear-gradient(to bottom right, #eee, #eee );border-radius:10px;overflow:hidden;position:relative;justify-content:space-between;background-clip:inherit;-webkit-background-clip:inherit;}
  .team-member:before{background-image:linear-gradient(to bottom right, var(--slime), var(--aqua) );content:'';position:absolute;opacity:0;top:0;bottom:0;right:0;left:0;transition:1s all ;}
  .team-member__details{padding:24px 24px 0 24px;position:relative;}

  .team-member:hover:before{opacity:1;}

  .team-member__name{opacity:1;margin:0;}
  .team-member__title{opacity:0.33;margin:0;font-size:90%;}

  .team-member:hover .portrait__default{opacity:0;}
  .team-member:hover .portrait__hover{opacity:1;transform:scale(1.1);}
  .team-member:hover .team-member__name{opacity:1;}
  .team-member:hover .team-member__title{opacity:0.5;}
  
  
/* Footer */
  .footer{background-color:var(--midnight);text-align:center;}
  .footer svg{margin:auto;}
  .footer a{color:var(--slime);opacity:1;}
  .footer a:hover{color:var(--slime);opacity:0.8;}
  
  .footer__wrapper{padding-top: calc(2.5rem + 2.5vw);padding-bottom: calc(2.5rem + 2.5vw);}
  
  .footer__menu{list-style-type:none;padding:0;margin-bottom:0;}
  .footer__menu .menu-item{display:inline;text-transform:uppercase;font-size:12px;}
  .footer__menu .menu-item + .menu-item:before{content:' | ';color:var(--slime);}
  .footer__menu a{color:var(--slime);padding:5px;}
  
  .footer .socials{margin:15px 0 20px;}
  .footer .socials__link{padding:5px;}
  
	.wp-block-video .video-controls{opacity:0;transform:translate(-50%, 0em);transition:0.5s all;}
	.wp-block-video:hover .video-controls{opacity:1;transform:translate(-50%, -2em);}
	
  .video-controls{background-color:#fff;position:absolute;left:50%;bottom:1em;border-radius:50px;padding:4px 8px;line-height:18px;z-index:1;}
  .video-controls button{color:var(--slime);font-size:20px;line-height:18px;cursor:pointer;padding: 4px;}
  .video-controls button:hover{color:var(--midnight);}
  @media( max-width: 768px ) {
    .video-controls{bottom:0;transform:translate(-50%,50%);}
  }

/* regular buttons */
.gform_button,
.gform-button{background: var(--wp--preset--gradient--primary-to-tertiary) !important;font-weight:700 !important;cursor:pointer !important;color:var(--midnight) !important;transition:0.2s all;}
.gform_button:hover,
.gform-button:hover{background: var(--midnight) !important;font-weight:700 !important;cursor:pointer !important;color:var(--slime) !important;transition:0.2s all;}

/* this is for inline buttons */
.pro-inline-all .gform-button{background:var(--midnight) !important;font-weight:700 !important;color:#00FFAD !important;cursor:pointer !important}
.pro-inline-all .gform-button:hover{background:var(--midnight) !important;font-weight:700 !important;color:#fff !important;}



.pro-inline-all .gform-footer{margin:0 !important;}

.is-style-btn-naked .pro-button{background-color:transparent!important;border-radius:0;background: -webkit-linear-gradient(0deg, #00FFAD, #00E4BF, #00FFAD, #00E4BF);background-size: 300%;background-position: 0 0;background-clip: text;-webkit-background-clip: text;color: transparent;padding-left:5px !important;padding-right:5px !important;text-shadow:none;animation: chandler 2s linear infinite;}
.is-style-btn-naked .pro-button:hover{color:var(--midnight);}
.is-style-btn-naked .pro-button:focus{box-shadow:0 1px 0 0 #00FFAD;}
.is-style-btn-naked .pro-button svg{filter: none;}

.wp-site-blocks a {
background: -webkit-linear-gradient(0deg, #00FFAD, #00E4BF, #00FFAD, #00E4BF);
background-size: 300%;
background-position: 0 0;
background-clip: text;
-webkit-background-clip: text;
color: transparent;
animation: chandler 2s linear infinite;
}

@keyframes chandler {
from {background-position: 0 0;}
to {background-position: 100% 0;}
}