/* about--hall-of-heroes.css */

/* FROM FREEFORM 1 */
@media(min-width:992px){#dynamic-content-modal .modal-nav-wrapper{margin:auto;position:fixed;left:-50%;right:-50%;top:250px;width:1020px;z-index:9 !important}
#dynamic-content-modal .modal-nav-wrapper .button:nth-of-type(1){position:absolute;left:2em}
#dynamic-content-modal .modal-nav-wrapper .button:nth-of-type(2){position:absolute;right:2em}
#dynamic-content-modal .modal-nav-wrapper .button:nth-of-type(1) .btn:before{content:'';background-image:url("/content/dam/georgia-power/adaptive-images/btn-arrow-left.png");background-size:cover;width:100px;height:100px;position:absolute;transform:translateY(-50%);top:50%;right:0;z-index:9 !important}
#dynamic-content-modal .modal-nav-wrapper .button:nth-of-type(2) .btn:before{content:'';background-image:url("/content/dam/georgia-power/adaptive-images/btn-arrow-right.png");background-size:cover;width:100px;height:100px;position:absolute;transform:translateY(-50%);top:50%;left:0;z-index:9 !important}
#dynamic-content-modal .modal-nav-wrapper .button{width:100px;height:100px}
#dynamic-content-modal .modal-nav-wrapper .button:hover .btn:before{transform:scale(1.2);top:0}
#dynamic-content-modal .modal-nav-wrapper .button .btn{margin-bottom:0 !important;color:transparent;background-color:transparent;border-color:transparent}
}
.cc-thumb-cta .wrap-content-card .content-card:hover .content-card--content:has(.content-card--icon-container){opacity:1;scale:1.15;position:relative;transition-duration:1s}
.cc-thumb-cta .wrap-content-card .content-card .content-card--content:has(.content-card--icon-container){opacity:1;scale:1;transition-duration:1s}
.cc-thumb-cta .wrap-content-card .content-card{background:rgba(0,0,0,0.05) !important}
.sos .contentcard{width:calc(20% - 3.06px) !important;display:inline-block;aspect-ratio:4 / 3}
@media(max-width:992px){.sos .contentcard{width:calc(25% - 2.86px) !important}
}
@media(max-width:768px){.sos .contentcard{width:calc(33.333% - 2.56px) !important}
}
.sos .contentcard.section .content-card--content .content-card__title{position:relative;top:50%;transform:translateY(-50%)}
.cc-thumb .wrap-content-card .content-card img.content-card--icon{width:100%;margin:0 auto;height:auto !important;aspect-ratio:4/3 !important;max-height:220px;object-fit:cover;object-position:top}
.cc-thumb .section{padding-left:0.5px !important;padding-right:0.5px !important;padding-top:0.5px !important;padding-bottom:0.5px !important}
.cc-thumb-cta .wrap-content-card .content-card a:hover{color:#000}
.cc-thumb-cta .wrap-content-card .content-card:hover .content-card__title{color:#000}
.cc-thumb-cta .wrap-content-card .content-card__title{padding:0}
.cc-thumb-cta .wrap-content-card .content-card:has(.content-card--icon-container) a{position:absolute;top:50%;transform:translateY(-50%);left:0;min-width:100%;height:100%}
.cc-thumb-cta .wrap-content-card .content-card .content-card--content:has(.content-card--icon-container) a:not(a.btn){opacity:0;color:#fff;font-size:1rem;font-weight:600;text-align:center}
.cc-thumb-cta .wrap-content-card:hover .content-card:has(.content-card--content a:not(a.btn)):has(.content-card--icon-container) .content-card--content:after{color:#000;text-decoration:underline !important;text-underline-offset:3px}
.cc-thumb-cta .wrap-content-card .content-card:has(.content-card--content a):has(.content-card--icon-container) .content-card--content p:has(a){margin-bottom:0}
.cc-thumb-cta .wrap-content-card .content-card .button a{line-height:100}
.cc-thumb-cta .wrap-content-card .content-card{overflow:hidden !important}
.cc-thumb-cta .wrap-content-card .content-card .button .btn{min-width:100%;opacity:0}
#dynamic-content-modal .contentcard .button{display:none !important}
#dynamic-content-modal .modal-header{display:block}
@media(min-width:768px){#dynamic-content-modal .modal-header .modal-exit-button{margin-left:calc(10% + 1em)}
}
.generalmodal .active-container .background{padding-bottom:10em}
.fade{animation:fadeInAnimation ease-in-out 2s;animation-iteration-count:1;animation-fill-mode:forwards;animation-delay:0.5s;opacity:0}
@keyframes fadeInAnimation{0%{opacity:0}
100%{opacity:1}
}
.fade2{animation:fadeInAnimation ease-in-out 2s;animation-iteration-count:1;animation-fill-mode:forwards;animation-delay:1.5s;opacity:0}
@keyframes fadeInAnimation{0%{opacity:0}
100%{opacity:1}
}
.active-container .background{background-color:#fff;padding-top:1em;padding-bottom:15em}
.modal-header{display:none}
.nav-fixed-bottom{width:100%;position:fixed;bottom:0;background:linear-gradient(0deg, #f2f2f2 0%, rgba(255,255,255,0) 100%) !important;text-align:center;z-index:10;padding:7em 1em 2em 1em;margin-bottom:0 !important}
.nav-fixed-bottom p{display:block}
.nav-fixed-bottom a{color:#000;font-weight:400;font-size:1.286rem;padding:0.5em 1em;display:inline-block;background-color:#fff;transition-duration:0.5s;width:200px}
.nav-fixed-bottom a:hover{background-color:#fff;transition-duration:0.5s;box-shadow:0 2px 6px 0 rgba(0,0,0,0.2)}
.nav-fixed-bottom a{box-shadow:0 2px 6px 0 rgba(0,0,0,0.08)}
.modal-exit-button::after{content:'BACK TO LIST';font-size:1rem;font-weight:800;color:var(--blue);font-family:jaf-bernina-sans;line-height:0;top:-8px;position:relative;margin-left:5px}
.modal-exit-button:hover::after{color:#000;transition:.2s;text-decoration:underline}
@media(max-width:768px){.title-resource .content-card .content-card__title{margin:auto auto -0.5em auto !important}
}
.title-resource .content-card .content-card__title{display:flex;text-align:center;margin:auto auto -1.25em auto;padding:15px 1.5em;font-size:1rem !important;font-style:italic;letter-spacing:0.05rem}
.title-resource .content-card .content-card__title::before, .title-resource .content-card .content-card__title::after{content:" ";display:inline-block;flex-grow:1;margin:auto 1em;border-bottom:1px solid var(--gray-d-light)}
@media(max-width:400px){.title-resource .content-card .content-card__title{display:block}
.title-resource .content-card .content-card__title::before, .title-resource .content-card .content-card__title::after{display:none}
}
