/*
Theme Name: Artemis (Flatsome Child)
Description: Styles covering multiple pages
Author: Gareth
Template: flatsome
Version: 1.0
*/
/** Note: Change Version to activate any CSS changes  **/

@font-face {
	font-family: 'azonix';
	src: url('fonts/azonix.otf') format('opentype');
  font-display: swap;
}

@font-face {
  font-family: 'Poppins';
  src: url('fonts/Poppins-Regular.ttf') format('truetype');
  font-weight: 400; /* could also be defined as 'normal' */
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Poppins';
  src: url('fonts/Poppins-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}


@font-face {
  font-family: 'Poppins';
  src: url('fonts/Poppins-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Poppins';
  src: url('fonts/Poppins-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Poppins';
  src: url('fonts/Poppins-ExtraBold.ttf') format('truetype');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Poppins';
  src: url('fonts/Poppins-Italic.ttf') format('truetype');
  font-weight: 400; /* could also be defined as 'normal' */
  font-style: italic;
  font-display: swap;
}

@font-face {
	font-family: 'TypeWriter';
	src: url('fonts/IBMPlexMono-SemiBold.ttf') format('truetype');
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

body {
	font-family: 'Poppins', Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-display: swap;
}

/***************************************/

.link-text {
	font-weight: 400;
	/*color: blue; */
	text-decoration: underline;
}

/** Changes to TablePress Appearance **/
.tablepress thead th,
.tablepress tfoot th {
	background-color: rgb(27, 153, 139, 0.2); 
	color: rgb(78, 41, 46);
}

/**  DELETE?  **/
/* Add margin after the testimonials block */
.testimonial-block {
	margin-bottom: 20px;
}
/*****************************************/


/** Restrict banner width to prevent cropping height on wide screens    **/
/** Applies only to stand alone banners - not those used as part of a slider  **/
.banner-image{
	max-width:1400px;
	margin-left: auto;
  	margin-right: auto;
}

/** REMOVED AS CAUSES ISSUES IN SAFARI **/
/* Override theme settings for a sticky section*/
.sticky-section {
	margin-top: 20px !important;
	top: 100px !important;
	height: auto !important;
}


/** Set the banner text size and appearance  **/
h1.banner {
	background: transparent;
	font-weight: 700;
	letter-spacing: .1em;
	font-size: 3.0em; /* fallback for legacy browsers */
	/*font-size: calc(1.5em + 2vw); /* sets minumum size to 1.5em */
	/*font-size: 5vw; /* based on percentage of viewport width (5%)*/
	margin-bottom: 0em;
}

h1.banner-new {
	background: transparent;
	font-weight: 700;
	letter-spacing: .1em;
	font-size: 3.0em;
	margin-bottom: 0em;
	line-height: 1.2;
	color: #D7263D;

	/* Fallback for unsupported browsers */
  	text-shadow: 1px 1px 0 white, -1px 1px 0 white, 
               1px -1px 0 white, -1px -1px 0 white;

  	/* Main property for WebKit browsers */
  	-webkit-text-stroke: 2px white;

}

p.banner-lead {
	background: transparent;
	font-weight: 700;
	letter-spacing: .1em;
	font-size: 3.0em;
	margin-bottom: 0em;
    margin-top: 0em;
	line-height: 1.2;
}

p.banner {
	background: transparent;
	font-weight: 600;
	font-size: 1.8em;
    line-height: 1.2;
	/*font-size: calc(1.8em + 1vw);*/
	margin-top: 0.4em;
    margin-bottom: 0em;
}

/** Set the font stype for the page intro (Ad Copy) **/
/* DELETE p.intro */
p.intro {
	color: #2e294e;
	font-weight: 600;
	font-size: 110%;
	margin-bottom: .5em;
}
p.artemis-bold {
	color: #2e294e;
	font-weight: 600;
	font-size: 110%;
	margin-bottom: .5em;
}

#page-intro {
	color: #2e294e;
	font-weight: 600;
	font-size: 110%;
}

#page-intro p {
	margin-bottom: 10px;
}


/***  Section Title  ***/

/* section-title is a Flatsome class */
h2.section-title { 
	letter-spacing: 0.1em;
	font-family: 'azonix';
	font-size: 1.6em;
	font-weight: bold;
}
/*
.artemis-section-title {
 margin-bottom: 0em;
}
*/
/* Used on Solar and Clean Up */
p.warning {
	color: #D7263D;
	font-weight: 600;
	font-size: 1.2em;
	text-align: center;
}

.buffer-text {
	visibility: hidden;
}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/

	h2.section-title { 
		font-size: 1.3em;
	}

	.sticky-section {
	margin-top: 10px !important;
	top: 50px !important;
}

h1.banner-new {
	-webkit-text-stroke: 1px white;
}

}