/*
Theme Name: <Insert your site name here> Child Theme
Description: A child theme for Uikit Theme
Author: Rebecca Chapman
Template: Uikit Theme
*/

/* Write custom css here */

html {
    font-family: 'Outfit',Helvetica,Arial,Lucida,sans-serif;
}

a,.uk-link {
    color:#E32D23;
}

.uk-button {
  font-size: 20px;
  font-weight: 500;
  padding: .3em 1em;
    padding-right: 1em;
    padding-left: 1em;
  line-height: 1.7em;
  background-color: transparent;
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
  border: 2px solid;
    border-top-width: 2px;
    border-top-color: currentcolor;
    border-right-width: 2px;
    border-right-color: currentcolor;
    border-bottom-width: 2px;
    border-bottom-color: currentcolor;
    border-left-width: 2px;
    border-left-color: currentcolor;
  border-radius: 3px;
  -webkit-transition-duration: .2s;
  transition-duration: .2s;
  -webkit-transition-property: all;
  transition-property: all;

}

.add_to_cart_button,.uk-button,.uk-button-default {
    background:#E32D23;
    color:#fff;
}

.add_to_cart_button:hover,.uk-button:hover,.uk-button-default:hover {
    background:#F05A29;
    color:white;
    border:none;
}

/* social media bar */

#socialmedia a {
    color:white;
    text-decoration: none;
    font-size:14px;
    line-height: 30px;
}

#socialmedia .social-media-menu a {
    padding-right:20px;
}

#socialmedia .socialcontact {
    width:300px;
}

@media screen and (max-width: 313px) {
    #socialmedia .socialcontact,#socialmedia #mobilebasket {display:block;}
}

@media screen and (max-width: 520px) {
    #socialmedia .socialcontact {width:100%}
    #socialmedia .account {display:none;}
    #socialmedia #mobilebasket {text-align:center; width:100%;}
}

@media screen and (max-width: 874px) {
    #socialmedia .socialmenubar,#socialmedia .fbicon, #socialmedia .xicon { display:none; }
    #socialmedia .woobar { width:100%; }
}

@media screen and (max-width: 1550px) {
    .uk-flex-social {
        
        box-sizing:border-box;
    }
}

/** navigation bar **/

.uk-navbar-container:not(.uk-navbar-transparent) {
  background: #fff;
}

.uk-logo {
    padding:15px;
}

.uk-navbar-toggle-icon {
    line-height:80px;
}

.uk-navbar-nav > li > a {
    color:#E32D23;
    font-weight:bold;
    font-size:16px;
}

.uk-navbar-nav > li > a:hover,.uk-navbar-nav > li > a:active,.uk-navbar-nav > li > a[aria-expanded="true"] {
    color:#f05a29;
}

.contact-btn {
    border:1px solid #E32D23;
    padding: 10px;
    box-sizing:border-box;
    display:block;
}

.contact-btn .uk-icon {
    color:#f05a29;
    width:20px;
    height:20px;
    display:block;
}

#nav .uk-navbar-dropdown-nav a {
    color:#E32D23;
    line-height:2em;
    font-weight: 700;
    text-decoration: none;
    font-size:16px;
}

.uk-drop {
    border-top: 3px solid #E32D23;
}

.uk-search-default .uk-search-input {
    border:solid 1px #E32D23;
}

.uk-search-icon-flip.uk-icon.uk-search-icon {
    background:#E32D23;
    color:#fff;
}

.uk-navbar-content.nodisplay .uk-search-input {
    width:200px;
}

/** front page slider **/

.uk-overlay-primary  {
  background: linear-gradient(90deg,rgba(11,77,161,0.95) 29%,rgba(11,77,161,0.6) 100%);

}

.slider-overlay {
    margin-right: 10%;
}

.slider-button {
  color: #FFFFFF;
  border: 1px solid #F05A29;
  border-radius: 0px;
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
  padding-right: 0.7em;
  padding-left: 0.7em;
  background-color: RGBA(255,255,255,0);
}

.slider-button:hover {
    background-color:#f05a29;
}

.slider-title {
    font-size: 58px;
    font-weight:700;
    padding-bottom: 10px;
  line-height: 1em;
}

/** Top banner **/


.top-banner {
    background:#E4EBF5;
}
.b-entry {
    padding:20px;
    text-transform: uppercase;
  font-size: 15px;
  color: #E32D23;
  font-weight:700;
  max-width:320px;
  margin:0 auto;
}

.orange {
    color:#F05A29;
}

.banner-icon {
    float:left;
    padding:0px 10px;
}

.banner-text {
    
}

/** footer **/

#footer {
    background:#E32D23;
    margin-top: -150px;
}

#footer,#footer a {
    color:white;
}

#footer .uk-icon {
    line-height:20px;
    width:30px;
    height:30px;
}

.foot-phone, .foot-email {
    line-height:24px;
    font-size:16px;
    text-decoration: none !important;
}

#footer ul {
    padding-left:0px;
    margin-top:0px;
}

#footer li {
    list-style:none;
}

#footer #recent-posts-2 {
    
}

.footergetintouchbg {
  background-image: radial-gradient(circle at center,#E32D23 0%,rgba(11,77,161,0.72) 100%),url(/wp-content/uploads/2024/07/Shelving-and-Racking-mobile-steps.jpg);
  padding:40px;
  background-position: center; 
  z-index:100;
  position: relative;
}

.getintouchfooter {
    padding-top:40px;
}

.home .getintouchfooter {
    background:#e6ebf5;
    padding-top:40px;
}

.footerpadding {
    padding-top:200px;
}


/** front page **/

.front-title {
    font-size: 35px;
    color:#E32D23;
      text-transform: capitalize;
      font-weight:700;
}

/** wooslider **/

.featured-content {
    padding:40px;
}

.featured-titles {
    padding:20px 10px 00px 10px;
    font-weight:700;
     text-transform: capitalize;
}

.featured-solutions {
    background:white;
}

.front-feature-slider {
    padding:40px;
}

.fslidertitle {
    text-transform: uppercase !important;
  font-size: 19px !important;
  color:#E32D23;
  font-weight:700;
  min-height:80px;
}

.featuredprice.price {
    margin:20px;
    display:block;
}

#featured .product-internal {
    border:1px solid rgba(0,0,0,0.4);
    padding:25px;
    margin-bottom: 10px;
    
}

.view-all-right {
   color:#F05A29;
   text-align:right;
   text-transform: uppercase;
   font-weight:700;
   
}

/** Front Page Browse By Category **/

.BrowseByCat,.frontlatest {
    background:#e6ebf5;
}

.bycat-content,.frontlatest-content {
    padding:40px;
}

.bycatsection, .bycatsection .bycatoverlay {
    width:100%;
    height:100%;
    background-image:linear-gradient(180deg,rgba(0,0,0,0.3) 0%,rgba(0,0,0,0.59) 100%);
    
}

.bycatsection .overlay-title h3 {
    font-weight:700;
    text-transform: uppercase;
    font-size:25px;
}

.bycatsection .overlay-button a {
    font-weight:700;
    text-transform: uppercase;
    font-size:18px;
    text-decoration: none;
}

.bycatsection .overlay-button a:hover {
    text-decoration: none;
    color:#F05A29;
}

.bycatsection .overlay-content {
    max-width:450px;
    color:#fff;
    font-weight:600;
}

.cat-allprod,.cat-longspan {
    min-height:300px;
}



@media (min-width: 1200px) {
  .BrowseByCat .uk-prod-1.uk-grid {
    margin-left: 0px;
    padding-left:40px;
  }
  .uk-prod-1 {
  
}
}

.uk-prod-1 .uk-first-column {
    padding-left:0px;
}

/** Front Page Reviews **/

.fivestarfront {
    padding:40px;
}

.fivestartitle {
    margin-top:16px;
    margin-bottom:0px;
}

.front-review {
    padding:40px;
    border: solid 1px #e6ebf5;
    margin:20px;
}

.fivestarfront .uk-slider-items {
  padding: 40px;
  margin-left: 20px;
}

/** Front Page Why Choose **/

.whychoose {
    padding:40px;
    background-image: radial-gradient(circle at center,#E32D23 0%,rgba(11,77,161,0.81) 100%),url(/wp-content/uploads/2024/07/pallet-racking.jpg);
}

/** frontblog **/

.frontblog .uk-slider-items li .uk-panel {
    background:white;
    padding:20px;
}

.frontblog img {
    height:400px;
}

.frontblog .uk-h3 {
    min-height:70px;
}