/* CSS Document */
/*
font-family: 'Signika Negative', sans-serif;
font weights: 300,400,600,700


colors
red: #ee3124

*/
#page #product{
    width: 100%;
    height: auto;
    margin-top: 0px;	
}

#page #product #product_content{
    width: 100%;
    height: auto;	
    margin: 0px auto 0px auto;
    max-width: 1700px;
    /*padding-top: 20px;*/
}

.product.type-product  {
    padding: 25px;
}

.product.type-product {
    height: auto;
    position: relative;	
    padding: 25px ;
}
/*
.product.type-product  div {
    height: auto;
    margin: 0px 0px 0px 0px;
    position: relative;
    
}*/

.product.type-product  div #product_image{
    background: url('/wp-content/themes/SpellBrite/elements/styles/../images/cart-elements/preload_dots_red_20.gif') center center no-repeat;
    width: 368px;
    height: 228px;
    position: relative;
    margin: 0px 0px 0px 0px;	
    border: 1px solid #ccc;
    overflow: hidden;
    max-width: 100%;
    /*display: none;*/
}

.product.type-product  div #product_image img{
    width: 368px;
    width: 100%;
    height: 228px;
    position: relative;
    margin: 0px 0px 0px 0px;	
    max-width: 100%;
}

.product.type-product  div ul#thumbnails{
    width: 100%;
    height: auto;
    /*float: left;*/
    position: relative;
    margin: 0px 0px 0px 0px;
    /*clear: both;*/
    display:flex;
    flex-wrap: wrap;
    /*display: grid;
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
    grid-gap: 1rem;*/
}
.product.type-product  div ul#thumbnails > * {
    width: calc(100% / 3);
}

.product.type-product  div ul#thumbnails li{
    /*width: 117px;*/
    width: 115.5px;
    height: 68px;
    float: left;
    position: relative;
    margin: 10px 10px 0px 0px;
    border: 1px solid #ccc;	
    overflow: hidden;
}

.product.type-product  div ul#thumbnails li img{
    width: 100%;
    height: 68px;
    float: left;
    position: relative;
    margin: 0px 0px 0px 0px;	
    cursor: pointer;
}

.product.type-product  div ul#thumbnails li.current{
    border: 2px solid #ee3124;
}

/*.product.type-product  div ul#thumbnails li.current img{
    margin: -1px;
}*/

.product.type-product  div ul#thumbnails li:nth-child(3n+3){
    /*margin-right: 0px;*/	
}

#page .product.type-product  div h2{
    width: 100%;
    /*width: 95%;*/
    float: left;
    position: relative;
    margin: 55px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-size: 24px;	
    line-height: 32px;
    font-weight: 700;
    color: #333;
    text-align: center;
    clear: both;
}

.product.type-product  div h2 em{
    color: #ee3124;
}

#page .product.type-product  div a.cta {
    margin: 25px auto;
    float: none;
    width: 180px;
}
/*
.product.type-product  div {
    height: auto;
    margin: 0px 0px 0px 0px;
    position: relative;	
}*/

#tab-description h2 {
    display: none;
}

.tabs.wc-tabs {
    display: none;
}

.product.type-product  div h2{
    width: 100%;
    float: left;
    position: relative;
    margin: 13px 0px -11px 0px;
    padding: 0px 0px 0px 0px;
    font-size: 24px;	
    line-height: 24px;
    font-weight: 700;
    color: #ee3124;
    clear: both;
}

.product.type-product  div h1{
    width: 100%;
    float: left;
    position: relative;
    margin: 0px;
    padding: 0px;
    font-size: 20px;	
    line-height: 30px;
    font-weight: 700;
    color: #ee3124;
    font-family: helvetica;
}

.product.type-product  div h3{
    width: 100%;
    float: left;
    position: relative;
    margin: 14px 0px 17px 0px;
    padding: 0px 0px 0px 0px;
    font-size: 24px;	
    line-height: 24px;
    font-weight: 400;
    color: #333;
    clear: both;
}

.product.type-product  div h3 span.strikethrough{
    text-decoration: line-through;
    color: #ee3124;	
}

.product.type-product  div h3 span.strikethrough em{
    font-weight: 400;
    color: #333;	
}

.product.type-product  div h3 strong{
    font-weight: 700;
    color: #ee3124;
    margin-left: 10px;
}

.product.type-product  div #add_to_cart{
    margin: 0px 0px 0px 0px;
    clear: none;
}

.product.type-product  div #instock{
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABZElEQVQ4y2NgoAcwMTFxMjc35yBHo4mxsfFRIL4MxLeB3ACiNJqZmUkANcwF4r9A/B6o0QPJsN2mpqY6+Gz1ASr6CKTrgHQ7EP8E4v9AvBGoUQUoHgVk3wfiyUCLhBiAgnJAwRQotgBK1EEVXAfKeQGxGpC9HWrId6CaZgsLCzEg+zAQvwYZIAJkdIMw1PY6IJ0HFLcCsk8D8VaQISD/Qw0GGfQViA+CDGQAEnuB+C4UV8EMAHnHwcGBCchOAoo9BNL9IG9AwwVkiA4ofBisra15gFFkArQlC+gnK2QDYAAozwcU3w81BBS4r4FsGbABIADUrATkzAQKhmAzAASg8hFA7AAMAwlLS0sRuAFosZABinegoXbYDABq1APKlQBpUFR/xBWVLtDEsxIUS2gGaAHFzKCxsBtnerCysmIBasgBKnoM9dZCkNeA7NmkpkqQX6cD8W8g/gyKKXLzBcjvMiRrJAQAuHKXlJf2luIAAAAASUVORK5CYII=') 0px 2px no-repeat;
    float: left;
    position: relative;
    clear: right;	
    margin: 14px 0px 0px 20px;
    font-size: 16px;
    font-weight: 400;
    text-indent: 21px;
}

.product.type-product  .with-discount {

    font-size: 24px;
    margin-top: 17px;
}

.product.type-product  .first-payment-date {
    margin: 0;
}


.product.type-product  div #tab-description{
    /*background:  url('/wp-content/themes/SpellBrite/elements/styles/../images/page-elements/ul_listed_small.png') right 0px no-repeat;*/
    float: left;
    position: relative;
    margin: 30px 0px 10px 0px;
    display: block;
    clear: both;	
    overflow: hidden;
}

.product.type-product  div#details,
.product.type-product  div #tab-description{
    height: 150px;	
    width: 100%;
}

.product.type-product  div#details.open,
.product.type-product  div#details.open #tab-description{
    height: auto;	
}

.product.type-product  div #tab-description strong{
    /*float: left;*/
    position: relative;
    margin: 20px 0px 15px 0px;
    clear: both;	
    font-weight: 600;
}

.product.type-product  div #tab-description strong.note{
    font-weight: 300;
    margin: 0px 0px 30px 0px;
    /*font-size: 14px;*/
}

.product.type-product  div #tab-description ul{
    width: 100%;
    height: auto;
    float: left;
    position: relative;
    margin: 0px 0px 10px 0px;
    display: block;
    clear: both;	
}

.product.type-product  div #tab-description ul li{
    width: auto;
    /*height: 20px;*/
    float: left;
    position: relative;
    margin: 0px 0px 10px 18px;
    font-size: 18px;
    list-style-type: disc;
    list-style-position: outside;
    clear: both;
    line-height: 20px;

}

.product.type-product  div #tab-description ul li em{
    font-weight: 700;
    color: #ee3124;	
}

.product.type-product  div #google_more_details_button{
    float: left;
    position: relative;
    margin: 0px 0px 0px 20px;
    font-size: 16px;
    font-weight: 700;
    color: #ee3124;
    cursor: pointer;
    clear: both;	
}

.product.type-product  div #google_more_details_button:hover{
    text-decoration: underline;	
}

.product.type-product  div #guarantee{
    width: 100%;
    float: left;
    position: relative;
    margin: 20px 0px 30px 0px;
    padding: 30px 0px 0px 0px;
    border-top: 1px solid #eaeaea;	
}

.product.type-product  div #guarantee h4{
    width: 100%;
    float: left;
    position: relative;
    margin: 0px 0px 20px 0px;
    padding: 0px 0px 0px 0px;
    font-size: 24px;	
    line-height: 24px;
    font-weight: 600;
    color: #ee3124;
    clear: both;
}


/* */


#related_preconfigured_signs{
    background: #eee;
    width: 100%;
    height: auto;
    float: left;
    position: relative;
    margin: 0px 0px 0px 0px;	
    padding-bottom: 40px;
}

#related_preconfigured_signs #pcs_content{
    width: 960px;
    height: auto;
    margin: 40px auto 40px auto;	
}

#related_preconfigured_signs #pcs_content h3{
    width: 100%;
    float: left;
    position: relative;
    margin: 30px 0px 30px 0px;
    padding: 0px 0px 0px 0px;
    font-size: 24px;	
    line-height: 24px;
    font-weight: 600;
    color: #ee3124;
    text-align: center;
    clear: both;
}

#related_preconfigured_signs #pcs_content ul#alternative_signs{
    width: 100%;
    height: auto;
    float: left;
    position: relative;
    margin: 0px 0px 50px 0px;
    padding: 0px 0px 0px 0px;
    clear: both;
}

#related_preconfigured_signs #pcs_content ul#alternative_signs li{
    /*width: 219px;*/
    height: auto;
    float: left;
    position: relative;
    /*margin: 0px 28px 0px 0px;
    padding: 0px 0px 0px 0px;*/
    padding: 0px 10px 0px 10px;
    height: 240px;
}

#related_preconfigured_signs #pcs_content ul#alternative_signs li:nth-child(4){
    margin-right: 0px;
}

#related_preconfigured_signs #pcs_content ul#alternative_signs li a#img{
    /*width: 150px;
    height: 150px;*/
    float: left;
    position: relative;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    border: 1px solid #ccc;
    display: block;	
    clear: both;
}

#related_preconfigured_signs #pcs_content ul#alternative_signs li a#img img{
    /* width: 150px;
     height: 150px;*/
    float: left;
    position: relative;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    display: block;	
}

#related_preconfigured_signs #pcs_content ul#alternative_signs li a#sign_name{
    width: 100%;
    height: auto;
    float: left;
    position: relative;
    margin: 20px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    display: block;	
    clear: both;
    text-align: center;
    /*text-transform: uppercase;*/
    font-size: 18px;
    line-height: 18px;
    font-weight: 700;
    color: #ee3124;
    text-decoration: none;
}

#related_preconfigured_signs #pcs_content ul#alternative_signs li a#sign_name:hover{
    text-decoration: underline;
}

#related_preconfigured_signs #pcs_content ul#alternative_signs li a#sign_price{
    width: 100%;
    height: auto;
    float: left;
    position: relative;
    margin: 5px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    display: block;	
    clear: both;
    text-align: center;
    text-transform: uppercase;
    font-size: 18px;
    line-height: 18px;
    font-weight: 400;
    color: #333;
    text-decoration: none;
}

.div-alternative-sign {
    display: table;
    margin: 0 auto;
}

#related_preconfigured_signs #pcs_content ul#alternative_signs li a#sign_price strong{
    font-weight: 700;
    color: #ee3124;
    margin-left: 10px;
}

#related_preconfigured_signs #pcs_content ul#alternative_signs li a#sign_price .strikethrough{
    text-decoration: line-through;
    color: #ee3124;
}

#related_preconfigured_signs #pcs_content ul#alternative_signs li a#sign_price .strikethrough em{
    color: #333;
}

#related_preconfigured_signs #pcs_content ul#alternative_signs li a#sign_price:hover{
    text-decoration: none;
}

#related_preconfigured_signs #pcs_content p{
    width: auto;
    float: left;
    position: relative;
    margin: -4px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    clear: none;	
}

#related_preconfigured_signs #pcs_content #custom_sign_text{
    width: 355px;
    height: 45px;
    float: right;
    position: relative;
    margin: 0px 20px 0px 0px;
    padding: 0px 10px 0px 10px;
    font-family: 'Signika Negative', sans-serif;
    font-size: 20px;
    line-height: 48px;
    color: #333;
    text-transform: uppercase;	
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px; 
    border: 1px solid #bbbbbb;
    text-align: center;
}

#related_preconfigured_signs #pcs_content #custom_sign_submit{
    float: right;
    position: relative;
    margin: 0px 0px 0px 0px;	
}

#fandb.pcs{
    background: #fff;
}
/*
div.product.type-product {
    font-family:Helvetica;		
}*/

@media (min-width: 1700px) {
    .category-back{
        width:333px;
    }
}

/*
*   Begin: PDF EMAILS CSS
*/

#page .product.type-product  input.cta.btn-email-pdf{
    margin-left: 30px;
}

#entercode input[type="button"],
#btn-send-mail{
    margin: 0 0 0 8px;
    padding: 3px 10px;
    line-height: normal;
    height: inherit;
    float: none;
}

.sent-email{
    float: left;
    width: 96%;
    padding: 11px 2%;
    background: #fff298;
    font-weight: bold;
    display: none; 
    color: #333;
    text-align: center;
}

.error-email {
    float: left;
    width: 96%;
    padding: 11px 2%;
    background: #ffbab5;
    font-weight: bold;
    display: none; 
    color: #333;
    text-align: center;
}
#message-pdf-mail h2{
    color: #ee3124;
    margin: 10px 0px;
    font-weight: bold;
    font-size: 20px;
}

#message-pdf-mail p{
    margin: 0 0 10px 0;
}

#message-pdf-mail .modal-title{
    font-weight: bold;
    color: #ee3124;
    font-size: 20px;
}

#message-pdf-mail br{
    display: none;
    /*height: 42px;*/
}

#entercode input[type="text"],
#mail{
    width: 100%;
    /*    float: left;
       */ margin: 0px 0px 20px 0px;
    font-weight: 600 !important;
    line-height: 33px;
    background: #fff;
    height: 33px;
    font-size: 18px;
    border: 1px solid #999;
    padding: 0px 8px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.modal-body input#mail {
    width: 93%;
}
.hide{
    display:none;
}
/*
*   End: PDF EMAILS CSS
*/


/*
font-family: 'Signika Negative', sans-serif;
font weights: 300,400,600,700


colors
red: #ee3124

*/


#popupcontactform7,
.hide{
    display: none;
}

.error_email {
    color: red;
    font-weight: bold;
}

#myModal .wpcf7-response-output {
    border: none;
}

/*
#message-pdf-mail{
   width: 240px;
}
*/

#message-pdf-mail .modal-header , #message-pdf-mail .modal-footer {
    border: none;
}

#message-pdf-mail .modal-header , #message-pdf-mail .modal-body{
    padding-bottom: 0;
}
#message-pdf-mail .modal-footer {
    padding-top: 0;
}
#message-pdf-mail{
    top: 70px;
}
#message-pdf-mail button.close {
    position: absolute;
    background-color: #404040;
    width: 30px;
    height: 30px;
    color: white;
    border-radius: 15px;
    top: -13px;
    right: -13px;
    opacity: 1;
    border: 2px solid white;
    box-shadow: 0px 2px 1px 0px rgba(0,0,0,0.75);
}