/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */

@font-face {
    font-family: "Arial Black";
    src: url("../fonts/ariblk.ttf");
    /* size-adjust: 50%; */
}

@font-face {
    font-family: "Amaze";
    src: url("../fonts/amazr.ttf");
    /* size-adjust: 110%; */
}

@font-face {
    font-family: "Black Chancery";
    src: url("../fonts/blkchcry.ttf");
}

@font-face {
    font-family: "Times New Roman";
    src: url("../fonts/times\ new\ roman.ttf");
    /* size-adjust: 50%; */
}


.front-hidden {
    display:none;
}
p {
    color: #002b6f;
}

/* blockPrice sticky */
.blockPrice {
    position: -webkit-sticky;
    position:sticky;
    bottom:0;
    background-color: #ddd;
    z-index:10;
}
/* /blockPrice sticky */
/* thumbnail border Norauto */
.product-images > li.thumb-container > .thumb.selected,
.product-images>li.thumb-container>.thumb:hover {
    border:3px solid #002b6f;
}
/* /thumbnail border Norauto */

/* align cards for image type select */
.ndkcsfields-block center i {
	display: block;
	font-size: 16px;
    font-weight: bold;
	min-height: 32px;
    line-height: 20px;
}
.custom-desc-for-img ul {
    min-height: 120px;
}
/* /align cards for image type select */
/* shorten description image_type if more than 3 li */
.shortened-desc ul > li:nth-child(n+3) {
    display: none;
}
/* /shorten description image_type if more than 3 li */
/* see more button style */
.see-more-btn-desc-img {
    font-weight: bold;
    text-decoration: underline;
    cursor: pointer;
}
/* /see more button style */
/* select button image type */
.select-btn-img-type {
    display: block;
    margin-top: 10px;
    padding: 5px 10px;
    text-align: center;
    background-color: #ffba0d;
    color: #ffffff;
    font-weight: bold;
    cursor: pointer;
}
@media (max-width: 991px) {
    .select-btn-img-type {
        font-size:x-small;
        padding: 5px 5px;
    }
}
/* /select button image type */
/* description for image type fields */
.custom-desc-for-img p {
    min-height: 2.18rem;
}
.custom-desc-for-img ul {
	position: relative;
	list-style: none;
	margin-left: 0;
}
.custom-desc-for-img ul li {
	margin-bottom: 5px;
}
.custom-desc-for-img ul li::before {
	content: ">";
    font-weight: 1000;
	position: absolute;
    left: -10px;
}
.img-select-container center {
    color: #002b6f
}

/* /description for image type fields */
@media (max-width: 992px) {
    #product #content {
        left:30px;
        max-width: 45%;
    }
}
@media (max-width: 767px) {
    #product #content {
        position:inherit;
        top:inherit;
        max-width: inherit;
        left:inherit;
    }
    .col-md-6.pb-left-column {
        position: -webkit-sticky;
        position: sticky;
        top: 0px;    
        z-index:10;
        background-color: white;
    }
    .fancybox-overlay .js-qv-product-cover {
        width: 185% !important;
    }
    
    .logo-side{
        top: 33% !important;
        left: 27% !important;
        transform: rotate(90deg);
    }

    .text-side{
        top: 57% !important;
        left: 4% !important;
        transform: rotate(90deg);
    }

    .left-logo{
        left: 31% !important;
    }
    
    .left-text{
        left: 27% !important;
    }

    .logo-side-center{
        top:61% !important;
        left:27% !important;
        transform: rotate(90deg);
    }

    .text-side-center{
        top:61% !important;
        left:4% !important;
        transform: rotate(90deg);
    }
}
@media (min-width: 767px) {
    #product #content{
        position: fixed !important;
    }
}
@media (min-width: 768px) {
    #product #content{
        position: fixed !important;
    }

    .logo-side{
        top:31% !important;
        left:19% !important;
        transform: rotate(90deg);
    }

    .text-side{
        top:55% !important;
        left:-4% !important;
        transform: rotate(90deg);
    }

    .left-logo{
        left: 21% !important;
    }

    .left-text{
        left: 27% !important;
    }

    .logo-side-center{
        top:61% !important;
        left:16% !important;
        transform: rotate(90deg);
    }

}

/* Custom */
.success{
    color: chartreuse;
}

.zone_limit{
    transition: all 1s;
}

.field_notice p{
    color: white;
}

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

select option {
    font-size: 1rem;
}

.ndkcsfields-block form .groupFieldBlock .form-group, .ndkcsfields-block h3{
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}

.radio span{
    font-size: 0.7rem;
    font-style: italic;
}

.radio.selected_radio span{
    color: #002b6f;
}

/* .fontSelector{
    font-size: 26px !important;
}

.texteditor span.textarea{
    font-size: 45px;
} */

.card{
    background-color: #fff !important;
}

@media (max-width:575px){
    .product-line-grid .col-sm-4{
        float: left;
        width: 58%;
        font-weight: 700;
    }
    
    .product-line-grid .col-sm-5{
        float: left;
        width: 42%;
    }
    
    .product-line-grid .col-xs-10{
        float: left;
        width: 100%;
        padding: 0px 24px;
    }
}

.sap_reference{
    text-align: center;
    padding: 1em;
    background-color: aliceblue;
}