/*
Theme Name: Beaver Builder Child Theme
Theme URI: http://www.wpbeaverbuilder.com
Version: 1.2
Description: An example child theme that can be used as a starting point for custom development.
Author: The Beaver Builder Team
Author URI: http://www.fastlinemedia.com
template: bb-theme
*/

/* Add your custom styles here... */ 

body {
	background: #ffffff;
	font-family: "Lato", sans-serif;
	color: #1a3c65;
	font-size: 20px;
	font-weight: 300;
}


h1, h2, h3, h4 {
	color: #2AA9A1;
	font-family: "Merriweather", serif;
	font-weight: 400;
}

h1 {
	font-size: 42px;
}

h2 {
	font-size: 28px;
}

h3 {
	font-size: 24px;
	font-weight: 300;
}

h4 {
	font-size: 20px;
	font-weight: 300;
}

p (
	font-size: 24px;
)

/* Large Screen */
@media only screen and (max-width: 1200px) {
	h1 {
		font-size: 36px;
	}
	h2 {
		font-size: 32px;
	}
	
	h3 {
		font-size: 24px;
	}
	
	h4 {
		font-size: 20px;
	}
	p (
		font-size: 22px;
	)
}

/* Medium Screen */
@media only screen and (max-width: 800px) {
	h1 {
		font-size: 32px;
	}
	h2 {
		font-size: 28px;
	}
	p (
		font-size: 20px;
	)
}

/* Small Screen */
@media only screen and (max-width: 360px) {
	h1 {
		font-size: 28px;
	}
	h2 {
		font-size: 24px;
	}
	p (
		font-size: 16px;
	)
}

a:hover, a:focus {
	text-decoration: none;
}

.fl-theme-builder-woo-notices.fl-row.fl-row-fixed-width {
	padding-top: 156px;
	margin-bottom: -320px;
}

.woocommerce-notices-wrapper {
	height: 180px;
}

.woopack-checkout .woocommerce-notices-wrapper {
	height: 60px;
}

.woocommerce-MyAccount-content .woocommerce-notices-wrapper {
	height: 24px;
}

.woocommerce-message {
	border-top: 3px solid #2AA9A1;
	color: #1a3c65 !important;
	background-color: rgb(173, 235, 231,0.4) !important;
}

.woocommerce-message::before {
	color: #2AA9A1;
}

.woocommerce-info {
	border-top-color: #1a3c65;
	background-color: rgb(173, 235, 231,0.4);
}

.woocommerce-info::before {
	color: #2AA9A1;
}

a.button.wc-forward,
button.button,
.woocommerce-MyAccount-content .button {
	background-color: #2AA9A1 !important;
	color: #ffffff !important;
	border: 1px solid #2AA9A1 !important;
	border-radius: 24px;
}

a.button.wc-forward:hover,
button.button:hover {
	background-color: #ffffff !important;
	color: #2AA9A1 !important;
}

input.qty, input#coupon_code {
	border: 1px solid #2AA9A1;
	background-color: #ffffff;
	border-radius: 24px;
	text-align: center;
}

input.qty::placeholder, input#coupon_code::placeholder {
	color: #2AA9A1;
}

input#coupon_code {
	width: 120px;
}

.woocommerce-form-coupon-toggle .woocommerce-info:before {
	display: none;
}


.fl-module.fl-module-pp-advanced-menu.fl-node-893y4buosif5 {
	a {
		color: #2AA9A1;
		transition-duration: 2s;
		  transition-timing-function: linear;
	}
	a:hover {
		box-shadow: 
		0 2px 0 0 rgba(42, 169, 161, 0.4),
		0 5px 0 0 rgba(42, 169, 161, 1);
	}
}


/* strong em {
	font-weight: bold;
	background: linear-gradient(104deg, rgba(173, 235, 231,0) 0.9%, rgba(173, 235, 231,1.25) 2.4%, rgba(173, 235, 231,0.5) 5.8%, rgba(173, 235, 231,0.1) 93%, rgba(173, 235, 231,0.7) 96%, rgba(173, 235, 2312,0) 98%), linear-gradient(183deg, rgba(173, 235, 231,0) 0%, rgba(173, 235, 231,0.3) 7.9%, rgba(173, 235, 231,0) 15%);
	padding: 3px 6px;
	box-decoration-break: clone;
	-webkit-box-decoration-break: clone;
	margin: 0;
	border-radius: 7.5px;
	text-shadow: -12px 12px 9.8px rgba(173, 235, 231,0.7), 21px -18.1px 7.3px rgba(255, 255, 255,1), -18.1px -27.3px 30px rgba(255, 255, 255,1);
} */

/* strong em {
  font-style: normal;
  border-radius: 1em 0 1em 0;
  text-shadow: 1px 1px 1px #fff;
  background-image: 
	linear-gradient(-100deg, 
	  rgba(173, 235, 231,0.15),
	  rgba(173, 235, 231,0.8) 100%, 
	  rgba(173, 235, 231,0.25)
	);
} */


/* strong em {
	background-size: auto 10px;
	background-position: bottom;
	background-color: yellow;
	background-clip: content-box;
	padding: -12px; */
	/* background:linear-gradient(180deg, transparent 70%, rgba(173, 235, 231,0.4) 70%, rgba(173, 235, 231,1) 90%); */
	/* background: rgba(173, 235, 231,0.4); */
	/* background:linear-gradient(180deg, transparent 100%); */
	/* background: linear-gradient(180deg,transparent 80%,rgba(173, 235, 231,1) 100%);
	background:linear-gradient(90deg, rgba(173, 235, 231,1) 100%); */
	/* background: linear-gradient(90deg, rgba(173, 235, 231,0.4) 20%,rgba(173, 235, 231,1)); */
	/* animation-name: highlight;
	animation-duration: 4s;
	animation-timing-function: ease-in-out;
	animation-iteration-count: 1; */
}

@keyframes highlight {
  0%   {background:linear-gradient(90deg, transparent 100%);}
  /* 50% {background:linear-gradient(90deg, transparent 85%, rgba(173, 235, 231,1) 15%);} */
  100% {background:linear-gradient(90deg, rgba(173, 235, 231,1) 100%);}
}


/* @keyframes highlight {
  0%   {background:linear-gradient(180deg, transparent 100%);}
  50% {background:linear-gradient(180deg, transparent 85%, rgba(173, 235, 231,1) 15%);}
  100% {background:linear-gradient(180deg, transparent 70%, rgba(173, 235, 231,0.4) 70%, rgba(173, 235, 231,1) 90%);}
} */


strong em {
	/* position: relative;
	background: transparent; */
	font-weight: 400;
	font-style: normal;
	box-shadow: 
	0 1px 0 0 rgba(173, 235, 231, 0.4),
	0 3px 0 0 rgba(173, 235, 231, 1),
	0 5px 0 0 rgba(173, 235, 231, 0.3);
	/* animation-name: highlight;
	animation-duration: 2s;
	animation-timing-function: ease-in-out;
	animation-iteration-count: 1; */
}

@keyframes highlight {
	0% {
		box-shadow: 
			0 1px 0 0 rgba(173, 235, 231, 0.95);
	}
	30% {
		box-shadow: 
			0 1px 0 0 rgba(173, 235, 231, 0.95),
			0 3px 0 0 rgba(173, 235, 231, 0.5);
	}
	100% {
		box-shadow: 
			0 1px 0 0 rgba(173, 235, 231, 1),
			0 3px 0 0 rgba(173, 235, 231, 0.6),
			0 5px 0 0 rgba(173, 235, 231, 0.3);
	}
}


a:hover {
	text-decoration: none;
}

ul, ol {
	margin: 12px;
}

li {
	margin-top: 6px;
	margin-bottom: 6px;
}


.service-grid-item ul {
	list-style-type: "⇒ ";
	padding-inline-start: 24px;
}

.service-grid-item ::marker {
	font-weight: 500;
	font-size: 28px;
}

.pp-advanced-menu .menu > li.clarity-call {
	transition: 1.5s ease-in-out;
}

.pp-advanced-menu .menu > li.clarity-call a {
	transition: 1s ease-in-out;
}

.pp-advanced-menu .menu > li.clarity-call {
	background-color: #2aa9a1;
	color: #ffffff;
	border-style: solid;
	border-width: 2px;
	border-top-width: 2px !important;
	border-color: #2aa9a1;
	border-radius: 24px;
	-moz-border-radius: 24px;
	-webkit-border-radius: 24px;
	padding: 3px 12px;
}

.pp-advanced-menu .menu > li.clarity-call > a {
	padding: 0 !important;
}

.pp-advanced-menu .menu > li.clarity-call > a,
li.clarity-call a {
	color: #ffffff !important;
}

.pp-advanced-menu .menu > li.clarity-call:hover {
	color: #2aa9a1;
	background-color: #ffffff;
}

.pp-advanced-menu .menu > li.clarity-call:hover > a {
	color: #2aa9a1 !important;
	box-shadow: none;
}



.pp-advanced-menu .pp-menu-overlay .pp-menu-close-btn {
	top: 72px;
}



/* Mailerlite Form */
@media only screen and (max-width: 540px) {
	.ml-form-formContent.horozintalForm .ml-form-horizontalRow .horizontal-fields {
		width: 80%;
	}
		
}