/**
 * Theme Name: HnK Child
 * Theme URI: http://linethemes.com
 * Version: 1.0.9
 * Template: hnk
 * Text Domain: coretrek
 */
@import url("../hnk/style.css");
/*@import url("https://fonts.googleapis.com/css?family=Anton|Lexend+Deca|Lexend+Exa|Lobster|Righteous|Cedarville+Cursive|Libre+Baskerville|Pacifico|VT323|Quicksand|Inconsolata");*/
.sidebar-right img {border-style: none;}
.single-product #page-body > .wrapper {width: 95%; max-width: 1600px;margin: 0 auto}
.single-product #page-body .content-wrap #main-content.content {width: 100%}
.single-product table, table tbody tr:nth-child(2n) {background: none;}

@media screen and (max-width: 1024px) {
    .single-product #page-body > .wrapper {
        width: 100% !important;
    }
    #site-header #masthead #site-brand .header-widgets .widget {
        margin-right: 0;
    }
}

@media only screen and (max-width: 991px) {
    #site-header #masthead #site-brand .header-widgets {
        padding: 10px 0;
    }

    #masthead .brand {
        margin-top: 10px;
    }
}

@media only screen and (max-width: 768px) {
    body #site-header #masthead #site-brand .header-widgets .widget {
        margin-bottom: 20px;
    }
}

.wrap-gravestone{
    display: flex;
    flex-wrap: wrap;
   /* background: rgb(237,242,247);*/
    background: #FFF;
    padding-bottom: 200px;
}
.wrap-gravestone-content{display: flex;max-width: 100%;margin: 0 auto;}
.wrap-gravestone label{color:#000;font-weight: bold;}
.wrap-gravestone .left-sidebar ,.wrap-gravestone .right-sidebar{
    flex-grow: 1;
    width: 15%;
    min-height: 400px;
    background: #fff;
    border: solid 2px rgb(165,165,165);
    box-sizing: border-box;
    margin-top: 4rem;
    z-index: 99;
}
.wrap-gravestone .right-sidebar{border: none}
.right-sidebar h3{text-align: center;font-size: 1.2em}
.wrap-gravestone .main{
    flex-grow: 1;
    width: 50%;
    min-height: 400px;
    margin: 0 auto;
    text-align: center;
}
.wrap-gravestone .padding{
    padding:10px;
    border-bottom: solid 1px  rgb(235, 235, 235);
}
.section-ornament.padding{
    border-bottom: none;
    padding:0px;
}
.section-ornament.padding.active{
    padding-left:10px;
    padding-right:10px;
}
.section-ornament .wrap-font-size{
    border-bottom: solid 1px  rgb(235, 235, 235);
}
a.type-stone {
    display: inline-block;
    width: 49%;
    height: auto;
    max-height: 60px;
    overflow: hidden;
    margin-top: 5px;
}
.type-stone.active img{border: solid 2px rgb(269,169,0); box-sizing: border-box;padding: 1px;}
a.type-stone.first{padding: 0px 5px 0px 0px;}
a.type-stone.second{padding: 0px 0px 0px 0px;}
.custom-btn{
    display: block;
    background: rgb(190,190,190);
    text-align: center;
    margin: 0 auto;
    color: #000;
    padding-top: 3px;
    padding-bottom: 3px;
}
.choose-font-type{
    background-color: rgb(190,190,190);
    color: #000;
    width: 100%;
    margin-top: 5px;
    margin-top: 5px;
    padding-left: 10px;
    padding-top: 0px;
    padding-bottom: 0px;
    height: 33px;
    max-width: 180px;
    vertical-align: top;
}
.wrap-font-type{margin-top: 5px;}
a.useall{
    display: inline-block;
    padding: 2px 6px;
    margin: 0;
    font-size: 0.8em;
    line-height: 1.1em;
    background-color: #FFF;
    color: #666;
    font-weight: 400;
    text-align: center;
    border: 1px solid #aaa;
    transition: color .3s, background-color .3s;
    min-width: 80px;
    text-transform: uppercase;
    margin-top: 5px;
    min-height: 33px;
}
a.useall:hover{
    background-color: #aaa;
    color: #FFF;
}
.square-color{display: inline-block;width: 40px;height: 40px;box-sizing: border-box;cursor: pointer;border: solid 1px #000;}
.square-color.white{border: solid 1px;}
.square-color.active {border: solid 2px #2f855a!important;}
.wrap-range-font-size{width: 70%;display: inline-block; vertical-align: middle;}
.textbox-font-size{
    width: 60px;height: 40px!important;box-sizing: border-box;
}
.wrap-textbox-font-size{
    width: 22%;
    display: inline-block;
    text-align: right;
}
.wrap-textbox-font-size input[type="number"]{
    padding: 5px;
    text-align: center;
    margin-left:10px;
}
.wrap-date span{display: flex;margin-bottom: 10px}
.wrap-date span{flex: 50%;max-width: 48%;display: inline-block}
.wrap-date .date-from{margin-right: 10px;}
.wrap-date-form-control{margin-top: 10px;margin-bottom: 10px;margin-right: 10px}
.date-form-control{min-width: 56%}
.wrap-font-color,.wrap-font-size{margin-top: 10px;}

.product-header{display: flex;}
.product-header .information,.product-header .related-products{width: 50%;flex-grow: 1;padding: 10px}
.product-header .information{background-color: rgb(209, 151, 96);}
.product-header .related-products{background-color: rgb(80, 80, 81);}
.heading-related-products{ color: #fff;font-size: 1em;text-align: center}
.w-1\/4 {
    width: 25%;
}
.overflow-x-auto {
    overflow-x: auto;
}
.product-header .related-products ul{display: flex}
.product-header .related-products ul li {
    min-width: 139px;
    list-style: none;
}
.text-center {
    text-align: center;
}
.px-3 {
    padding-left: .75rem;
    padding-right: .75rem;
}
.p-3 {
    padding: .75rem;
}
.overflow-hidden {
    overflow: hidden;
}
.rounded-lg {
    border-radius: .5rem;
}
.bg-white {
    --bg-opacity: 1;
    background-color: #fff;
    background-color: rgba(255,255,255,var(--bg-opacity));
}
.text-black{    color: #000;}
.wrap-categories{padding-top: 2rem; }
.wrap-categories .detail-category,.wrap-child-categories .detail-category
{
    color:#fff;padding-left: 2rem; padding-right: 2rem;padding-top: .5rem;
    padding-bottom: .5rem;--bg-opacity: 1;background-color: rgb(126,126,126);
    margin-top: 5px; display: inline-block;
    border: solid 1px rgb(66,66,66);
    box-sizing: border-box;
}
.wrap-categories .detail-category.active, .wrap-child-categories .detail-category.active{    background-color: rgb(42,42,42);}
.wrap-add-items{margin: 0 auto;width: 90%;max-height: 500px;overflow-y: auto;}
.wrap-add-items .child-item{
    display:inline-block;
    width:50%; padding: 1rem;
    cursor: pointer;
    box-sizing: border-box;
    border:solid 1px #000;
    margin: 0px;
    float: left;
}
.wrap-child-categories{margin-bottom: 40px}
.wrap-child-categories .detail-category{padding: 15px}
.choose-memory-text{width: 100%;}
.wrap-add-items .child-item img{max-height: 80px;margin: 0 auto;display: block;}
/* INPUT RANGE CSS Later */
.irs--sharp .irs-line{background-color: rgb(165,166,165)!important;}
.irs--sharp .irs-bar{background-color:#000!important}
.irs--flat .irs-bar,.irs--sharp .irs-handle,.irs--flat .irs-handle>i:first-child{background-color:#000!important;}
.irs--flat .irs-single,.irs--sharp .irs-single{background: rgb(245, 176, 1)!important;}
.irs--sharp .irs-handle>i:first-child{border-top-color:#000!important;}
.irs--flat .irs-single:before,.irs--sharp .irs-single:before{border-top-color:rgb(245, 176, 1)!important;}
.canvas-container{margin: 0 auto}
.hide{display: none}
.active .hide{display: block}
.active .hide.disable{display: none}
.page-id-857 #page-body .wrapper{width: 100%}
.upper-canvas,#canvas-gravestone{border: none!important;}

.bottom-btn{color: #fff;padding-left: 2rem;    padding-top: .5rem; padding-right: 2rem;border-radius: .25rem;padding-bottom: .5rem;--bg-opacity: 1; background-color: #2d3748;background-color: rgba(45,55,72,var(--bg-opacity));}
.bottom-btn:hover{color:#fff;opacity:0.9}

.wrap-footer{display: block;margin-top: 50px;}
.wrap-footer *{color:#FFF}
.wrap-footer .btn{
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 12px;
    padding-bottom: 12px;
    color:rgb(0, 0, 0) !important;
    background: #fff;
}
.wrap-footer .first-child,.wrap-footer .second-child{
    background-color: rgb(80, 80, 81);
}
.wrap-footer .second-child{margin-top: 1rem;}
.pt-8 {
    padding-top: 2rem;
}
.p-8 {
    padding: 2rem;
}
.px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
}
.mb-4 {
    margin-bottom: 1rem;
}
.flex-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
}
.contact-title{margin-left: 23px;display: none}
.border-l {
    border-left-width: 1px;
}
table thead tr {
    background: #333333;
}
.border-white {
    --border-opacity: 1;
    border-color: #fff;
    border-color: rgba(255,255,255,var(--border-opacity));
    background-color: transparent;
}
.bg-transparent {
    background-color: transparent;
}
.w-full {
    width: 100%;
}
.border-t {
    border-top: solid 1px;
}
.single-product table, table tbody tr:nth-child(2n) {
    background: none;
}
.wrap-footer table thead {
    text-align: left;
}
.wrap-footer table thead th:first-child {
    border-left: 1px solid;
}
.wrap-footer table thead th {
    padding: 20px;
    color: #ffffff;
    font-weight: normal;
}
.wrap-footer table tfoot tr:last-child {
    border-bottom: none;
}
.text-left {
    text-align: left;
}
.px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}
.px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
}
.py-1 {
    padding-top: .25rem;
    padding-bottom: .25rem;
}
.py-2 {
    padding-top: .5rem;
    padding-bottom: .5rem;
}
.text-right {
    text-align: right;
}
.pb-3 {
    padding-bottom: .75rem;
}
.pb-2 {
    padding-bottom: .5rem;
}
.border-b {
    border-bottom:solid 1px;
}
.border-r {
    border-right: solid 1px;
}
.text-2xl {
    font-size: 1.5rem;
}
.md\:hidden { display: none;}
input.bg-white {
    background: #fff;
    color: #505051!important;
}
.required input {
    border-color: #e15353;
}
.required label span {
    color: #e15353!important;
    font-size: 13px;
}
.required label span.hide{
    display: inline-block;
    margin-left: 5px;
}
.xl\:px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}
.color-white * {color: #FFF!important;}
.w-1\/4 {
    width: 25%;
}
.w-1\/3 {
    width: 33.33%;
}
.w-2\/4 {
    width: 50%;
}
.block {
    display: block;
}
.invisible {
    visibility: hidden;
}
@media all and (min-width: 768px){
    .md\:w-1\/2 {
        width: 50%;
    }
    .md\:block {
        display: block;
    }

}
.order-popup{max-width: 60%;margin: 0 auto}
.order-popup label{color:#000}
.text-xl { font-size: 1.25rem;}
.mr-6 {margin-right: 1.5rem;}
.xl\:w-1\/4 {
    width: 25%;
}
.xl\:mr-6 {
    margin-right: 1.5rem;
}
.mb-2 {
    margin-bottom: .5rem;
}
.-mx-3 {
    margin-left: -.75rem;
    margin-right: -.75rem;
}
.request-modal input {
    padding: 5px 10px;
    background: #fff;
}
.request-modal input[type=checkbox] {
    padding: 0;
    margin-left: 5px;
    position: relative;
    top: 2px;
}
.your-order {
    position: relative;
}
.py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem;
}
.text-center {
    text-align: center;
}
.leading-snug {
    line-height: 1.375;
}

.text-3xl {
    font-size: 1.875rem;
}
.your-order:after {
    position: absolute;
    content: "";
    right: 0;
    top: 0;
    width: 0;
    height: 0;
    border-top: 36px solid transparent;
    border-bottom: 37px solid transparent;
    border-right: 30px solid #fff;
}
.pb-8 {
    padding-bottom: 2rem;
}
.request-modal .cart .border-l, .request-modal .cart .border-r, .request-modal .cart .border-t {
    border-width: 0;
}
.request-modal .cart tbody .border-l, .request-modal .cart tbody .border-r {
    border-top-width: 1px;
}
.request-modal textarea {
    height: 65px;
    line-height: 1.35;
    background: #fff;
}
.request-modal{ position: relative;}
.mfp-close{
    position: absolute!important;
    color: white!important;;
    background: #e53e3e!important;;
    border-radius: 50px!important;;
    width: 32px!important;;
    height: 32px!important;;
    line-height: 32px!important;
}
.request-modal  .btn{    border: solid 1px #000;border-radius: 3px;}
.request-modal table,.request-modal th{color: #000;}
.request-modal .cart table thead th { color: inherit;font-weight: 600;}
.request-modal .cart .total, .request-modal .cart tfoot {
    color: #b38254;
}
.mfp-hide{display: none}
.white-popup {
    position: relative;
    background: #FFF;
    padding: 20px;
    width: auto;
    max-width: 500px;
    margin: 20px auto;
    max-height: 70%;
}



.alert {
    display:block;
    width:100%;
    padding:.25em .5em;
    font-size:1.25em;
    text-align: center;
    color:white;
    border-radius: 3px;
}

.alert-success {
    background-color:green;
}

.alert-danger {
    background-color:red;
}
.signature_customer{display: none}


.modal-dialog,.white-popup {
    position: relative;
    background: #fff;
    width: auto;
    max-width: 500px;
    margin: 20px auto;
    transition: 1s all;
}

.modal-confirm.modal-cancel .modal-header{
    background: #fff;
}
.modal-confirm {
    color: #434e65;
    max-width: 500px;
}
.modal-confirm h4 {
    text-align: center;
    font-size: 26px;
    margin: 30px 0 -10px;
}
.modal-confirm .icon-box {
    color: #fff;
    width: 80px;
    height: 80px;
    display: inline-block;
    border-radius: 50%;
    z-index: 9;
    border: 3px solid #fff;
    padding: 0px;
    text-align: center;
}
.modal-confirm .icon-box i {
    font-size: 46px;
    display: inline-block;
    margin-top: 13px;

}
.modal-confirm .modal-content {
    padding: 20px;
    font-size: 16px;
    border-radius: 5px;
    border: none;
    -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);
    box-shadow: 0 5px 15px rgba(0,0,0,.5);
}
.modal-confirm .modal-body{
    padding: 10px;
}
.modal-confirm .modal-body p{margin-bottom: 10px;margin-top: 10px;}

.modal-confirm .modal-header {
    background: #47c9a2;
    border-bottom: none;
    position: relative;
    text-align: center;
    margin: -20px -20px 0;
    padding: 35px;
}

.modal-dialog .modal-header{
    padding: 10px;
    background: rgb(87,153,36);
}
.modal-yesno .modal-header{background: #E0B252}
.modal-dialog .modal-header h2{color: #fff}
.modal-cancel .icon-box{
    border: 3px solid #f15e5e;
}
.modal-dialog .modal-body .btn-submit{
    background: rgb(87,153,36);color: #fff; border-color:rgb(87,153,36);    padding: 1px 20px;
    border-radius: .25rem;
    font-size: 20px;
}
.modal-cancel .icon-box i{
    color: #f15e5e;
}
.btn-cancel{
    margin-right: 15px;
    padding: 1px 11px;
    font-size: 20px;
    border-radius: 0.25rem;
    background: #2d3748;
    color: #fff;
}
.bg-gray-600 {
    --bg-opacity: 1;
    background-color: #718096;
    background-color: rgba(113,128,150,var(--bg-opacity));
}
.mt-2 {
     margin-top: .5rem;
 }
.p-1 {
    padding: .25rem;
}
button.w-full.rounded-lg.bg-gray-600.text-white.mt-2.p-1{
    box-sizing: border-box;
    border-width: 0;
    border-style: solid;
    border-color: #e2e8f0;
}
#email-popup{max-width: 40%;margin: 0 auto;background: #ffff;}
#email_address{border-color: #ed8936;}
#email_address.invalid{border-color: #e53e3e;}
.email-popup .request-modal{padding: 20px}
.my-8{ margin-top: 2rem; margin-bottom: 2rem;}
.mb-4 { margin-bottom: 1rem;}
.leading-loose { line-height: 2;}
.text-4xl { font-size: 2.25rem;}
.font-bold {font-weight: 700;}
.email-popup #email-address{ padding: 5px 10px;  background: #fff; border-color: #ed8936;}
#email-popup .btn{display: inline-block;color:#fff}
.px-8 {padding-left: 2rem; padding-right: 2rem;}
.py-1 {padding-top: .25rem;padding-bottom: .25rem;}
.mr-2 {margin-right: .5rem;}
.rounded {border-radius: .25rem;}
.text-white {--text-opacity: 1;color: #fff;color: rgba(255,255,255,var(--text-opacity));}
.mt-8 { margin-top: 2rem;}
.text-xl { font-size: 1.25rem;}
.bg-gray-800 {--bg-opacity: 1;  background-color: #2d3748; background-color: rgba(45,55,72,var(--bg-opacity));}
.bg-orange-500 { --bg-opacity: 1; background-color: #ed8936; background-color: rgba(237,137,54,var(--bg-opacity));}
.hover\:bg-orange-600:hover {
    --bg-opacity: 1;
    background-color: #dd6b20;
    background-color: rgba(221,107,32,var(--bg-opacity));
}
.modal-confirm button.mfp-close{top: 5px!important;color:#fff !important;    opacity: 0.5; right: 5px;}
.modal-confirm button.mfp-close:hover{color:#fff !important;    opacity: 1;}
.modal-confirm.modal-cancel button.mfp-close {color: #000!important;}
.modal-confirm.modal-cancel button.mfp-close:hover {color: #000!important;}
.goto-top.active a{z-index: 99999}
#calc-text {position: absolute ;visibility: hidden;height: auto; width: auto; white-space: nowrap;}
#order-popup .gs-cart-total{color:rgb(130,0,0)}
#order-popup .gs-cart-items .border-white{border-bottom: solid 1px white;}
#date-two-lines{vertical-align: middle}