@charset "UTF-8";

/* Litho - v2.0
#FF7700
rgba(255,119,0,1.0)

        @media (max-width: 991px){

            
        }

----------------------------------

/* heading size */
h1, h2, h3, h4, h5, h6 { margin:0 0 25px 0; padding:0; letter-spacing: -0.5px; font-weight: inherit; }
h1 { font-size:5rem; line-height: 5rem; }
h2 { font-size:3.9rem; line-height:4.2rem; }
h3 { font-size:3.4rem; line-height:3.9rem; }
h4 { font-size:2.85rem; line-height:3.4rem; }
h5 { font-size:2.30rem; ©line-height:3rem; }
h6 { font-size:1.80rem; line-height:2.4rem; }

/* font family */
.alt-font { font-family: 'Poppins', Helvetica, Arial, sans-serif; }
.alt-font strong { font-weight: 600; }
.main-font { font-family: 'Roboto', sans-serif !important; }



/* ===================================
    Custom M3Orange
====================================== */

body{
    font-size: 16px;
    line-height: 1.8em;
}


.color-dig{
    color: #FF7700;
}



.effect-text-type{
    display: block!important;

    font-size: 3.9rem;
    line-height: 4.2rem;
    letter-spacing: -2px;
    font-weight: 400;
}

.effect-text-type,
.cd-words-wrapper b{
    color: #FFFFFF

}


header .navbar .navbar-brand img, header.side-menu .logo img, header .sidebar-nav-menu .navbar-brand img { max-height: 50px; }





.hero-fancy-text-01{
    font-weight: 700;
    letter-spacing: -5px;
    color: #FFFFFF;
    padding: 60px 0;
    /*
    background-image: linear-gradient(to right top, #556fff, #b263e4, #e05fc4, #f767a6, #ff798e);
    background-repeat: no-repeat !important;
    background-size: cover !important;
    overflow: hidden;
    position: relative;
    background-position: bottom left !important;
        -webkit-text-fill-color: transparent;
        -webkit-background-clip: text;
        */
}


/* ===================================
    Homepage Hero
====================================== */


#hero-intro{
	/* background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
	background-size: 400% 400%;
	height: 60vh; */
    background: url("images/hero-feature-01.jpg");
}


#page-title{
 background-color: #ee7752;


}       

                @media (max-width: 991px){
                    #hero-intro{

                        height: 60vh;
                    }
                            
                }


@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}





.hero-dig-logo img{
    max-height: 12vh;
    position: relative;
    left: -6%;
    opacity: 0.6;
    margin-bottom: 2%;
}

.page-title-wrapper,
.hero-title-wrapper{
    color: #FFFFFF;
    font-size: 10em; 
    line-height:0.8em;
    letter-spacing: -8px;
}


.hero-title-wrapper{
 display: flex!important;
 align-items:  center;
 padding: 15% 0 10% 0;

}

.page-title-wrapper{
 display: flex!important;
 align-items:  center;
 padding: 60px 15px 40px 15px;

}




            @media (max-width: 991px){
                .hero-title-wrapper{
                    display: flex!important;
                    padding: 15% 0 45% 10%;
                    font-size: 90px!Important;
                    line-height: 0.8em!Important;
                }
                .page-title-wrapper{
                 font-size: 90px!Important;
                 line-height: 0.8em!Important;
             }



                .hero-dig-logo img{
                    max-height: 6vh;
                    position: relative;
                    left: -8%;
                    opacity: 0.6;
                }
            
            }
     

/* ===================================
    Categories (Blocks)
====================================== */


#category-blocks{
    background-color: rgba(0,0,0,0.02);
}
#category-blocks .shop-category-style-01 {
    cursor: pointer;
}


        @media (max-width: 991px){
            #category-blocks .shop-category-style-01{
                height: 50%!Important;
            }
            .shop-product-image img{
                max-height: 50px;
            }
            
        }


#category-blocks .shop-product-content a{
    font-size: 14px;
    line-height: 1.1em;

}

#category-blocks .shop-product-content{
    background-color: #FFFFFF;
    align-items: center!important;
    display: flex!important;
    border-radius: 0px;
}

.shop-product-overlay{
    background-image: linear-gradient(
        to right top, rgba(80, 41, 112, .8), 
        rgba(127, 41, 119, .8), 
        rgba(172, 39, 117, .8), 
        rgba(212, 45, 107, .8), 
        rgba(243, 66, 89, .8)
        ); 
}


/* Product Grid */


#product-grid .portfolio-hover{
    padding-left: 10%;
    padding-right: 10%;
}

.portfolio-box-for-dig{
    border: 1px solid rgba(0,0,0,0.05);
}

.portfolio-box-for-dig:hover{
    background-image: linear-gradient(to right top, #556fff, #b263e4, #e05fc4, #f767a6, #ff798e);
    padding: 2px;
    transition-duration: 500ms;

}

@media (max-width: 991px){
    #product-grid {
        background-color: rgba(0,0,0,0.01);
    }
    .portfolio-box-for-dig{
        border: 1px solid rgba(0,0,0,0.05);
    }
    .portfolio-box-for-dig:hover{
        background-image: none;
        padding: 2px;

    
    }
            
}


.bg-gradient-dig,
#product-grid .bg-gradient-sky-blue-pink,
#product-grid .bg-gradient-dig {
    background-image: linear-gradient(to right top, #556fff, #b263e4, #e05fc4, #f767a6, #ff798e);
    /*
    background-image: linear-gradient(to right top, #ff9800, #e87000, #f767a6, #ff798e);
    background-image:  none;
    background-color: rgba(0,0,0,0.95);
    */
}

#products-bags, #products-clutches, #products-pouches{
    background-color: rgba(0,0,0,0.05);
}



#products-clutches{
    min-height: 60vh;
}


@media (max-width: 991px){
    #products-clutches{
        min-height: inherit;
    }
    #gradient-closer{
        height:30vh;
    } 

    .overlap-section-three-fourth{
        margin-top: -150px;
    }
}


.btn-view-larger-cross{
    width: 30px;
    height: 30px;
    background-size: 20px; /* Make just a bit smaller than container = extra space around it */
    background: url(images/icon-plus-white-01.svg);
    background-repeat: no-repeat;
    margin-bottom: 12px;
}

.btn-view-larger-cross:hover{
    
    background: url(images/icon-plus-white-01-hover.svg);
    
}


.fixed-description,
.fixed-id{
    font-size: 14px;
    color: rgba(0,0,0,0.7);
    padding: 10px 2px;
    line-height: 1.3em;
    font-weight: 500;
}

.fixed-id{
    font-size: 12px;
    color: rgb(0 0 0 / 50%);
    padding: 0px;
    margin: 0px;
    display: block;
    letter-spacing: 1px;
    font-family: 'Poppins', sans-serif;


}

input, textarea, select { 
    border: 1px solid rgba(0,0,0,0.3); 
    padding: 10px 15px; 
    width: 100%; 
    margin: 0 0 15px 0; 
    max-width: 100%; 
    resize: none; 
    outline: none; 
    color: #333333; 
    line-height: initial; 
    word-break: initial; 
}

input:focus, textarea:focus { 
    border: 2px solid rgba(0,0,0,0.5); 
    outline: none; 
}

/* Contact Form */

.required.error { 
    border:1px solid 2px solid #A80303 !important
}

input[type="checkbox"].error { 
    box-shadow: 0px 0px 0px 1px rgb(255 0 0), 1px 1px 0px 0px rgb(255 0 0);}

.input-border-bottom.required.error {
    border-bottom: 2px solid #A80303 !important; 
    border-top: none !important; 
    border-left: none !important; 
    border-right: none !important
}



@media screen and (max-width: 575px){
    .grid.gutter-medium li, .grid.gutter-large li {
        padding: 7px 7px;
    }
    
}

/* After I took the hover/bg out 

.portfolio-box .portfolio-image,
.portfolio-box-for-dig .portfolio-image { 
    position: relative; overflow: hidden; 
}
.portfolio-box .portfolio-hover,
.portfolio-box-for-dig .portfolio-hover { 
    position: absolute; width:100%; height:100%; left: 0; top: 0; opacity: 0; 
}


.portfolio-overlay-for-dig .portfolio-box-for-dig:hover .portfolio-image img { 
    transform: scale(1.0, 1.0); 
        -moz-transform: scale(1.0, 1.0); 
        -webkit-transform: scale(1.0, 1.0); 
        -ms-transform: scale(1.0, 1.0); 
    opacity: 0.05 

}


.portfolio-box-for-dig *, .portfolio-box-for-dig:hover * { 
    transition: all 0.3s ease-in-out; 
        -moz-transition: all 0.3s ease-in-out; 
        -webkit-transition: all 0.3s ease-in-out; 
        -ms-transition: all 0.3s ease-in-out; 
}

.portfolio-box .portfolio-hover, 
.portfolio-box-for-dig .portfolio-hover {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 0;
}


#product-grid .bg-gradient-dig {
    background-image: none;
    background-color: rgba(0,0,0,0.05);
}


*/



/*

YES, this mix A works

.btn-view-larger-cross{
    padding: 14px 14px 11px 14px;
    margin-bottom: 8px;
    align-items: center;
    display: flex; 
}

.btn-view-larger-cross a:hover{
    background-color: rgba(255,255,255,0.3);
}

*/


/*

YES, this mix B works

.btn-view-larger-cross{

    margin-bottom: 8px;

}

.btn-view-larger-cross img{
    width: 40px;
    max-width: 50px;
    padding: 5px;
    margin: 5px 10px;
    opacity: 1!Important;
    z-index: 10;

}

.btn-view-larger-cross img:hover{
    opacity: 1!Important;
    transform: none;

}


.btn-view-larger-cross i{
    color: rgba(255,255,255,0.5);
}

.btn-view-larger-cross i:hover{
    color: rgba(255,255,255,1);
    font-weight: 600;
}


*/






.cross-icon-container{

}

.btn-view-larger-cross a{
    
   
}




/*

.btn-view-larger-cross{
    padding: 10px 20px;
    margin-bottom: 18px;
    font-weight: 500;
    color: #FFFFFF;
}

.btn-view-larger-cross a:hover{
    background-color: rgba(255,255,255,0.5);
}

.btn-view-larger-cross i:hover{
    font-weight: 600;

}
*/



.fancy-text-01,
.fancy-text-02{
    /* text-transform: uppercase; */
    font-weight: 700;
    letter-spacing: -3px;
    color: #232323;
    font-size: 8em;
    line-height: 0.8em; 
    background-image: linear-gradient( 105.5deg,  rgba(31,212,248,1) 11%, rgba(218,15,183,1) 74.9% );

    background-repeat: no-repeat !important;
    background-size: cover !important;
    overflow: hidden;
    position: relative;
    background-position: center center !important;
        -webkit-text-fill-color: transparent;
        -webkit-background-clip: text;
}

.fancy-text-02{
    font-size: 3em;
    line-height: 0.8em;
}

            @media (max-width: 991px){
                .fancy-text-01{
                    font-size: 3em;
                    line-height: 0.9em; 
                }
            }
.sizes-modal {
    margin-top: 20px;
}


/*
            .col-md-6{border: 1px solid red;}
            .col-xl-6{border: 1px solid blue;}

.data-table-01{
    border-bottom: 1px solid rgba(0,0,0,0.05);
    display: table-cell;
}

.data-table-01-labels{
    font-weight: 500;
    border-bottom: 1px solid rgba(0,0,0,0.05);
}
*/

#table-sizes-01 {
    border-collapse: collapse;
    width: 100%;
    margin: 20px 0;
  }

  #table-sizes-01 th {
    padding-top: 12px;
    padding-bottom: 12px;
    background-color: rgba(255,119,0,1);
    color: white;
  }

  #table-sizes-01 .data-emphasis{
      font-weight: 500;
      color: rgba(255,119,0,1);
  }
  
  #table-sizes-01 td, #table-sizes-01 th {
    border: 1px dotted rgba(0,0,0,0.1);
    padding: 8px;
  }

  #table-sizes-01 tr:nth-child(even){
      background-color: rgba(0,0,0,0.03);
    }
  
  #table-sizes-01 tr:hover {background-color:rgba(0,0,0,0.08)}


  



  #table-sizes-02 {
    border-collapse: collapse;
    width: 100%;
    margin: 5px 0;
    width: fit-content;
    min-width: 70%;
    margin-top: 20px;
    margin-left: 28px;
    color: rgba(0,0,0,0.5);
    font-size: 14px!Important;
  }

                @media (max-width: 991px){
                    #table-sizes-02 { 
                        min-width: 95%;
                        margin-left: 0px;
                    }
                }

 

  #table-sizes-02 th {
    padding: 4px 10px;
    background-color: rgba(0,0,0,0.05);
    border: 1px dotted rgba(0,0,0,0.1);
  }




  #table-sizes-02 .data-emphasis{
      font-weight: 500;
      color: rgba(255,119,0,1);
  }
     
  
  #table-sizes-02 td, #table-sizes-01 th {
    border: 1px dotted rgba(0,0,0,0.1);
    padding: 4px 10px;
  }
/*
  #table-sizes-02 tr:nth-child(even){
      background-color: rgba(0,0,0,0.03);
    }
  
  #table-sizes-02 tr:hover {background-color:rgba(0,0,0,0.08)}
*/

.price{
    color: rgba(0,0,0,0.7);
    font-weight: 600;
}


    
.dig-modal-popup-01{
    background-color: #FFFFFF;
    text-align: center;
    padding: 4.5rem 2rem;

}
.dig-modal-popup-01 .modal-title{
    text-transform: uppercase;
    color: #232323;
    margin-bottom: 15px;
    font-weight: 600;
}

.dig-modal-popup-01 h2{
    color:#FF7700;
}

.dig-modal-popup-01 h6{
    color:#FF7700;
    font-size: 1.2rem;
    line-height: 2rem;
    margin-top: 10px;
}

.dig-modal-popup-01 h2,
.dig-modal-popup-01 h6{
    font-family: 'Poppins', sans-serif;
}

.dig-modal-popup-01 ul{
    list-style-position: inside;
}

.product-sizes-bullets li{

}

.dig-icons-01{
    font-size: 18px;  
    background: linear-gradient(to right, #556fff, #556fff, #e05fc4, #f767a6, #ff798e);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    vertical-align: middle!important;
    display: inline-block;
    margin-right: 8px;
}

.product-specs h6{
    margin: 15px 0 5px 0;
    font-size: 1.2em;
    font-weight: 500;
}

.product-specs ul{
    margin-left: 45px;

}



/* PRODUCT GRID - Each product's info – NOT on hover*/




.product-info-box{
    align-items: center;
}


.portfolio-box-for-dig .pro-name{
    display: block;

    font-size: 1.3em;
    line-height: 1.3em;
    font-weight: 500;
    margin-top: 4px;
    margin-bottom: 6px;

}

.portfolio-box-for-dig .pro-description{
    display: block;
    font-family: 'Roboto', Helvetica, Arial, Helvetica, sans-serif;
    font-size: 1em;
    line-height: 1.5em;
    font-weight: 400;
    
}


.pro-id-number{
    opacity: 0.75;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 1px;
    border-left: 2px solid rgba(255,119,0,1.0);
    padding-left: 6px;
    left: -8px;
    position: inherit;

}

.portfolio-box-for-dig .pro-name,
.portfolio-box-for-dig .pro-description,
.portfolio-box-for-dig .pro-id-number{
    color: rgba(255,255,255,1);
    text-align: left;

}

.contains-hidden-layer{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

 .hidden>div {
	display:none;
}

 .visible>div {
	display:block;
}

.product-info-box{
    position: relative;
    background-color: rgba(0,0,0,0.8);
    padding: 20px 20px;
    margin: 10px 20px;
    left: -16px;
    top: -12px;


}



/* Product Grid -- New type of overlay */


.product-info-layer{
    position: absolute;
    top: 8%;
    left: 8%;

}

.icon-link-square {
    /*background-color: rgba(0,0,0,0.03);*/
    border: 1px solid rgba(0,0,0,0.1);
    border-radius: 50%;
    width: 40px;
    height: 40px;
    /*display: inline-block;
    border-bottom: 2px solid;
    */
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 6px;
    color: rgba(0,0,0,0.3); 
}



.icon-link-square:hover{
    background-color: rgba(255,119,0,1);

}

.icon-link-square:hover{
    color: white;
}

.icon-link-square i{
    font-size: 15px;
    font-weight: 400;

}

        @media (max-width: 991px){
            .icon-link-square {
                border-radius: 50%;
                width: 30px;
                height: 30px;
            }

            .icon-link-square i{
                font-size: 10px;
                font-weight: 400;
            }
        }


.icon-link-square i:hover,
.icon-link-square:hover{

    color: rgba(255,255,255,0.8);
}


.category-1, .category-2, .category-3, .category-4{
    background: url(images/categories-02-mobile.jpg);
}

.category-1, .category-2, .category-3, .category-4{
    background-color: rgba(127, 41, 119, .8);
    padding-top: 50%; /* 1:2 Aspect Ratio */
}


        @media (max-width: 991px){

            .shop-product{
                margin-bottom: 10px;

            }     
            .category-1, .category-2, .category-3, .category-4{
                padding-top: 33%; /* 1:2 Aspect Ratio */
            }  
        }

        




/* header navigation dark */
.navbar.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link:focus,
.navbar.navbar-light .header-search-icon > a:hover,
.navbar.navbar-light .header-social-icon > a:hover,
.navbar.navbar-light .header-cart-icon > a:hover,
.navbar.navbar-light .header-language > a:hover,
.navbar.navbar-light .header-language > a:hover,
.sticky .navbar-dark.header-light .navbar-nav .nav-link.active,
.sticky .navbar-dark.header-light .navbar-nav .nav-link:hover,
.sticky .navbar-dark.header-light .navbar-nav .nav-link:focus,
.sticky .navbar-dark.header-light .header-search-icon > a:hover,
.sticky .navbar-dark.header-light .header-social-icon > a:hover,
.sticky .navbar-dark.header-light .header-cart-icon > a:hover,
.sticky .navbar-dark.header-light .header-language > a:hover,
.sticky .navbar-dark.header-light .header-language > a:hover,
.top-bar.navbar-dark .header-search-icon > a:hover,
.top-bar.navbar-dark .header-social-icon > a:hover, 
.top-bar.navbar-dark .header-cart-icon > a:hover,
.top-bar.navbar-dark .header-language > a:hover, 
.top-bar.navbar-dark .header-language.dropdown-style-01 .btn:hover { color: rgba(0,0,0,.6) !important; cursor: pointer; }
.navbar.navbar-light .navbar-nav .nav-link { color: #232323; }



.navbar.navbar-light .navbar-nav .nav-link { 
    color: #FFFFFF; 
    font-weight: 500;
}

        @media (max-width: 991px){
            .navbar.navbar-light .navbar-nav .nav-link { 
                color: #232323;
                font-weight: 500;
            }           
        }


.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link:focus { 
    color: #FFFFFF!Important; 
    cursor: pointer; 
    font-weight: 500;
    text-decoration: underline;

}

.navbar.navbar-light .navbar-nav .nav-link.active{
    color: red;

}


.price-grid{
    margin: 20px 0;
    padding: 0 8%;
}

        @media (max-width: 991px){
            .price-grid{
                padding: 20px 10px;
            }
                    
        }




.price-grid .header{
    color: #222222!important;
    font-weight: 600;
    background-color: rgba(0,0,0,0.03);
}

.price-grid .product-name{
    color: #FF7700;
}

.price-grid .header, 
.price-grid .product-name,
.price-grid{
    font-size: 14px;
    line-height: 18px;

}

.price-grid .col{
    padding: 10px;
    border-bottom: 1px dotted rgba(0,0,0,0.3);
}

@media screen and (max-width: 575px){
    section.big-section {
        padding: 80px 0;
    }
}


.forced-to-square{
 aspect-ratio: 1/1;
 overflow: hidden;
 /* clip-path: circle(400px at 100px 100px); */


}

.product-01{
 background-image: url("images-products/2023-airport/DIG23-For-Airport-02.jpg");
 background-position-x: left;
}

.product-02{
 background-image: url("images-products/2023-airport/DIG23-For-Airport-25.jpg");
}

.forced-to-square{
 background-size: cover;
 background-repeat: no-repeat;
}