/*
CSS File for Color Cards Widget for the Standard Page Template
*/
/* 
    Created on : Jul 24, 2025, 1:52:19 PM
    Author     : Adriana Samra
    For usage example see: /counseling/online-mental-health-resources.pcf
*/
.ju-cards-4 { margin-top: 10px; width:100%; margin-left: auto; margin-right: auto;margin-bottom: 2em; display: block; box-sizing: border-box;}
.ju-cards{ margin-top: 12px; }
.ju-cards .ju-card-item{padding: 12px 16px; border: 1px solid #fff; min-height: 280px; margin-top: 10px;}
.ju-cards .ju-card-header{ text-align: center; padding-top: 10px; padding-bottom: 10px; }
.ju-cards .ju-card-header h3{ color: #ffffff; line-height: 1.1em; font-family: 'Fahkwang', sans-serif; text-transform: capitalize; text-align:center; margin-left: 6px; }
.ju-cards .ju-card-header h4{ color: #8bca6b;}
.ju-cards .ju-card-body { font-size: 1em; text-align: center;color: #ffffff; }
.ju-cards-4 .card-shadow { -webkit-box-shadow: 2px 2px 10px 4px rgba(204,204,204,0.9);-moz-box-shadow: 2px 2px 10px 4px rgba(204,204,204,0.9);box-shadow: 2px 2px 10px 4px rgba(204,204,204,0.9);}
.ju-cards a.btn-cta{ color: #fff !important; width: 100% !important; max-width: 60% !important; border-color: #fff !important; text-align: center !important; display:block;}
.ju-cards a.btn-cta:hover{  border-color: #b1e4e3 !important; color: #b1e4e3 !important; background-color: transparent !important;    }
.ju-cards .ju-card-item:hover{   -webkit-box-shadow: 2px 2px 2px 4px rgba(145,145,145,0.6);-moz-box-shadow: 2px 2px 2px 4px rgba(145,145,145,0.6);box-shadow: 2px 2px 2px 4px rgba(145,145,145,0.6); }