/*
Theme Name: The Conversion Co. 5
Description:  Custome theme based on UIKIT and Jon Persson design.
Author: Stephen Pratley
Author URI: https://theconversion.co/
Version: 5.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: theconversionco
*/


/* Add here all your css styles (customizations) */



/*Fonts
---------------------------------- */


body {
  font-family: "Inter", sans-serif;
  font-size: 18px;
  color: #000000;
  font-weight: 400;
}



a ,
.blog-list-item h3 a
 {
	color:#030389;
	text-decoration: none;
}

.blog-list-item p a {
	color: #000000 !important;
	text-decoration: none;

}

.uk-navbar-nav li a {

	text-transform: none;
}

a.uk-navbar-item.uk-logo {padding-left: 0px;}

h1,
h2,
h3,
h4,
h5,
h6,
.navbar .navbar-nav,
.uk-heading-small {
  font-family: "Inter", sans-serif;
  font-weight: 900;
}



.red {
	color: #ed3e23;
}




button,
input,
optgroup,
select,
textarea {
  font-family: "Inter", sans-serif;
}

.uk-button-primary, .uk-button-primary:hover {
	background-color: #ed3e23;
}

.uk-button-primary-outline,
.uk-button-primary-outline:hover {
  color: #ed3e23;
  border: 1px solid #ed3e23;
}
  

.uk-section.hero {
	margin-top: -80px;
	padding-top: -80px;
}


.uk-section.hero h1 {
	font-weight: 900;
}








.bg-yellow {
	background-image: url(img/hero/yellow.png);
}

.bg-grey {
	background-image: url(img/hero/grey.png);
}

.bg-blue {
	background-image: url(img/hero/blue.png);
	color: #FFFFFF;			
}

.bg-blue h1, .bg-blue h2 {
	color: #FFFFFF;	
	/* color: #F4CB58;	*/
}


.bg-grey h1 {
	font-weight: 900;
}

.bg-dark {
	background-image: url(img/hero/dark.png);
	color: #ffffff;
}

.bg-dark h1,

.bg-dark h1.uk-heading-medium {
	color: #ffffff;
	font-weight: 900;
}


.bg-dark p.uk-text-lead {
	color: #ffffff;
}


.bg-dark h2 {
	color: #ffffff;
}

div#blog-header.bg-dark h1.uk-heading-medium {
	color: #ffffff;
}

.bg-steve {
	background-image: url(img/hero/steve.png);
	color: #ffffff;
}




ol.steps {
  counter-reset: my-awesome-counter;
  list-style: none;
  padding-left: 60px;
  margin-top:40px;
}
ol.steps li {
  margin: 0 0 0.5rem 0;
  counter-increment: my-awesome-counter;
  position: relative;
}
ol.steps li::before {
  content: counter(my-awesome-counter);
  color: #f4cb58;
  font-size: 1.5rem;
  font-weight: bold;
  position: absolute;
  --size: 60px;
  left: calc(-1 * var(--size) - 10px);
  line-height: var(--size);
  width: var(--size);
  height: var(--size);
  top: -15px; 
  background: #0A0ABC;
  border-radius: 50%;
  text-align: center;
}


ol.steps li p {
	margin-bottom: 30px;
}







blockquote {
		font-style: normal; 
		font-size: 1.5rem;
		line-height: 1.5;
	
}


blockquote img {
	border-radius: 50% 50% 50% 50%;
	text-align: left;
	width: 100px;
	float: left;
	margin-top: 5px;
	margin-right: 5px;
}

blockquote p {
	float: left;
	font-style: normal; 
	font-size: 0.8em;
	line-height: 1.2em;
}




.blog-list-item .uk-card-media-top {
padding:40px;
}


.blog-list div .blog-list-item .uk-card-media-top  {
background-image: url(img/hero/grey.png);  
}




#footer.uk-section-secondary {
	/* background-color: #030389; */
}


#footer ul {
	list-style:none;
	padding-left: 0;
}



.lwptoc {margin-top: none !important;}




.blockquote{
  font-size: 1.4em;

  margin:50px auto !important;
  font-style:italic;
  color: #555555;
  padding:1.2em 30px 1.2em 75px;
  border-left:8px solid #78C0A8 ;
  line-height:1.6;
  position: relative;
  background:#EDEDED;
}

.blockquote::before{
  font-family:Arial;
  content: "\201C";
  color:#78C0A8;
  font-size:4em;
  position: absolute;
  left: 10px;
  top:-10px;
}

.blockquote::after{
  content: '';
}

.blockquote span{
  display:block;
  color:#333333;
  font-style: normal;
  font-weight: bold;
  margin-top:1em;
}