/*
 Theme Name:   Hello Elementor Child
 Description:  Custom child theme for Hello Elementor.
 Author:       Your Name
 Template:     hello-elementor
 Version:      1.0.0
 Text Domain:  hello-elementor-child
*/

/* Custom CSS starts here */

.swdlist li {margin:20px 40px}
.swdlist {margin:40px!important}
.sw-resource-filters{text-align:center}
.has-media .swdicon:hover{animation: pulse 2s infinite;}
.swd-resource-row-item .swd-row-content{padding:15px 40px; box-shadow:0px 0px 15px #cacaca; margin-bottom:20px; border-radius:20px}
.swd-row-title{margin-bottom:0px}
.swd-row-title a{font-family: "Roboto", Sans-serif;
    font-size: 16px; color: var(--e-global-color-text);
    font-weight: 700;}
.swd-row-date i {    margin-right: 7px;}

.swd-row-date{color: var(--e-global-color-a185853); font-size:13px; font-weight:bold }
.sw-resource-row-container{display:flex;flex-wrap: wrap;
    justify-content: space-evenly;
    align-items: stretch;}

.swd-resource-row-item .swd-row-content{width:100%; background-color:#fff; flex-shrink: 0; transition: all 0.5s ease; position:relative }
.page .elementor-shortcode .swd-filter-btn{border-radius:20px; margin:30px 5px; background-color:#fff; color:#333; box-shadow:0px 0px 25px #eaeaea; padding:10px 30px}
.page .elementor-shortcode .swd-filter-btn.active, .page .elementor-shortcode .swd-filter-btn:hover {background-color: var(--e-global-color-a185853); color:#fff }

.swd-resource-row-item p{color:#999;  margin-left:70px; font-size:.9em}
.swdicon{border:1px solid #eaeaea; color: var(--e-global-color-a185853); background-color:#fff;  padding:12px; padding-left:14px; border-radius:50%;; box-shadow:0px 0px 15px #cacaca; font-size:12px; margin-right:15px}
.has-media .swd-row-content{text-align:center; background-color:#033f47; min-height:140px; background-size:cover;}
.has-media .swd-row-content:hover{margin-top:-20px; background-color:#ede4d1}
.has-media .swd-row-title a{line-height:15px; font-size:12px; display:block}
.has-media .swdicon{transition: all 0.5s ease; margin-top:30px; opacity:.5}

.has-media:hover .swdicon{opacity:.9}
.fa-file-pdf.swdicon{font-size:22px}
.no-media{ width:100%; border-bottom:1px solid #eaeaea;  margin-bottom:20px}
.no-media:last-child{border-bottom:none}
.has-media{display:none; width:21%;  margin:20px 10px; border-radius:20px}
@media (Min-width:45em)and (max-width:1200px){
	.swd-resource-row-item{width:50%; flex-shrink: 0; }
}
@media (max-width:45em){
	#pp_full_res iframe {
    aspect-ratio: 16 / 9;
    height: auto !important;
}
	.page .elementor-shortcode .swd-filter-btn{flex-grow:1}
	.sw-resource-filters{flex-grow:1; justify-content: center; }
	div.pp_pic_holder {
    width: 90% !important; /* Forces the popup to stay within the viewport */
    left: 5% !important;  /* Centers it */
}

#pp_full_res iframe {
	padding:0px!important;
	margin:0px!important;
    width: 100% !important;
    height: 100% !important;
}

.pp_content {
	padding:0px!important;
	margin:0px!important;
    width: 100% !important;
    height: auto !important;
}
	/* 1. Force the lightbox wrapper to be full width */
#wp-video-lightbox-overlay, 
.wp-video-lightbox-overlay,
#colorbox, 
.pp_pic_holder {
    max-width: 100vw !important;
    width: 100vw !important;
    left: 0 !important;
    right: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 2. Force the video content to fill the screen */
#wp-video-lightbox-inline-content,
.wp-video-lightbox-content,
#cboxContent,
.pp_content {
    width: 100vw !important;
    height: 100vh !important;
    max-width: 100% !important;
}
/* 1. Force the iframe to fill the entire container */
.wp-video-lightbox-overlay iframe, 
#wp-video-lightbox-inline-content iframe, 
.lightbox-iframe iframe {
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    position: absolute;
    top: 0;
    left: 0;
}

/* 2. Reset the container to handle the full-screen iframe */
#wp-video-lightbox-inline-content,
.wp-video-lightbox-overlay {
    width: 100vw !important;
    height: 100vh !important;
    max-width: 100vw !important;
    max-height: 100vh !important;
    padding: 0 !important;
    margin: 0 !important;
    /* This centers the video if you decide to constrain it later */
    display: flex;
    align-items: center;
    justify-content: center;
}

	.has-media{width:100%}
	.has-media .swd-row-content{min-height:80px}
.sw-resource-filters{display:flex}

	.page .elementor-shortcode .swd-filter-btn {font-size:.6em; padding:10px 20px}
	.swd-row-date{font-size:.8em; font-weight:bold}
	.swd-resource-row-item {margin:5px; padding:0px; max-width:45%}
	.swd-resource-row-item p{margin:0px; font-size:.8em!important; line-height:1.4em}
	.swd-row-title{padding-top:0px; margin-bottom:20px;  line-height:.6em!important}
}
@keyframes pulse {
    0% {
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.2);
    }

    70% {
        transform: scale(.8);
        box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
    }

    100% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    }