@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css");

/*
.product_rightCont {
    height: 500px !important
}
*/

div[data-sc-id] #call-to-action, div[data-sc-id] .call-to-action, .call-to-action {
    font-family: "Brown-Regular" !important;
    font-weight: 800;
}

div[data-sc-id1] {
    margin-bottom: -25px !important;
}

div[data-sc-id] .slick-next {
    right: -110px !important;
}

.sc-widget-pdp {
/*display: inline-block !important; */
-webkit-transform:scale(0.86) !important;
-moz-transform:scale(0.86) !important;
-ms-transform:scale(0.86) !important;
transform:scale(0.86) !important;
float: left !important;
margin-top: -5px !important;
padding-bottom: 0px !important;
margin-left: 12px !important;
/*margin-top: -30px !important;
margin-left: 0px !important;
margin-bottom: -35px !important;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
overflow-y: hidden !important;*/
}

  .sc-widget-mobile {
-webkit-transform:scale(0.8);
-moz-transform:scale(0.8);
-ms-transform:scale(0.8);
transform:scale(0.8);
}

.sc-widget-annotation-left {
    float: left;
    margin-right: -35px;
    margin-top: 10px;
}

div[data-sc-id] img, div[data-sc-type="retailer-carousel"] img {
    max-height: 58px !important;
    max-width: 58px !important;
    min-height: 50px !important;
    min-width: 50px !important;
    width: initial !important;
}

div[data-sc-id].widget-border {
    border: 3px solid #ffffff !important;
    border-radius: 5px !important;
}

div[data-sc-id] #postal-code-elements {
    margin-top: 5px !important;
}

div[data-sc-id] #postal-code-elements:before {
    top: 4px !important;
}

div[data-sc-id] #postal-code-elements input {
    width: 50px !important;
}

div[data-sc-id] #postal-code-elements #cp-help .fa {
    margin-top: 2px !important;
}

div[data-sc-id] #postal-code-elements #cp-help {
    color: 	#083677 !important;
}

div[data-sc-id] .wtb-call-to-action {
    color: #083677 !important;
    font-family: 'Brown-Regular';
}
div[data-sc-id]>div select, div[data-sc-type="attributes-radio"]>div select {
    font-size: 14px !important;
}

div[data-sc-id] img:hover, div[data-sc-type="retailer-carousel"] img:hover {
    cursor: pointer !important;
    opacity: 0.9 !important;
    border-radius: 0px !important;
    border: 0px solid transparent !important;
}

div[data-sc-id] #call-to-action, div[data-sc-id] .call-to-action {
    font-family: FontAwesome;
    font-size: 22px;
}

div[data-sc-id] #call-to-action:before, div[data-sc-id] .call-to-action:before {
    display: inline-block;
    position: absolute;
    /*content: url(http://localhost/assets/img/arrow-rounded.svg) "Click to Add to Your \A0\f07a\A0\A0";*/
    content: url(https://demo.smartcommerce.co/assets/img/arrow-rounded.svg) "\A0\A0";
    font-family: FontAwesome;
    transform: scale(2.3);
    font-size: 10px;
    left: 15px;
    top: 126px;
}

div[data-sc-id] #call-to-action:after, div[data-sc-id] .call-to-action:after {
    display: inline-block;
    position: absolute;
    content: url(https://demo.smartcommerce.co/assets/img/arrow-rounded.svg);
    font-family: FontAwesome;
    transform: scaleX(-1) scale(2.3);
    font-size: 20px;
    left: 300px;
    top: 125px;
}

div[data-sc-id] .zip-change-box input {
    padding: 2px 5px !important;
    width: 60% !important;
}

.sc-size-button {
    display: inline-block !important;
    text-align: center;
    vertical-align: middle;
    line-height: 30px !important;
    width: 60px !important;
    border: 1px solid #DCDCDC !important;
    border-radius: 0px !important;
    margin: 5px !important;
    cursor: pointer !important;
}

.sc-size-selected-button {
    display: inline-block !important;
    text-align: center;vertical-align: middle;
    line-height: 30px !important;
    width: 60px !important;
    border: 1px solid #7B1B4F !important;
    border-radius: 0px !important;
    margin: 5px !important;
    cursor: pointer !important;
}

.sc-color-button {
    display: inline-block !important;
    vertical-align: middle;
    line-height: 30px !important;
    width: 80px !important;
    border: 1px solid #DCDCDC !important;
    border-radius: 0px !important;
    margin: 0px !important;
    cursor: pointer !important;
    font-size: 10px !important;
    font-weight: bold !important;
    padding-left: 5px;
}

.sc-color-button img {
    height: 20px;
    width: 20px;
    vertical-align: middle;
}

.sc-color-selected-button {
    display: inline-block !important;
    vertical-align: middle;
    line-height: 30px !important;
    width: 80px !important;
    border: 1px solid #7B1B4F !important;
    border-radius: 0px !important;
    margin: 0px !important;
    cursor: pointer !important;
    font-size: 10px !important;
    font-weight: bold !important;
    padding-left: 5px;
}

.sc-color-selected-button img {
    height: 20px;
    width: 20px;
    vertical-align: middle;
}

ul#sc-available-color-selection-list {
    margin-top: 10px !important;
    margin-bottom: 20px !important;
}
