/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jan 28 2025 | 14:08:53 */
/*
#E22028 red
#EFB41D yellow
#E66F25 orange
#3A2E7D blue
*/

h5, .entry-content h5{
font-size: 1.5rem;	
	font-weight:600;
}

.entry-content h5{
	margin-bottom:0px;
}

.box-red{
    border: 4px solid #3A2E7D;
}

.box-red:hover {
    border: 4px solid #E22028;
    background: linear-gradient(to bottom right, transparent, #E22028 300%);
}

.hide-show-img-bg-red{
    background: #E22028;
}

.hide-show-img-bg-yellow{
    background: #EFB41D;
}

.hide-show-img-bg-orange{
    background: #E66F25;
}

.hide-show-img-bg-blue{
    background: #3A2E7D;
}



.box-yellow{
    border: 4px solid #3A2E7D;
}

.box-yellow:hover {
    border: 4px solid #EFB41D;
    background: linear-gradient(to bottom right, transparent, #EFB41D 300%);
}

.box-orange{
    border: 4px solid #3A2E7D;
}

.box-orange:hover {
    border: 4px solid #E66F25;
    background: linear-gradient(to bottom right, transparent, #E66F25 300%);
}

.box-blue{
    border: 3px solid #3A2E7D;
}

.box-blue:hover {
    border: 4px solid #3A2E7D;
    background: linear-gradient(to bottom right, transparent, #3A2E7D 300%);
}

#animated-card .animatedcard .animated-box .hide-show-img {
    width: 50px;
    position: absolute;
    top: -20px;
    right: -20px;
    opacity: 0;
    transition: opacity 0.3s ease, transform 0.3s ease; 
    border-radius: 50%;
    padding: 0px;
}

#animated-card .animatedcard .animated-box .hide-show-img-def {
    width: 50px;
    position: absolute;
    top: -20px;
    right: -20px;
    opacity: 1;
    transition: opacity 0.3s ease, transform 0.3s ease; 
    border-radius: 50%;
    padding: 4px;
}

#animated-card .animatedcard .animated-box:hover .hide-show-img-bg-blue{
    background: #ffffff;
    border: 4px solid #3A2E7D;
}

#animated-card .animatedcard .animated-box:hover .hide-show-img {
    opacity: 1;
}

#animated-card .animatedcard .animated-box:hover .hide-show-img-def {
    opacity: 0;
}

.image-default {
    transition: transform 0.3s ease, filter 0.3s ease;
    opacity: 0.3;
    filter: grayscale(1);
	width:130px;
	    display: block;
    margin: auto;
}

.animated-box:hover .image-default {
    opacity: 1;
    transform: scale(1.1); 
    filter: grayscale(0);
  }