/*
 Theme Name:   LightFi
 Theme URI:    https://www.lightfi.io/
 Description:  LightFi website
 Author:       James Evans
 Author URI:   https://websright.com
 Template:     generatepress
 Version:      0.1
*/

/* font */
@font-face {
  font-family: 'Gotham';
  src:  url('/fonts/GothamPro.eot');
  src:  url('/fonts/GothamPro.eot?#iefix') format('embedded-opentype'),
    url('/fonts/GothamPro.ttf') format('truetype'),
    url('/fonts/GothamPro.woff') format('woff'),
    url('/fonts/GothamPro.woff2') format('woff2'),
    url('/fonts/GothamPro.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Gotham';
  src:  url('/fonts/GothamPro-Italic.eot');
  src:  url('/fonts/GothamPro-Italic.eot?#iefix') format('embedded-opentype'),
    url('/fonts/GothamPro-Italic.ttf') format('truetype'),
    url('/fonts/GothamPro-Italic.woff') format('woff'),
    url('/fonts/GothamPro-Italic.woff2') format('woff2'),
    url('/fonts/GothamPro-Italic.svg') format('svg');
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: 'Gotham';
  src:  url('/fonts/GothamPro-Medium.eot');
  src:  url('/fonts/GothamPro-Medium.eot?#iefix') format('embedded-opentype'),
    url('/fonts/GothamPro-Medium.ttf') format('truetype'),
    url('/fonts/GothamPro-Medium.woff') format('woff'),
    url('/fonts/GothamPro-Medium.woff2') format('woff2'),
    url('/fonts/GothamPro-Medium.svg') format('svg');
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: 'Gotham';
  src:  url('/fonts/GothamPro-LightItalic.eot');
  src:  url('/fonts/GothamPro-LightItalic.eot?#iefix') format('embedded-opentype'),
    url('/fonts/GothamPro-LightItalic.ttf') format('truetype'),
    url('/fonts/GothamPro-LightItalic.woff') format('woff'),
    url('/fonts/GothamPro-LightItalic.woff2') format('woff2'),
    url('/fonts/GothamPro-LightItalic.svg') format('svg');
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: 'Gotham';
  src:  url('/fonts/GothamPro-Light.eot');
  src:  url('/fonts/GothamPro-Light.eot?#iefix') format('embedded-opentype'),
    url('/fonts/GothamPro-Light.ttf') format('truetype'),
    url('/fonts/GothamPro-Light.woff') format('woff'),
    url('/fonts/GothamPro-Light.woff2') format('woff2'),
    url('/fonts/GothamPro-Light.svg') format('svg');
  font-weight: 300;
  font-style: normal;
}



/* menu */
.main-navigation .main-nav ul li.menu-icon a {
	display: flex;
}
.main-navigation .main-nav ul li.menu-icon svg {
	fill: #999;
}
.main-navigation .main-nav ul li.menu-icon svg:hover {
	fill: var(--accent);
}
.main-navigation .main-nav ul li.menu-btn a {
	line-height: 1;
	padding: 15px 20px; 
	border: 2px solid var(--accent);
	border-radius: 10px;
	font-weight: 600;
}
@media (min-width: 900px) {
	.main-navigation .main-nav ul li.menu-btn a {
		margin-left: 10px;
	}
	.sub-menu {
		border-radius: 5px; 
		padding-top: 10px; 
		padding-bottom: 10px; 
	}
}
@media (max-width: 899px) {
	.main-navigation .main-nav ul li.menu-icon a {
		display: inherit;
		margin-top: 20px;
	}
	.main-navigation .main-nav ul li.menu-btn a {
		margin-top: 10px;
	}
	.nav-below-header .main-navigation .inside-navigation.grid-container {
		padding: 10% 10% 0;
	}
}
@media (min-width: 900px) and (max-width: 1024px) {
	.header-wrap .main-navigation.has-branding .inside-navigation.grid-container {
		padding-left: 30px; padding-right: 30px;
	}
	.main-navigation .main-nav ul li a {
		padding-left: 15px; padding-right: 15px;
	}
}
.sticky-enabled .main-navigation.is_stuck {
	box-shadow: none;
	background-color: var(--contrast);
}
.sticky-enabled .main-navigation.is_stuck ul li a {
	color: #fff;
}
.sticky-enabled .main-navigation.is_stuck ul li a:hover {
	color: var(--accent);
}
.main-navigation .menu-toggle {
	color: #fff;
}




/* page sections */
@media (max-width: 449px) {
	.solutions-img-grid.gb-grid-wrapper .gb-grid-column {
		width: 100%;
	}
	.solutions-nav.gb-grid-wrapper .gb-grid-column .nav-img-container.gb-container {
		padding-top: 10%;
	}
	.solutions-nav.gb-grid-wrapper .gb-grid-column .nav-text-container.gb-container {
		padding-top: 10px; 
		padding-bottom: 10px;
	}
}
@media (max-width: 499px) {
	.tech-cert-grid.gb-grid-wrapper .gb-grid-column {
		width: 100%;
	}
	.tech-cert-grid .gb-container.overlay-container {
		height: 300px;
	}
}
@media (max-width: 549px) {
	.two-col-grid.gb-grid-wrapper .gb-grid-column {
			width: 100%;
		}	
}
.testimonials-swiper .swiper {
	overflow: visible;
}
.testimonials-swiper .swiper-button-next, .testimonials-swiper .swiper-button-prev {
	width: auto;
	top: auto;
	bottom: 0;
}
.sensors-swiper .swiper-button-next, .sensors-swiper .swiper-button-prev {
	width: auto;
}
.sensors-swiper .swiper-button-prev {
	left: 0;
}
.sensors-swiper .swiper-button-next.swiper-button-disabled, .sensors-swiper .swiper-button-prev.swiper-button-disabled {
	opacity: 0;
}
.testimonials-swiper .wp-swiper__wrapper {
	padding-bottom: 60px;
}
.testimonials-swiper .swiper-button-next, .sensors-swiper .swiper-button-next {
	right: 0;
}
.testimonials-swiper .swiper-button-prev {
	right: 60px;
	left: auto;
}
@media (max-width: 768px) {
    .swiper-button-next, .swiper-button-prev {
        display: block !important;
    }
}
@media (min-width: 1240px) {
    .lhs-text-container.gb-container {
        margin-left: calc(100% - 1200px / 2);
        padding-left: 40px;
    }
}
@media (min-width: 1240px) {
    .rhs-text-container.gb-container {
        margin-right: calc(100% - 1200px / 2);
        padding-right: 40px;
    }
}

/* awards tabs */
@media (max-width: 579px) {
	.awards-tabs .gb-tabs__buttons .gb-container {
		width: 33.33%;
        flex-grow: 0;
		margin-bottom: 10px;
	}
	.awards-tabs .gb-tabs__buttons .gb-container.overlay-container {
		width: 50%;
	}
}




/* overlay containers */
.overlay-container {
	position: relative;
}
.overlay-container:hover .overlay-text {
	opacity: 100%;
	transition: all ease .2s;
	display: block;
}
.overlay-container:hover .overlay-hide {
	display: none;
	transition: all ease .2s;
}
.overlay-text {
	display: none;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	transition: all ease .2s
}
.gb-button.hover-icon {
	position: absolute;
	top: 10px; 
	left: 10px;
	z-index: 3;
	transition: all ease .2s
}
.overlay-container:hover .gb-button.hover-icon {
	background-color: var(--accent);
    color: #73d7ce;
}



.glossary th {
	background-color: var(--contrast-2);
	color: #fff;
}
.glossary table, .glossary .wp-block-table.is-style-stripes  {
	border-width: 0;
}
.glossary .wp-block-table.is-style-stripes {
	border-radius: 6px;
}



/* case studies */
.case-study-feed .wp-show-posts-inner {
	background: #9AE2D9;
	border-radius: 30px;
	border: 1px solid #005CAF;
	box-shadow: 0px 5px 10px #00000029;
}
.case-study-feed .wp-show-posts a {
	color: #005CAF;
}

.case-study-feed .wp-show-posts-inner .wp-show-posts-image img, .wp-show-posts-image {
	border-top-left-radius: 30px;
	border-top-right-radius: 30px;
	margin-bottom: 30px;
}
.case-study-feed.home-feed .wp-show-posts-entry-summary, .case-study-feed .wp-show-posts-entry-summary {
	font-size: 15px;
}
.case-study-feed.home-feed {
	margin-top: 20px;
}
.case-study-feed.home-feed .wp-show-posts-entry-summary, .case-study-feed.tech-feed .wp-show-posts-entry-summary, .case-study-feed.resource-feed .wp-show-posts-entry-summary {
	padding: 0 20px 15px;
}
.case-study-feed.resource-feed .wp-show-posts-columns.wp-show-posts {
	justify-content: center;
}
.case-study-feed .wp-show-posts-entry-summary {
	padding: 0 20px;
	max-width: 340px;
	margin: 0 auto 20px;
}
.case-study-feed .wpsp-read-more {
	margin-bottom: 30px;
}
.case-study-feed.home-feed .wp-show-posts-entry-header {
	margin-bottom: 5px;
}
.wp-show-posts-entry-header {
	padding: 0 1em;
}
.wp-show-posts-image {
	overflow: hidden; 
	background-color: #fff;
}
.wp-show-posts-image img {
	transition: transform .5s ease;
}
.wp-show-posts-image:hover img {
	transform: scale(1.08);
}
.case-study-feed a.button:visited, .case-study-feed a.button {
	color: #fff;
}
.cat-btns a {
	font-size: 15px;
	min-width: 150px;
	margin: 0 5px 5px;
}
a.wp-show-posts-read-more, a.wp-show-posts-read-more:visited, a.wp-show-posts-read-more:hover {
	border: none;
}
nav#nav-below {
	max-width: 1200px;
	margin: 0 auto 100px;
	padding: 0 20px 20px;
	text-align: center;
	font-size: 15px;
}
@media (max-width: 768px) {
	nav#nav-below {
		text-align: left;
	}
}

@media (min-width: 500px) and (max-width: 999px) {
	.case-study-feed.home-feed .wpsp-col-3 {
		width: 50%;
	}
	.case-study-feed.home-feed .wp-show-posts-columns .wp-show-posts-inner {
    	margin: 0 0 1.5em 1.5em !important;
	}
	.case-study-feed.home-feed .wp-show-posts-columns {
		margin-left: -1.5em !important;
	}
}
@media (max-width: 767px) {
	.case-study-feed.tech-feed article, .case-study-feed.resource-feed article {
		max-width: 500px;
		margin-left: auto; margin-right: auto;
	}
}

@media (max-width: 499px) {
	.case-study-feed.home-feed article.wp-show-posts-single:nth-child(4) {
		display: none !important;
	}
}


/* effects */
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes shake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }

  20%, 80% {
    transform: translate3d(2px, 0, 0);
  }

  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0);
  }

  40%, 60% {
    transform: translate3d(4px, 0, 0);
  }
}
.case-study-col:hover img {
  animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px;
}

p.pre-title {
	animation: 0.8s ease-out 0.2s fadeIn;
	animation-fill-mode: forwards;
	opacity: 0;
}
.hero-text h1, .plain-header h1 {
	animation: 2s ease-out 0.8s fadeIn;
	animation-fill-mode: forwards;
	opacity: 0;
}
p.intro-text {
	animation: 1s ease-out 1.4s fadeIn;
	animation-fill-mode: forwards;
	opacity: 0;
}
.plain-header p.intro-text a {
	color: #fff;
	text-decoration: underline;
}
.hero-text .button, .hero-text .client-logo {
	animation: 1.4s ease-out 1.8s fadeIn;
	animation-fill-mode: forwards;
	opacity: 0;
}
.shadow {
    box-shadow: 0px 5px 10px #00000029;
}
.hero-text ul {
	margin-top: 0;
}
.page-id-35 .hero-text p.intro-text {
	display: none;
}
@media (max-width: 549px) {
	.hero-text ul {
		list-style: none;
		margin: 0 0 20px;
	}
}

/* forms */
#demo-form form, #contact-form form {
	max-width: 900px;
	margin-left: auto; margin-right: auto;
}
#demo-form input[type="text"], #demo-form input[type="email"], #demo-form input[type="tel"], #demo-form textarea, #demo-form input[type="number"], .download-form input[type="text"], .download-form input[type="email"], .download-form input[type="tel"], .download-form textarea, .download-form input[type="number"], #contact-form input[type="text"], #contact-form input[type="email"], #contact-form input[type="tel"], #contact-form textarea, #contact-form input[type="number"] {
	border-radius: 10px;
	-webkit-appearance: none;
}
.newsletter-form input[type="email"], .newsletter-form .list-checkbox-wrap .nf-field-element li label {
	font-size: 15px;
	color: #fff;
}
.newsletter-form .nf-field-container {
	margin-bottom: 10px;
}
#contact-form input[type="submit"] {
	border-radius: 10px;
	background-color: var(--contrast);
}
#contact-form input[type="submit"]:hover, #contact-form.contact-cta-form input[type="submit"] {
	background-color: var(--accent);	
}
#contact-form.contact-pg-form .ninja-forms-field, #contact-form.contact-cta-form .ninja-forms-field {
	border-color: #fff;
}
#contact-form.contact-pg-form .ninja-forms-req-symbol, #contact-form.contact-cta-form .ninja-forms-req-symbol {
	color: #fff;
}

@media (max-width: 449px) {
	#demo-form .one-half, #contact-form .one-half {
		width: 100%;
		margin-left: 0;
	}
	body h3.gb-headline-1e9b702a {
		display: block;
	}
}
.nf-response-msg {
	text-align: center;
}


/* map */
#map a.mapboxgl-ctrl-logo, #map .mapboxgl-ctrl.mapboxgl-ctrl-attrib {
	display: none;
}

/* footer */
.footer-menu ul li {
	margin-bottom: 6px;
}

/* newsletter */
.newsletter-form .field-wrap input[type=button], .newsletter-form input[type="email"] {
	background-color: transparent;
	border-top: 0;
	border-left: 0;
	border-right: 0;
	border-bottom: 2px solid #fff;
}
.newsletter-form .nf-field-container .field-wrap .nf-element::placeholder {
    color: #fff;
}
.newsletter-form input[type=email] {
	padding-left: 0;
}
.newsletter-form input[type="submit"] {
	border-radius: 10px;
	border: 2px solid #fff;
	background-color: transparent;
}
.newsletter-form input[type="submit"]:hover {
	border: 2px solid var(--accent);
}

@media (max-width: 776px) {
	.newsletter-container {
		flex-direction: column;
		padding-left: 0; 
		padding-right: 0;
	}
}
@media (max-width: 449px) {
	.newsletter-form .nf-form-cont .two-thirds, .newsletter-form .nf-form-cont .one-third {
		width: 100%;
		margin-left: 0;
	}
	.newsletter-form .list-checkbox-wrap .nf-field-element li label {
		text-align: left;
		font-size: 13px;
	}
}

/* woo */
/* product page */
.woocommerce div.product .woocommerce-tabs ul.tabs {
	margin-bottom: 0;
}
.woocommerce div.product .woocommerce-tabs .panel {
	border: 1px solid #eee;
	padding: 20px;
}
.woocommerce div.product .woocommerce-tabs .panel table p {
	margin-bottom: 0;
}
.woocommerce button.button.alt, .wc-block-components-button:not(.is-link) {
	border-radius: 8px;
}
a.cart-contents {
	color: #999 !important;
}
.main-navigation .menu-bar-item>a {
	padding-left: 0;
	padding-right: 0;
}
.woocommerce-page:not(.single-product) .entry-title {
	text-align: center;
}
.woocommerce-page .entry-title {
	text-transform: uppercase;
}
.woocommerce div.product div.images .woocommerce-product-gallery__trigger {
	z-index: 9;
}

/* cookie banner */
.cky-preference-center button.cky-show-desc-btn:not(:hover):not(:active),
.cky-preference-center .cky-accordion-header .cky-always-active{
    color: #fff;
}
.cky-notice .cky-title {
	display: none;
}