/* ------------- halaman Halaman index   ----------------  */

/* navbar  */
.samping_logo{
    font-size:15px !important;
    margin-top:50px !important;
}

/* bagian footer  */
footer {
    font-size:13.5px;  
}  
footer p{
    font-size:13.5px; 
    text-align: justify;
}


/* beranda */
.p_slider{
    font-size: 17px;  
    font-weight: 300;
    font-family: 'Arial';
}  
       
.buttonku {
    color: #fff;
    padding: 15px 25px;
    border-radius: 100px;
    background-color: #3b4f6d;
    background-image: radial-gradient(93% 87% at 87% 89%, rgba(0, 0, 0, 0.23) 0%, transparent 86.18%), radial-gradient(66% 87% at 26% 20%, rgba(255, 255, 255, 0.41) 0%, rgba(255, 255, 255, 0) 69.79%, rgba(255, 255, 255, 0) 100%);
    box-shadow: 2px 19px 31px rgba(0, 0, 0, 0.2);
    font-weight: bold;
    font-size: 14px; 
    border: 0; 
    user-select: none;
    -webkit-user-select: none; 
    touch-action: manipulation; 
    cursor: pointer; 
}




/* ------------- halaman aboutUs.php  ----------------  */
 
.nav-tabs .nav-item{ 
    width: calc(100%/9);  
    min-width: 100px;  
} 
.nav-tabs .nav-link{
    text-align: center;  
    color: #252d39;  
} 
.nav-tabs .nav-item :hover{      
    border-bottom: 3px solid #86c33a;   
    transform: scale(1.2);
}  
 
.nav-tabs .active{
    border-bottom: 3px solid #86c33a !important; 
    transform: scale(1.2); 
} 
.tab-pane {
    padding: 35px 30px 35px 30px ; 
    background-color: #ffffff !important;
} 
 
.p_visi {
    font-size: 19px;
} 
.p_galeri {
    font-size: 14px; 
    font-family:'Arial';  

}
.h_judul{ 
    color: #953735 ; 
    font-size : 16px; 
    font-family:'Arial'; 
    
}    
 
.barlow {
    font-family: "Barlow Condensed", sans-serif !important; 
} 


/* produk  */ 

.kategor:hover{
    transform: scale(1.15); 
    border-bottom: solid 2px #86C33A ; 
} 

.filteredOut {
    transform: scale(0.1) !important;
} 
 
 

/* Halaman Detail Produk  */ 
.katengah{
    margin : auto;
}

.sedikit_tebal{
    font-weight: 600 !important;
}  



.produk_img{
    position: absolute; 
    width: 100% ;
    height: 100% ; 
    top: 0;
    left: 0;
    text-align: center; 
    opacity: 0;  
}
.produk_img a{ 
    position: relative ;
    font-size: 66px;
    text-align: center;  
    opacity: 1 ;  
    color: rgba(134, 195, 58, 0.9);  
    transition: 0.4s ease; 
    top : 26% ;  
}
.produk_img:hover{ 
    opacity: 1 ;    
    transition: 0.6s ease;    
    transform: scale(1.15);   
    filter: brightness(110%);     
} 
  
.produk_img_lite{
    position: absolute; 
    width: 100% ;
    height: 100% ; 
    top: 0;
    left: 0;
    text-align: center; 
    opacity: 0;  
}
.produk_img_lite a{ 
    position: relative ; 
    font-size: 35px ; 
    text-align: center ;  
    opacity: 1 ;  
    color: rgba(134, 195, 58, 0.9);  
    transition: 0.4s ease; 
    top : 18% ; 
    
} 
.produk_img_lite:hover{
    opacity: 1 ;   
    transition: 0.6s ease;   
    transform: scale(1.15); 
    filter: brightness(110%);   
} 


/* penjualan  */
.ekatalog{
    border-color: #e62129;
    border-radius: 5px ;  
    font-size: 16px;
} 
.footer_ekatalog{
    border-color: #e62129; 
    background-color: #e62129;
    text-align: center;
    color:white; 
    border-radius: 5px ;      
}  

.footer_ekatalog:hover{
    background-image: radial-gradient(#da0d14, #e22f35, #751a1e);
}

.tokped{
    border-color:#42b549;  
    border-radius:5px;
}   
.footer_tokped{
    border-color: #42b549; 
    background-color: #42b549;
    text-align: center;
    color:white; 
    border-radius: 5px ;   
}
.shopee{
    border-color:#ee4d2d; 
    border-radius:5px;
}
.footer_shopee{
    border-color: #ee4d2d; 
    background-color: #ee4d2d;
    text-align: center;
    color:white; 
    border-radius: 5px ;   
}

.tgi{
    border-color:#6e7071; 
    border-radius:5px;
}
.footer_tgi{
    border-color: #6e7071; 
    background-color: #6e7071;
    text-align: center;
    color:white; 
    border-radius: 5px ;  
}   
