/*
Theme Name: Best Fire Logs Child Theme
Description: A child theme for Uikit Theme
Author: Rebecca Chapman
Template: Uikit Theme
*/

/* Write custom css here */

@import url('https://fonts.googleapis.com/css2?family=Libre+Franklin:ital,wght@0,100..900;1,100..900&display=swap');

html {
font-family: "Libre Franklin", "Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}

/** NAV **/
.uk-navbar-container:not(.uk-navbar-transparent) {
  background: #FE8709;
}

a,.uk-link {
	color:#FE8709;
}

a:hover,.uk-link:hover {
	color:#FE4E09;
	text-decoration:none;
}

#nav a,#nav button {
	color:#fff;
}

.uk-navbar-item,.uk-navbar-toggle {
line-height:80px;
}

/** HEADER **/

.headersearch {
  position: relative;
  top: 50px;
}

.headersearch .uk-icon.uk-search-icon {
    background:#FE8709;
    height:50px;
    line-height:50px;
}

.headersearch #woocommerce-product-search-field-0 {
    background-color:#E2DEDE;
    margin-left: 10px;
    height:50px;
    line-height:50px;
    width:500px;
    color:#252526;
}

.headersearch #woocommerce-product-search-field-0::placeholder {
    color:#444;
}

.header-links {
    top:35px;
    position:relative;
}

.header-links a {
    color:#666666;
}

.header-links a:hover {
    color:#666666;
}

@media screen and (max-width:1197px){
.header-links {
   display:none;
}
	
.headersearch {
  position: relative;
  top: 0px;
  margin-bottom:10px;
}

.headersearch .uk-search-default {
width:100%
}
	
.headersearch #woocommerce-product-search-field-0 {
	width:100%
}
	
.headerlogo {
	text-align:Center;
}

}


.uk-button.search{
    background:#e62100!important;
    color:#fff!important;
}

/** FRONT SLIDER **/
@media screen and (max-width: 600px){
.slider-description {
display:none;
	}}

.orange-button {
	border-radius: 3px;background-color: #FE8709;
color:#fff;
padding:10px 20px;
  border: 0;
  display: inline-block;
  background-image: none;
  box-shadow: none;
  text-shadow: none;
}

/** MAIN CONTENT **/

#maincontent {
background-color:#fff;
}

.home #maincontent {
background-color:#eeeeee;
}

/** FOOTER **/

#footer {
	background-color:#000;
	color:#fff;
	padding-top:50px;
}

#footer a, #footer .uk-link, #footer .uk-text-large.uk-text-bold, #footer span {
	color:#fff;
}

#footer .uk-h1,#footer .uk-h2,#footer .uk-h3,#footer .uk-h4,#footer .uk-h5,#footer .uk-h6,#footer .uk-heading-2xlarge,#footer .uk-heading-3xlarge,#footer .uk-heading-large,#footer .uk-heading-medium,#footer .uk-heading-small,#footer .uk-heading-xlarge,#footer h1,#footer h2,#footer h3,#footer h4,#footer h5,#footer h6 {
	color:#fff;
}

#footer ul {
	list-style-type:none;
	padding-left:0px
}

#footer-contact {
background-image: linear-gradient(180deg,#eeeeee 75%,#000 50%)
}

/** FRONT PAGE **/

#frontpage-about {
	background-color:#fff;
	box-sizing: border-box;
	}

.front-about-text {
padding:150px 60px;
}

@media screen and (max-width: 600px){
.front-about-text {
padding:50px 30px;
}
}

.orange-background {
background-color:#FE8709;
	
}

.front-key-points {
padding:30px;
text-align:center;
	color:#fff;

}

.front-key-points img {
margin-bottom:5px;
}

.uk-background-secondary {
  background-color: #333333a8;
}

.review-widgetkit .uk-overlay.uk-position-cover.uk-flex.uk-flex-center.uk-flex-middle.uk-text-center.uk-light {
background-color:#fff;
color:#555;
}

.review-widgetkit .uk-h3 {
color:#555 !important;
}

.review-widgetkit .uk-overlay.uk-position-cover.uk-flex.uk-flex-center.uk-flex-middle.uk-text-center.uk-light::before {
  content: '\f10d';
  font-family: FontAwesome;
  --fa: "\f10d";
  --fa--fa: "\f10d\f10d";
  color: #F05A29;
  font-size: 40px;
  position: absolute;
  top: 20px;
  left: 30px;
  display: block;
  z-index: 9999;
}
.review-widgetkit .uk-overlay.uk-position-cover.uk-flex.uk-flex-center.uk-flex-middle.uk-text-center.uk-light::after {
  content: '\f10e';
  font-family: FontAwesome;
  --fa: "\f10e";
  --fa--fa: "\f10e\f10e";
  color: #F05A29;
  font-size: 40px;
  position: absolute;
  bottom: 20px;
  right: 30px;
  display: block;
  z-index: 9999;
}