/* FONTS */

@font-face {
	font-family: 'Roboto';
	src: url('../fonts/Roboto/Roboto-Light.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
}
@font-face {
	font-family: 'Roboto';
	src: url('../fonts/Roboto/Roboto-Regular.ttf') format('truetype');
	font-weight: 400;
	font-style: normal;
}
@font-face {
	font-family: 'Roboto';
	src: url('../fonts/Roboto/Roboto-Bold.ttf') format('truetype');
	font-weight: 600;
	font-style: normal;
}

/* MODAL STOCK */

#_sd_popup_notify_stock-modal .modal-stock {
    height: 100vh;
    background: rgba(0,0,0,0.5);
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 100;
    display: flex;
    align-items: center;
    justify-content: center;
    visibility: hidden;
    opacity: 0;
}

#_sd_popup_notify_stock-modal .modal-stock .title {
    color: #333;
    font-family: 'Roboto';
}

#_sd_popup_notify_stock-modal .modal-stock .psgdpr_consent_message  {
    font-size: 12px;
    line-height: 25px;
    text-align: left;
}

#_sd_popup_notify_stock-modal .modal-stock .content {
    overflow: hidden;
    max-width: 500px;
    width: 90%;
    margin: 0 auto;
    height: 400px;
    background: white;
    font-family: 'Montserrat';
}

#_sd_popup_notify_stock-modal .modal-stock .title {
    font-size: 28px;
    transform: scaleY(1.1);
}

#_sd_popup_notify_stock-modal .modal-stock .content .top {
    height: 50%;
    position: relative;
    background: white;
}

#_sd_popup_notify_stock-modal .modal-stock .content .right * {
    font-family: 'Roboto';
}

#_sd_popup_notify_stock-modal .modal-stock .gdpr_consent .custom-input-box {
    margin-right: 10px;
}

#_sd_popup_notify_stock-modal .modal-stock .gdpr_consent {
    padding-top: 10px;
}

#_sd_popup_notify_stock-modal ._sd_popup_notify_stock__notify-btn-wrapper .notify-btn {
    width: 100%;
    background: white;
    display: inline-block;
    cursor: pointer;
    transition: 0.4s;
    font-family: 'Montserrat';
    padding: 5px 20px;
    margin: 10px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #333;
    font-size: 1rem;
}
#_sd_popup_notify_stock-modal ._sd_popup_notify_stock__notify-btn-wrapper .notify-btn .fa-envelope {
    font-size: 28px;
}

#_sd_popup_notify_stock-modal ._sd_popup_notify_stock__notify-btn-wrapper .notify-btn .text span {
    font-weight: 500;
}

#_sd_popup_notify_stock-modal ._sd_popup_notify_stock__notify-btn-wrapper .notify-btn i {
    position: static !important;
    right: unset;
    top: unset;
    transform: none;
}

#_sd_popup_notify_stock-modal ._sd_popup_notify_stock__notify-btn-wrapper .text i {
    font-size: 16px !important;
}

#_sd_popup_notify_stock-modal .modal-stock .content .top img {
    position: absolute;
    left: -25px;
    width: 115%;
    max-width: none;
    height: 100%;
    object-fit: cover;
}

#_sd_popup_notify_stock-modal .show-modal-stock {
    visibility: visible;
    opacity: 1;
}

#_sd_popup_notify_stock-modal .modal-stock .top {
    height: 100%;
    position: relative;
    background: white;
    max-width: 417px;
}

#_sd_popup_notify_stock-modal .modal-stock .bottom {
    height: auto;
    background: white;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 6px;
}

#_sd_popup_notify_stock-modal .modal-stock .top img {
    max-width: none;
    left: 0;
    position: static;
    width: 100%;  
}

#_sd_popup_notify_stock-modal #modal-unavailable-sizes {
    width: 100%;
    padding: 10px;
    font-family: 'Montserrat';
    border: none;
    cursor: pointer;
    /* box-shadow: 0px 0px 1px rgb(0 0 0 / 84%); */
    background: white;
    border: 1px solid #444;
    text-indent: 5px;
    margin-bottom: 20px;    
    /* background: url(http://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/br_down.png) no-repeat right;
    background-position-x: 366px; */
   
}
#_sd_popup_notify_stock-modal .modal-stock input[type="email"] {
    border: 1px solid #444;
    padding: 10px 15px;
    height: 40px;
}

#_sd_popup_notify_stock-modal #modal-unavailable-sizes option {
    padding: 5px !important;
}

#_sd_popup_notify_stock-modal .modal-stock .right {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 65px;
    text-align: center;
}

#_sd_popup_notify_stock-modal .modal-stock .left {
    /* background: #F2F2F2; */
    background: #f2f2f2;
}

#_sd_popup_notify_stock-modal .modal-stock .left img {
    filter: brightness(0.95);
    height: 100%;
    object-fit: cover;
    transform: scale(0.9);
}

#_sd_popup_notify_stock-modal .modal-stock__product-name {
    color: #67666A;
    text-transform: uppercase;
    font-weight: 500;
    font-family: 'Roboto';
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 25px;
}
#_sd_popup_notify_stock-modal .modal-stock .js-mailalert {
    display: flex;
    flex-direction: column;
}

#_sd_popup_notify_stock-modal .modal-stock .input-title {
    /* color: #67666A; */
    color: #333; 
    font-weight: 600;
    font-size: 14px;
}

#_sd_popup_notify_stock-modal .modal-stock .content {
    position: relative
}

#_sd_popup_notify_stock-modal .modal-stock  .close {
    position: absolute;
    color: #000;
    z-index: 1;
    top: 10px;
    font-size: 28px;
    right: 15px;
}

#_sd_popup_notify_stock-modal ._sd_popup_notify_stock-email button {
    width: 100%;
    background: #333;
    color: white;
    height: 40px;
    border: none;
    box-shadow: none;
    margin-top: 20px;
    cursor: pointer;
}
#_sd_popup_notify_stock-modal ._sd_popup_notify_stock-email button:disabled {
    opacity: 0.25;
    cursor: initial;
}

._sd_popup_notify_stock__loading-stock-modal {
    height: 100vh;
    background: rgba(0,0,0,0.5);
    width: 100%;
    position: fixed;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    left: 0;
    z-index: 10001;
}
._sd_popup_notify_stock__loading-stock-modal i {
    color: white;
    font-size: 64px;
    animation: loading 2.5s infinite linear;
}

.desktop_device #_sd_popup_notify_stock-modal .modal-stock .content {
    max-width: 1000px;
    width: 90%;
    margin: 0 auto;
    font-size: 1rem;
    height: 620px;
    display: grid;
    grid-template-columns: 1.75fr 2fr;
    background: white;
    font-family: 'Montserrat';
}



#_sd_popup_notify_stock-modal .consent-wrapper {
    display: flex;
    text-align: left;
    font-size: 14px;
    gap: 10px;
    margin-top: 6px;
}
#_sd_popup_notify_stock-modal input[name="sd_popup_stock_consent"] {
    margin-top: 4px;
}

@media (max-width: 320px)
{
    #product.mobile_device  .modal-stock .js-mailalert .btn {
        font-size: 0.8rem;
        margin-top: 10px;
    }
    #product.mobile_device .modal-stock__product-name {
        margin-bottom: 10px;
    }
}

.modal-stock .psgdpr_consent_message * {

    font-family: 'Montserrat' !important;
}

.desktop_device #_sd_popup_notify_stock-modal .content {
    animation: appear 0.5s ease;
}
@keyframes appear {
    from {
        transform: translateY(75px);
        opacity: 0;
    }
    to {
        transform: translateY(0px);
        opacity: 1;
    }
}

/* */

/* customer_account */

._sd_popup_notify_stock-alerts {
    /* box-shadow: 0px 0px 1px 0px rgba(0 0 0 / 50%); */
    border: 1px solid #f2f2f2;
    display: grid;
    grid-auto-rows: 120px;
}
#module-_sd_popup_notify_stock-ajax .title{
    color: #333;
    text-align: center;
    text-transform: uppercase;
    font-family: 'Roboto';
    font-size: 24px;
    margin-bottom: 25px;
}
._sd_popup_notify_stock-alerts__item, 
._sd_popup_notify_stock-alerts__header  {
    display: grid;
    grid-template-columns: 0.5fr 1fr 0.5fr 0.5fr;
    align-items: center;
    text-align: center;
    font-family: 'Roboto';
}
._sd_popup_notify_stock-alerts__header span {
    background: #7986CB;
    font-size: 14px;
    color: white;
    font-weight: 600;
    height: 45px;
    line-height: 45px;
}
._sd_popup_notify_stock-alerts__header span:last-child {
    border-radius: 0px 4px 0px 0px;
}
._sd_popup_notify_stock-alerts__header span:first-child {
    border-radius: 4px 0px 0px 0px;
}

._sd_popup_notify_stock-alerts__item:nth-child(odd){
    background: #f9f9f9;
}
._sd_popup_notify_stock-alerts__item{
    padding: 10px;
}
._sd_popup_notify_stock-alerts__item__cover img {
    width: 75px;
}
._sd_popup_notify_stock-alerts__item__name {
    font-weight: 600;
    color: #333;
    font-size: 14px;
}
._sd_popup_notify_stock-alerts__item__size span {
    padding: 3px 10px;
    border-radius: 4px;
    background: #7986CB;
    color: white;
}
._sd_popup_notify_stock-alerts__item__date_add span {
    background: #80CBC4;
    color: white;
    padding: 5px 10px;
    border-radius: 4px;
}

/* */

._sd_popup_notify_stock__button-list {
    font-size: 18px;
    cursor: pointer;
    color: #333;
}
#_sd_popup_notify_stock-button._sd_popup_notify_stock__button-list i {
    font-size: 12px !important;
}
#_sd_popup_notify_stock-button._sd_popup_notify_stock__button-list {
    padding: 0 10px;
}
#_sd_popup_notify_stock-button._sd_popup_notify_stock__button-list .notify-btn {
    display: flex;
    align-items: center;
}
.mobile_device #_sd_popup_notify_stock-button._sd_popup_notify_stock__button-list .notify-btn {
    display: block;
    margin: 0 auto;
    text-align: center;
    text-decoration: underline;
    color: #333;
    font-weight: 600;
}
._sd_popup_notify_stock__button-list {
    font-size: 12px;
    font-style: italic;
    cursor: pointer;
    color: #333;
}
#_sd_popup_notify_stock-button._sd_popup_notify_stock__button-list {
    padding: 0 10px;
}

#product #_sd_popup_notify_stock-button {
    position: relative;
    padding: 15px 25px;
}
#_sd_popup_notify_stock-button._sd_popup_notify_stock__notify-btn-wrapper .notify-btn {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
#product #_sd_popup_notify_stock-button .text i{
    position: static;
}
#product #_sd_popup_notify_stock-button .notify-btn > i{
    font-size: 19px;
}
.mobile_device #_sd_popup_notify_stock-button._sd_popup_notify_stock__button-list .notify-btn {
    display: block;
    margin: 0 auto;
    text-align: center;
    text-decoration: underline;
    color: #333;
    font-weight: 600;
}

/* mobile_device */

.mobile_device #_sd_popup_notify_stock-modal .title {
    font-size: 18px;
}

.mobile_device #_sd_popup_notify_stock-modal .left img {
    transform: scale(1);
    width: 75%;
    margin: 0 auto;
    display: block;
}

.mobile_device #_sd_popup_notify_stock-modal .modal-stock .content {
    height: 85vh;
    overflow: auto;
    display: grid;
    /* grid-template-rows: 25vh 1fr; */
    grid-template-rows: 20vh 1fr;
}

.mobile_device #_sd_popup_notify_stock-modal .modal-stock {
    z-index: 10000;
}

.mobile_device #_sd_popup_notify_stock-modal .modal-stock .left {
    height: 100%;
}

.mobile_device #_sd_popup_notify_stock-modal .modal-stock .left img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.mobile_device #_sd_popup_notify_stock-modal .modal-stock .right p {
    margin-bottom: 0.6rem;
}

.mobile_device #_sd_popup_notify_stock-modal #modal-unavailable-sizes {
    padding: 8px 14px;
}

.mobile_device #_sd_popup_notify_stock-modal .modal-stock .right {
    display: flex;
    height: 100%;
    padding: 20px 0px;
    width: 75%;
    margin: 0 auto;
}
.mobile_device #_sd_popup_notify_stock-modal .modal-stock__product-name {
    font-size: 12px;
    margin-top: 0px;
    margin-bottom: 20px;
}

.mobile_device #_sd_popup_notify_stock-modal .modal-stock input[type="email"] {
    height: 35px;
    font-size: 14px;
}


@keyframes loading {
    to{ transform: rotate(360deg); }
}

@media (max-width: 420px)
{
    .mobile_device #_sd_popup_notify_stock-modal .consent-wrapper {
        font-size: 12px;
    }
}