/* custom fons */
@import url('https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Inter:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cormorant:ital,wght@0,300..700;1,300..700&display=swap');

@font-face {
    font-family: 'madedillan';
    src: url('../fonts/made_dillan/dillan.otf');
}
@font-face {
    font-family: 'old-london';
    src: url('../fonts/old_london/Olondona.otf');
    
}
.pointer {
    cursor: pointer;
}

/* customs */
.pdp-sticky {
    position: sticky;
    top: 100px;
}
.wedding-date , .location-text, .newspaper-date-3 {
    font-size: 70%;
}
.prefix-text, .family-name-text{
    text-transform: uppercase;
}
.c-Weprint {
    right: 3%;
}
.wedding-img-upload {
    width: 400px;
    height: 600px;
}
.wedding-16-detach {
    height: 120px;
    cursor: pointer; 
    width: 100%;
}    
#wedding-photo2 {
    width: 400px;
    height: 600px;
    padding: 20px;
}

.newspaper-title-1 {
    font-size: 48px;
}
.newspaper-title-2, .newspaper-title-3 {
    font-size: 42px;
}

.medium-space-newspaper-3{
    letter-spacing: 2rem;
    padding-left: 1.5rem;
}
.large-space-newspaper-3{
    letter-spacing: 2.6rem;
    padding-left: 0rem;
}
.small-space-newspaper-3{
    letter-spacing: 2.2rem;
    padding-left: 0rem;
}


/* small mobile phones */
@media screen and (max-width:480px) {
    .wedding-16-detach {
        height: 95px;
        cursor: pointer; 
        width: 100%;
    }  
    .c-Weprint {
        position: static;
        text-align: center;
    }
    .c-Weprint-img {
        position: static;
    }
    .switch-btn {
        /* width: 345px; */
        width: 298px;
    }
    .switch-btn-short {
        width: 247px;
    }
    #wedding-wrapper, #wedding-wrapper2 {
        position: relative;
        background-color: #fff;
        box-sizing: content-box;
     
    }
    .wedding-img-upload {
        width: 320px;
        height: 480px;
    }

    #wedding-photo2 {
        width: 320px;
        height: 480px;
    }

    .newspaper-title-1 {
        font-size: 37px;
    }
    .newspaper-title-2, .newspaper-title-3 {
        font-size: 30px;
    }
    .wedding-date , .location-text, .newspaper-date-3 {
        font-size: 60%;
    }

    .medium-space-newspaper-3{
        letter-spacing: 1.7rem;
        padding-left: 1.5rem;
    }
    .large-space-newspaper-3{
        letter-spacing: 1.7rem;
        padding-left: 0rem;
    }
    .small-padding-newspaper-3{
        letter-spacing: 1.4rem;
        padding-left: 0rem;
    }
    .wedding-size {
        padding: 10px!important;
    }
    /* #frame-mount {
        width: 320px;
    } */
    

}
@media screen and (max-width:420px) {
    .switch-btn {
        width: 310px;
    }
 
    /* #frame-mount {
        width: 280px;
    } */
}

/*  */

@media screen and (max-width:1024px) {
    .pdp-sticky {
        position: static;
    }
    .slick-slide {
        height: unset!important;
    }
    .c-Weprint-img {
        background-image: none!important;
    }
    .cll-edit-2 {
        width: 160px;
        height: 107px;
    }
    
    .cll-edit-3 {
        width: 110px;
        height: 75px;
    }
    
    .cll-edit-4 {
        width: 80px;
        height: 55px;
    }
    
    .clp-edit-3 {
        height: 165px;
        width: 110px;
    }
    
    .clp-edit-4 {
        width: 80px;
        height: 120px;
    }
}
@media screen and (min-width:1024px) and (max-width:1400px) {

    .cll-edit-2 {
        width: 160px;
        height: 107px;
    }
    
    .cll-edit-3 {
        width: 110px;
        height: 75px;
    }
    
    .cll-edit-4 {
        width: 100px;
        height: 70px;
    }
    
    .clp-edit-3 {
        height: 165px;
        width: 110px;
    }
    
    .clp-edit-4 {
        width: 80px;
        height: 120px;
    }
}
@media screen and (min-width:1400px) and (max-width:1600px){

    .cll-edit-4 {
        width: 125px;
        height: 85px;
    }
    
}


/* large screens */
@media only screen and (min-width: 1300px) {

}

/* xl screens */
@media only screen and (min-width: 1600px) {
    /* customs */
    .c-Weprint {
        right: 10%;
    }

}

/* custom */
@media screen and (min-width:1280px) and (max-width:1680px){
 .custom-steps {
    font-size: 0.75rem;
    margin-left: 15px;
 }
 .custom-steps-container {
    width: 60%;
 }
}

@media screen and (min-width:1535px) and (max-width:1725px){
    .custom-margin {
       padding-top: 80px;
    }
}