/*========================================================================
  Call For Price Shopify App. All rights reserved.
 =========================================================================*/

/* Loading Image */
.cwsCfpLoading { background:rgba(0,0,0,0.5); height:100%; width:100%; position:fixed; left:0; top:0; z-index:99; }
.cwsCfpLoading-box { background:#ffffff; color:#000000; overflow:auto; padding:15px; position:absolute; top:50%; left:50%; right:auto; z-index:999; margin:0 auto; font-size:17px; font-weight:500; line-height:1.5; -ms-transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); border-radius:5px; box-shadow:0 1px 4px 0 #666666; }
.cwsCfpLoading-box p { color:#000000; margin:0; padding:0; display:flex; align-items:center; }
.cwsCfpLoading-box p img { vertical-align:middle; display:inline-block; max-width:100%; height:auto; width:auto; border:0; }
.cwsCfpLoading-box p span { display:inline-block; margin-left:10px; }

/* Modal */
.cwsModal { display:none; position:fixed; left:0; right:0; bottom:0; top:0; z-index:9999; width:100%; height:100%; background-color:rgba(0,0,0,0.5); -webkit-transition:opacity 500ms; transition:opacity 500ms; }
.cwsModal .cwsModalerror { display:none; margin-left:10px; }
.cwsModal .cwsModalerror_show { color:#fd0404; margin: 5px 0 0; display: block; font-size: 14px; }

/* Modal Content */
.cwsModal .modal-content { position:absolute; top:45%; left:0; right:0; -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); transform:translateY(-50%); z-index:99; background-color:#ffffff; max-height:90vh; margin:5vh auto; overflow:auto; padding:0; max-width:800px; width:92%; box-shadow:0 4px 8px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19); }
.cwsModal .modal-header { padding: 15px 35px 15px 20px; }
.cwsModal .modal-header h2 { margin:0; padding:0; font-size:18px; font-weight:400; line-height:1.2; overflow-wrap:break-word; word-wrap:break-word; font-style: normal; }
.cwsModal .modal-body { padding:20px 20px; }
.cwsModal .modal-footer { padding:15px 20px; background-color:#000000; color:#ffffff; }

/* The Close Button */
.cwsModal .cwsCloseForm { font-family:'Arial', sans-serif; cursor:pointer; color:#ffffff; float:right; font-size:26px; font-weight:bold; line-height:1; position:absolute; right:15px; top:10px; font-style: normal; }
.cwsModal .cwsCloseForm:hover,
.cwsModal .cwsCloseForm:focus { opacity:0.8; }

/* Modal Form */
#cwsCallforPriceForm input, 
#cwsCallforPriceForm textarea, 
#cwsCallforPriceForm select { padding:10px 15px; margin:0; width:100%; text-align:left; min-width:auto; max-width:100%; height:auto; min-height:42px; max-height:inherit; line-height:normal; border:1px solid #dddddd; background-color:#ffffff; color:#000000; font-size:15px; font-weight:400; touch-action:manipulation; text-indent:inherit; outline:none; box-shadow:none; }
#cwsCallforPriceForm textarea { resize:vertical; overflow:auto; }
#cwsCallforPriceForm input:focus, #cwsCallforPriceForm textarea:focus, #cwsCallforPriceForm select:focus { border-color:#ababab; }
#cwsCallforPriceForm input[disabled], 
#cwsCallforPriceForm textarea[disabled], 
#cwsCallforPriceForm select[disabled] { cursor:default; background-color:#f5f5f5; border-color:#f5f5f5; }
#cwsCallforPriceForm br{ content:""; margin: 0 0 15px; display:block; width:100%; clear:both; }
#cwsCallforPriceForm br:before,#cwsCallforPriceForm br:after { content:""; display:block; } 

#cwsCallforPriceForm { margin:0; padding:0; overflow:auto; }
#cwsCallforPriceForm label { color:#000000; font-size:15px; font-weight:400; cursor:inherit; line-height:1; margin:0 0 10px; padding:0; display:block; font-style:normal; }
#cwsCallforPriceForm #cwsCfpOption select { margin-bottom:15px; padding:10px 25px 10px 10px; cursor:pointer; }
#cwsCallforPriceForm #cwsCfpOption select:last-child{ margin-bottom:0; }
#cwsCallforPriceForm #cwsCfpOption select option { padding:8px 0; }
#cwsCallforPriceForm #cwsCFPcaptcha { margin:5px 0 15px; display:block; }
#cwsCallforPriceForm #cwsCFPsubmit { cursor: pointer; margin: 0; width:auto; max-width:inherit; padding:10px 10px; min-height:45px; min-width: 135px; text-align: center; border:none; line-height:normal; font-size:18px; font-weight:400; }
#cwsCallforPriceForm #cwsCFPsubmit[disabled] { cursor:no-drop !important; opacity:0.5; }
#cwsCallforPriceForm #cwsCFPsubmit:hover{ opacity:0.7; }

/* Success Message Model */
#cwsCallforSuccessMsg .modal-header { padding:13px 20px; }
#cwsCallforSuccessMsg .modal-header h2 { font-size:20px; }
#cwsCallforSuccessMsg .modal-content { max-width:500px; }
#cwsCallforSuccessMsg .modal-body { padding:40px 20px; font-size:18px; font-weight:600; line-height:normal; }

/* Call For Price Number */
.cfpnumber { display:block; margin:0; padding:5px; width: 100%; }
.cfpnumber span { position: relative; padding: 10px; display: block; width: auto; height: auto; cursor: pointer; border: none; outline: none; text-decoration: none; font-size: 15px; font-weight: 400; line-height: normal; text-align: center; z-index: 2; }
.cfpnumber:hover span { text-decoration:none; }
.cfpnumber:hover { opacity:0.8; }

/* Chat on Whatsapp */
.whatsappcfp { display:block; margin:0; padding:5px; width: 100%; }
.whatsappcfp span { position: relative; padding: 10px; display: block; width: auto; height: auto; cursor: pointer; border: none; outline: none; text-decoration: none; font-size: 15px; font-weight: 400; line-height: normal; text-align: center; z-index: 2; }
.whatsappcfp:hover span { text-decoration:none; }
.whatsappcfp:hover { opacity:0.8; }

/* Call For Price Button */
.cws-callforprice-element { display: flex; flex-wrap: wrap; margin:-5px; padding:5px 0 0; position: relative; z-index: 1; }
.btn.cwsCallforPrice { position:relative; line-height:normal; display:block; padding:10px 10px; margin:5px; width:calc(100% - 10px); height:auto; cursor:pointer; border:none; outline: none; font-size:15px; font-weight:400; /*text-transform:uppercase;*/ text-align:center; text-decoration:none; z-index:2; }
.btn.cwsCallforPrice:hover { opacity:0.8; }

/* Product Detail Single Form */
.product-single__meta .cws-callforprice-element { padding: 15px 0; flex-direction: column; max-width: 350px; }
.product-single__meta .btn.cwsCallforPrice,
.product-single__meta .cfpnumber span, 
.product-single__meta .whatsappcfp span { padding: 13px 10px; }

/* Express theme shopify free theme css fix for btn position */
.featured-collections__item:hover{ box-shadow: 10px 10px 25px rgba(0,0,0,.14); }
.featured-collections__item:after,
.featured-collections__item .full-width-link:after{ content:none; }
.featured-collections__item .product-card{ height:auto; min-height:inherit; padding:2rem 2rem 0; }
.featured-collections__item .product-card__link{ margin:1rem 0 0 0; }
.featured-collections__item .cws-callforprice-element{ margin:2rem 2rem; }


/* Responsove CSS */
@media only screen and (max-width:767px){
    .cwsCfpLoading-box{ font-size:15px; }
    .cwsCallforPrice, .btn.cwsCallforPrice { font-size:14px; }
    .cfpnumber, .whatsappcfp { font-size:14px; }
    .cwsModal .modal-header { padding: 13px 30px 13px 15px; }
    .cwsModal .modal-header h2 { font-size:15px; }
    .cwsModal .modal-body{ padding:15px 15px; }
    .cwsModal .modal-footer { padding:13px 15px; }
    .cwsModal .cwsCloseForm { font-size:26px; right:12px; top:8px; }

    #cwsCallforPriceForm label { font-size:14px; }
    #cwsCallforPriceForm input, #cwsCallforPriceForm textarea, #cwsCallforPriceForm select { font-size:14px; }
    #cwsCallforPriceForm #cwsCFPsubmit { font-size: 15px; width: 100%; }
    #cwsCallforSuccessMsg .modal-body { padding:30px 20px; font-size:16px; }
    #cwsCallforSuccessMsg .modal-header { padding:11px 20px; }
    #cwsCallforSuccessMsg .modal-header h2 { font-size:18px; }

}

@media only screen and (max-width:480px){
    
}


/* Not to remove */
div[data-cfp_in_template="product"] { }
