/*
Theme Name: RAP
Theme URI: rap-industrials.co.uk
Description: RAP Theme by Katatomic Limited
Version: 0.1.1
Author: Katatomic Limited
Author URI: http://katatomic.co.uk/
*/
/*
#gform_confirmation_message_1 {font-size: 1.25rem;!important; font-family: 'CamptonSemiBold', sans-serif!important; font-weight:500!important; text-align: center!important;}
.gfield {background: transparent!important;}
.gform_legacy_markup_wrapper .gform_validation_errors > h2::before {display: none!important;}
#gform_1_validation_container h2 {font-size: 1.25rem;!important; font-family: 'CamptonSemiBold', sans-serif!important;font-weight:500!important; margin-top: 20px!important;}
.gfield_label .gform-field-label {font-weight:400!important;}
.gform_legacy_markup_wrapper div.validation_error {border:none!important;} 
*/

/** Validation Errors **/
.validation_error {border:none!important; margin-bottom: 0px!important; color:#17426f!important; font-family: 'CamptonLight', sans-serif!important; font-weight: 300!important;}
.gform_validation_errors {border: solid 2px #17426f!important;}


.gform_legacy_markup_wrapper li.gfield.gfield_error, .gform_legacy_markup_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
  background-color: rgb(40,145,203,.05)!important;
  margin-bottom: 6px !important;
  border-top: none!important;
  border-bottom: none!important;
  padding-bottom: 6px!important;
  padding-top: 8px!important;
  box-sizing: border-box!important;
}
.gform_legacy_markup_wrapper .gfield_error .gfield_label {color:#17426f!important; font-family: 'CamptonLight', sans-serif!important; font-weight: 300!important;}
.gform_legacy_markup_wrapper .validation_message {color:#17426f!iimportant; font-family: 'CamptonLight', sans-serif!important; font-weight: 300!important;}

.gform_legacy_markup_wrapper li.gfield_error input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]), .gform_legacy_markup_wrapper li.gfield_error textarea {
  border: 1px solid #17426f!important;
}
.gform_legacy_markup_wrapper li.gfield.gfield_error.gfield_contains_required {padding: 20px!important; border-radius: 10px!important;}

@media only screen and (min-width: 641px) {
  .gform_legacy_markup_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half) {
    max-width: calc(100% - 0px) !important;
  }
}

.gform_confirmation_wrapper {color:#17426f!important; font-family: 'CamptonLight', sans-serif!important; font-weight: 300!important; font-size: 1.5rem!important;}

.category-title {font-size: 1rem!important;}

/** Forms **/
.gfield_label {font-family: 'CamptonSemiBold', sans-serif; font-size: 2rem; color:#294061;}
/* Remove focus glow from Gravity Form fields */
.gform_wrapper input[type="text"]:focus,
.gform_wrapper input[type="email"]:focus,
.gform_wrapper input[type="url"]:focus,
.gform_wrapper input[type="tel"]:focus,
.gform_wrapper input[type="number"]:focus,
.gform_wrapper input[type="password"]:focus,
.gform_wrapper input[type="search"]:focus,
.gform_wrapper input[type="checkbox"]:focus,
.gform_wrapper input[type="radio"]:focus,
.gform_wrapper select:focus,
.gform_wrapper textarea:focus {
    outline: #294061 5px !important;
    box-shadow: none !important;
    border-color: #294061; /* Adjust or remove as needed */
    
}

.gform_wrapper input {font-family: 'CamptonLight', sans-serif!important;}

/** Colours **/
.bg-blue-light {background:#36A9E1;}
.bg-blue-dark {background:#294061;}
.bg-yellow {background:#FCC208;}
.bg-yellows {background:#FCC208;}
.bg-egg {background:#f7f5f5;}
.bg-blue-gradient {background: rgb(43,157,218); background: radial-gradient(circle, rgba(43,157,218,1) 0%, rgba(23,65,110,1) 100%);}
.woocommerce-loop-product__title {color:#294061!important;}
.woocommerce-breadcrumb a {color:#294061!important;}
.text-blue-light {color:#36A9E1;}
.text-blue-dark {color:#294061;}
.text-yellow {color:#FCC208;}

/** Fonts **/
@font-face {
    font-family: 'CamptonLight';
    src: url('/wp-content/themes/katatomic/fonts/CamptonLight.otf') format('opentype');
}

@font-face {
    font-family: 'CamptonSemiBold';
    src: url('/wp-content/themes/katatomic/fonts/CamptonSemiBold.otf') format('opentype');
}

body {
    font-family: 'CamptonLight', sans-serif;
}

h1 {font-family: 'CamptonSemiBold', sans-serif; font-size: 3.5rem;}
h2 {font-family: 'CamptonLight', sans-serif; font-size: 2.25rem;}
h3 {font-family: 'CamptonSemiBold', sans-serif; font-size: 2rem;}
p {font-family: 'CamptonLight', sans-serif; font-size: 2.25rem; letter-spacing: 0px;}
.blocks p, .blocks li {font-family: 'CamptonLight', sans-serif; font-size: 1rem!important; letter-spacing: 0px;}
.nav-link {font-family: 'CamptonLight', sans-serif!important; font-size: 1.25rem!important; color:#294061!important; margin-left: 20px!important;}
.default p {font-size: 1.5rem!important;}
.content {font-size: 1.25rem!important;}

/** Nav **/
@media screen and (max-width: 1000px) {.navbar-brand {max-width: 200px;}}

    /* Custom CSS */
    .navbar-toggler.blue-bg {
      transition: background 0.3s ease;
    }
    .blue-bg {
      background: radial-gradient(circle, rgba(43,157,218,1) 0%, rgba(23,65,110,1) 100%) !important; color:#fff!important; /* Change to your desired background color */
    }

    /* Remove the focus outline */
    .navbar-toggler:focus {
      outline: none;
      box-shadow: none;
    }

/** Mobile fonts **/
@media screen and (max-width: 800px) {h1 {font-size: 3rem;}}
@media screen and (max-width: 1400px) {h2 {font-size: 1.6rem;}}
@media screen and (max-width: 800px) {h2 {font-size: 1.4rem;}}
@media screen and (max-width: 800px) {.content p {font-size: 1.25rem!important;}}

/** Buttons **/
.btn-yellow {background:#FCC208; color:#294061; font-family: 'CamptonSemiBold', sans-serif; font-size: 1.25rem; border-radius: 0px; padding: 5px 20px; transition: ease .3s;}
.btn-yellow:hover {background: #d9a707; transition: ease .3s;}
#gform_submit_button_1 {border: none!important; background:#FCC208!important; color:#294061!important; font-family: 'CamptonSemiBold', sans-serif!important; font-size: 1.25rem!important; border-radius: 0px!important; padding: 5px 20px!important; transition: ease .3s!important;}
#gform_submit_button_1:hover {background: #d9a707!important; transition: ease .3s!important;}


/** Home **/
.home-half-img {min-height:500px;}
@media screen and (max-width: 995px) {.home-half-img {min-height:300px;}}
@media screen and (max-width: 800px) {.home-half-text p {font-size: 1.75rem; }}
@media screen and (max-width: 800px) {.home-half-text { padding: 40px 20px;}}

/* Forward */
.hvr-forward {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-forward:hover, .hvr-forward:focus, .hvr-forward:active {
  -webkit-transform: translateX(8px);
  transform: translateX(8px);
}

/* Shrink */
.hvr-shrink {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-shrink:hover, .hvr-shrink:focus, .hvr-shrink:active {
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
}

/** Home page 3-column **/
.img-container {
  position: relative;
  text-align: center;
  color: white;
}

.img-position {
  position: absolute;
  bottom: 80px;
  left: 37px;
  font-family: 'CamptonSemiBold', sans-serif;
  font-size: 1.5rem;
}

.three-column a {opacity: 1; transition: ease .3s;}
.three-column a:hover {opacity: .8; transition: ease .3s;}

/* Float */
.hvr-float {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-float:hover, .hvr-float:focus, .hvr-float:active {
  -webkit-transform: translateY(-8px);
  transform: translateY(-8px);
}

/** Industrials **/
.text-shadow {text-shadow: 2px 3px 20px rgba(0,0,0,0.41);}
.industrials p, .industrials li {font-size:1.5rem;}
.side-link li a {display: block; background:#FCC208; color:#294061; font-family: 'CamptonSemiBold', sans-serif; font-size: 1.5rem; border-radius: 0px; padding: 10px 25px; transition: ease .3s; text-decoration: none;}
.side-link li a:hover {opacity:.8; transition: ease .3s;}
.side-link li {margin-bottom: 20px; width: 100%}
.side-link ul {width: 100%;}
.active-link {background-color: #294061!important; /* Change background color for active link */color:#fff!important; }

.content {
  animation: fadeIn 2s;
}

@keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

/** Contact page **/
.four-col-contacts .bi-buildings {font-size: 3rem; color:#FCC208;}
.four-col-contacts .bi-telephone-outbound {font-size: 1.5rem;}
.four-col-contacts span {font-size: 1.25rem;}
.four-col-contacts a {font-size: 1.25rem; text-decoration: none; color:#294061;}
.four-col-contacts a:hover {opacity: .7;}

/** News **/
#newspage p {font-size: 1.25rem; color:#294061; opacity: .7;}
#newspage h3 {font-size: 1.75rem; color:#294061;}
#newspage span {background:#FCC208; color:#294061; padding: 10px 20px; transition: ease .3s; font-family: 'CamptonSemiBold', sans-serif; }
#newspage span:hover {background: #d9a707; transition: ease .3s;}
#newspage a {text-decoration: none;}

/** News-single **/
.news-single p {font-size: 1.25rem;}
.news-single h1 {font-size: 2rem;}
.news-single ul, .news-single li {font-size: 1.25rem; line-height: 1.5;}
/* Add padding after each block of bullets */
.news-single ul {
    margin-bottom: 1.5rem; 
}

/* Adjust padding for nested ul */
.news-single ul ul {
    margin-bottom: 0.5rem; /* Reduce bottom margin for nested ul */
    margin-top: 0.5rem; /* Add a smaller top margin for nested ul */
}

/** WooCommerce **/
.woocommerce .button {background:#FCC208!important; color:#294061!important; font-family: 'CamptonSemiBold', sans-serif!important; font-size: 1.25rem!important; border-radius: 0px!important; padding: 5px 20px!important; transition: ease .3s!important;}
.woocommerce .button:hover {background: #d9a707!important; transition: ease .3s!important;}

.widget li a {display: block!important; background:#FCC208!important; color:#294061!important; font-family: 'CamptonSemiBold', sans-serif!important; font-size: 1.5rem!important; border-radius: 0px!important; padding: 10px 25px!important; transition: ease .3s!important; text-decoration: none!important;}
.widget li a:hover {opacity:.8!important; transition: ease .3s!important;}
.widget li {margin-bottom: 20px!important; width: 100%!important;}
.widget ul {width: 100%!important; list-style-type: none!important;}

/* CSS for WooCommerce Categories Shortcode */
.category a {
    text-decoration: none;
}

.category-image {
    position: relative;
    height: 200px; /* Adjust height as needed */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.category-title {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.5); /* Adjust overlay background color and opacity */
    padding: 10px 15px;
    text-align: center;
}

.category {
    margin-bottom: 5px;
    mmin-height: 100px;
    transition: ease .3;
}

.category:hover {opacity: .7; transition: ease .3;}



/** Footer **/
footer {min-height: 400px; background:#f7f5f5;}
footer img {max-height: 80px;}
footer a {color:#294061; font-size: 1.5rem; text-decoration: none;}
footer span {font-family: 'CamptonSemiBold', sans-serif; color:#294061;}