/*Payment Method*/
.checkout-pane-payment-information fieldset .fieldset-wrapper{
    border: 2px solid #33589A;
    border-radius: 10px;
}
.payment-method-icon-list { 
   margin-left:10px;
   margin-top: -5px;
}
.payment-method-icon--applepay {
    background-image: url("/themes/custom/hawk/images/apple_pay.png") !important;
}
.payment-method-icon--googlepay {
    background-image: url("/themes/custom/hawk/images/google_pay.jpeg") !important;
}
/* .js-form-item-payment-information-payment-method label[for="edit-payment-information-payment-method-new-stripe-card-stripe-payment-element"].form-check-label:after {
    content: '';
    display: inline-block;
    width: 40px;
    height: 25px;
    background-image: url('/themes/custom/hawk/images/cc_icon.jpg');
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: 8px;
    vertical-align: middle;
  }*/
.checkout-pane-payment-information fieldset .fieldset-wrapper .form-item-payment-information-payment-method.selected {
    background:#33589A;
    color:#FFF;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
}
.checkout-pane-payment-information fieldset .fieldset-wrapper .form-item-payment-information-payment-method {
    padding:10px;  
    height: 45px;
}
.checkout-pane-payment-information fieldset .fieldset-wrapper .form-item-payment-information-payment-method input{margin-left:6px;} 
.checkout-pane-payment-information fieldset .fieldset-wrapper .form-item-payment-information-payment-method label{margin-left:36px;} 

.checkout-pane-payment-information fieldset .fieldset-wrapper .form-item-payment-information-payment-method img{
    margin-left:10px;
    width:100%;
}
/*End*/
fieldset fieldset fieldset legend,
fieldset.form-type-textfield label h3 {
    font-size: 16px;
}
.est-adj {
    background: var(--label-bg-color, #f8f9fa);
    padding: 8px;
    color: var(--label-text-color, #000000);
    border-radius: 30px;
}
.est-adj-pdp {
    padding: 8px 8px;
    width: 57%;
}
.tooltip-container.tooltip-section{position: relative;}
.tooltip-container .tooltip-content {
    background: #757575;
    visibility: hidden;
    min-width: 150px;
    color: #fff;
    text-align: center;
    padding: 5px;
    position: absolute;
    z-index: 99;
    margin-left: 10px;
    font-size: 15px;
    font-weight: 400;
    left: -40px;
}
.tooltip-container:hover .tooltip-content p {
    color: #FFF;
}
.tooltip-container .tooltip-content::after {
    content: '';
    position: absolute;
    bottom: 100%;
    left: 49%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #757575 transparent
}
.tooltip-container:hover .tooltip-content
{visibility:visible}

.tooltip-container .tooltip-icon::after {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url("/themes/custom/hawk/images/info-circle.svg");
    margin: 7px 0 0 3px;
}
.tooltip-container .tooltip-icon {font-size: 0}
.est-adj-main {
    display: flex;
    background: var(--label-bg-color, #f8f9fa);
    border-radius: 30px;
}
.est-adj-main.est-adj-pdp {
    display: flex;
    background: var(--label-bg-color, #f8f9fa);
    border-radius: 30px;
    width: max-content;
    align-items: center;
    padding: 0;
    justify-content: center;
    padding: 0 20px;
    margin: 0 auto;}
.est-adj-main.est-adj-main-pdp-search {
    width: 100%;
    padding: 0;
}
.est-adj-main.est-adj-main-pdp-search p.est-adj {
    line-height: 12px !important;
}
.est-adj-pdp {
    padding: 0;
    width: 70%;
    text-align: center;
    align-items: center;
    margin: 0;
}
.est-adj-pdp p.est-adj {
    padding: 8px 15px;
    margin-bottom: 5px;
}
.est-adj-pdp .tooltip-container.tooltip-section p span{
    line-height: 0;
}
.est-adj-pdp .tooltip-container.tooltip-section .tooltip-content {
    min-width:250px;
    left: -8rem; 
}
.est-adj-pdp .tooltip-container.tooltip-section {
    margin-bottom: -10px;
}
.est-adj-main-pdp .tooltip-container.tooltip-section p {
    margin: 0;
}

/* Style for negative adjustment values */
.adjustment-negative {
    color: #28a745 !important;
}







/** Add Close icon in checkout page **/
.path-checkout button.btn-close {
    border: none;
    background: none;
}
.path-checkout .messages__item {
    width:100%;
}

.field--name-shipping-method.field--widget-commerce-shipping-rate legend {
    font-size: 16px;
    margin-top: 5px;
}

.view-hawk-search-view td.views-field-title .container img {
    position: relative;
    left: -7px;
}

.manu-index-list a:hover {
    border-radius: 0;
}

.user-register-form .form-item-contact input {
    width: auto;
}

#edit-review-shipping-information legend {
    display: block;
    width: auto;
    max-width: 100%;
    padding: 0;
    margin-bottom: 0.5rem;
    font-size: 1.5rem;
    line-height: inherit;
    color: inherit;
    white-space: normal;

}

#edit-payment-information-billing-information h3 {
    font-size: 16px;
    font-weight: 400;
    text-transform: none;
}

.user-login-form {
    background: #fff;
    padding: 15px;
}

.page-user-login .tabs {
    margin: 0;
}

.form-type-select select.form-select.hidden {
    display: none;
}

.path-frontpage .series-configurators .container,
.path-frontpage .product-sec .container,
.path-frontpage .hero-sec .container {
    padding: 0;
}

.contact .container {
    padding: 0;
}

.webform-submission-contact-form #edit-actions {
    padding: 0;
}
.dataTables_wrapper tr td{
    width: initial;
    min-width: auto;
}
/* search icon width custom */
.view-hawk-search-view form .search--filter-block .search--filters {
    width: calc(100% - 500px);
 }
.view-hawk-search-view form .search--filter-block .search--checks {
    width: 500px;
    justify-content: space-between;
 }
.ui-dialog.ui-dialog-buttons .ui-dialog-titlebar button span.ui-button-icon, .ui-dialog.ui-dialog-buttons .ui-dialog-titlebar button {
    background-image: url(/themes/custom/hawk/images/close-btn.svg) !important;
    border: 0;
    background-position: center;
    top: 20px;
}
/** shipping address popup issue **/
.ui-dialog .ui-dialog-content.address-suggestions {
    top:30px;
}

/** Added for IPNS nostock hide on 05/17/24 **/
.ipns-item.nostock.invalid, .ipns-item.instock.invalid { display:none; }

/** 360 Spin View on Product & Category Pages **/
.spin-360 { margin-top: 10px; }
.spin-360 img{
    border: 1px solid #dedede;
    overflow: hidden;
    position: relative;
    float: left;
    border-radius: 4px;
    cursor: pointer;
}

/** Checkout Review Page Hide **/
.field--name-field-customer-free-shipping-tex { display: none;}

/** Layout shiffting fixes */

.hero-sec {
    overflow: hidden;
    @media(min-width: 1367px) {
        height: 517px;
    }
}
@media(min-width: 1200px){
    /* .dev-card-wrap .dev-card{
        min-height: 493px;
    }
    .slick-list.draggable {
        min-height: 493.188px;
    }
    .slick-slide-item, .dev-card-wrap, .dev-card-wrap .dev-card img, .slick-track, .slick-carousel-slider.slick-initialized.slick-slider {
        min-height: 493.188px;
    } */

}
@media(max-width:767px) {
    .view-hawk-search-view form .search--filter-block .search--filters{
        width: 100%;
    }
    .view-hawk-search-view form .search--filter-block .search--checks {
        width: 100%;
        justify-content: center;
      }
@media not all and (min-resolution:.001dpcm) {
          @media {

            .topbar {
        	padding: 16px 0 16px 0;
      	    }
          }
        }

}
@media (max-width:576px) {
    .view-hawk-search-view form .search--filter-block .search--checks{
        flex-wrap: wrap;
        justify-content: flex-start;
    }
}
.right-navbar {
    overflow: hidden;
    @media(min-width: 576px) {
        height: 50px;
    }
}

@media print {

    #colorbox,
    #cboxWrapper,
    #cboxMiddleLeft,
    #cboxContent,
    #cboxLoadedContent {
        height: 100% !important;
    }

    #cboxOverlay {
        background-color: #fff;
        opacity: 1 !important;
    }

}
li:has(> img#images-360) {
  position: relative;
  cursor: pointer;
}
li:has(> img#images-360):after {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: block;
  background: transparent;
  z-index: 11;
  content:"";
}
@media(max-width: 767px){
    div#presentation-container {
        width: 100% !important;
    }
    .checkout-pane-payment-information fieldset .fieldset-wrapper .form-item-payment-information-payment-method {
        height: 70px;
    }
    .payment-method-icon-list { 
        width: 120px;
    }
    .checkout-pane-payment-information fieldset .fieldset-wrapper .form-item-payment-information-payment-method input{margin-top:15px;} 
    .checkout-pane-payment-information fieldset .fieldset-wrapper .form-item-payment-information-payment-method label{margin-top:10px;} 

}