/*
Theme Name: MintCake Flexible
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: mintcake-flexible
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.

MintCake Flexible 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.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
---------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
:root {
	--darkgrey: #282e34; 
	--darkblue: #0098c1; 
	--lightblue: #00cfff;
	--lightgrey: #f1f1f1; 
	--white: #fff; 
}

html {	font-family: sans-serif;	-webkit-text-size-adjust: 100%;	-ms-text-size-adjust:     100%; scroll-padding-top: 7rem;}
body {	margin: 0;}
article,aside,
details,figcaption,
figure,footer,
header,main,
menu,nav,
section,summary {	display: block;}
audio,canvas,
progress,video {	display: inline-block;	vertical-align: baseline;}
audio:not([controls]) {	display: none;	height: 0;}
[hidden],template {	display: none;}
a {	background-color: transparent;}
a:active,a:hover {	outline: 0;}
abbr[title] {	border-bottom: 1px dotted;}
b,strong {	font-weight: bold;}
dfn {	font-style: italic;}
h1 {	font-size: 1.8em;	margin: 0.67em 0;}
mark {	background: #ff0;	color: #000;}
small {	font-size: 80%;}
sub,sup {	font-size: 75%;	line-height: 0;	position: relative;	vertical-align: baseline;}
sup {	top: -0.5em;}
sub {	bottom: -0.25em;}
img {	border: 0;}
svg:not(:root) {	overflow: hidden;}
figure {	margin: 1em 40px;}
hr {	box-sizing: content-box;	height: 0;}
pre {	overflow: auto;}
code,kbd,
pre,samp {	font-family: monospace, monospace;	font-size: 1em;}
button,input,
optgroup,select,textarea {	color: inherit;	font: inherit;	margin: 0;}
button {	overflow: visible;}
button,select {	text-transform: none;}
button,html input[type="button"],
input[type="reset"],input[type="submit"] {	appearance:button; -webkit-appearance: button;	cursor: pointer;}
button[disabled],html input[disabled] {	cursor: default;}
button::-moz-focus-inner,input::-moz-focus-inner {	border: 0;	padding: 0;}

input {	line-height: normal;}
input[type="checkbox"],
input[type="radio"] {	box-sizing: border-box;	padding: 0;}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {	height: auto;}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {	-webkit-appearance: none;}
fieldset {	border: 1px solid #c0c0c0;	margin: 0 2px;	padding: 0.35em 0.625em 0.75em;}

legend {	border: 0;	padding: 0;}
textarea {	overflow: auto;}
optgroup {	font-weight: bold;}
table {	border-collapse: collapse;	border-spacing: 0;}
td,th {	padding: 0;}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/


body,button,
input,select,
textarea {
	color: #404040;
	font-family: sans-serif;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.5;
}

h1,h2,
h3,h4,
h5,h6 {	clear: both;}
p {margin-bottom: 1rem; color: var(--darkgrey)}
dfn,cite,
em,i {	font-style: italic;}
blockquote {	margin: 0 1.5em;}
address {	margin: 0 0 1.5em;}
pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,kbd,tt,var {	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;	font-size: 15px;	font-size: 0.9375rem;}

abbr,acronym {	border-bottom: 1px dotted #666;	cursor: help;}
mark,ins {	background: #fff9c0;	text-decoration: none;}
big {	font-size: 125%;}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {	box-sizing: border-box;}
*,*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}
body {	background: #fff; /* Fallback for when there is no custom background color defined. */}
blockquote:before,
blockquote:after,
q:before,
q:after {	content: "";}
blockquote,
q {	quotes: "" "";}
hr {	background-color: #ccc;	border: 0;	height: 1px;	margin-bottom: 1.5em;}
ul,
ol {	margin: 0 0 1.5em 3em;}
ul {	list-style: disc;}
ol {	list-style: decimal;}
li > ul,
li > ol {	margin-bottom: 0;	margin-left: 1.5em;}
dt {	font-weight: bold;}
dd {	margin: 0 1.5em 1.5em;}
img {height: auto; /* Make sure images are scaled correctly. */max-width: 100%; /* Adhere to container width. */display: block;}
figure {	margin: 1em 0; /* Extra wide images within figure tags don't overflow the content area. */}
table {	margin: 0 0 1.5em;	width: 100%;}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,input[type="button"],
input[type="reset"],input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	color: rgba(0, 0, 0, .8);
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 1;
	padding: .6em 1em .4em;
}

button:hover,input[type="button"]:hover,
input[type="reset"]:hover,input[type="submit"]:hover {	border-color: #ccc #bbb #aaa;}
button:focus,input[type="button"]:focus,
input[type="reset"]:focus,input[type="submit"]:focus,
button:active,input[type="button"]:active,
input[type="reset"]:active,input[type="submit"]:active {	border-color: #aaa #bbb #bbb;}
input[type="text"],input[type="email"],
input[type="url"],input[type="password"],
input[type="search"],input[type="number"],
input[type="tel"],input[type="range"],
input[type="date"],input[type="month"],
input[type="week"],input[type="time"],
input[type="datetime"],input[type="datetime-local"],
input[type="color"],textarea {
	color: #666;
	padding: 10px;
	width:100%;
	border: none;
	font-family: inherit;
	font-size: 1rem;
	margin-top: .5rem;
}

select {	border: 1px solid #ccc;}

input[type="text"]:focus,input[type="email"]:focus,
input[type="url"]:focus,input[type="password"]:focus,
input[type="search"]:focus,input[type="number"]:focus,
input[type="tel"]:focus,input[type="range"]:focus,
input[type="date"]:focus,input[type="month"]:focus,
input[type="week"]:focus,input[type="time"]:focus,
input[type="datetime"]:focus,input[type="datetime-local"]:focus,
input[type="color"]:focus,textarea:focus {
	color: #111;
}
textarea {width: 100%;}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {	color: var(--darkblue);}
a:focus {	outline: thin dotted;}
a:hover,a:active {	outline: 0;}
.contact {display: block; text-align: center; margin: 0 auto;}
.contact a, .contact a:visited, .contact span {color: #fff; font-size: 1rem;line-height: 2rem;}
.contact a i {margin-right: 10px}
.contact span i {margin: 0 10px}
.contact a:hover {color: var(--lightblue);} 
.contactLink {margin-top: -.25rem}
.contactLink a {
	background-color: var(--lightblue); border: 2px solid var(--lightblue); font-weight: 600;
}
.contactLink a:hover {
	background-color: var(--white);
}
@media screen and (max-width: 767px) {
	.contact a, .contact a:visited, .contact span {display: block;}
}
@media screen and (max-width: 655px) {
	.contact a, .contact a:visited, .contact span {font-size: 0.8rem;line-height: 1.5rem;}
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation, .top-navigation {	clear: both;	display: block;	float: left;	width: 100%; position: relative}
.main-navigation ul, .top-navigation ul {	display: none;	list-style: none;	margin: 0;	padding-left: 0;}
.main-navigation li, .top-navigation li {	float: left;	position: relative;}
.main-navigation a {color: var(--darkgrey); display: block;text-decoration: none;}
.top-navigation a {color:var(--white);display: block;text-decoration: none;}

.main-navigation ul ul, 
.top-navigation ul ul {
	position: absolute;
	top: 100%;
	left: -999em;
	z-index: 99999;
	min-width: 275px;
    width: 100%;
	box-shadow: 0px 3px 8px 0px rgba(126,126,126,0.25);
	text-align: center;
}
.main-navigation .sub-menu:before {
	content: "";
    display: block;
    position: absolute;
    top: -10px;
    left: 50%;
    margin-left: -12px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid var(--lightblue);
}
.main-navigation ul ul ul, 
.top-navigation ul ul ul {	left: -999em;	top: 0;}
.main-navigation ul ul a, 
.top-navigation ul ul a {	min-width: 16rem}
.main-navigation ul ul li, 
.top-navigation ul ul li {
    background-color: var(--lightblue);
    width: 100%;
	color: var(--darkgrey);
	line-height: 1em; padding: .5rem 0;
}
.main-navigation ul ul li:last-child {padding-bottom: 1rem;}
.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {	left: -60%;}
.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {	left: 100%;}
.top-navigation ul li:hover ul{
	left: auto;
}
.main-navigation ul.sub-menu li:hover a {
	color: var(--white);}

/* Small menu. */
.menu-toggle,.main-navigation.toggled ul {	display: block;}

@media screen and (min-width: 37.5em) {
	.menu-toggle {		display: none;	}
	.main-navigation ul, 
	.top-navigation ul {		display: block;}
}
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {	margin: 0 0 1.5em;	overflow: hidden;}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {	float: left;	width: 50%;}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {	float: right;	text-align: right;	width: 50%;}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
	background-color: var{--lightgrey};
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {	outline: 0;}

/*--------------------------------------------------------------
# Alignments
-------------------------------------------------------------*/
.alignleft {	display: inline;	float: left;	margin-right: 1.5em;}
.alignright {	display: inline;	float: right;	margin-left: 1.5em;}
.aligncenter {	clear: both;	display: block;	margin-left: auto;	margin-right: auto;}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,.clear:after,
.entry-content:before,.entry-content:after,
.comment-content:before,.comment-content:after,
.site-header:before,.site-header:after,
.site-content:before,.site-content:after,
.site-footer:before,.site-footer:after {	content: "";	display: table;	table-layout: fixed;}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {	clear: both;}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {	margin: 0 0 1.5em;}
/* Make sure select elements fit in widgets. */
.widget select {	max-width: 100%;}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/

#section-1 .slide_content {text-align: center; margin-top: 10rem}
@media screen and (min-width: 1025px) {
	#section-1 .slick-initialized .slick-slide {min-height: 75vh}
	#section-1 .slide_content {margin-top: 35vh}
}
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {	display: block;}

.byline,.updated:not(.published) {	display: none;}
.single .byline,
.group-blog .byline {	display: inline;}
.page-content,.entry-content,.entry-summary {	margin: 1.5em 0 0;}
.page-links {	clear: both;	margin: 0 0 1.5em;}
.single .content-area h1, .single .content-area h2 {
	margin-top: 1.5rem;
}
.sp-pcp-post .sp-pcp-post-meta ul li .fa, .sp-pcp-post .sp_pcp_cf_list .fa {display: none;}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {	word-wrap: break-word;}
.bypostauthor {	display: block;}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */	display: none;}
/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {	display: block;}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,.entry-content .wp-smiley,.comment-content .wp-smiley {	border: none;	margin-bottom: 0;	margin-top: 0;	padding: 0;}
/* Make sure embeds and iframes fit their containers. */
embed,iframe,object {	max-width: 100%;}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {	margin-bottom: 1.5em;	max-width: 100%;}
.wp-caption img[class*="wp-image-"] {	display: block;	margin-left: auto;	margin-right: auto;}
.wp-caption .wp-caption-text {	margin: 0.8075em 0;}
.wp-caption-text {	text-align: center;}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {	margin-bottom: 1.5em;}
.gallery-item {	display: inline-block;	text-align: center;	vertical-align: top;	width: 100%;}
.gallery-columns-2 .gallery-item {	max-width: 50%;}
.gallery-columns-3 .gallery-item {	max-width: 33.33%;}
.gallery-columns-4 .gallery-item {	max-width: 25%;}
.gallery-columns-5 .gallery-item {	max-width: 20%;}
.gallery-columns-6 .gallery-item {	max-width: 16.66%;}
.gallery-columns-7 .gallery-item {	max-width: 14.28%;}
.gallery-columns-8 .gallery-item {	max-width: 12.5%;}
.gallery-columns-9 .gallery-item {	max-width: 11.11%;}
.gallery-caption {	display: block;}

/*=======================
	WEBFLOW RESPONSIVE
======================*/

.w-container {
  margin-left: auto;
  margin-right: auto;
  max-width: 1400px;
  padding:0px 20px;
}
.w-container:before,.w-container:after {  content: " ";  display: table;}
.w-container:after {  clear: both;}
.w-container .w-row {  margin-left: -10px;  margin-right: -10px;}
.w-row:before,.w-row:after {  content: " ";  display: table;}
.w-row:after { clear: both;}
.w-col {
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}
/*.w-col .w-col {
  padding-left: 0;
  padding-right: 0;
}*/
.w-col-1 {  width: 8.33333333%;}
.w-col-2 {  width: 16.66666667%;}
.w-col-3 {  width: 25%;}
.w-col-4 {  width: 33.33333333%;}
.w-col-5 {  width: 41.66666667%;}
.w-col-6 {  width: 50%;}
.w-col-7 {  width: 58.33333333%;}
.w-col-8 {  width: 66.66666667%;}
.w-col-9 {  width: 75%;}
.w-col-10 {  width: 83.33333333%;}
.w-col-11 {  width: 91.66666667%;}
.w-col-12 {  width: 100%;}
.w-col-push-1 {  left: 8.33333333%;}
.w-col-push-2 {  left: 16.66666667%;}
.w-col-push-3 {  left: 25%;}
.w-col-push-4 {  left: 33.33333333%;}
.w-col-push-5 {  left: 41.66666667%;}
.w-col-push-6 {  left: 50%;}
.w-col-push-7 {  left: 58.33333333%;}
.w-col-push-8 {  left: 66.66666667%;}
.w-col-push-9 {  left: 75%;}
.w-col-push-10 {  left: 83.33333333%;}
.w-col-push-11 {  left: 91.66666667%;}
.w-col-pull-1 {  right: 8.33333333%;}
.w-col-pull-2 {  right: 16.66666667%;}
.w-col-pull-3 {  right: 25%;}
.w-col-pull-4 {  right: 33.33333333%;}
.w-col-pull-5 {  right: 41.66666667%;}
.w-col-pull-6 {  right: 50%;}
.w-col-pull-7 {  right: 58.33333333%;}
.w-col-pull-8 {  right: 66.66666667%;}
.w-col-pull-9 {  right: 75%;}
.w-col-pull-10 {  right: 83.33333333%;}
.w-col-pull-11 {  right: 91.66666667%;}
.w-col-offset-1 {  margin-left: 8.33333333%;}
.w-col-offset-2 {  margin-left: 16.66666667%;}
.w-col-offset-3 {  margin-left: 25%;}
.w-col-offset-4 {  margin-left: 33.33333333%;}
.w-col-offset-5 {  margin-left: 41.66666667%;}
.w-col-offset-6 {  margin-left: 50%;}
.w-col-offset-7 {  margin-left: 58.33333333%;}
.w-col-offset-8 {  margin-left: 66.66666667%;}
.w-col-offset-9 {  margin-left: 75%;}
.w-col-offset-10 {  margin-left: 83.33333333%;}
.w-col-offset-11 {  margin-left: 91.66666667%;}
.w-hidden-main {  display: none !important;}
@media screen and (max-width: 991px) {
  .w-container {    max-width: 728px;  }
  .w-hidden-main {    display: inherit !important;  }
  .w-hidden-medium {    display: none !important;  }
  .w-col-medium-1 {    width: 8.33333333%;  }
  .w-col-medium-2 {    width: 16.66666667%;  }
  .w-col-medium-3 {    width: 25%;  }
  .w-col-medium-4 {    width: 33.33333333%;  }
  .w-col-medium-5 {    width: 41.66666667%;  }
  .w-col-medium-6 {    width: 50%;  }
  .w-col-medium-7 {    width: 58.33333333%;  }
  .w-col-medium-8 {    width: 66.66666667%;  }
  .w-col-medium-9 {    width: 75%;  }
  .w-col-medium-10 {    width: 83.33333333%;  }
  .w-col-medium-11 {    width: 91.66666667%;  }
  .w-col-medium-12 {    width: 100%;  }
  .w-col-medium-push-1 {    left: 8.33333333%;  }
  .w-col-medium-push-2 {    left: 16.66666667%;  }
  .w-col-medium-push-3 {    left: 25%;  }
  .w-col-medium-push-4 {    left: 33.33333333%;  }
  .w-col-medium-push-5 {    left: 41.66666667%;  }
  .w-col-medium-push-6 {    left: 50%;  }
  .w-col-medium-push-7 {    left: 58.33333333%;  }
  .w-col-medium-push-8 {    left: 66.66666667%;  }
  .w-col-medium-push-9 {    left: 75%;  }
  .w-col-medium-push-10 {    left: 83.33333333%;  }
  .w-col-medium-push-11 {    left: 91.66666667%;  }
  .w-col-medium-pull-1 {    right: 8.33333333%;  }
  .w-col-medium-pull-2 {    right: 16.66666667%;  }
  .w-col-medium-pull-3 {    right: 25%;  }
  .w-col-medium-pull-4 {    right: 33.33333333%;  }
  .w-col-medium-pull-5 {    right: 41.66666667%;  }
  .w-col-medium-pull-6 {    right: 50%;  }
  .w-col-medium-pull-7 {    right: 58.33333333%;  }
  .w-col-medium-pull-8 {    right: 66.66666667%;  }
  .w-col-medium-pull-9 {    right: 75%;  }
    .w-col-medium-pull-10 {    right: 83.33333333%;  }
  .w-col-medium-pull-11 {    right: 91.66666667%;  }
  .w-col-medium-offset-1 {    margin-left: 8.33333333%;  }
  .w-col-medium-offset-2 {    margin-left: 16.66666667%;  }
  .w-col-medium-offset-3 {    margin-left: 25%;  }
  .w-col-medium-offset-4 {    margin-left: 33.33333333%;  }
  .w-col-medium-offset-5 {    margin-left: 41.66666667%;  }
  .w-col-medium-offset-6 {    margin-left: 50%;  }
  .w-col-medium-offset-7 {    margin-left: 58.33333333%;  }
  .w-col-medium-offset-8 {    margin-left: 66.66666667%;  }
  .w-col-medium-offset-9 {    margin-left: 75%;  }
  .w-col-medium-offset-10 {    margin-left: 83.33333333%;  }
  .w-col-medium-offset-11 {    margin-left: 91.66666667%;  }
  .w-col-stack {      width: 100%;    left: auto;    right: auto;  }
}
@media screen and (max-width: 767px) {
  .w-hidden-main {    display: inherit !important;  }
  .w-hidden-medium {    display: inherit !important;  }
  .w-hidden-small {    display: none !important;  }
  .w-row,  .w-container .w-row {    margin-left: 0;    margin-right: 0;  }
  .w-col {    width: 100%;    left: auto;    right: auto;  }
  .w-col-small-1 {    width: 8.33333333%;  }
  .w-col-small-2 {    width: 16.66666667%;  }
  .w-col-small-3 {    width: 25%;  }
  .w-col-small-4 {    width: 33.33333333%;  }
  .w-col-small-5 {    width: 41.66666667%;  }
  .w-col-small-6 {    width: 50%;  }
  .w-col-small-7 {    width: 58.33333333%;  }
  .w-col-small-8 {    width: 66.66666667%;  }
  .w-col-small-9 {    width: 75%;  }
  .w-col-small-10 {    width: 83.33333333%;  }
  .w-col-small-11 {    width: 91.66666667%;  }
  .w-col-small-12 {    width: 100%;  }
  .w-col-small-push-1 {    left: 8.33333333%;  }
  .w-col-small-push-2 {    left: 16.66666667%;  }
  .w-col-small-push-3 {    left: 25%;  }
  .w-col-small-push-4 {    left: 33.33333333%;  }
  .w-col-small-push-5 {    left: 41.66666667%;  }
  .w-col-small-push-6 {    left: 50%;  }
  .w-col-small-push-7 {    left: 58.33333333%;  }
  .w-col-small-push-8 {    left: 66.66666667%;  }
  .w-col-small-push-9 {    left: 75%;  }
  .w-col-small-push-10 {    left: 83.33333333%;  }
  .w-col-small-push-11 {    left: 91.66666667%;  }
  .w-col-small-pull-1 {    right: 8.33333333%;  }
  .w-col-small-pull-2 {    right: 16.66666667%;  }
  .w-col-small-pull-3 {    right: 25%;  }
  .w-col-small-pull-4 {    right: 33.33333333%;  }
  .w-col-small-pull-5 {    right: 41.66666667%;  }
  .w-col-small-pull-6 {    right: 50%;  }
  .w-col-small-pull-7 {    right: 58.33333333%;  }
  .w-col-small-pull-8 {    right: 66.66666667%;  }
  .w-col-small-pull-9 {    right: 75%;  }
  .w-col-small-pull-10 {    right: 83.33333333%;  }
  .w-col-small-pull-11 {    right: 91.66666667%;  }
  .w-col-small-offset-1 {    margin-left: 8.33333333%;  }
  .w-col-small-offset-2 {    margin-left: 16.66666667%;  }
  .w-col-small-offset-3 {    margin-left: 25%;  }
  .w-col-small-offset-4 {    margin-left: 33.33333333%;  }
  .w-col-small-offset-5 {    margin-left: 41.66666667%;  }
  .w-col-small-offset-6 {    margin-left: 50%;  }
  .w-col-small-offset-7 {    margin-left: 58.33333333%;  }
  .w-col-small-offset-8 {    margin-left: 66.66666667%;  }
  .w-col-small-offset-9 {    margin-left: 75%;  }
  .w-col-small-offset-10 {    margin-left: 83.33333333%;  }
  .w-col-small-offset-11 {    margin-left: 91.66666667%;  }
}
@media screen and (max-width: 479px) {
  .w-container {    max-width: none;  }
  .w-hidden-main {    display: inherit !important;  }
  .w-hidden-medium {    display: inherit !important;  }
  .w-hidden-small {    display: inherit !important;  }
  .w-hidden-tiny {    display: none !important;  }
  .w-col {    width: 100%;  }
  .w-col-tiny-1 {    width: 8.33333333%;  }
  .w-col-tiny-2 {    width: 16.66666667%;  }
  .w-col-tiny-3 {    width: 25%;  }
  .w-col-tiny-4 {    width: 33.33333333%;  }
  .w-col-tiny-5 {    width: 41.66666667%;  }
  .w-col-tiny-6 {    width: 50%;  }
  .w-col-tiny-7 {    width: 58.33333333%;  }
  .w-col-tiny-8 {    width: 66.66666667%;  }
  .w-col-tiny-9 {    width: 75%;  }
  .w-col-tiny-10 {    width: 83.33333333%;  }
  .w-col-tiny-11 {    width: 91.66666667%;  }
  .w-col-tiny-12 {    width: 100%;  }
  .w-col-tiny-push-1 {    left: 8.33333333%;  }
  .w-col-tiny-push-2 {    left: 16.66666667%;  }
  .w-col-tiny-push-3 {    left: 25%;  }
  .w-col-tiny-push-4 {    left: 33.33333333%;  }
  .w-col-tiny-push-5 {    left: 41.66666667%;  }
  .w-col-tiny-push-6 {    left: 50%;  }
  .w-col-tiny-push-7 {    left: 58.33333333%;  }
  .w-col-tiny-push-8 {    left: 66.66666667%;  }
  .w-col-tiny-push-9 {    left: 75%;  }
  .w-col-tiny-push-10 {    left: 83.33333333%;  }
  .w-col-tiny-push-11 {    left: 91.66666667%;  }
  .w-col-tiny-pull-1 {    right: 8.33333333%;  }
  .w-col-tiny-pull-2 {    right: 16.66666667%;  }
  .w-col-tiny-pull-3 {    right: 25%;  }
  .w-col-tiny-pull-4 {    right: 33.33333333%;  }
  .w-col-tiny-pull-5 {    right: 41.66666667%;  }
  .w-col-tiny-pull-6 {    right: 50%;  }
  .w-col-tiny-pull-7 {    right: 58.33333333%;  }
  .w-col-tiny-pull-8 {    right: 66.66666667%;  }
  .w-col-tiny-pull-9 {    right: 75%;  }
  .w-col-tiny-pull-10 {    right: 83.33333333%;  }
  .w-col-tiny-pull-11 {    right: 91.66666667%;  }
  .w-col-tiny-offset-1 {    margin-left: 8.33333333%;  }
  .w-col-tiny-offset-2 {    margin-left: 16.66666667%;  }
  .w-col-tiny-offset-3 {    margin-left: 25%;  }
  .w-col-tiny-offset-4 {    margin-left: 33.33333333%;  }
  .w-col-tiny-offset-5 {    margin-left: 41.66666667%;  }
  .w-col-tiny-offset-6 {    margin-left: 50%;  }
  .w-col-tiny-offset-7 {    margin-left: 58.33333333%;  }
  .w-col-tiny-offset-8 {    margin-left: 66.66666667%;  }
  .w-col-tiny-offset-9 {    margin-left: 75%;  }
  .w-col-tiny-offset-10 {    margin-left: 83.33333333%;  }
  .w-col-tiny-offset-11 {    margin-left: 91.66666667%;  }
}

/*=====================================================
MAIN CUSTOM STYLES
=====================================================*/

body {
	font-family: 'Poppins', sans-serif;
	font-weight: 300;
	font-style: normal;
	line-height: 1.5;
	color: #000;
	font-size: 16px;
}

p:last-child {  margin-bottom: 0;}
a { text-decoration: underline;  color: var(--darkgrey)}
a:focus, a:active, a:hover { color:  var(--lightblue);}
p .wpcf7-submit{text-decoration: underline;}

h1, h2, h3, h4, h5, h6 {
	display: block;
	line-height: 1.25;
	font-family: 'Poppins', sans-serif;;
	font-weight: 300;
	font-style: normal;
	margin-bottom: 1rem;
	margin-top: 1.5em;
	text-transform: none !important;
}

h1:first-child, h2:first-child, h3:first-child {  margin-top: 0;}
h1 {color: var(--darkgrey);font-size: 2rem;line-height: 1.2; }
h2 {  color: var(--darkgrey);  font-size: 1.8rem;  line-height: 1.2;}
h2 span {color:var(--lightgrey)}
@media only screen and (min-width: 768px) { 
	h1 {font-size: 3rem;} 
	h2 {font-size: 2.5rem; margin: 0;}
}
h3 {font-size: 1.125rem;color: var(--darkgrey); font-weight: 300;}
@media only screen and (min-width: 768px) {  
	h3 {    font-size: 1.3rem;  }
}

strong {  font-weight: bold !important;}
em {  font-style: italic;}


/*FONT*/
p{line-height: 1.6rem; text-align: left;}
p:first-child{
	margin-top: 0;
}

/*=====================================================
GENERAL
=====================================================*/

/* HEADER */

a.w-inline-block.logo{
	color: #000;display: inline-flex; margin-top: .25rem; text-decoration: none;
	align-items: center; justify-content: center;}
a.w-inline-block.logo span {
	color: var(--darkgrey);
  line-height: 1.5rem;
  font-weight: 500;
  font-size: 1.8rem;
}
@media only screen and (min-width: 1024px) and (max-width: 1178px) {
	a.w-inline-block.logo{top: 4rem;}
}

@media only screen and (max-width: 525px){
	a.w-inline-block.logo span{font-size: 1.2rem;}
}

/* NAV BAR */

/* FOOTER */

footer{
	background-color: var(--lightgrey);
	color:var(--white);
	font-size: .875rem;
	line-height: 1.25rem;
}

footer section:first-child{padding:0; background-color: transparent;}
footer ul{
	margin:0;
	padding:0;
	list-style-type: none;
}
footer .widget ul li a {color: var(--darkgrey); font-weight: 400; text-decoration: none;}
footer .widget ul li a:hover {color: var(--lightblue);}
footer p {margin-bottom: 0; line-height: 1.25rem;}

footer .social_icons a{
	font-size: 2rem;
    padding: 5px;
}
footer .social_icons a:hover{
	color: var(--lightgrey)
}
footer .greysection {padding: 2rem 0}
footer .whitesection {padding: 2rem 0 1rem 1rem}
footer .widget-title {
	font-size: .875rem; font-weight: 600;
}
.copyright p {font-size: 12px; line-height: 20px; color: var(--darkgrey)}

@media screen and (min-width: 769px) {
	footer .greysection {padding: 3rem 0}
	footer .whitesection {padding: 3rem 0 3rem 2rem}
}


/* BODY */

html {  height: 100%;  min-height: 100%;}
body, body * {  box-sizing: border-box;}

body {
  position: relative;
  text-align: left; 
  margin-bottom: 0;
  overflow-x: hidden;
  background-color: white;
  height: 100%;
  min-height: 100%;
  margin: 0;
  width: 100%;
}
/*=====================================================
			---FLEXIBLE CONTENT STYLES--
=====================================================*/

.whitesection {
	background-color: var(--white);
}
.greysection {
	background-color: var(--lightgrey); 
}
.darkgreysection {
	background-color: var(--darkgrey); 
}

.colorsection {
	background-color: var(--darkblue);  color: var(--white)}
	
#homeServices .w-col-4 {position: relative; overflow: hidden;}
#homeServices .w-col-4:nth-child(1)::before {
	background-image: url('/wp-content/uploads/2024/04/icon-global-300x300.png'); 
}
#homeServices .w-col-4:nth-child(2)::before {
	background-image: url('/wp-content/uploads/2024/04/icon-services-300x300.png'); 
}
#homeServices .w-col-4:nth-child(3)::before {
	background-image: url('/wp-content/uploads/2024/04/icon-appointment-300x300.png'); 
}
#homeServices .w-col-4::before {
	content: '';
    position: absolute;
    top: 1.5rem;
	right: -4rem; 
    bottom: 0;
    width: 200px;
    height: 200px;
    background-repeat: no-repeat;
    background-position: 150% center;
    background-size: contain;
    opacity: .1;
    pointer-events: none;
	z-index: 9;
}
#homeServices2 {padding: 4rem 0 !important}
@media screen and (min-width: 768px) {
    #homeServices2 .w-row, #homeServices2 .w-col-4 {display: flex;}
}
@media only screen and (max-width: 600px){
	#homeServices2 .w-row, #homeServices2 .w-col-4 {display: block;width: 100%;padding-bottom: 1rem;}
}
section.pageHeading {padding: 3rem 0 0}

#contactBox a {color: #fff; font-size: 1.5rem;}
#contactBox a:hover {color:  var(--lightblue)}
.services {
	background: #fff; padding: 0 !important
}
.reviews {text-align: center}
.reviews a {margin: 1rem 0}

@media screen and (min-width: 769px) {
	#contactBox a {font-size: 1.75rem;}
}

.centered {
display: block;
  margin: 0 auto;
  float: none;
  max-width: 1200px;
}
.left {
  display: block;
  margin: 0 auto;
  float: none;
  max-width: 1240px;
}
.centered h1, .centered h2, .centered h3 {
  text-align: center;
  font-weight: 300;
}
.left h1, .left h2, .left h3 {
	text-align: left;
	font-weight: 300;
}
@media screen and (max-width: 768px) {
	.centeredCol {text-align: center}
}
@media screen and (min-width: 769px) {
	.left h1, .left h2, .left h3 {
		max-width: 60%;
	}
}
/*=====================================================
Single Column
=====================================================*/

.banner h2{font-size: 2rem;}
.banner h3.subheading{
	font-size: 1.8rem;
	font-weight: normal;
	color:#FFF;
	margin:0;
}

.banner-content{
	margin:1rem 0;
	font-size: 30px;
	max-width: 50%;
	text-align: center;
	line-height: 1.2;
	padding-bottom:2rem;
	position: relative;
}
.banner-content::before {
	visibility: visible;
    width: 30%;
	opacity: 1;
    background-color:#fff;
    bottom: 0;
    content: "";
    height: 0.18rem;
    left: 50%;
    position: absolute;
    transform: translate(-50%);
    transition: all .3s ease-in-out 0s;
}

.banner-content::after {
	content: "";
    display: block;
    height: 10px;
    width: 100%;
}

@media screen and (max-width: 640px) {
.banner{padding:1rem 3rem;}
}
@media screen and (max-width: 640px) {
.banner{padding:1rem 3rem;}
.banner h2{line-height: 2.5rem;}
}

/*=====================================================
Graphic Links
=====================================================*/

@media only screen and (max-width: 768px) {
	.single_solution{
		/*margin-bottom: 2rem;*/
	}	
}

/*=====================================================
Feature Icons
=====================================================*/

.benefit { text-align: center;}
.benefit-12 {  padding-left: 100px;}
.benefit i {  font-size: 2.5rem;  width: 60px;  top: 3rem; text-align: center; transition: 0.3s ease-in-out;}
.benefit-12 i {  top: 3.5rem;  font-size: 3.5rem;}
.benefit h3 {  margin-top: 0.5rem;  margin-bottom: 0.5rem;}

.benefit div{
	margin-bottom: 1rem;
}

@media only screen and (max-width: 768px) {
	.benefit{
		margin-bottom: 2rem;
	}	
}

/*=====================================================
Image with text block
=====================================================*/
.sideimage {  margin-top: 1rem; background-size:cover; background-position:center;}
.sidelinks {
    top: 0;
    left: 0;
    right: 0;
	border-radius: 5px;
    background-color: var(--lightblue); 
	padding: 1rem;
	max-height: 50vh;
	margin-bottom: 5rem;
}
.sidelinks::before {
	border-radius: 16px;
    left: calc(50% - 50px);
    height: 100px;
    width: 100px;
    bottom: -34px;
	content: '';
    display: block;
    background-color: inherit;
    border: inherit;
    position: absolute;
    -webkit-clip-path: polygon(0% 0%, 100% 100%, 0% 100%);
    clip-path: polygon(0% 0%, 100% 100%, 0% 100%);
    transform: rotate(-45deg);
}
.sidelinks h2 {text-align: center !important;}
.sidelinks a {
    color: var(--darkgrey);
    text-decoration: underline;
    font-weight: 500;
}
.sidelinks a:hover {color: var(--white);}
.sidelinks ul {margin: 0; padding: 0}
.sidelinks li {
	padding: .75rem 0;
}
.sideForm {
	padding: 6rem 4%;
    display: flex;
    justify-content: center;
    flex-direction: column;
}
@media screen and (min-width: 769px) {
	.sidelinks {
		top: -4rem;
		left: 0;
		right: -2rem;
		padding: 3rem;
		max-height: 50vh;
		margin-bottom: 0;
	}
}
@media only screen and (min-width: 992px) {  .sideimage {margin-top: 0;}}
@media only screen and (max-width: 991px) {
	.sideimage {background-image: none !important}
}

/*=====================================================
Text Only
=====================================================*/

.ticks ul{
  list-style-type: none;
}
.ticks li:before {    
  font-family: "Font Awesome 5 Free";
  content: '\f00c';
  font-weight: 600;
  margin:0 5px 0 -15px;
  color: #c80019;
} 

@media only screen and (max-width: 768px) {
	.txt .w-col-4{
		margin-bottom: 2rem;
	}	
}

/*=====================================================
Photo Gallery
=====================================================*/

.gallery-header{margin-bottom: 1rem;}
.photo-gallery button.slick-next.slick-arrow{top:10rem;right:-0.8rem; z-index:-999; }
.photo-gallery button.slick-prev.slick-arrow{top:10rem; left:-0.8rem; z-index:-999; }
.photo-gallery .slick-dots{bottom:-50px;}

/*=====================================================
Text With Sidebar
=====================================================*/
a.sidebar_box {display: block;margin-bottom: 1rem;box-shadow: 0px 12px 24px -12px rgb(45 64 74 / 34%);-webkit-box-shadow: 0px 12px 24px -12px rgb(45 64 74 / 34%);border-radius: 5px;overflow: hidden;}
a.sidebar_box:last-child {  margin-bottom: 0;}

a.sidebar_box h3 {
  width: 100%;
  color: white;
  background-color:#313131;
  padding: 0.5rem 20px;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  margin-bottom: 0;
}

.sidebar_box_content {
	padding: 20px;
}

.greysection .sidebar_box_content{
	background-color: #FFF;
}

/*=====================================================
Tabs
=====================================================*/
.responsiveTabs {  display: block;  margin-top: 1rem;}
div.r-tabs .r-tabs-nav .r-tabs-anchor {
	padding:10px 5px;
	text-align: center;
}
div.r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor {  border-top-right-radius: 0px;  border-top-left-radius: 0px;}

div.r-tabs {
  position: relative;
  background: #f5f5f5;
  border-top: 1px solid #f5f5f5;
  border-right: 1px solid #f5f5f5;
  border-left: 1px solid #f5f5f5;
  border-bottom: 1px solid #f5f5f5;
  border-radius: 0px;
}

div.r-tabs .r-tabs-panel {
  background-color: transparent;
}
div.r-tabs .r-tabs-panel p {
	font-size: 1.2rem; line-height: 2rem;
}

div.r-tabs .r-tabs-nav {text-align: center;}
div.r-tabs .r-tabs-nav .r-tabs-tab {  
	background-color: #f7f7f7; padding: 0 25px}

div.r-tabs .r-tabs-accordion-title .r-tabs-anchor {
  background-color: transparent;
  color: #313131;
  text-transform: uppercase; 
  font-size: 16px;
  text-align: center;
  position: relative;
}
div.r-tabs .r-tabs-accordion-title .r-tabs-anchor::after {
	font-family: "Font Awesome 5 Free";
	content: '\f078';
	position: absolute;
	right: 0;
	top: .5rem;
	color: #313131;
}
div.r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor:after, 
div.r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor:after {
	font-family: "Font Awesome 5 Free";
	content: '\f077';
	position: absolute;
	right: 0;
	top: .5rem;
	color: #313131;
}

div.r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor,
div.r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor {  
	color: #313131;
	background-color: #f7f7f7;
}
div.r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor::before,
div.r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor::before {
	visibility: visible;
    width: 15%;
	opacity: 1;
    background-color:#313131;
    bottom: 0;
    content: "";
    height: 0.18rem;
    left: 50%;
    position: absolute;
    transform: translate(-50%);
    transition: all .3s ease-in-out 0s;
}

.tabContentRight {
	background-color: #fff;
	padding: 2rem;
}
.tabContentRight .tab-content {}
@media screen and (min-width: 768px) {
	div.r-tabs .r-tabs-panel {padding: 3rem;}
	.tabContentRight {padding: 3rem}
	div.r-tabs .r-tabs-accordion-title .r-tabs-anchor::after {display: none;}
	div.r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor::after,
	div.r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor::after {
	content: "";
    display: block;
    height: 10px;
    width: 100%;
}
}
@media screen and (min-width: 991px) {
	div.r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor::before,
	div.r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor::before {width: 40%}
	.tabContentRight {min-height: 28.5rem;}
}
@media screen and (min-width: 1025px) {
	div.r-tabs .r-tabs-nav .r-tabs-tab {padding: 0 35px}
}

/*=====================================================
Feature List
=====================================================*/
.features {
  text-align: left;
  margin: 0;
  list-style: none;
  padding-left: 0;
}

.features li {  position: relative;  padding-left: 2rem;}

.features li:before {
  font-family: "Font Awesome 5 Free";
  content: '\f00c';
  position: absolute;
  left: 0;
  top: 0;
  color: #313131;
}

/*=====================================================
Portfolio
=====================================================*/

.pf_title{
	text-align: center;
	margin-bottom:40px;
}
.examples {
    margin-top: 2rem;
}
.example_container {margin-bottom: 2rem;position: relative;}
.examples .slick-dots {  bottom: -2rem;  text-align: center;  padding: 0 20px 0 0;}
.examples .slick-dots li button:before {  color: #313131;  opacity: 1;  font-size: 1rem;}
.examples .slick-dots li.slick-active button:before {/*  content: "\f111";*/  color: #313131;}


/*=====================================================
Grid Section
=====================================================*/
.grid_single {
  display: block;
  margin-bottom: 1rem;
  text-align: center;
}
.grid_image_wrap {
	position: relative;
	overflow: hidden;
	margin-top: 1rem;
}
.grid_single img {
  display: block;
  width: 100%;
  height: auto;
  margin-bottom: 0.5rem;
  transition: 0.5s;
}
.grid_single:hover img {
	transform: scale(1.05);
	opacity: .8;
}
.gridtitle {font-size: 1.3rem;}
/*=====================================================
Testimonials
=====================================================*/

.testimonial p{
	margin: 0;
}

.clientname {
  display: inline-block;
  color: #313131;
  margin-top: 0;
  text-align: left;
  width: 100%;
  text-align: center;
  color: #FFF;
  font-size: 1rem;
  margin-bottom: 2rem;
}

.greysection .testimonial{
	background-color: #FFF;
}
#testimonials-owners .testimonial h3 {
	font-size: 1.65rem; 
	text-align: center;
	margin-top: 2rem;
}
#testimonials-owners .testimonial p {
	margin-bottom: 2rem;
	text-align: center;
}
#testimonials-owners .testimonial a {
	text-decoration: none;
	font-size: 1.25rem;
}
#testimonials-owners .testimonial img {
	margin-bottom: 3rem;
}

@media only screen and (max-width: 640px) {	
	.testimonial{padding:0px 10px;}
	#testimonials-owners .testimonial img {
		margin-left: auto; margin-right: auto;
	}
}

.testimonial br {
    display: block;
    margin: 1rem 0;
    content: "";
}

/*=====================================================
Resources
=====================================================*/

.single_resource{
	padding: 20px;
	box-shadow: 0px 12px 24px -12px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0px 12px 24px -12px rgb(72 95 104 / 20%);
}
.whitesection .single_resource{
	background-color: #f2fbff;
	border: 1px solid #ddd;
}

.greysection .single_resource,
.colorsection .single_resource{
	background-color: #FFF;
}

.cta, input[type="submit"], header .cta_container a {
  display: block;
  background-color: #313131;
  color: white;
  padding: 0.75rem 20px;
  border: none;
  text-align: center;
  transition: 0.5s;
}
.cta:visited, input[type="submit"]:visited, header .cta_container a:visited {color:  var(--lightblue);}
.cta:focus, input[type="submit"]:focus, header .cta_container a:focus {  color: white;}
.cta:hover, input[type="submit"]:hover, header .cta_container a:hover {  color: white;}
.cta:active, input[type="submit"]:active, header .cta_container a:active {  color: white;}
.cta:hover, input[type="submit"]:hover, header .cta_container a:hover {  background-color: #302956;}
@media only screen and (min-width: 768px) {  .cta, input[type="submit"], header .cta_container a {    display: inline-block;    padding: 0.5rem 20px; }}


/*=====================================================
Blog
=====================================================*/

.solutions {  text-align: left;}
.solution_container {  margin-bottom: 1rem;}
.solution_container .solution {  margin-bottom: 0;}
a.solution, .blog-teaser h3 a {text-decoration: none}
a.solution:hover h3, .blog-teaser:hover h3 a {text-decoration: underline; color: var(--darkgrey);}
a.solution h3, a.solution p, .blog-teaser .blogMeta,
.blog-teaser h3, .blog-teaser p {padding: 0 .5rem}
a.solution p:last-child, .blog-teaser p:last-child {padding-bottom: 2rem;}

.readmore {
  display: inline-block;
  font-size: 1rem;
  background-color: #063567;
  color: #fff !important;
  padding: .75rem 2rem; 
  border-radius: 5px;
}
.readmore:hover {
	background-color:  var(--lightblue);
}
.blogWrap {
	padding: 3rem;
}
.blogWrap .w-col-4 {
	padding: 0; border: 1px solid var(--lightgrey);
}
.blogWrap .w-col-4:hover {
	border: 1px solid var(--darkgrey);
}
.blogSlider .wp-spaios-content-wrp {
	position: absolute; bottom: 0; 
	background-color: var(--white);
	padding: 0 2rem 1rem .5rem; 
}
.blogSlider .wp-spaios-slider-wrap .wp-spaios-title {
	font-size: 1.25rem !important; text-align: left;
}
.blogSlider a {text-decoration: none;}
.blogSlider a:hover {color: var(--darkgrey); text-decoration: underline;}
.blogSlider .swiper-button-next:after, .blogSlider .swiper-button-prev:after {color: var(--white);}
.blogMeta {font-size: .8rem; font-weight: 600;}
.blogCat {padding: 3rem;}
.blogCat .centered {
	display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
}
.blogCat .centered select {
	height: 3rem;
    padding: .5rem 6rem .5rem 1rem;
    border-radius: 2px;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.blogCat .selectWrap {
	position: relative; 
}
.blogCat .selectWrap::after {
	content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 38px;
    height: 48px;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    background-color: var(--lightblue);
	background-image: url('/wp-content/themes/mintcake-flexible/images/icon-arrow-dark.svg');
    background-repeat: no-repeat;
    background-size: 50%;
    background-position: center;
    pointer-events: none;
}
.blogCat h1, .blogCat h2, .blogCat h3, .blogCat h4 {
	color: var(--white); text-align: center !important;
}
.blogCat h4 {
	padding-bottom: 1rem;
}
.single .singleBlog {
	padding: 1rem 0;
}
.single .singleBlogHeader {
	padding: 2rem 0 1rem;
	border-bottom: 2px solid var(--lightgrey);
	margin-bottom: 2rem;
}
.single .content-area h1, .single .content-area h2, 
.single .content-area h3, .single .content-area h4, 
.single .content-area p {
	text-align: left !important;
}
.single .content-area h1, .single .singleCat {
	padding-left: .5rem;
}
.single .singleBlogMeta {
	display: block;
}

.single .singleBlogMeta span {
	padding-top: .3rem;
}
.single .singleCat a {
	text-transform: uppercase; font-weight: 600;
	color: var(--darkblue); text-decoration: none;
}
.single .singleCat a:hover {
	text-decoration: underline;
}
.single .shareIcons {
	list-style: none; padding-top: .5rem;
	padding-left: 0; margin-left: 0;
}
.single .shareIcons li {
	display: inline-block;
	background-color: var(--lightblue);
	padding: .5rem; margin: 0 .25rem;
}
.single .shareIcons li:hover {
	background-color: var(--darkblue);
}
.single .shareIcons .icon img {
	width: 1.15rem;
}
.single .contact-form-section h1,
.single .contact-form-section h2{
	text-align: center !important;
	width: 100%;
	margin-bottom: 2rem;
	color: var(--white);
}
.single .singleRelated {
	padding: 1rem 0 1rem;
    border-top: 2px solid var(--lightgrey);
    margin-bottom: 1rem;
}
.single .singleRelated h2 {
	padding-bottom: 2rem;
}

.single_sol_img {
  display: block;
  margin: auto;
  width: 5rem;
  margin-top: 2rem;
}
.single_service_img {
	display: block;
	margin: auto;
	width: 100%;
  }

h3.single_sol_h3 {
  font-size: 1.5rem;
  line-height: 1.2;
  margin-top: 2rem;
}

.single_solution p 	{  margin-top: 0; font-size: .8rem;}
.single_service p 	{  font-size: .8rem; color: #fff; text-align: center; padding: 1.5rem 0}

@media only screen and (min-width: 769px) {
	a.solution h3, a.solution p, .blog-teaser .blogMeta,
	.blog-teaser h3, .blog-teaser p {padding: 0 1.5rem}
	.single_solution {
		padding: 1.5rem 2rem !important;
	}
	.single_solution p  {
		max-width: 60%
	}
	.single .singleBlog {
		padding: 3rem 0;
	}
	.single .singleBlogMeta {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-ms-flex-align: center;
		align-items: center;
	}
	.single .singleBlogMeta .w-col:nth-child(2) {
		display: inline-flex;
		justify-content: flex-end;
	}
	.single .shareIcons {
		padding-left: 1rem; padding-top: 0;
	}
	.single .singleRelated {
		padding: 2rem 0 1rem;
		margin-bottom: 2rem;
	}
  }
  @media only screen and (min-width: 1025px) {
	.blogWrap .w-col-4 {
		max-width: 30.333333%;
		margin: 0 1rem; 
	}
  }

/*=====================================================
Feature Tabs
=====================================================*/
.slider-nav {  display: none;}
@media only screen and (min-width: 768px) {
  .slider-nav {
    display: block;
    z-index: 100;
  }
}

.slider-nav-link {  padding: 10px;  outline: none !important;  cursor: pointer;}

.slider_nav_link_internal {
  text-align: center;
  background-color: #e1e1e1;
  padding: 20px;
}

.slick-slide:not(.slick-current) {opacity: .6;}
.slick-current {opacity: 1}
.slick-current .slider_nav_link_internal {  background-color: #313131;  color: white;}
.slider-nav-link i {  display: block;  font-size: 1.5rem;}
.slider-for {  background-color: white;}
/*@media only screen and (min-width: 768px) {
  .slider-for {    margin-top: -3rem;  }
}*/

.feature_slide {  padding: 3rem 20px;}
.slideimage {  width: 60%;  display: block;  margin: 1rem auto 0;}


.slider-for .slick-prev, .slider-for .slick-next {  z-index: 300; top: 60% !important}
.slider-for .slick-prev:before, .slider-for .slick-next:before {  color: #313131;  font-size: 2rem;}
.slider-for .slick-prev {  left: 5% !important; right: auto !important}
.slider-for .slick-next {  right: 5% !important; left: auto !important}
@media only screen and (min-width: 768px) {
  .feature_slide {    padding: 5rem 20px 3rem;  }
}

.slideimage {
  width: 60%;
  display: block;
  margin: 1rem auto 0;
}
@media only screen and (min-width: 768px) {
  .slideimage {
    width: 100%;
    margin: 0;
  }
}

.slider-for .slick-prev, .slider-for .slick-next {  z-index: 300;}
.slider-for .slick-prev:before, .slider-for .slick-next:before {  color: #313131;  font-size: 2rem;}
.slider-for .slick-prev {  left: -15px;}.slider-for .slick-next {  right: -5px;}

@media only screen and (max-width: 680px) {
	.feature_title{display: none;}
}

/*=====================================================
Pricing/Features Table
=====================================================*/
div.matrixwrapper {  position: relative;}

div.matrix {
  width: 100%;
  overflow-x: scroll;
  padding-left: 200px;
  overflow-y: visible;
  padding-bottom: 1px;
  padding-top: 1rem;
}
@media only screen and (min-width: 768px) {
  div.matrix {
    overflow: auto;
  }
}

div.matrix table {
  border-collapse: collapse;
  width: 100%;
  min-width: 650px;
}

div.matrix td, div.matrix th {
  margin: 0;
  border: 1px solid #e1e1e1;
  white-space: nowrap;
  padding: 5px 10px;
  text-align: center;
  font-size: 0.875rem;
  line-height: 1rem;
}

div.matrix th {
  color: white;
  padding: 1rem 10px;
  font-size: 1.25rem;
}
div.matrix th.purple {
  background-color: #555;
  border: 1px solid #555;
}
div.matrix th.red {
  background-color: #313131;
  border: 1px solid #313131;
}
div.matrix th.green {
  background-color: #1abc9c;
  border: 1px solid #1abc9c;
}

div.matrix td.purple {
  background-color: #f5f4f6;
  border: 1px solid #d9d4db;
}
div.matrix td.red {
  background-color: #f8f6fb;
  border: 1px solid #e7dbf2;
}
div.matrix td.green {
  background-color: #f4f8f8;
  border: 1px solid #d5e3e3;
}

div.matrix .headcol {
  position: absolute;
  width: 200px;
  left: 0;
  top: auto;
  background-color: white;
  z-index: 10;
  text-align: left;
  font-size: 1rem;
}
div.matrix .headcol.empty {
  border-top: 1px solid white;
  border-left: 1px solid white;
}

div.matrix tr:nth-child(even) .headcol {  background-color: #f5f5f5;}
div.matrix .fa-times {  color: #b7b7b7;}
div.matrix .fa-check {  color: #59918f;}

@media only screen and (max-width: 680px) {
	.headcol{display: inline-block;}
}
/*=====================================================
MAP
=====================================================*/
section.googlemap{
padding:0;
}
.acf-map {
	width: 100%;
	height: 400px;
	border: #ccc solid 1px;
}

/* fixes potential theme css conflict */
.acf-map img {
   max-width: inherit !important;
 }

/*=====================================================
SAMPLE PACK
=====================================================*/

.sample-pack{
	background-color: #313131;
	overflow: hidden;
}
.sample-content h2{
	color:#FFF;
}
.sample-content{
	color:#FFF;
	padding:40px;
}
.sample-image{
	position: relative;
	display: block;
}
.sample-image img{
	position: absolute;
	top: 0;
	left:-10px;
}

.sample-content a.readmore{
	background-color:#FFF;
	display:inline-block;
	padding:10px 20px;
}


@media only screen and (max-width: 780px) {
	.sample-image{
		display: none;
	}
}

/*=====================================================
General Slider
=====================================================*/

a.anchor .fa{
	color: white;
	font-size: 2em;
	margin-top: 2em;
	cursor: pointer;
}

.slider-section{padding:0;}
.gen_slider.slider{
	height:500px;
	padding:5rem 0;
}

.gen_slider .centered{margin-top: 9rem;}
.gen_slider h1{color:white; margin-bottom:2rem;font-weight: bold; }
.gen_slider h2{color:white; margin:0; font-weight: normal; font-size: 2rem; }

.slider-section ul.slick-dots{bottom:0;}
.slider-section .slick-dots li button:before,
.slider-section .slick-dots li.slick-active button:before{color:white;}
.slider-section .slick-dotted.slick-slider{margin-bottom: 0;}
.slider-section button.slick-next.slick-arrow{right:25px;}
.slider-section button.slick-prev.slick-arrow {left:25px; z-index: 50;}
.slider-section .slide {padding: 0;}

.slide_link{
	background-color: #46cfd4;
    padding: 10px 20px;
    margin-top: 10px;
    border-radius: 5px;
    transition: 0.5s;
    color:white;
    font-size:1.1rem;
}
.slide_link:hover{
	color:white;
	background-color: #29b2b7;
}
.slide_link:visited{color:#fff;}

.slider-content{margin-bottom: 1rem; color:white}
.slider-content p{margin-top:1rem;}

.slider-section .slide{
  height: 70vh;
  padding:3rem 0;
}

.slide_content h2{
  color:#fff;
  display: inline-block;
  padding: 10px 20px;
  font-size: 1.5rem;
  margin:0;
  text-shadow: 2px 2px #000;
}
.slider_text{
  display: block;
  margin: 0 0 1rem;
}

img.slide_image{
  margin:0 auto;
}
.message{
  color:#fff;
  display: inline-block;
  padding:5px 10px;
  font-size: 1rem;
  letter-spacing: 2px;
  text-transform: uppercase;
  text-shadow: 2px 2px #000;
}
.slick-prev, .slick-next{
  z-index: 1;
}

.slider-section button.slick-next.slick-arrow {right: 3%; top: 75%; left: auto}
.slider-section button.slick-prev.slick-arrow {left: 3%; top: 75%; right: auto}

@media only screen and (max-width: 768px) {
	.slide_content{
		margin-right: 1rem;
	}
}

@media only screen and (max-width: 480px) {
	.slide_content{
		margin: 0 2rem;
	}
}

@media only screen and (min-width: 769px) {
.slide_content h2{
	font-size: 2rem;
  }
  .message{
	font-size: 1.3rem;
  }
}

/*=====================================================
TABLES
=====================================================*/

.table-container table th{
	border:1px solid #313131;
	padding:10px;
	text-align: center;
	background-color: #313131;
	color:#FFF;
}

.table-container table td{
	border:1px solid #313131;
	padding:10px;
	text-align: center;
}
.greysection .table-container table tr{
	background-color: #FFF;
}

.table-container table tr:nth-child(even),
.greysectoin .table-container table tr:nth-child(even){
	background-color: #f1ebff;
}


/*=====================================================
FAQ
=====================================================*/
.faq-question {
	margin-bottom: 1rem;
	border-bottom: 1px solid var(--white)
}
.faq-question:nth-child(1) {
	border-top: 1px solid var(--white)
}
.faq-question .entry-content{
	display: none;
	margin:0;
	background-color:#FFF;
	padding: 1.5rem 0;
	padding-top:0;
}
.faq-question .entry-content ul{
	margin:0;
	text-align:left;
}
.faq-question h3{
	background-color:#FFF;
	margin:0;
	padding:1.5rem 0;
	position: relative;
	cursor: pointer;
}

.darkgreysection .faq-question * {
	background-color: transparent;
	color: var(--white)
}

.colorsection .faq-question * {
	background-color: #063567;
}
.darkgreysection h1, .darkgreysection h2 {
	color: var(--white); text-align: left;
	padding: 0 0 1rem;
}

.whitesection .faq-question h3{
	background-color: var(--darkblue); 
	color: var(--white)
}
.whitesection .faq-question .entry-content{
	background-color:#f7f7f7;
	padding-top:1rem;
}

.faq-question h3:after{
	content:'\f078';
	font-family: "Font Awesome 5 Free";
	 font-weight: 600;
	 position:absolute;
	 right:20px;
}

.faq-question h3.open:after{
	content:'\f106';
	font-family: "Font Awesome 5 Free";
	 font-weight: 600;
}

/*=====================================================
CONTACT FORM
=====================================================*/
/* White/Grey Background*/
.whitesection#contact input, .whitesection#contact textarea, .greysection#contact input, .greysection#contact textarea{
	background-color: transparent;
	border:2px solid #888;
	color:#888;
	padding:0.5rem;
	font-family: inherit;
	border-radius: 0px;
}
.whitesection#contact form p, .greysection#contact form p{margin:1rem 0;}
.whitesection#contact textarea, .greysection#contact textarea{margin-bottom: 0;}
.whitesection#contact input.wpcf7-submit, .greysection#contact input.wpcf7-submit{padding:1rem 2rem; background-color: #313131; color:#FFF; font-size: 1.2rem;     border:none}
.whitesection#contact input.wpcf7-submit:hover, .greysection#contact input.wpcf7-submit:hover{background-color: #302956; color:#FFF;}
.whitesection#contact span.wpcf7-form-control-wrap, .greysection#contact span.wpcf7-form-control-wrap {color:#888;}

/*Colour Background*/
#contact input, #contact textarea{
	background-color: transparent;
	border:2px solid #FFF;
	color:white;
	padding:0.5rem;
	font-family: inherit;
	border-radius: 0px;
}
#contact form p{margin:1rem 0;}
#contact textarea{margin-bottom: 0;}
#contact input.wpcf7-submit{padding:1rem 2rem; background-color: #FFF; color:#313131; font-size: 1.2rem;}
#contact input.wpcf7-submit:hover{background-color: transparent; color:#FFF;}
#contact span.wpcf7-form-control-wrap {color:#FFF;}
/*Placeholder Txt Image*/
#contact span input::-webkit-input-placeholder,#contact span input::-moz-placeholder,
#contact span input:-moz-placeholder,#contact span input:-ms-input-placeholder,
#contact span input:placeholder-shown{color:#FFF;}

#contact textarea::-webkit-input-placeholder,#contact textarea::-moz-placeholder,
#contact textarea:-ms-input-placeholder,#contact textarea:-moz-placeholder,
#contact textarea:placeholder-shown{color:#FFF;}
.wpcf7-form h1, .wpcf7-form h2,.pims_search h1, .pims_search h2 {font-size: 2rem; margin-bottom: 1rem}
#section-2 .subheading {display: none;}
@media only screen and (min-width: 768px) {
  body {    text-align: left;  }
}

/* SECTIONS */

section {
  position: relative;
  padding: 3rem 0;
}
/* section#archive-banner {
  padding: 4rem 0;
} */
/*section.listsection {  padding: 4rem 0 3rem;}*/

.w-row.overflow, .w-container.overflow {  overflow: visible !important;}
/*=====================================================
MOBILE MENU
=====================================================*/


@media only screen and (max-width: 991px) {
	.main-navigation{display: none;}
}

.mobile_button {
  position: absolute;
  top: 0px;
  right: 5px;
  padding: 10px 12px;
  color: #000;
  font-size: 50px;
  opacity: 1;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  font-size: 1.5rem;
  z-index: 999;
}
@media only screen and (min-width: 991px) {  .mobile_button {    display: none;  }}

.mobile_button.fa-close {
  color: #000;
  top: 0;
  font-size:2rem;
  cursor: pointer;
}

header#masthead.mini-header .mobile_button {color:  var(--lightblue);}
#mobile_nav {  display: none;}
#masthead i.fa-close, #masthead i.fa-bars {  display: none;}

@media screen and (max-width: 991px) {
	#mobile-menu{
		margin-top: 4rem;
	}
  #mobile_nav {
    display: block;
    position: fixed;
    right: 0;
    top: 0;
    height: 100vh;
    z-index: 20;
    -webkit-box-shadow: -5px 0px 4px -1px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: -5px 0px 4px -1px rgba(0, 0, 0, 0.1);
    box-shadow: -5px 0px 4px -1px rgba(0, 0, 0, 0.1);
    width: 250px;
    transition: 1s ease;
    -webkit-transition: 1s ease;
    -moz-transition: 1s ease;
    -o-transition: 1s ease;
    z-index: 9999999;
    background-color: var(--white); 
  }

  #mobile_nav.notvisible {
    transform: translateX(320px);
    -webkit-transform: translateX(320px);
    -moz-transform: translateX(320px);
  }
  div#cart-head {
    display: inline-block;
    background-color: #f5f5f5;
  }

  .mobile_icons {
    padding-left: 10px;
    padding-top: 3rem;
    display: block;
    background-color: #f5f5f5;
  }

  .mobile_icons i {
    font-size: 1.25rem;
    padding: 10px;
    cursor: pointer;
  }

  .mobile_icons, .searchicon {    color: #00A0DF;  }
  #mobile_nav .search_form {
    display: block;
    padding: 0.5rem 20px;
    background-color: #f5f5f5;
    margin-right: 0;
    position: relative;
    height: auto;
    display: none;
  }

  #mobile_nav .search_form .search_field {    width: 100%;  }
  #mobile_nav form input.searchicon {
    margin-right: 15px;
    margin-top: 0.25rem;
  }

  #mobile_nav ul {
    list-style: none;
    padding: 3rem 0 0.5rem;
    margin: 0;
    font-size: 1.125rem;
  }
  #mobile_nav ul ul {
	padding: 0;
  }

  #mobile_nav ul li a {
    color: #000;
    padding: 0.25rem 20px;
    display: block;
    text-align: left;
	text-transform: uppercase; 
	font-size: 14px;
	text-decoration: none;
  }

  #mobile_nav #mobile_products_links {
  	position: absolute;
  	top:3.5rem;
    padding-top: 0.5rem;
    font-size: 1rem;
    opacity: 0.85;
    padding-bottom: 3rem;
      }
  #mobile_nav #mobile_products_links li a {    color: white;  }
	#masthead i.fa-bars {
    position: relative;
    top: auto;
    right: auto;
    left: auto;
    display: block;
    cursor: pointer;
    font-size: 28px;
    color:  var(--lightblue);
    transition: 1s ease;
    -webkit-transition: 1s ease;
    -moz-transition: 1s ease;
    -o-transition: 1s ease;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    opacity: 1;
	margin-top: .5rem;
  }
  .home #masthead i.fa-bars {color: #002654;}
  #masthead i.fa-close.notvisible {
    margin-right: -60px;
    opacity: 0;
    -webkit-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
	transform:rotate(180deg);
  }

  #masthead i.fa-bars.notvisible {
    margin-right: 60px;
    opacity: 0;
    -webkit-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
	transform:rotate(-180deg);
  }
  /* SubMenu responsive*/
	#mobile-menu li,
	#mobile_nav #menu-primary li{
		background-color: var(--white)
	}
	#mobile-menu li:hover,
	#mobile_nav #menu-primary li:hover {
		background-color: var(--lightblue)
	}
	#mobile-menu li:hover a,
	#mobile_nav #menu-primary li:hover a {
		color: var(--white)
	}
	#mobile-menu li a, #mobile_nav #menu-primary li a{
		padding:10px 15px;
		line-height: 2rem;
	}
	#mobile-menu li.menu-item-has-children, #mobile_nav #menu-primary li.menu-item-has-children{
		position: relative;
		transition: 0.2s;
	}
	#mobile-menu li.menu-item-has-children:after, #mobile_nav #menu-primary li.menu-item-has-children:after{
		font-family: "Font Awesome 5 Free";
		font-weight: 600;
		content: '\f077';
		display: block;
		position: absolute;
		right: 10px;
		top: -4px;
		padding: 10px 10px 10px 40px;
		cursor: pointer;
		transition: 0.3s;
		color:var(--darkgrey);
		font-size: 1rem;
		display: block;
		z-index:999999;
	}
	#mobile-menu li.active-parent:after, #mobile_nav #menu-primary li.active-parent:after{
		transform: translateX(30px) rotate(180deg);
		-webkit-transform: translateX(30px) rotate(180deg) ;
		-ms-transform: translateX(30px) rotate(180deg) ;
		-moz-transform: translateX(30px) rotate(180deg);
		-o-transform: translateX(30px) rotate(180deg) ;
		color: var(--white);
	}
	#mobile-menu li.active-parent,
	#mobile_nav #menu-primary li.active-parent{
		background-color: var(--lightblue)
	}
	#mobile-menu li.active-parent a,
	#mobile_nav #menu-primary li.active-parent a{
		color: var(--white)
	}

	#menu-mobile-menu ul.sub-menu,
	#mobile_nav #menu-primary ul.sub-menu{
		background-color: var(--darkgrey);
		padding: 0;
	}
	#mobile-menu ul.sub-menu li,
	#mobile_nav #menu-primary ul.sub-menu li{
		overflow: hidden;
		display: none;
		transition: 0.3s;
		background-color: transparent;
	}
	#mobile-menu ul.sub-menu li a,
	#mobile_nav #menu-primary ul.sub-menu li a{
		color:var(--white);
		font-size: .8rem;
		padding: 5px 20px;
	}
	#mobile-menu ul.sub-menu.active li,
	#mobile_nav #menu-primary ul.sub-menu.active li{
		display: block;
	}
	
}

/* BLOG LISTING PAGE */

.blog-box{	background-color: #FFF;}
h2.entry-title{font-size: 1.5rem;margin-bottom: 1rem;text-align: left;}
.entry-meta{margin-bottom: 1em;}
a.blog-link{background-color: #663300; padding:10px 15px; color:white; border-radius: 5px; margin-top: 1rem;}
a.blog-link:hover{background-color: #663300;}
.blog-teaser{padding: 15px 0;margin-bottom: 22px;}
#categories-2 ul{margin-left:1rem; padding:0; list-style-type:none;}
#archives-3 ul{margin-left:1rem; padding:0; list-style-type:none;}
.widget-area section{padding-bottom:2rem;}
.post-sidebar{margin-top: 5rem;}
.blog-header h1{
	display: block;
    width: 100%;
    max-width: 1000px;
    margin: auto;
    text-align: left !important;
    color: #FFF;
}
.blog-header img {width: 100%;}

/* Blog SideBar */

.widget ul {list-style: none; margin-left: 0; padding-left: 1rem;}

section.widget{padding:1rem;}

/* SECTION OVERRIDES
Add these classes to the 'Section Class Override ID' to see the effects!
This is good for duplicate content blocks with the same colour background to reduce spacing.
*/

section.removepadding{
  padding-top: 0;
}
section.pt-3 {
	padding-top: 1rem;
	padding-bottom: 1rem;
}
section.portfolio{
  padding-top: 3rem;
}
header{
	position: fixed;
	width:100%;
	top:0;
	left:0;
	z-index: 999;
	transition:0.2s;
	padding: 0;
	background-color: #fff;
}
#content header {
	position: relative;
	box-shadow: none;
	z-index: 1;
}
#container-header{
	display:flex;
	line-height: 2.5;
	justify-content: space-between;
}
#container-header-top {
	display: flex;
}
#container-header-top .navbar {
	display: none;
}
.header-top {
	max-width: 100%;
	background-color: var(--darkgrey);
	min-height: 35px;
}
.top-navigation a, .top-navigation a:visited {
	color: #fff
}
.top-navigation a:hover {
	color:  var(--lightblue);
}
.top-navigation .sub-menu a, .top-navigation .sub-menu a:visited {
	color: var(--darkgrey)
}
.top-navigation .sub-menu a:hover {
	color:  var(--lightblue);
}

.logo img {height: 4rem;}
@media screen and (min-width: 769px) {
	section.pt-3 {
		padding-top: 3rem;
		padding-bottom: 3rem;
	}
}
@media screen and (min-width: 991px) {
	#container-header-top .navbar {display: block}
}
@media screen and (min-width: 1025px) {
	#container-header{
		align-items:center;
		justify-content: space-between;
}
}
@media screen and (min-width: 1180px) {
	.logo img {height: 10rem}
	#container-header{
		line-height: 3.5;
}
}
#primary-menu {padding-top: 1rem;}
.main-navigation a {margin-top: .5rem}
.main-navigation a,
.main-navigation a:visited {
	font-size: 14px;
	padding: 0 20px;
}

.top-navigation a {
	font-size: 11px;
	padding:5px 8px;
}
.top-navigation .sub-menu a {
	font-size: 11px;
	padding:0 10px;
	line-height: 2.1rem;
}
.main-navigation a:hover {
    color:  var(--lightblue);
}
header.mini-header{
	background-color: #FFF;
}

@media screen and (min-width: 1199px) {
	.top-navigation a {
		font-size: 12px;
		padding: 10px 20px;
	}
	.top-navigation ul ul {
	margin-top:2rem;
	}
	.top-navigation .sub-menu a {
		font-size: 12px;
		padding:5px 15px;
		line-height: 2.5rem;
	}	
}
.video_banner{
	padding:0;
	overflow: hidden;
	height:500px;
}

.home .video_banner{
	height: 100vh;
}

.video-overlay{
	position: absolute;
	top:0;
	right:0;
	width:100%;
	height:100%;
	display:flex;
	align-items: center;
	justify-content: center;
	background-color: rgba(0,0,0,0.3);
	flex-direction: column;
}
.video-overlay h1,.video-overlay h2{
	color:#FFF;
	font-family: 'Poppins', sans-serif;;
	font-weight: 400;
	font-style: normal;
	font-size: 4.2rem;
	text-align: center;
	max-width:1000px;
	text-shadow: 2px 2px #000;
	margin-top: 2rem;
}
.home .video-overlay h2{
	color:#FFF;
	font-family: 'Poppins', sans-serif;;
	font-weight: 300;
	font-style: normal;
	font-size: 94px;
	text-align: center;
	max-width:800px;
}
.archive .video-overlay h1{
	margin: 0.5rem 0 0.2rem;
}
.archive .video-overlay h2{
	margin:0;
	font-size:1.2rem;
}
.video-overlay i {
	position: absolute;
	bottom:5rem;
	left:49%;
	color: #FFF;
	font-size: 3rem;
}
.video-overlay img{
	max-width: 800px;
}

.home-logo{
	display:none;
}
.home .logo img{
	display:none;
}
.home img.home-logo{
	display:block;
}
.home .mini-header .logo img{
	display:block;
}
.home .mini-header img.home-logo{
	display: none;
}

/*.home-logo{
	display:none;
}
.logo img{
	display:none;
}
.home .home-logo{
	display: block;
}
.mini-header .logo img{
	display:block;
}
.home .mini-header .home-logo{
	display:none;
}*/
.mini-header .main-navigation a,
.mini-header .main-navigation a:visited{
	color:#002654;
}

h1,h2{
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 0.5rem;
	margin-top:
}
#content header h1 {
	text-align: left;
	font-size: 2.5rem;
}

.image-container{
	position: relative;
	margin-bottom: .75rem;
}
.portfolio .image-container {
	width: auto;
}
.image-container img{
	display:block;
}
a.overlay{
	position: absolute;
	top:0;
	right:0;
	width:100%;
	height:100%;
	background-color: rgba(0,0,0,0.5);
	display:flex;
	justify-content: center;
	align-items: center;
	color:#FFF;
	text-transform: uppercase;
	font-weight: 600;
	opacity:0;
	transition: 0.2s;
	font-size:1.5rem;
}

.slick-prev, .slick-next{
	top:50%;
	margin:0;
}
.slick .slick-prev{
	right: 135px;
    	top: -40px;
	width: auto;
	height: auto;
}
.slick .slick-next{
	left: 146px;
    	top: -40px;
	width: auto;
	height: auto;
}

.slick .slick-prev:before,
.slick .slick-next:before{
	text-shadow: none;
	color:#000;
}
.slick .slick-prev:before{
	content:'\f060';
	font-family: 'Fontawesome';
}
.slick .slick-next:before{
	content:'\f061';
	font-family: 'Fontawesome';
}
.sliderContent {
	width: 100%; height: 100%; display: grid;
}
.sliderContent:before {
	position: absolute; top: 0; bottom: 0; left: 0; 
	background: rgba(0, 0, 0, .25); height: 100%; width: 100%;
}
.slider_counter {
	position: absolute;
    bottom: 12%;
    right: 4%;
    background: rgba(255,255,255,.75);
    color: #000;
    padding: 1rem;
    border-radius: 15px;
}

.image-container:hover .overlay{
	opacity:1;
}

h3.subheading{
	margin-top:0;
	font-weight:300;
	text-align: center;
}

@media screen and (min-width: 992px) {
	.slider_counter {
		bottom: 13%;
		right: 30%;
	}
}

footer ul,
footer .widget ul{
	margin:0;
	padding:0;
}
footer h3{
	color: var(--darkgrey);
	text-transform: uppercase;
	font-size: 1.2rem;
}
footer a{
	color:var(--darkgrey); overflow-wrap: break-word;
}

a.cta{
	background-color: transparent;
	border-bottom:2px solid  var(--lightblue);
	color: var(--lightblue);
	padding:5px 0;
	text-decoration: none;
}
a.cta:hover{
	background-color: transparent;
	color: var(--lightblue);
}

.banner a.cta{
	background-color:  var(--lightblue);
	color:#FFF;
	border-radius: 50px;
	text-transform: uppercase;
	padding:10px 20px;
	border:none;
}
section.testimonials{
	padding:0;
}

section.testimonials .w-row{
	display:flex;
	justify-content: center;
	align-items: center;
}

section.testimonials .w-col{
	flex-grow:1;
	padding: 3rem 0;
	min-height: 450px;
}

.test-centered{
	display:flex;
	align-items: center;
	justify-content: center;
	padding: 0 40px;
	position:relative;
}
.slick-slide.testimonial{
	text-transform: uppercase;
	padding: 0 130px;
	font-size: 1.5rem;
	min-height: 300px;
}
.slick-slide.testimonial .content {
	align-items: center;
	justify-content: center;
	flex-direction: row;
}

.test-centered .slick-dots li button:before{
	display:none;
}
.test-centered .slick-dots li button{
	display:none;
}
.test-centered .slick-dots li{
	background-color: #FFF;
	width:100%;
	margin:0;
	opacity:0.5;
	height:2px;
}
.test-centered .slick-dots li.slick-active{
	opacity:1;
}
.test-centered .slick-dots{
	display:flex!important;
	justify-content: center;
	margin:0;
	left:0;
	padding:0 40px;
}

.test-centered .slick-next{
	right:50px;
	margin:0;
	top:60%;
	width: auto;
	height: auto;
}
.test-centered .slick-prev{
	left:50px;
	margin:0;
	top: 60%;
	width: auto;
	height: auto;
}
.test-centered .slick-prev:before{
	font-family:'Fontawesome';
	content:'\f060';
	color:#FFF;
	opacity: 1;
	font-size:2rem;
}
.test-centered .slick-next:before{
	font-family:'Fontawesome';
	content:'\f061';
	color:#FFF;
	opacity: 1;
	font-size:2rem;
}

a.social_link,
a.social_link:visited{
	color: var(--lightblue);
	font-size:1.5rem;
	padding:10px;
	display: inline-block;
}
a.social_link:hover {
	color:#063567;
}

.single_solution{
	background: var(--white);
	padding: 1.5rem 1rem;
	border-radius: 5px;
	border-bottom: 4px solid var(--lightblue);
	position: relative;
}
.single_service {
	background-color: #282e34;
	position: relative;
}
.single_service_content {
	padding: 1.5rem 2.5rem;
	text-align: center;
}
.single_service .cta.rounded:hover {
	color: var(--lightblue);
}

.logo-gallery{
	display:flex;
	justify-content: center;
}

#content{
	padding-top: 8rem;
}
.page-template-default #content{
	padding-top: 12rem;
	padding-bottom: 3rem;
}
.page-template-pimssearch #content{
	padding-top: 8.7rem;
	padding-bottom: 3rem;
}
.single-properties #content{
	padding-top: 8.6rem;
}
.archive #content{
	padding-top:8.7rem;
}
.error404 #content {
  padding-top: 7.5rem;
}
@media screen and (min-width: 1025px) {
	#content{
		padding-top: 12rem;
	}
}
@media screen and (max-width: 991px) {
	.page-template-default #content{
		padding-top: 10rem;
		padding-bottom: 3rem;
	}
	.page-template-pimssearch #content{
		padding-top: 6rem;
		padding-bottom: 3rem;
	}
	.single-properties #content{
		padding-top: 6.6rem;
	}
	.single-properties #main .w-container{
		max-width:880px;
	}
	.archive #content{
	padding-top:6.7rem;
	}	
	.single_service_content {
		padding: 1.5rem;
	}
}


#related .example_container{
	padding: 0;
}

.description{
	margin:1rem 0 0;
	text-align: left;
}
.shortdesc{
	color: #666;
	font-weight: bold;
}
h3.address{
	font-size:1.8rem;
	margin-top:0;
	color: #797979;
}
h3.label{
	margin-top:1rem;
}

.lightbox{
	display:none;
}

#portfolio_filter{
	display: flex;
	justify-content: center;
	list-style-type: none;
	padding:0;
	margin:0;
	margin-bottom: 2rem;
}

#portfolio_filter li{
	padding:0 10px;
	cursor: pointer;
	text-transform: uppercase;
	border-bottom:3px solid transparent;
}
#portfolio_filter li.active{
	border-bottom:3px solid  var(--lightblue);
	color: var(--lightblue);
}

.banner{
	min-height:300px;
}

.banner h1{
	color:#FFF;
}

.cta.rounded{
	background-color: var(--lightblue);
	color:#000;
	padding:10px;
	border-radius: 5px;
	border:2px solid  var(--lightblue);
	transition: 0.2s;
	font-weight: 600;
	font-size: .85rem;
}

.cta.rounded:hover{
	border:2px solid  var(--lightblue);
	color:#000;
}

.img-w-txt{
	padding:0;
}

.img-txt-flex, .form-txt-flex{
	display: flex;
}

.img-txt-flex .sidetext, .form-txt-flex .sidetext {
	padding: 4rem 7%;
	display: flex;
	justify-content: center;
	flex-direction: column;
}

.img-txt-flex .sidetext ul {
	margin: 0; padding: 0; 
	list-style: none;
}
.img-txt-flex .sidetext ul li {
	position: relative;
	padding: 0 0 .4rem 2rem;
	text-align: left;
}
.img-txt-flex .sidetext ul li::before {
	content: '';
    position: absolute;
    top: 2px;
    left: 0;
    width: 20px;
    height: 20px;
    background-image: url('/wp-content/themes/mintcake-flexible/images/icon-mark.png');
    background-repeat: no-repeat;
    background-size: contain;
}

.img-txt-flex .button-row{
	display:flex;
	column-gap: 30px;
	align-items: flex-start;
	height: auto;
	min-height: auto;
	width: 100%;
	margin-top: 3rem;
}
section.usp-slider{
	padding:2rem 0;
}
.testimonial h4{
	margin-top:0;
}
.img-txt-flex h1,
.img-txt-flex h2{
	text-align:left;
	font-size: 2.5rem;
    line-height: 3.25rem;
	font-weight: 300;
}
@media screen and (min-width: 769px) {
	.img-txt-flex div, .form-txt-flex {
		min-height:25vh;
	}
	.img-txt-flex div{
		min-height:300px;
	}
	.cta.rounded{
		padding:10px 20px;
		font-size: 1rem;
	}
}

section.usp-slider .test-centered .slick-dots{padding: 0 20%;}

section.grid .w-col{
	padding:0 20px;
}

.singl-col{
	min-height:400px;
}

.home .singl-col h2{
	margin-bottom: 1rem;
	font-size: 45px;
	color:#000;
}
.header-video{
	height:100vh;
}
#bg-video{
	width: 100%;
	height:100%;
	object-fit: cover;
}
.contact-form-section ul {
	margin:0;
	padding:0;
	list-style:none;
	font-size: 25px;
	margin-bottom: 1rem;
}
.contact-form-section ul li{
	padding:5px 0;
}
.contact-form-section ul i{
	font-size:2rem;
	color: var(--lightblue);
	margin-right:10px;
}
.contact-form-section h1,
.contact-form-section h2{
	text-align: center;
	width: 100%;
	margin-bottom: 2rem;
	color: var(--white);
}
.contact-form-section .sideForm h3 {
	border-bottom: 1px solid var(--white); padding-bottom: .5rem;
}
.contact-form-section .sideForm h3, .contact-form-section .sideForm p {
	color: var(--white);
}
.contact-form-section .sideForm p, .contact-form-section .sideForm label {
	font-size: .9rem;
}
.contact-form-section p a{
	text-decoration: none;
}
.contact-form-section select {min-height: 3rem;}

.contact-form-section .social_media{
	display: flex;
	justify-content: flex-start;
	margin-bottom: 1rem;
	column-gap: 40px;
}
.contact-form-section .social_media a{
	font-size:3rem;
	color: var(--lightblue);
	padding:10px;
}

.contact-form-section form * {
	font-size: 1rem;
}
.contact-form-section form label {
	color: var(--white)}

input[type="submit"].wpcf7-submit{
	background-color:  var(--darkgrey);
	border-radius: 5px;
	font-family: inherit;
	font-size: .8rem;
	line-height: 1.2;
	padding:10px 30px;
	text-decoration: none;
	border: 2px solid  var(--lightblue);
	float: right;
	border-color:  var(--darkgrey);
}
input[type="submit"].wpcf7-submit:hover{
	background-color: var(--white); 
	color:  var(--darkgrey);
}

.slick .slick-next:before{
	content:"\f054";
	width:40px;
	height:30px;
	display: inline-block; 
	font-family: "Font Awesome 6 Free";
    font-weight: 900;
	color: #fff;
	font-size: 3rem; 
}
.slick .slick-prev:before{
	content:"\f053";
	width:40px;
	height:30px;
	display: inline-block;
	font-family: "Font Awesome 6 Free";
    font-weight: 900;
	color: #fff;
	font-size: 3rem; 
}

.colorsection .slick .slick-next:before,
.colorsection .slick .slick-prev:before{
	    filter: contrast(0) brightness(2.8);
}
.lightbox{
	position: fixed;
	z-index: -10000;
}
.featherlight .lightbox{
	display: block;
	position: relative;
	z-index: 1;
}

.underline {
	line-height: 1.2;
	padding-bottom: .75rem;
	position: relative;
}
.underline::before {
	visibility: visible;
    width: 40%;
	opacity: 1;
    background-color: rgba(255,255,255,.55);
    bottom: 0;
    content: "";
    height: 0.18rem;
    left: 50%;
    position: absolute;
    transform: translate(-50%);
    transition: all .3s ease-in-out 0s;
}

.underline::after {
	content: "";
    display: block;
    height: 5px;
    width: 100%;
}


#post-1909 p.p1{
	font-size: 20px;
}
.banner-head{
	padding:0;
}
.banner-head .w-container{
	display:flex;
	height:400px;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}

.banner-head h1,
.banner-head h3{
	color:#FFF;
	margin:0;
}

.blog-featured {
	position: relative;
	display: flex;
	align-items: center;
	padding: 0;
}

.blog-header h1{
	font-size: 2.3rem;
	max-width: 80%;
}
.blog-featured img {
	width: 100%;
}

.banner-head h3{
	font-size: 35px;
	font-weight: normal;
}

#secondary{
	background-color: #F7F7F7;
	padding:20px;
}

h2.widget-title{
	font-size:24px;
	text-align:left;
	margin-bottom: 0.5rem;
}
.widget ul{
	padding:0;
	margin:0;
}

.widget ul li a{
	color: var(--lightblue);
	padding:0.25rem 0;
	display: inline-block;
	width: 100%;
	font-size: 14px;
}
.widget ul li:hover a {
	color: #002654;
}

.blog-header{
	text-align:left;
	padding: 2rem 0;
}
@media screen and (min-width: 769px) {
	.blog-featured {
		max-height: 25rem;
		min-height: 15rem;
	}
}

@media only screen and (max-width: 1536px) {
	.video-overlay h1,.video-overlay h2{
		font-size:3.6rem;
	}
}
@media only screen and (max-width: 1024px) {
	.slick-slide.testimonial{
		padding:0 50px;
	}

}
@media only screen and (max-width: 768px) {
	#container-header{}
	.video-overlay h2{
		font-size:3rem;
		margin:0 5rem;
	}
	.centered h1, .centered h2, .centered h3{
		width:90%; margin-right: auto; margin-left: auto;
	}
	section.testimonials .w-row{
		flex-direction: column;
	}
	section.testimonials .w-col{
		min-height:300px;
	}
	.slick-slide.testimonial{
		min-height: auto;
	}
	.img-txt-flex{
		/* Important Tag used to override the left/right setting on desktop view, which uses flex-drection:row*/
		flex-direction:column!important;
	}
	.img-txt-flex div{
		width:100%;
	}
	.img-txt-flex .sidetext{
		padding:2rem 20px;
		
	}
	.logo-gallery-section .w-container{
		max-width: none;
	}
	footer aside img{
	  	margin:0 auto!important;
	}
	
	section#container-no-padding {
	padding-left: 0px;
	padding-right: 0px;
	}
	.example_container {
	padding: 0px;
	}
	.blog-featured {
		display: inline-block;
	}
	.blog-header h1{
		font-size: 2rem;
		padding-top: 1rem;
	}

}

@media only screen and (max-width: 480px) {
	section{
		padding:2rem 0;
	}
	.pf_title{
		margin-bottom:2rem;
	}
	.video-overlay h2,
	.centered h1, .centered h2, .centered h3{
		font-size:3rem;
	}
	.test-centered{
		padding: 0;
	}
	.test-centered .slick-next{
		right:15px;
	}
	.test-centered .slick-prev{
		left:15px;
	}
	a.cta{
		display: inline-block;
	}
	.logo-gallery .photo-tile{
		max-width:150px;
	}
	.testimonial h4 {
		font-size: 1.1rem;
	}
	footer img{
		margin:0 auto;
	}
	section.logo-gallery-section{
		padding:2rem 0;
	}
	.logo-gallery{
		flex-wrap:wrap;
	}
	.logo-gallery .photo-tile{
		width:27%;
	}
	.banner-content{
		max-width:none;
		padding:0 40px;
		font-size:1.1rem;
		border-bottom:none;
	}
	.home .video-overlay h2{
		font-size:2rem;
		margin-bottom: 0;
	}
	.slick .slick-prev{
		left:0;
	}
	.slick .slick-next{
		right:0;
	}
	.singl-col{
		background-position:center!important;
		min-height:300px;
	}
	.video-overlay h1, .video-overlay h2 {
	    font-size: 2.6rem;
	  }	
	.graphiclinks .w-col-6 .single_solution p{
		font-size:14px;
	}
	.img-txt-flex h1, .img-txt-flex h2{
		text-align:center;
		margin-bottom:1rem;
	}
	.single_sol_img{
		max-height:200px;
	}
	.video-overlay{
		padding:0 20px;
	}
	.img-txt-flex .button-row{
	justify-content:center;
	}
	.centered h3.subheading,
	#post-2310 #section-2 h3{
		font-size:24px;
	}
	var{
	.contact-form-section h2{
	text-align: center;
	}
}
@media only screen and (max-width: 480px) {
h3.single_sol_h3 {
font-size: 1.4rem;
}
div.centered h1, div.centered h2 {
font-size: 1.5rem;
}
div.video-overlay h2 {
font-size: 2rem;
}

}
@media screen and (max-width: 768px) {
	.testimonial h4 {
		font-size: 1.2rem;
	}
}

.slide {
background-position:center; 
background-repeat:no-repeat; 
background-size: cover; 
}
/* Search Form */
.searchform {width: 48%; margin-right: 1%; display: inline-block; overflow: hidden;}
.searchform input {border-radius: 5px; color: #000; margin-top: 0; font-size: 13px;}
.searchform input::placeholder {color: #666}
.searchform select {border-radius: 5px; height: 40px; min-width: 100%;max-width: 100%;}
.searchform select, .searchform option {background-color: #fff; color: #666; font-size: 13px;}
.searchform input[type=submit] {
	font-size: 14px; border-radius: 5px; height: 46px; margin: 2rem auto 0; 
	vertical-align: middle; text-align: center; color: #fff}
.searchform input[type=submit]:hover {color: #002654; background-color: #fff; border-color: #002654}
.searchform:last-child {vertical-align: middle;}
.searchform input:focus-visible {outline: 0;}
::placeholder {color: #000; opacity: 1;}
::-ms-input-placeholder {color: #000;}
@media screen and (min-width: 768px) {
	.searchform {width: 18%; margin-right: 1%; display: inline-block;}
	.searchform label {margin-bottom: 1rem}
	.searchform input[type=submit] {margin: 0 auto}
	.searchform input, .searchform select {margin-top: 1rem}
	.searchform input, .searchform select, .searchform option {font-size: 15px;}
	.searchform select {height: 45px}
}
@media screen and (min-width: 748px) and (max-width: 1130px) {
	.searchform input[type=submit] {margin: 0 auto -2.4rem auto;}
}
.hidden {
	display: none;
}

#pims-iframe body { max-wdith:100%; }
.flex-container {
	display: flex;
	flex-wrap: wrap;
	/*flex-flow: row wrap;
	gap: 10px 20px; /* row-gap column gap */
	justify-content: space-around;*/
}

/* Column styles */
.flex-column {
	display: flex;
	flex-direction: column;
	align-items: center;
	/*flex-grow: 1;*/
}
.flex-column-box {
	box-shadow: rgb(100 100 111 / 20%) 0px 7px 29px 0px;
	padding: 10px;
	height: 100%;
	background-color: #FFF;
	margin-bottom: 1rem;
}