/*
Theme Name: Cyberfrog (Shaun)

Author: Shaun Hearnden

Version: 999999999999999999999999999999

*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}html{scroll-behavior:smooth}body{line-height:1}a{text-decoration-skip-ink:auto}a[href^="tel"]{color:inherit;text-decoration:none}button{outline:0}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}q{display:inline;font-style:italic}q:before{content:'"';font-style:normal}q:after{content:'"';font-style:normal}textarea,input[type="text"],input[type="button"],input[type="submit"],input[type="reset"],input[type="search"],input[type="password"]{-webkit-appearance:none;appearance:none;border-radius:0}input[type="search"]{-webkit-appearance:textfield}table{border-collapse:collapse;border-spacing:0}th,td{padding:2px}big{font-size:120%}small,sup,sub{font-size:80%}sup{vertical-align:super}sub{vertical-align:sub}dd{margin-left:20px}kbd,tt{font-family:courier;font-size:12px}ins{text-decoration:underline}del,strike,s{text-decoration:line-through}dt{font-weight:bold}address,cite,var{font-style:italic}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important;word-break:normal}
.screen-reader-text:focus{background-color:#f7f7f7;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip:auto!important;-webkit-clip-path:none;clip-path:none;color:#007acc;display:block;font-size:14px;font-size:.875rem;font-weight:700;height:auto;right:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}
.skip-link{left:-9999rem;top:2.5rem;z-index:999999999;text-decoration:underline}
.skip-link:focus{display:block;left:6px;top:7px;font-size:14px;font-weight:600;text-decoration:none;line-height:normal;padding:15px 23px 14px;z-index:100000;right:auto}
.visually-hidden:not(:focus):not(:active), .form-allowed-tags:not(:focus):not(:active){position:absolute !important;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px, 1px, 1px, 1px);white-space:nowrap}

#wc_checkout_add_ons  {

    max-width: 400px!important;
    margin-bottom: 50px!important;
}

@font-face {
    font-family: 'UKNumberPlate';
    src: url('UKNumberPlate.woff2') format('woff2'),
        url('UKNumberPlate.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #888;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555;
}

body{max-width:1920px; margin:0 auto; display:block;}

a{text-decoration:none;}
img{width:auto; display:block;}
.ti-date, .ti-name, .ti-review-text-container.ti-review-content, body, input, textarea, button {
font-family: "Inter", sans-serif!important;
/*    font-family: "Open Sans", sans-serif!important;*/
}




#footer, header{background:#000000;padding:25px 0;width:100%; float:left; position: relative;}
header{padding:10px 0;}
#foot_1{width:50%; float:left;}
#foot_3{width:50%; float:left; text-align: right;}

a#header_cart {
    display: inline-block;
    position: relative;
    top:3px;
}

a#header_cart img {
    width: 30px;
    
}





a#header_cart  span#cart-count{position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);}

a#header_cart span#cart-count {
    position: absolute;
    top: 50%;
    right: -10px;
    transform: translateY(-50%);
    background: #CB1236;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    text-align: center;
    line-height: 24px;
}

#copyright {
    width: 100%;
    float: left;
    text-align: center;
    background: #000000;
    padding: 0 0 20px 0;
    color: #fff;
    font-size: 14px;
}


#foot_3 > a, #foot_1 > a{
    
    color: #FFF;
margin-bottom:20px;
display:block;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: -0.3px;
    
}
#foot_2 img{max-width:200px;}
#foot_2{ position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);}

#logo{float:left;}

#logo img{max-width:190px;}
.wrapper{max-width:1450px; margin:0 auto; display:block;}

#menu {
    float: right;
    margin-top: 15px;
}

#menu a{color: #FFF;
padding-left:50px;
text-transform: uppercase;
font-size: 17px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: -0.34px;}

#foot_3 > a:hover, #foot_1 > a:hover, #menu a:hover{color:#FFDA41; transition:0.3s;}

#internal_banner{width:100%; float:left;position: relative;min-height:515px;}
#internal_banner .wrapper{position:relative;z-index: 2;}

.dark_gradient{background: rgba(0, 0, 0, 0.50); position: absolute; width:100%; height:100%; top:0; left:0;}

#internal_banner > img{    
        position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
    height: 100%;
    object-position: 50% 50%;}

#internal_banner .wrapper > span{max-width:1200px; display:block;padding-top:80px;}
#blog_home{width:100%; float:left;background: #CB1236;margin-bottom: 50px;;}

#home_reviews{width:100%; float:left;background: #000000;min-height:300px;margin-bottom:50px;padding:30px 0 50px 0;}

#home_reviews h3 {
    color: #fff;
    padding: 20px 0;
    text-align: left;
    text-transform: capitalize;
    position: relative;
    top: -18px;
}

#blog_home .wrapper > span {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
    align-items: center;
    justify-content: center;
}


#blog_home .wrapper > span .image {
    position: relative;
    height: 455px;



}
#blog_home .wrapper > span .image img{    
        position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
    height: 100%;  
    object-position: 0% 50%;}

#blog_home .wrapper > span .text {
    margin: 40px 0;
  padding-left:50px;
}

#blog_home .wrapper > span .text p{margin:30px 0;
color: #FFF;
line-height: 35px;

font-size: 17px;
font-style: normal;
font-weight: 400;

letter-spacing: -0.34px;

}

.woocommerce-info {
    border-top-color: red!important;
}
.woocommerce-error::before, .woocommerce-info::before, .woocommerce-message::before {
    font-family: WooCommerce;
    content: "\e028";
    display: inline-block;
    position: absolute;
    top: 1em;
    left: 1.5em;
    color: red !important;
}

#blog_home .wrapper > span .text a {
    border: 1px solid #fff;
    display: inline-block;
    padding: 10px 30px;
    border-radius: 5px;
}


p#validation_message.valid-message {
    color: green;
    font-size: 15px;
    
}
p#validation_message.invalid-message{
    color: red;
    font-size: 15px;
   
}

span#cart-count.green {
    background: green !important;
}
#blog_home .wrapper > span .text  * {color:#fff;}


button.single_add_to_cart_button.button.alt {
    text-transform: none;
}

#internal_banner h1{color: #FFF;

text-shadow: 0px 6px 10.4px rgba(0, 0, 0, 0.50);

font-size: 67px;
font-style: normal;
font-weight: 700;
line-height: normal;
letter-spacing: -3.35px;
margin-bottom:30px;
}
#star_strip{width:100%; float:left; padding:50px 0; text-align: center;}

#star_strip .starry {
    background: url(https://regmakers.com/wp-content/uploads/2024/08/Screenshot-2024-08-27-113635.png);
    display: inline-block;
    width: 40px;
    height: 40px;
    background-size: contain;
    background-position: center;
    position: relative;
    top: 10px;
}

.plate_slide {
    text-align: center;
    padding: 20px;
    border:2px solid #D0D0D0;
    border-radius:5px;
}

.plate_slide img{max-width:250px; display:inline-block; margin:50px auto;}

#plate_form{width:100%; float:left;}

div#plate_columns {
    width: 100%;
    float: left;
    padding: 60px 0;
}

#column_wrapper{display:table;width:100%;     padding: 50px 0;}
#plate_price_add{width:100%; float:left;border:2px solid #D0D0D0; border-right:0; border-left:0;padding:10px 50px;margin-top:10px;}

#plate_price_add > span:first-child {float:left;}
#plate_price_add > span:last-child{float:right;}
#left_column{width:30%; float:left;    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 20px; /* Adjust the gap between grid items as needed */}


#blog_home .wrapper > span .text a:hover{background:#fff; color:#000; transition:0.3s; font-weight:600;}

#form_plate_price{color: #000000;


font-size: 29px;
font-style: normal;
font-weight: 700;
line-height: normal;
letter-spacing: -0.58px;}

#front_plate{background:#ededed !important}

#front_plate .company_name, #front_plate .company_code{background:#ededed;}

#rear_plate .company_name, #rear_plate .company_code{      background: #FFDA41}

#rear_plate{background: #FFDA41}

#right_column{width:60%; float:right; position:sticky;  top:60px;}

#right_column #plate_preview{border: 2px solid #D0D0D0;  border-radius:10px;
    padding:40px 0 100px 0;
text-align: center;
   display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 30px; /* Adjust the gap between grid items as needed */

}

#empty_cart_button{
        border-radius: 5px;
    background: #CB1236;
    color: #fff;
    display: inline-block;
    padding: 10px 20px;
    margin-bottom: 20px;
}

.fixing_button:hover, #empty_cart_button:hover{background:#000; transition:0.3s; cursor:pointer;}
#plate_preview > h1{
    
    color: #000000;
text-align: left;
    padding-left:30px;
font-size: 29px;
font-style: normal;
font-weight: 700;
line-height: normal;
letter-spacing: -1.45px;
    
}
 #plate_preview > div{
border-radius: 12.973px;
    position: relative;
    width:675px; height:144px;
        margin: 0 auto;
/* box-shadow: 0px 0px 14.53px 0px rgba(0, 0, 0, 0.15); */
}

#plate_preview > div .company_name, #plate_preview > div .company_code{
color: #000;
font-size: 9px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: -0.18px;
}
.product-name br {
    display: none;
}
#plate_preview > div .company_name{position: absolute;
bottom: 1px;
left: 50%;
    width:100px;
transform: translateX(-50%);}


#plate_preview > div .company_code{

position: absolute;
bottom: 1px;
left: 91%;
transform: translateX(-50%);
        width: 60px;
}
#platey div > span{
float:right;

}

#platey div > span label{
    
    color: #999;

font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: -0.28px;

}

#electric_section.plate_form_section .head_section {height:62px;padding: 7px 20px;}


#left_column .plate_form_section{border: 2px solid #D0D0D0;  border-radius:10px; min-height:100px;}
.plate_form_section .head_section{width:100%; float:left; border-bottom: 2px solid #D0D0D0; padding:10px 20px;}
.plate_form_section .head_section > span{display:inline-block;}

.plate_form_section .head_section .section_number {
    color: #FFF;
    background: #CB1236;
    width: 41px;
    height: 41px;
    text-align: center;
    border-radius: 50%;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 42px;
    position: relative;
    margin-right: 10px;
}

.plate_form_section#electric_section .head_section .section_number {  top: -10px;   background: #00DE31;}
.plate_form_section#electric_section .head_section h4{color:#00DE31!important;}

label.image_radio {    border: 1px solid #D0D0D0; padding:5px;}



.plate_form_section input[type="radio"] {
        display: none;
    }

.plate_form_section .form_section{padding:20px;width:100%; float:left;}

.plate_form_section#text_style_section .form_section form{   display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px; /* Adjust the gap between grid items as needed */

width:100%; float:left;
}

#text_style_section form img{width:100px; margin:10px auto; display:block;}

.plate_form_section .form_section form{   display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 10px; /* Adjust the gap between grid items as needed */

width:100%; float:left;
}

.plate_form_section .form_section form label{
color: #000000;
border-radius:10px;
text-align: center;
position: relative;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: -0.3px;
}


.plate_form_section .form_section form label > div{
    
    
      position: absolute;
    width: 30px;
    height: 45px;
    background-size: contain!important;
    top: 13px;
    left: 10px;
    background-repeat: no-repeat!important;
    
    
}

  
.fixings .variations {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
    float: left;
    margin-bottom:5px;
}

.fixings .variations label {
    margin-bottom: 10px;
    display: inline-block;
    font-weight: 700;
    font-size: 15px;
}

.fixings .variations select {
    -webkit-appearance: none;
    padding: 10px;
    width: 130px;
    border: 1.299px solid #D0D0D0;
    text-align: center;
    outline:none;
    background:#fff; color:#333;
    border-radius:5px;
    
    text-align: left;
    
}

#contact_left p{text-decoration:none!important;}

.woocommerce-page.woocommerce-order-received #cart_page > h3{display:none!important;}
#order_thanks{width:100%; float:left;padding:80px 0;}
#order_thanks h3{margin-bottom:20px;}
#order_thanks a {
    opacity: 1 !important;
    color: #FFF !important;
    border-radius: 7px !important;
    background: #CB1236 !important;
    font-size: 16px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    /* line-height: normal !important; */
    letter-spacing: -0.58px !important;
    padding: 8px 30px !important;
    border: none !important;
    outline: none !important;
    display: inline-block;
    margin-top: 30px;
}
.plate_form_section .simple_radio{border: 1px solid #D0D0D0; display:block; text-align: center; border-radius:10px;padding:10px;}

label.image_radio:hover, .simple_radio:hover, .is_selected{cursor:pointer; background: #FFDA41; transition:0.3s;}

.wysiwyg ol{list-style:decimal; padding-left:20px;}
.wysiwyg ul{list-style:disc;padding-left:20px;}

.wysiwyg strong{font-weight:600;}

.wysiwyg ol li, .wysiwyg ul li, .wysiwyg p{margin:20px 0;    color: #000000;


font-size: 17px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: -0.34px;
    
    }



 h4{
color: #000000;


font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: normal;
letter-spacing: -1px;
}

.plate_form_section select{
    margin-top:10px;
    background:url(https://regmakers.com/wp-content/uploads/2024/08/Arrow-2.png);
    background-repeat: no-repeat; 
    background-position: 96% 50%;
    background-size:18px;
    width:100%;
    color: #000000;
    border: 1px solid #D0D0D0;
    display: block;
    text-align: left;
    border-radius: 10px;
    padding: 10px;
-webkit-appearance:none;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: -0.3px;
}

.plate_form_section .head_section  h4 > span{
color: #000000;

display:block;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: -0.28px;
}

#stripe_image{max-width:600px;margin-top:20px; float:left;}

.plate_slide{ transform: scale(0.9);opacity:0.2;}
.plate_slide.slick-center {
    transform: scale(1);
    opacity:1;
}

h2 {
    font-size: 40px;
    font-weight: 700;
    margin: 20px 0;
}


h3{color: #000000;


font-size: 29px;
font-style: normal;
font-weight: 700;
line-height: normal;
letter-spacing: -1.45px;}

#plate_slider{width:100%; float:left; position: relative}

.slider_arrow{background:transparent; border:none; outline:none; position: absolute;}
.slider_arrow:hover{opacity:0.7; transition:0.3; cursor:pointer;}

 /* the slides */
  .slick-slide {
      margin: 0 27px;
  }

  /* the parent */
  .slick-list {
      margin: 0 -27px;
  }

.slider_arrow img{width:30px;}
.slider_arrow.left_arrow{

    top: 150px;
    z-index: 30;
    left: -40px;

}

.slider_arrow.right_arrow{

    top: 150px;
    z-index: 30;
    right: -40px;

}



.three_d_effect{    text-shadow: 1px 1px 0px #444, 1px 1px 0px #444, 2px 2px 0px #444, 3px 3px 0px #444, 3px 3px 0px #444;}
.shiny_effect {    text-shadow: 1px 1px 2px #000, -1px -1px 1px rgba(255, 255, 255, 0.7), 2px 2px 2px rgba(255, 255, 255, 0.5);}
#star_strip span.title{color: #000000;

padding:0 5px;
font-size: 26px;
font-style: normal;
font-weight: 700;
line-height: normal;
letter-spacing: -1.45px;}

#internal_banner p{color: #FFF;

text-shadow: 0px 6px 10.4px rgba(0, 0, 0, 0.50);
font-family: "Inter", sans-serif;
/*font-family: "Open Sans";*/
font-size: 25px;
font-style: normal;
font-weight: 400;
line-height: 40px;
    margin-bottom:25px;
letter-spacing: -0.5px;}


#star_strip i {
    position: relative;
    top: -3px;
    font-size: 20px;
    color: #FFDA41;
}
    
    /* Toggle Container */
.plate_form_section .toggle-container {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}


/* Toggle Switch */
.plate_form_section .switch {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 25px;
        margin: 0 10px;
      pointer-events: none;
}

.plate_form_section .switch input {
    opacity: 0;
    width: 0;
    height: 0;
      pointer-events: none;
}

.plate_form_section .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
      background-color: #d71920;
    transition: .4s;
    border-radius: 20px;
    opacity:0.2;
    pointer-events: none;
}

.plate_form_section .slider:before {
    position: absolute;
    content: "";
    height: 19px;
    width: 20px;
    left: 3px;
    bottom: 3px;
    background-color: white;
    transition: .4s;
    border-radius: 50%;
      pointer-events: none;
}
.plate_form_section .form_section form label.boldy{font-weight:700;}

.plate_form_section input:checked + .slider {
    background-color: #d71920;
}

.plate_form_section input:checked + .slider:before {
    transform: translateX(25px);
}

#disclaimer {
    width: 750px;
    height: auto;
    background: #fff;
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 22;
    padding: 20px;
    text-align: center;
}
#dark_back{position: fixed;
    width: 100%;
    height: 100%;
    display:none;
    background: #00000060;
    left: 0;
    top: 0;
    z-index: 5;}
#disclaimer p{color: #000000;

text-align: center;

font-size: 17px;
font-style: normal;
font-weight: 400;
line-height: 22px;
letter-spacing: -0.34px;}

#disclaimer span{display:inline-block;
color: #FFF;

text-align: center;
border-radius: 5px;
background: #CB1236;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: normal;

}

#disclaimer span:hover{cursor:pointer; background:#000; transition:0.3s;}
#disclaimer h3{margin-bottom:25px;}
#disclaimer span {
    display: inline-block;
    color: #FFF;
    text-align: center;
    border-radius: 5px;
    background: #CB1236;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 3px 20px;
    margin-top: 27px;
}

/* Registration Input Field */
#registration_input {
    width: 100%;
    padding: 10px;
    font-size: 14px;
    border: 1px solid #ccc;
    border-radius: 10px;
    box-sizing: border-box;
}

span.electric_yes_plate {
    top: 0;
    background: #00DE31;
    width: 63px;
    position: absolute;
    left: 0;
    height: 144px;
    z-index: 1;
    border-radius: 10px 0 0 10px;
}
#page_container{width:100%; float:left;padding:70px 0;}
.reg{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-family: 'UKNumberPlate' !important;
    color: #000;
    text-align: center;
    width: 664px;
    font-size: 142px;
    font-style: normal;
    font-weight: 400;
    line-height: 130px;

}

.reg.electric_moved{
  
    width: 598px;
    transform: translate(-44.5%, -50%);
}
.plate_title {
    color: #000000;
    font-size: 17px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.85px;
    display: block;
    margin-bottom: -15px;
}

.reg.badge_moved {
       width: 598px;
    transform: translate(-44.5%, -50%);
}


.reg.black_border{
    
        border: 2px solid #000;
    border-radius: 10px;
    
}

.plate_badge.uk_badge {
    position: absolute;
    width: 50px;
    height: 120px;
    left: 7px;
    top: 3px;
    z-index: 3;
    background-size: contain !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}



.plate_badge {
    position: absolute;
    width: 50px;
    height: 120px;
    left: 11px;
    top: 13px;
    z-index: 3;
    background-size: contain !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

/* Hide everything except the Add to Cart button for product ID 71 on the homepage */
/*
.home .post-71 .woocommerce-product-gallery,
.home .post-71 .product_title,
.home .post-71 .woocommerce-Price-amount,
.home .post-71 .woocommerce-product-details__short-description,
.home .post-71 .woocommerce-tabs,
.home .post-71 .related.products,
.home .post-71 .upsells.products,
.home .post-71 .woocommerce-product-details__meta,
.home .post-71 .woocommerce-product-rating {
    display: none;
}
*/

.fixings > span{   display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 50px; /* Adjust the gap between grid items as needed */}

.fixings > span > div {border:2px solid #D0D0D0; border-radius:20px;text-align: center;}
/* Hide arrows in Chrome, Safari, Edge, and Opera */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Hide arrows in Firefox */
input[type="number"] {
    -moz-appearance: textfield;
}


.fixings h4{padding:10px 15px; text-align: center;}  
.fixings > h3{margin-bottom:50px;}

.fixings .image {
    position: relative;
    width: 100%;
    float: left;
    height: 180px;
    border: 2px solid #D0D0D0;
    border-left: none;
    border-right: none;
}

.view_area .not_selected{color: #000;
text-transform: uppercase;
text-align: center;
    position: absolute;
    top: 50%;
    width:100%;
    left: 50%;
    transform: translate(-50%, -50%);
font-size: 49px;
font-style: normal;
font-weight: 700;
line-height: normal;
letter-spacing: -0.98px;}

#facebook_footer{font-size: 24px!important;border:3px solid #4267B2;  border-radius:50%;}

#facebook_footer:hover{background:#4267B2; transition:0.3s;}
a#user-account {
    font-size: 17px;
    border-radius: 50%;
    border: 1px solid #fff;
    padding: 0;
    margin-left: 40px;
    width: 40px;
    display: inline-block;
    text-align: center;
    height: 40px;
    position: relative;
    top: 13px;
}

a#user-account i{ position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);}


#insta_footer {
    font-size: 24px !important;
       border: 3px solid #dc2743;
    border-radius:50%;
/*
border-image: linear-gradient(to right, #f09433, #e6683c, #dc2743, #cc2366, #bc1888);
border-image-slice: 1;
*/


}

#insta_footer:hover{  background: linear-gradient(to right, #f09433, #e6683c, #dc2743, #cc2366, #bc1888); transition:0.3s;}

#foot_3 > span a {
    color: #fff;
    font-size: 29px;
    width: 50px;
    height: 50px;
    display: inline-block;
margin-left:10px;
  
    position: relative;
}







#foot_3 > span a i{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.fixings .price {
    color: #000000;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin: 15px 0;
    display: block;
    width: 100%;
    float: left;
}

.fixings .image img {
    position: absolute;
    width: 100%;
    top: 20px;
    left: 0;
    object-fit: contain;
    height: 80%;
    object-position: 50% 50%;
}

.fixings .quantity-control{margin:15px 0; text-align: center;width:100%; float:left;}

.fixing_button{border-radius: 5px;
background: #CB1236;color:#fff;display:inline-block;padding:5px 10px;margin-bottom:20px;
border:none; outline:none;
    font-size:16px!important;

}

.quantity > input {
    text-align: center;
    -webkit-appearance: none;
    border: 1.299px solid #D0D0D0;
    outline: none;
    width: 60px;
    border-radius: 5px;
}

.quantity-control > *{display:inline-block;}

#cart_page > h3{margin-bottom:40px;}

.woocommerce-cart-form__cart-item .product-name a{
    
    color: #000;

font-size: 17px;
font-style: normal;
font-weight: 700;
line-height: normal;
letter-spacing: -0.85px;
    
    
}




button.plus, button.minus{background:#fff;outline:none; border: 1.299px solid #D0D0D0;width:24px;border-radius:5px;}
button.plus:hover, button.minus:hover{color:#fff;background:#CB1236; transition:0.3s; cursor:pointer;}

a.edit_price_in_cart_text.edit_in_cart_text {
    display: none;
}

.variation dd{font-weight:400!important; font-size:14px!important;}
 .variation dt{font-weight:700!important;  font-size:14px!important;}


 .product-name a {
    color: #000;
    font-size: 17px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.85px;
}

.woocommerce form .form-row label, .woocommerce-page form .form-row label {
    display: block;
    font-size: 14px;
}

.woocommerce-cart-form__cart-item .variation{font-size:14px;margin-top:10px;}

a.checkout-button.button.alt.wc-forward, .coupon button{
border-radius: 5px!important;
background: #CB1236!important;
    color:#fff!important;
    display:inline-block!important;
    padding:10px 10px!important;
    margin-bottom:20px!important;
    color:#fff!important;
    font-weight:500!important;
    font-size:16px!important;
    text-transform: capitalize!important;
}
a.checkout-button.button.alt.wc-forward{    text-transform:none!important;}
.coupon button{margin-bottom:0!important}

input#coupon_code {
    width: 200px;
    height: 36px;
}

a.checkout-button.button.alt.wc-forward {
    float: right;
}

#cart_page dl.variation {
    margin-top: 15px;
}

.all_blogs > span{   display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 50px; /* Adjust the gap between grid items as needed */}

.all_blogs > span > a{border-radius: 10px;
    
    padding-bottom:30px;
border: 2px solid #D0D0D0; text-align: center;}
.all_blogs > span > a h4{color: #000000;
margin:10px 0;
text-align: center;
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: normal;
letter-spacing: -0.9px;
min-height:50px;
}

.all_blogs > span > a p {
    color: #000000;
    text-align: center;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.34px;
    padding: 10px 30px;
    display: block;
  
    float: left;
}


#continue_checkout {

    float: right;
    margin-top: 60px;
 
    
    
        border-radius: 5px;
    background: #CB1236;
    color: #fff;
    display: inline-block;
    padding: 10px 10px;
    margin-bottom: 20px;
    border: none;
    outline: none;
    font-size: 16px !important;
    
}

.all_blogs > span > a:hover {background: #CB1236; transition:0.3s; cursor:pointer;}
.all_blogs > span > a:hover * {color:#fff;}


.all_blogs > span > a .image{width:100%; float:left; position:relative; height:220px;}
.all_blogs > span > a .image img{    
        position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
    height: 100%;
    object-position: 50% 50%;}


 .custom-fields, #cpw-1, .cwp-1, .cpw,  .home .quantity{display:none!important;}

p.cwp-input-wrapper label {
    display: none !important;
}

table, td, th, tr{border-color:#D0D0D0!important;}

.woocommerce-notices-wrapper{display:none!important;}

.home .woocommerce div.product form.cart{margin-bottom:0;}

.home .woocommerce div.product form.cart .button {
    vertical-align: middle;
    float: left;
    opacity: 1;
    color: #FFF;
    border-radius: 10px;
    background: #CB1236;
    font-size: 24px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: normal !important;
    letter-spacing: -0.58px !important;
    padding: 5px 20px;
    margin: 10px 0;
    font-size:16px!important;
}


.woocommerce #payment #place_order, .woocommerce-page #payment #place_order{
    
       vertical-align: middle;
    float: right;
    opacity: 1;
    color: #FFF;
    border-radius: 10px;
    background: #CB1236;
    font-size: 24px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: normal !important;
    letter-spacing: -0.58px !important;
    padding: 5px 20px;
    margin: 10px 0;
    
}

.woocommerce #payment #place_order:hover, .woocommerce-page #payment #place_order:hover{background:#000; transition:0.3s; }

#cart_page .woocommerce-form-coupon-toggle {display:none!important;}

#update_button{
    
        border-radius: 5px !important;
    background: #000000 !important;
    color: #fff !important;
    display: inline-block !important;
    padding: 10px 10px !important;

    color: #fff !important;
    font-weight: 500 !important;
    
}

textarea#input_1_6 {
    height: 150px;
}

#contact_right h4{margin-bottom:30px; text-align: center; font-size:25px;}

input#gform_submit_button_1 {
    vertical-align: middle!important;
    float: none!important;
    opacity: 1!important;
    color: #FFF!important;
    border-radius: 7px!important;
    background: #CB1236!important;
    font-size: 16px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: normal !important;
    letter-spacing: -0.58px !important;
    padding: 5px 30px!important;
    margin: 0px 0!important;
    border: none !important;
    outline: none !important;
}
#contact_left{padding-top:50px;}
#contact_left p{color: #000000;
margin:20px 0;
font-size: 17px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: -0.34px;}
#contact_left p strong{font-weight:700;}
#upload_checkout .new_file_select:hover, #continue_checkout:hover, a.checkout-button.button.alt.wc-forward:hover, .coupon button:hover, .home .woocommerce div.product form.cart .button:hover{background:#000!important; transition:0.3s; cursor:pointer; }

.woocommerce div.product div.summary {
    margin-bottom: 2em;
    width: 100%;
    margin: 0;
    height: auto;
}
#contact_right #form_box{padding:50px 100px;border-radius: 20px;
border: 2px solid #D0D0D0;
display:block;
background: #FFF;}
.woocommerce h3{font-size:23px;}
#cart_page input, #cart_page select{padding:10px; border:1px solid #555;}

#form_box input, #form_box textarea{
    
    border-radius: 20px;
border: 2px solid #D0D0D0;
padding:10px 20px;
background: #FFF;
    
}

#top_bar br{display:none;}

#top_bar{width:100%; float:left; text-align:center;background: #7F7F7F; color:#fff;padding:5px 0; text-transform:uppercase;

color: #FFF;
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: normal;
letter-spacing: -0.44px;

}

    #form_border, form#form_electric, #form_badge, #form_material {
        display: grid;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 10px;
        width: 100%;
        float: left;
    }


div#customer_details {
    margin: 0 0 30px 0;
}

div#customer_details input, div#customer_details textarea{border:1px solid #252525!important; padding:10px;}


#contact_page > span{   display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px; /* Adjust the gap between grid items as needed */}



button#custom_file_upload_one_button, button#custom_file_upload_two_button{display:none;}

#upload_checkout .new_file_select {
    border-radius: 5px;
    background: #CB1236;
    color: #fff;
    border: none;
    display: inline-block;
    padding: 6px 20px;
    margin-bottom: 20px;
    border: none;
    outline: none;
    font-size: 16px !important;
    margin-top: 30px;
}

span.uploaded {
    font-weight: 700;
}

#upload_checkout {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 100px;
    padding: 30px;
    border-radius: 10px;
    border: 1px solid gray;
    margin-bottom:50px;
}

#upload_checkout ul {list-style:disc; padding-left:20px;}
#upload_checkout ul li{margin:10px 0;line-height:25px;}
/*
 .woocommerce input[type="file"] {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
}
*/

.gform_wrapper.gravity-theme #field_submit, .gform_wrapper.gravity-theme .gform_footer {
    display: flex;
    justify-content: flex-end!important;
}

span#chekout_mess {
    display: block;
    margin: -20px 0 30px;
    line-height: 30px;
    max-width: 700px;
}

div#customer_login h2 {
    font-size: 21px;
}

.woocommerce td.product-name .wc-item-meta p, .woocommerce td.product-name .wc-item-meta:last-child, .woocommerce td.product-name dl.variation p, .woocommerce td.product-name dl.variation:last-child{text-transform:capitalize}

#upload_checkout h5{    font-weight: bold;
    display: block;
    margin: 20px 0;}

.woocommerce .cart .button, .woocommerce .cart input.button {
    float: none;
    text-transform: capitalize;
}


form.woocommerce-form.woocommerce-form-register.register, form.woocommerce-form.woocommerce-form-login.login {
    max-width: 400px;
}

.woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme {
    display: block;
}

p.woocommerce-LostPassword.lost_password a {
    color: #000;
    font-size: 14px;
}

.woocommerce-privacy-policy-text {
    font-size: 15px;
    line-height: 20px;
    margin-bottom: 20px;
}

.woocommerce-privacy-policy-text  a{color:#000; font-weight:600;}


li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--downloads.is-active {
    display: none;
}

.paypal-buttons {
    position: relative;
    display: inline-block;
    width: 200px!important;
    font-size: 25px;
    min-width: 150px;
    font-size: 0;
    float: right!important;
}

td a, .woocommerce-account .addresses .title .edit{color:#CB1236; fonr-weight:600;}

#account_page p > a{color:#000; font-weight:600;}
button.woocommerce-Button.woocommerce-button.button.woocommerce-form-register__submit, .woocommerce .woocommerce-form-login .woocommerce-form-login__submit {

    margin-right: 1em;
 

    opacity: 1 !important;
    color: #FFF !important;
    border-radius: 7px !important;
    background: #CB1236 !important;
    font-size: 16px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: normal !important;
    letter-spacing: -0.58px !important;
    padding: 5px 30px !important;
    margin: 10px 0 !important;
    border: none !important;
    outline: none !important;
    display: block;
}
button.woocommerce-Button.woocommerce-button.button.woocommerce-form-register__submit:hover, .woocommerce .woocommerce-form-login .woocommerce-form-login__submit:hover{background:#000!important; transition:0.3s!important; cursor:pointer!important;}



/* General account area styling */
.woocommerce-account .woocommerce-MyAccount-navigation {
    margin-bottom: 20px;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul {
    display: block;
    margin: 0;
    padding: 0;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li {
    margin-bottom: 10px;
    padding: 8px 0;
    list-style: none;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
    display: block;
    padding: 13px 15px;
    text-decoration: none;
    border-radius: 5px;
    transition: background-color 0.3s ease;
    border: 1px solid #D0D0D0;
    border-radius: 10px;
    color:#000;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover {
    background-color: #f2f2f2;
}

/* Dashboard content area */
.woocommerce-account .woocommerce-MyAccount-content {
    margin-top: 20px;
    padding: 20px;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* Headings */
.woocommerce-account h2 {
    margin-bottom: 15px;
    font-size: 22px;
    font-weight: bold;
}

/* Account links and details */
.woocommerce-account .woocommerce-MyAccount-content p {
    margin-bottom: 10px;
    line-height: 1.6;
}

/* Form inputs */
.woocommerce-account input[type="text"],
.woocommerce-account input[type="email"],
.woocommerce-account input[type="password"] {
    width: 100%;
    padding: 10px;
    margin-bottom: 15px;
    border-radius: 5px;
    border: 1px solid #ddd;
}

/* Buttons */
.woocommerce-account .woocommerce-button {
    padding: 10px 20px;
    background-color: #0071a1;
    color: #fff;
    text-decoration: none;
    border-radius: 5px;
    transition: background-color 0.3s ease;
}
.woocommerce-MyAccount-navigation-link--downloads {
    display: none;
}

.woocommerce-MyAccount-navigation-link--payment-methods{display:none!important;}

.woocommerce-account .woocommerce-button:hover {
    background-color: #005b82;
}

.woocommerce-MyAccount-content header{background:#fff;}

/* Spacing adjustments */
.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
    margin-bottom: 10px;
}

.woocommerce-account .woocommerce-MyAccount-content p {
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul {
    padding: 15px;
}


div#away_message {
    display: block;
    background: #CB1236;
    padding: 5px;
    width: 100%;
    float: left;
    color: #fff;
    line-height:25px;
    text-align: center;
    font-weight: 600;
}


.super_disable .plate_badge, .super_disable .electric_yes_plate {
    display: none !important;
}

a#insta_tik {
    font-size: 21px !important;
    border: 3px solid #fff;
    border-radius: 50%;
}

a#insta_tik:hover i{color:#000;}
a#insta_tik:hover{background:#fff; transition:0.3s;}

.cky-btn-revisit-wrapper{z-index:3!important;}


#form_badge .simple_radio:last-child > div{top:11px!important}


/*HEX STUFF */

select#front_plate{background:#fff!important}

#front_plate.hex{background:#ededed !important}

#plate_preview > div.hex{
/* -webkit-clip-path:polygon(9% 0%, 90% 0%, 96% 39%, 91% 100%, 8% 100%, 3% 42%); */
/* clip-path: polygon(9% 0%, 90% 0%, 96% 39%, 91% 100%, 8% 100%, 3% 42%); */
	-webkit-clip-path: polygon(10% 0%, 90% 0%, 96% 41%, 90% 100%, 10% 100%, 4% 41%);
	clip-path: polygon(10% 0%, 90% 0%, 96% 41%, 90% 100%, 10% 100%, 4% 41%);

}
#plate_preview > div.hex{
    width: 735px;
}
.hex .company_code {
    position: absolute;
    bottom: 1px;
    left: 84%!important;
}

.form_section.disabled {
    opacity: 0.4;
    pointer-events: none!important;
}
.plate_form_section .form_section.disabled form label{ opacity: 0.4;
    pointer-events: none!important;}
.hex .company_name, .hex .company_code{
    background: transparent !important;
}

.hex .reg {
    top: 52%;
/* 	left:49.5%; */
	    
}