/*

Theme Name: Archbishop's Appeal 20261028

Theme URI: https://marcellino.plus/

Description: Archbishop's Appeal is a child theme of BlankSlate

Author: M+

Author URI: https://marcellino.plus/

Template: blankslate

Version: 1.0.3

Text Domain: blankslate

License: GNU General Public License v3 or later.

License URI: https://www.gnu.org/licenses/gpl-3.0.html

*/


/* GLOBAL ------------------------------------------------ */

.open-bracket
{
    font-family: "Righteous", sans-serif;
    font-size:115%;
    display:inline-block;vertical-align:middle;
}


/* < 783px */
#wrapper
{
    width:100%;
    margin:0;
    padding:0;
    /*background:red;*/
}

/* 783px – 992px */
@media screen and (min-width:783px) 
{
    #wrapper
    {
        width:768px;
        margin:0 auto 0 auto;
    }
}

/* 992px – 1280px */
@media screen and (min-width:992px) 
{
    #wrapper
    {
        width:992px;
    }
}

/* > 1280px */
@media screen and (min-width:1280px) 
{
    #wrapper
    {
        width:1280px;
    }
}

strong 
{
  font-weight: bold;
}

em
{
  font-style: italic;
}


/* < 783px */

/* HEADER ------------------------------------------------ */

#red-band
{
	display:none;
}

#top-elements-table
{
	display:table;
	vertical-align: middle;
}

#site-logo
{
	display:table-cell;
	vertical-align: middle;
    padding:0 1vw 0 0;
}

#site-logo img
{
	width:57vw;
	padding:3vw 4vw 3vw 5vw;
}

#donate-button-cell
{
	padding:3vw 4vw 3vw 4vw;
	display:table-cell;
	vertical-align: middle;
}

.donate-button
{
	color:#fff;
	font-size:5vw;
	letter-spacing:0.025em;
	background:#b62147;
	padding:3vw;
	font-family: "Roboto", sans-serif;
	font-weight: 500;
	font-style: normal;
    display:block;
    text-decoration:none;
}

#subpage-masthead
{
	width:100%;
	margin:0;
	padding:0;
}

#subpage-masthead h1
{
	margin:0 0 0 0;
	padding:15px 0 15px 0;
	font-family: "Roboto", sans-serif;
	border-top:solid #b62147 1px;
}

.subpage-masthead-photo img
{
	width:100%;
}

/* SLIDESHOW */

.metaslider 
{
    position:relative!important;
    z-index:-1!important;
}

#slideshow-box
{
    display:table;
    width:100%;
    /*background:red;*/
}

.slideshow-box-column
{
    display:table-cell;

}

.slideshow-box-column-spacer
{
    width:1.5vw;

}

.slideshow-box-column img
{
    width:100%;
}

.slideshow-box-column-1
{
    padding:0 0 0 0;
    width:25vw;
    /*background:green;*/
}

.slideshow-box-column-2
{
    padding:0 0 0 0;
    width:50vw;
}

.slideshow-box-column-3
{
    width:25vw;
    /*background:orange;*/
}

/* WATCH APPEAL FILM */

/* hide desktop button */
.watch-video-desktop
{
    display:none;
}

.watch-appeal-film a
{
	background:#b62147;
	color:#fff;
	text-decoration:none;
    margin:2vw 0 5vw 0;
	padding:2vw;
    width:100%;
    display:block;
	text-align:center;
	font-family: "Roboto", sans-serif;
	font-weight: 300;
	font-size:5vw;
	letter-spacing:0.025em;
}

.watch-appeal-film img
{
	width:5vw;
	vertical-align:middle;
}

/* MEGA MAX MENU */

#mega-menu-main-menu 
{
    font-family: "Roboto", sans-serif!important;
}

.mega-menu-item
{
	background:rgba(31, 53, 106, 1)!important;
}

.mega-menu-item-25 .mega-menu-link
{
	background:rgba(193, 66, 98, 1)!important;
}

.mega-menu-item-25 .mega-sub-menu .mega-menu-item
{
	background:rgba(193, 66, 98, 1)!important;
}

.mega-menu-item
{
    border-bottom:solid 1px rgba(255, 255, 255, 0.75)!important;
}

.mega-menu-toggle
{
	border-radius: 0px!important;
}

/* SUB PAGE */

.subpage-header
{
    padding:3vw 5vw 0 5vw;
    text-align: center;
	font-family: "Roboto", sans-serif;
    color:#00306d;
	font-weight: 500;
	font-size:5vw;
    line-height:7vw;
	letter-spacing:0.025em;
}

.subpage-body-table
{
    display:table;
    padding:3vw 5vw 0 5vw;
}

.subpage-body-table a
{
    color:#990000;
    text-decoration:none;
}

.subpage-body-table a:hover
{
    text-decoration:underline;
}

.subpage-body-cell-nav
{
    display:none;
}

.subpage-body-cell h2
{
    font-family: "PT Serif", serif;
    font-weight: 700;
    font-size:4vw;
    line-height:6vw;
    padding:0 0 20px 0;
}

.subpage-body-cell p, .subpage-body-cell ul, .subpage-body-cell ol, .subpage-body-cell li
{
    font-family: "Roboto", sans-serif;
    font-size:3vw;
    line-height:5vw;
    padding:0 0 20px 0;
}

.subpage-body-cell li
{
	padding:0 0 0 15px;
}	

.subpage-body-cell li::before 
{
	content: "• ";
}

.double-donation
{
	border: solid black 0px;
	padding:20px;
	margin:0 0 20px 0;
	text-align: center;
}

.participating-companies
{
	font-family: "Roboto", sans-serif;

    font-family: "Roboto", sans-serif;
    font-size:3vw;
    line-height:5vw;
	padding:0 0 20px 0;
}

.participating-companies-column li
{
	color:#666;
	list-style-type: disc;
	margin-left:13px;
}


/* Photo and Body Copy template */

.feature-photo
{
    margin:0 0 20px 0;
}

.feature-photo img
{
    width:100%;
}

/* /Photo and Body Copy template */



/* /SUB PAGE */


/* CARDINAL MESSAGE ------------------------------------------------ */

#cardinal-message
{
	font-family: "Libre Baskerville";
	margin:0;
}

#cardinal-message
{
    margin:0 0 10px 0;
    background:rgba(240,229,214,1);
}

#cardinal-letter
{
    display:table-cell;
    vertical-align:top;
    font-size:16px;
    line-height:32px;
    padding:30px 50px 30px 50px;
    letter-spacing:0.025em;
}

#cardinal-letter p
{
    margin:0 0 4vw 0;
}

#cardinal-letter a
{
    color:#b62147;
    text-decoration:none;
    font-weight:700;
}


/* AREAS OF SUPPORT ------------------------------------------------ */

#areas-of-support
{
	font-family: "PT Serif", serif;
	margin:4vw 3vw 0 3vw;
    text-align:center;
    display:inline-block;
    clear:both;
}

#areas-of-support h1
{
	font-size:5vw;
	line-height:7vw;
	margin:0 0 0 0;
	padding:0;
	color:rgba(31,53,106,1);
	font-weight:700;
    
}

.area-of-support
{
    float:left;
    width:45vw;
    height:43vw;
    padding:4vw 0 0 0;
}

.area-of-support:last-of-type
{
    width:90vw;
}

.support-container
{
    position:relative;
}

.support-stats
{
    position:absolute;
    top:8.5vw;
    width:45vw;
}

.support-stats-last
{
    width:90vw;
}

.support-circle
{
    margin:0;
    padding:0;
}

.support-stats h2
{
    font-family: "Roboto", sans-serif;
    font-weight:700;
    font-size:4vw;
    line-height:4vw;
}

.support-stats h3
{
    font-family: "Roboto", sans-serif;
    font-size:3vw;
    line-height:4vw;
}

.support-circle img
{
    width:25vw;
    padding:0 0 2vw 0;
}

.support-area
{
    font-family: "PT Serif", serif;
    font-size:3.5vw;
    line-height:4.5vw;
    padding:0 2vw 0 2vw;
}


/* YOUR IMPACT ------------------------------------------------ */

#your-impact
{
	font-family: "PT Serif", serif;
    text-align:center;
	background:rgba(178,36,73,.1);
	padding:5vw 3vw 5vw 3vw;
    margin:3vw 0 2vw 0;
    clear:both;
}

#your-impact h1
{
	font-size:5vw;
	line-height:7vw;
	margin:0 0 4vw 0;
	padding:0;
	color:rgba(178,36,73,1);
	font-weight:700;
}

.your-impact-column
{
    margin:0 10vw 0 10vw;
}

.your-impact-row
{
    padding:0 0 30px 0;
}

.your-impact-icon, .your-impact-copy
{
    display:table-cell;
    vertical-align:middle;
    text-align:left;
}

.your-impact-icon
{
    padding-right:20px;
}

.your-impact-icon img
{
    width:50px;
}

.your-impact-copy
{
    width:400px;
    font-size:3.5vw;
    line-height:5vw;
}

.your-impact-statistic
{
    color:rgba(178,36,73,1);
    font-size:4.5vw;
    font-weight:700;
}


/* WHERE YOUR SUPPORT GOES ------------------------------------------------ */

#where-your-support-goes
{
    background:#fff;
    text-align:center;
    margin:7vw 5vw 9vw 5vw;
}

#where-your-support-goes h1
{
    font-family: "PT Serif", serif;
    font-size:4vw;
	line-height:6vw;
	margin:0 0 5vw 0;
	padding:0;
	font-weight:700;
}

#where-your-support-goes ul
{
    background:#dedede;
    padding:4vw 8vw 4vw 8vw;
    border-radius:6vw;
}

#where-your-support-goes li
{
	font-family: "Roboto", sans-serif;
    line-height:175%;
    text-align:center;
    margin:2vw 0 2vw 0;
	padding:0;
    letter-spacing: 0.025em;
}

#where-your-support-goes a
{
    color:#b62147;
    text-decoration:none;
    font-weight:700;
}


/* COMMITTEES ------------------------------------------------ */

#committees
{
	font-family: "PT Serif", serif;
	background:rgba(26,83,220,.1);
	padding:3vw 3vw 3vw 3vw;
    margin:0 0 7vw 0;
}

#committees h1
{
	font-size:4vw;
	line-height:6vw;
	margin:0;
	padding:0;
	color:rgba(178,35,52,1);
	font-weight:700;
}

#committees h2
{
	font-size:3.5vw;
	line-height:5.5vw;
	margin:0;
	padding:0;
}

.committee-column
{
	text-align:center;
	margin:2vw 0 2vw 0;
}

.committee-hr
{
	background:rgba(178,35,52,1);
	width:10vw;
	height:0.75vw;
	margin:5vw 42.5vw 5vw 42.5vw;
}


/* DONATE NOW ------------------------------------------------ */

#donate-now
{
	font-family: "Roboto", sans-serif;
    text-align:center;
	background:rgba(178,36,73,1);
	padding:4vw 2vw 4vw 2vw;
    margin:3vw 0 3vw 0;
    letter-spacing: 0.025em;
}

#donate-now h1
{
	font-size:6vw;
	line-height:8vw;
	margin:0 0 4vw 0;
	padding:0;
	color:rgba(255,255,255,1);
	font-weight:700;
}

.donate-bubble
{
    display:table;
    background:rgba(255,255,255,1);
    margin:3vw auto 4vw auto;
    border-radius:6vw;
    padding:4vw 5vw 4vw 5vw;
    text-decoration:none;
    font-size:4vw;
    font-weight:500;
    color:rgba(178,36,73,1);
}


/* FOOTER ------------------------------------------------ */

#footer
{
    margin:7vw 0 9vw 0;
    padding:0 2vw 0 2vw;
    text-align:center;
    font-family: "Roboto", sans-serif;
}

#social-media-links
{
    margin:0 0 3vw 0;
}

#social-media-links li
{
    display:inline-block;
    
}

#social-media-links img
{
    width:8vw;
    margin:0 1vw 0 1vw;
}

.footer-block
{
    font-size:3vw;
    line-height:5vw;
}

.footer-block a
{
    color:rgba(178,36,73,1);
    text-decoration:none;
}

.footer-vr
{
    display:none;
}


/* PHOTO GALLERY ------------------------------------------------ */

.gallery
{
    margin:0;
    padding:0
}
.gallery-item, .gallery-icon, .gallery-icon img, gallery-icon-linkable, .gallery-icon-linkable img
{
    margin:0;
    padding:0;
    line-height:0;
    width:100%;
}
.gallery-item
{
    width:100%!important;
    margin:0 0 20px 0;
}
.gallery-icon img, .gallery-icon-linkable img
{
    height:auto!important;
    margin:0;
    padding:0
}
.gallery-caption
{
    margin:0;
    padding:10px 0 10px 0;
}

.gallery-icon a
{
    pointer-events:none;
}


.photo-gallery-description
{
	font-family: "PT Serif", serif;
	font-size:18px;
	line-height:120%;
	font-weight: 700;
	text-align:left; 
	padding:10px 0 0 0;
	padding:10px 0 0 0;
	display:block;
	color:#00306d!important;
	text-decoration:none!important;
	
}

.photo-gallery-date
{
	font-family: "Roboto", sans-serif;
	text-align:left; 
	font-size:85%;
	padding:14px 0 0 0;
	display:block;
	color:#555555!important;
	text-decoration:none!important;
}


#gallery {
	margin: auto;
}
#gallery .gallery-item {
	float: left;
	margin-top: 10px;
	text-align: center;
	width: 33%;
}
#gallery img {
	border: 0px solid #cfcfcf;
}
#gallery .gallery-caption {
	margin-left: 0;
}


/* 783px – 992px */
@media screen and (min-width:783px) 
{
	
	#red-band
	{
        background:#b62147;
        width:100%;
        height:10px;
        margin:0 0 0 0;
		display:block;
	}

	#donate-button-cell
	{
		display:none;
	}
	
	#top-elements-table
	{
		position:absolute;
		top: 10px;
		z-index: 1;
	}
	
	#site-logo
    {
        border-left:solid 0px #b62147;
    }
    
    #site-logo img
	{
		width:195px;
		padding:10px 20px 20px 10px;
		background:#fff;
	}
    
    /* WATCH VIDEO */
    
    /* hide mobile button */
    .watch-appeal-film
    {
        display:none;
    }
    
    .watch-video-desktop
    {
        display:block;
        position:absolute;
        z-index:0;
        width:373px;
        height:40px;
        padding:10px 20px 10px 20px;
        top:205px;
        background:#b62147;
        text-align:center;
    }
    
    .watch-video-desktop a
    {
        font-family: "Roboto", sans-serif;
        font-size:18px;
        line-height:18px;
        color:#fff;
        font-weight: 300;
        text-decoration:none;
        letter-spacing:0.025em;
    }
    
    .watch-video-desktop img
    {
        width:20px;
        vertical-align:middle;
    }
    
	/* MEGA MAX MENU */
	
	#mega-menu-main-menu
	{
		position: absolute!important;
		top: 24px!important;
		left: 230px!important;
		z-index: 11;
	}
	
	.mega-menu-link
	{
		font-size:12px!important;
		padding:0px 12px 0px 12px!important;
	}
	
	.mega-sub-menu .mega-menu-link
	{
		font-size:9px!important;
	}
	
	.mega-sub-menu .mega-menu-link
	{
		line-height:12px!important;
	}
	
	.mega-sub-menu .mega-menu-item a
	{
		padding-top:10px!important;
		padding-bottom:10px!important;
	}
    
    .mega-menu-item
    {
        border-bottom:0px!important;
    }
	
    /* SUB PAGE */
    
    #subpage-masthead h1
    {
		margin:0;
		padding:10px 30px 10px 30px;
    }
    
    .subpage-header
    {
        font-size:22px;
        line-height:38px;
        background:white;
        border-bottom:1px solid #e5e5e5;
		width:50%;
		position:relative;
		top:142px;
		left:196px;
		text-align:left;
    }
	
	.subpage-masthead-photo
	{
		top:10px;
		width:768px;
		position:absolute;
		z-index: -2;
		
	}
	
	.subpage-masthead-photo img
	{
		width:100%
	}
	
    .subpage-body-table
    {
        padding:142px 0 0 0;
		margin:0;
		position:relative;
		top:0;
		display:table;
    }

	.subpage-body-cell-nav, .subpage-body-cell
	{
		display:table-cell;
		vertical-align:top;
	}
	
	.subpage-body-cell-nav
	{
		background:#e5e5e5;
		width:196px;
		padding:0;
		color:#990000;
		font-family: "Roboto", sans-serif;
		font-size:13px;
		padding-bottom:20px;
	}
    
	.subpage-body-cell-nav li a
	{
		color:#990000;
        text-decoration:none;
	}
    
	.subpage-body-cell-nav li a:hover
	{
        text-decoration:underline;
	}
	
	.menu > .menu-item
	{
		border-top:solid 1px white;
		padding:25px 25px 25px 25px;
	}
	
    .menu > .current-menu-item
    {
        font-weight:700;
    }
	
    .sub-menu > .menu-item
    {
        font-weight:400;
    }
	
    .sub-menu > .current-menu-item
    {
        font-weight:700;
    }
    
    .current-menu-item::before 
	{
        content: "◼ ";
    }
	
    .sub-menu > .menu-item::before 
	{
        content: "○ ";
    }
	
	.sub-menu > .menu-item
	{
		padding:20px 0 0 15px;
	}
	
	.subpage-body-cell
	{
		background:white;
		width:572px;
		padding:20px 28px 0 28px;
	}

    .subpage-body-cell h2
    {
        font-family: "PT Serif", serif;
        font-weight: 700;
        font-size:21px;
        line-height:31px;
		color:#00306d;
    }

	.subpage-body-cell p, .subpage-body-cell ul, .subpage-body-cell li
    {
        font-family: "Roboto", sans-serif;
        font-size:16px;
        line-height:26px;
		color:#666666;
    }
	
	.participating-companies
	{
		font-family: "Roboto", sans-serif;
		color:#00306d;
		font-family: "Roboto", sans-serif;
        font-size:16px;
        line-height:26px;
	}
	
	/* /SUB PAGE */

	
	/* CARDINAL MESSAGE ------------------------------------------------ */
	
	#cardinal-message
	{
		margin:30px 0 10px 0;
	}
	
	#cardinal-letter
	{
		display:table-cell;
		vertical-align:top;
		font-size:16px;
		line-height:32px;
		padding:30px 50px 20px 50px;
        letter-spacing:0.025em;
	}
    
    #cardinal-letter p
    {
        margin:0 0 20px 0;
    }
	
    
    /* AREAS OF SUPPORT ------------------------------------------------ */

    #areas-of-support
	{
		margin:20px 0px 20px 0px;
	}
    
    #areas-of-support h1
    {
        font-size:24px;
        line-height:34px;
    }

    .area-of-support
    {
        width:250px;
        height:250px;
        padding:20px 0 0 0;
    }

    .area-of-support:last-of-type
    {
        width:250px;
    }

    .support-stats
    {
        top:50px;
        width:250px;
    }

    .support-stats-last
    {
        width:250px;
    }

    .support-stats h2
    {
        font-size:20px;
        line-height:24px;
    }

    .support-stats h3
    {
        font-size:20px;
        line-height:24px;
    }

    .support-circle img
    {
        width:150px;
        padding:0 0 20px; 0;
    }

    .support-area
    {
        font-family: "PT Serif", serif;
        font-size:18px;
        line-height:22px;
        padding:0 20px 0 20px;
    }
    
    /* YOUR IMPACT ------------------------------------------------ */

    #your-impact
    {
        padding:30px 30px 30px 30px;
        margin:20px 0px 0 0px;
    }

    #your-impact h1
    {
        font-size:24px;
        line-height:34px;
	    margin:0 0 20px; 0;
    }

    .your-impact-column
    {
        margin:0 130px 0 130px;
    }

    .your-impact-row
    {
        padding:0 0 30px 0;
    }

    .your-impact-icon
    {
        padding-right:30px;
    }

    .your-impact-icon img
    {
        width:60px;
    }

    .your-impact-copy
    {
        width:400px;
        font-size:17px;
        line-height:25px;
    }

    .your-impact-statistic
    {
        font-size:26px;
    }
    
    /* WHERE YOUR SUPPORT GOES ------------------------------------------------ */

    #where-your-support-goes
    {
        margin:30px 30px 40px 30px;
    }

    #where-your-support-goes h1
    {
        font-size:26px;
        line-height:36px;
        margin:0 0 20px 0;
    }

    #where-your-support-goes ul
    {
        padding:30px 60px 30px 60px;
        border-radius:20px;;
    }

    #where-your-support-goes li
    {
        line-height:150%;
        margin:0 0 20px 0;
    }
    
	/* COMMITTEES ------------------------------------------------ */
	
	.no-desktop
	{
		display:none;
	}
	
	#committees
	{
		margin:40px 0 40px 0;
		padding:20px 0 20px 0;
	}

	#committees h1
	{
		font-size:18px;
		line-height:24px;
		margin:0 0 10px 0;
	}

	#committees h2
	{
		font-size:14px;
		line-height:22px;
		margin:0 0 10px 0;
	}

	.committee-column
	{
		display:table-cell;
		width:260px;
		padding:0 40px 0 40px;
	}

	.committee-hr
	{
		width:35%;
		height:3px;
		margin:30px auto 30px auto;
	}
    
    
    /* DONATE NOW ------------------------------------------------ */

    #donate-now
    {
        margin:20px 0 0 0;
        padding:30px 0 30px 0;
    }

    #donate-now h1
    {
        font-size:36px;
        line-height:46px;
        margin:0 0 10px 0;
    }

    .donate-bubble
    {
        display:inline-block;
        border-radius:16px;;
        padding:10px 15px 10px 15px;
        margin:15px 5px 15px 5px;
        font-size:16px;
    }
    
    /* FOOTER ------------------------------------------------ */

    #footer
    {
        margin:30px 0 50px 0;
        padding:0 30px 0 30px;
    }

    #social-media-links
    {
        margin:0 0 10px 0;   
    }

    #social-media-links img
    {
        width:40px;
        margin:0 6px 0 6px;
    }

    .footer-block
    {
        font-size:16px;
        line-height:28px;
    }

    .footer-block a
    {
        color:rgba(178,36,73,1);
        text-decoration:none;
    }

    .footer-vr
    {
        display:none;
    }
    
    /* PHOTO GALLERY ------------------------------------------------ */

    .gallery
    {
        margin:0 0 0 0;
        padding:0 0 0 0;
    }
    
    .gallery-item
    {
        width:156px!important;
        margin:0 8px 6px 8px;
    }
	
    .archive-gallery-item
    {
		padding-bottom:20px;
    }
    
    .gallery-icon, .gallery-icon-linkable
    {
        position: relative;
        width:156px;
        height:156px;
        overflow: hidden;
        margin:0 0 0 0;
    }
    .gallery-icon img, .gallery-icon-linkable img 
    {
        position: relative;
        width: 100%!important;
        height: 100%!important;
        object-fit: cover;
        border:0!important;
    }
    
    .gallery-icon a
    {
        pointer-events:all;
    }

}


/* 992px – 1280px */
@media screen and (min-width:992px) 
{
	
	#site-logo img
	{
		width:250px;
		padding:15px 25px 25px 20px;
	}
	
    /* WATCH VIDEO */
    
    .watch-video-desktop
    {
        width:482px;
        height:60px;
        padding:17px 30px 30px 30px;
        top:254px;
    }
    
    .watch-video-desktop a
    {
        font-size:24px;
        line-height:24px;
    }
    
    .watch-video-desktop img
    {
        width:30px;
    }
    
	/* MEGA MAX MENU */
	
	#mega-menu-main-menu
	{
		top: 22px!important;
		left: 260px!important;
	}
	
	.mega-menu-link
	{
		font-size:15px!important;
		padding:0px 18px 0px 18px!important;
	}
	
	.mega-sub-menu .mega-menu-link
	{
		font-size:12px!important;
	}
	
	.mega-sub-menu .mega-menu-link
	{
		line-height:15px!important;
	}
	
	.mega-sub-menu .mega-menu-item a
	{
		padding-top:14px!important;
		padding-bottom:14px!important;
	}
	
	/* SUB PAGE */
	
	.subpage-masthead-photo
	{
		width:992px;
	}
	
    .subpage-header
    {
        font-size:23px;
        line-height:39px;
		top:200px;
		left:251px;
    }
	
    .subpage-body-table
    {
		top:0;
		padding-top:200px;
    }
	
	.subpage-body-cell-nav
	{
		width:251px;
		font-size:14px;
	}
	
	.subpage-body-cell-nav li
	{
		padding:20px 20px 20px 20px;
	}
	
	.subpage-body-cell
	{
		width:741px;
		padding:20px 28px 0 28px;
		background:white;
	}
	
	.participating-companies
	{
		display:table;
	}
	
	.participating-companies-column
	{
		display:table-cell;
		padding-right:30px;
	}
	
    
    /* Photo and Body Copy template */

    .feature-photo
    {
        width:430px;
    }

    /* /Photo and Body Copy template */
	
	
    /* Two Column template */

	.two-column
	{
		display:table-cell;
	}
	
	.two-column-column-two
	{
		padding-left:40px;
	}

    /* /Two Column template */
	
	
	/* /SUB PAGE */
	
	
	/* CARDINAL MESSAGE ------------------------------------------------ */
	
    
    /* AREAS OF SUPPORT ------------------------------------------------ */

    #areas-of-support
	{
		margin:20px 0px 0 0px;
	}
    
    #areas-of-support h1
    {
        font-size:26px;
        line-height:36px;
    }

    .area-of-support
    {
        width:200px;
        height:320px;
        padding:30px 0 0 0;
    }

    .area-of-support:last-of-type
    {
        width:180px;
    }

    .support-stats
    {
        top:45px;
        width:200px;
    }

    .support-stats-last
    {
        width:180px;
    }

    .support-stats h2
    {
        font-size:24px;
        line-height:28px;
    }

    .support-stats h3
    {
        font-size:20px;
        line-height:24px;
    }

    .support-circle img
    {
        width:150px;
        padding:0 0 20px; 0;
    }

    .support-area
    {
        font-family: "PT Serif", serif;
        font-size:18px;
        line-height:22px;
        padding:0 20px 0 20px;
    }
    
    /* YOUR IMPACT ------------------------------------------------ */

    #your-impact
    {
        padding:30px 30px 30px 30px;
        margin:20px 0px 0 0px;
    }

    #your-impact h1
    {
        font-size:26px;
        line-height:36px;
    }

    .your-impact-column
    {
        margin:0 0 0 0;
        padding:0 30px 0 10px;
        display:table-cell;
        vertical-align:top;
    }

    .your-impact-row
    {
        padding:0 0 30px 0;
    }

    .your-impact-icon
    {
        padding-right:30px;
    }

    .your-impact-icon img
    {
        width:60px;
    }

    .your-impact-copy
    {
        width:400px;
        font-size:17px;
        line-height:25px;
    }

    .your-impact-statistic
    {
        font-size:26px;
    }
    
    
	/* COMMITTEES ------------------------------------------------ */
	
	#committees
	{
		margin:40px 0 40px 0;
		padding:30px 0 30px 0;
	}

	#committees h1
	{
		font-size:18px;
		line-height:24px;
		margin:0 0 10px 0;
	}

	#committees h2
	{
		font-size:15px;
		line-height:22px;
		margin:0 0 10px 0;
	}

	.committee-column
	{
		width:340px;
		padding:0 40px 0 40px;
	}

	.committee-hr
	{
		height:3px;
		margin:40px auto 40px auto;
	}
    
    
    /* DONATE NOW ------------------------------------------------ */

    #donate-now
    {
        margin:20px 0 0 0;
        padding:30px 0 30px 0;
    }

    #donate-now h1
    {
        font-size:36px;
        line-height:46px;
    }

    .donate-bubble
    {
        border-radius:19px;;
        padding:10px 20px 10px 20px;
        margin:15px 10px 15px 10px;
        font-size:19px;
    }
    
    /* FOOTER ------------------------------------------------ */

    #footer
    {
        margin:40px 0 60px 0;
        padding:0 30px 0 30px;
    }

    #social-media-links
    {
        margin:0 0 20px 0;   
    }

    #social-media-links img
    {
        width:40px;
        margin:0 6px 0 6px;
    }

    .footer-block
    {
        font-size:15px;
        line-height:27px;
        display:inline-block;
    }

    .footer-block a
    {
        color:rgba(178,36,73,1);
        text-decoration:none;
    }

    .footer-vr
    {
        display:inline-block;
        margin:0 10px 0 10px;
    }
    
    /* PHOTO GALLERY ------------------------------------------------ */

    .gallery
    {
        margin:0 0 0 0;
        padding:0 0 0 0;
    }
    
    .gallery-item
    {
        width:212px!important;
        margin:0 8px 6px 8px;
    }
    
    .gallery-icon, .gallery-icon-linkable
    {
        position: relative;
        width:212px;
        height:212px;
        overflow: hidden;
        margin:0 0 0 0;
    }
    .gallery-icon img, .gallery-icon-linkable img 
    {
        position: relative;
        width: 100%!important;
        height: 100%!important;
        object-fit: cover;
        border:0!important;
    }
    
}


/* >1280px */
@media screen and (min-width:1280px) 
{
	
	#site-logo img
	{
		width:320px;
		padding:20px 35px 25px 30px;
	}
	
    /* WATCH VIDEO */
    
    .watch-video-desktop
    {
        width:621px;
        height:75px;
        padding:22px 30px 30px 30px;
        top:326px;
    }
    
    .watch-video-desktop a
    {
        font-size:28px;
        line-height:28px;
    }
    
	/* MEGA MAX MENU */
	
	#mega-menu-main-menu
	{
		top: 28px!important;
		left: 340px!important;
	}
	
	.mega-menu-link
	{
		font-size:18px!important;
		padding:0px 28px 0px 28px!important;
	}
	
	.mega-sub-menu .mega-menu-link
	{
		font-size:14px!important;
	}
	
	.mega-sub-menu .mega-menu-link
	{
		line-height:17px!important;
	}
	
	.mega-sub-menu .mega-menu-item a
	{
		padding-top:15px!important;
		padding-bottom:15px!important;
	}
	
	/* SUB PAGE */
	
    #subpage-masthead h1
    {
		margin:0;
		padding:10px 30px 10px 30px;
    }
	
	.subpage-masthead-photo
	{
		width:1280px;
	}
	
    .subpage-header
    {
        font-size:23px;
        line-height:39px;
		top:276px;
		left:321px;
    }
	
    .subpage-body-table
    {
		top:0;
		padding-top:276px;
    }
	
	.subpage-body-cell-nav
	{
		width:321px;
		font-size:16px;
	}
	
	.subpage-body-cell-nav li
	{
		padding:30px;
	}
	
	.subpage-body-cell
	{
		width:959px;
		padding:20px 40px 0 30px;
		background:white;
	}
    
    /* Photo and Body Copy template */

    .feature-photo
    {
        width:570px;
    }

    /* /Photo and Body Copy template */
	
	/* /SUB PAGE */
	
	
	/* CARDINAL MESSAGE ------------------------------------------------ */
	
    
    /* AREAS OF SUPPORT ------------------------------------------------ */

    #areas-of-support
	{
		margin:20px 0px 0 0px;
	}
    
    #areas-of-support h1
    {
        font-size:26px;
        line-height:36px;
    }

    .area-of-support
    {
        width:255px;
        height:320px;
        padding:20px 0 0 0;
    }

    .area-of-support:last-of-type
    {
        width:230px;
    }

    .support-stats
    {
        top:60px;
        width:250px;
    }

    .support-stats-last
    {
        width:230px;
    }

    .support-stats h2
    {
        font-size:24px;
        line-height:28px;
    }

    .support-stats h3
    {
        font-size:20px;
        line-height:24px;
    }

    .support-circle img
    {
        width:180px;
        padding:0 0 20px; 0;
    }

    .support-area
    {
        font-family: "PT Serif", serif;
        font-size:18px;
        line-height:22px;
        padding:0 20px 0 20px;
    }
    
    /* YOUR IMPACT ------------------------------------------------ */

    #your-impact
    {
        padding:30px 30px 30px 30px;
        margin:20px 0px 0 0px;
    }

    #your-impact h1
    {
        font-size:26px;
        line-height:36px;
    }

    .your-impact-column
    {
        margin:0 0 0 0;
        padding:0 60px 0 40px;
    }

    .your-impact-row
    {
        padding:0 0 30px 0;
    }

    .your-impact-icon
    {
        padding-right:30px;
    }

    .your-impact-icon img
    {
        width:60px;
    }

    .your-impact-copy
    {
        width:450px;
        font-size:19px;
        line-height:27px;
    }

    .your-impact-statistic
    {
        font-size:26px;
    }
    
    
	/* COMMITTEES ------------------------------------------------ */
	
	#committees
	{
		margin:40px 0 40px 0;
		padding:30px 0 30px 0;
	}

	#committees h1
	{
		font-size:20px;
		line-height:28px;
		margin:0 0 10px 0;
	}

	#committees h2
	{
		font-size:16px;
		line-height:24px;
		margin:0 0 10px 0;
	}

	.committee-column
	{
		width:420px;
		padding:0 40px 0 40px;
	}

	.committee-hr
	{
		height:4px;
		margin:40px auto 40px auto;
	}
    
    
    /* DONATE NOW ------------------------------------------------ */

    #donate-now
    {
        margin:20px 0 0 0;
        padding:30px 0 30px 0;
    }

    #donate-now h1
    {
        font-size:36px;
        line-height:46px;
    }

    .donate-bubble
    {
        border-radius:19px;;
        padding:10px 30px 10px 30px;
        margin:20px 15px 20px 15px;
        font-size:23px;
    }
    
    /* PHOTO GALLERY ------------------------------------------------ */

    .gallery
    {
        margin:0 0 0 0;
        padding:0 0 0 0;
    }
    
    .gallery-item
    {
        width:278px!important;
        margin:0 8px 6px 8px;
    }
    
    .gallery-icon, .gallery-icon-linkable
    {
        position: relative;
        width:278px;
        height:278px;
        overflow: hidden;
        margin:0 0 0 0;
    }
    .gallery-icon img, .gallery-icon-linkable img 
    {
        position: relative;
        width: 100%!important;
        height: 100%!important;
        object-fit: cover;
        border:0!important;
    }
    
}


/* WP FORMS ------------------------------------------------ */

.wpforms-container
{
    font-family: "Roboto", sans-serif;
    background:rgba(137,78,30,0.05)!important;
    padding:30px!important;
}

.wpforms-submit
{
    background:#b62147!important;
}



/* VIDEO ------------------------------------------------ */

.video-block
{
    /*background:lightgray;*/
    margin:0 0 4vw 0;
}

.video-image img
{
    width:100%
}

.video-title
{
    line-height:145%;
    margin:2vw 0 0 0;
	font-family: "Roboto", sans-serif;
}

.play-button
{
    display:inline-block;
    position:absolute;
    width:50px;
    height:50px;
    margin:20px 0 0 20px;
    pointer-events:none;
}

.play-button img
{
    width:50px;
    height:50px;
}


/* 768px – 992px */
@media screen and (min-width: 768px)
{
 
    .video-block
    {
        margin:0 0 30px 0;
    }

    .video-title
    {
        margin:20px 0 0 0;
    }
    

    .play-button
    {
        width:75px;
        height:75px;
        margin:30px 0 0 30px;
    }

    .play-button img
    {
        width:75px;
        height:75px;
    }
    
}


/* DAF DIRECT ------------------------------------------------ */

/* >1280px */
@media screen and (min-width:1280px) 
{
	#daf-direct
	{
		float:right;
		padding:0 0 20px 20px;
	}
}


/* TESTIMONIALS ------------------------------------------------ */

#testimonials
{
	font-family: "Roboto", sans-serif;
	position:relative;
	z-index:1;
	background:white;
	margin:0 0 0 0;
}

.testimonial-slideshow .caption
{
	color:black;
	font-family: "Roboto", sans-serif;
	padding:20px!important;
}



/* HOME VIDEO BANNER ------------------------------------------------ */

/* < 783px */
@media screen and (max-width:783px) 
{
	
	#home-banner-left-logo, #home-banner-left-watch-video
	{
		padding:30px;
	}
	
    #home-banner-left-logo img, #home-banner-left-watch-video img
    {
        width:100%;
    }
	
	#home-banner-right
	{
		display:none;
	}
	
	#home-banner-left-watch-video
	{
		background:#b62147
	}
}

/* 783px – 992px */
@media screen and (min-width:783px) 
{

    #home-banner
    {
        
    }
    
    #home-banner-left, .home-banner-mid, #home-banner-right
    {
        height:290px;
    }
    
    #home-banner-left
    {
        background:#666;
        width:100%;
        background-image:url(/wp-content/uploads/2026/01/cardinal-banner-v2.jpg);
        background-size:cover;
        background-repeat:no-repeat;
        background-position:center center;   
    }
    
    .home-banner-mid
    {
        display:none;
    }
    
    #home-banner-right
    {
        display:none;
    }
    
    #home-banner-bleed
    {
        display:none;
    }
    
    #home-banner-left-table
    {
        display:table;
        width:100%;
        height:290px;
        /*background: green;*/
		vertical-align:top;
    }
    
    #home-benner-left-logo
    {
        display:table-cell;
        width:50%;
        vertical-align:top;
        /*background:blue*/
    }
    
    #home-banner-left-watch-video
    {
        display:table-cell;
        width:50%;
        vertical-align:bottom;
        text-align:right;
		padding:0 20px 20px 0;
        /*background:red;*/
    }
    
    #home-banner-left-logo img
    {
        width:200px;
        background:#fff;
        padding:20px;
    }
    
    #home-banner-left-watch-video img
    {
        width:250px;    
    }
}

/* 992px – 1280px */
@media screen and (min-width:992px) 
{
    
    #home-banner-left, .home-banner-mid, #home-banner-right
    {
        height:350px;
    }
    
    #home-banner-left-table
    {
        height:350px;
    }
    
    #home-banner-left-logo img
    {
        width:230px;
    }
    
    #home-banner-left-watch-video img
    {
        width:310px;    
    }
}

/* >1280px */
@media screen and (min-width:1280px) 
{
	
	#home-banner-left
	{
		vertical-align:top;
	}
	
	#home-banner
	{
		background:#b62147;
		
	}
    
    #home-banner-left, .home-banner-mid, #home-banner-right, #home-banner-right video
    {
        display:table-cell;
		height:350px;
    }
    
    #home-banner-left
    {
		width:70%;
		height:350px;
    }
    
    .home-banner-mid
    {
        width:10px;
        padding-right:10px;
        background:#b62147;
    }
	
	#home-banner-right
	{
		background:#b62147;
	}
    
    #home-banner-right video
    {
		object-fit:fill;
		top: 0;
		left: 0;
    }
	
	#home-banner-left-table
	{
		height:350px;
	}
    
    #home-banner-bleed
    {
        display:table-cell;
		width:100%;
        height:350px;
        background-image:url(/wp-content/uploads/2024/08/parishioners.jpg);
        background-size:cover;
        background-repeat:no-repeat;
        background-position:left center;   
    }

}


/* ALLOCATED ------------------------------------------------ */

#allocated-body
{
    font-family: "Roboto", sans-serif;
    font-size:3vw;
    line-height:5vw;
    padding:20px 20px 20px 20px;
}

#allocated-body p
{
	padding-bottom:20px;
}

/* 783px – 992px */
@media screen and (min-width:783px) 
{

	#allocated-body
    {
        font-family: "Roboto", sans-serif;
        font-size:16px;
        line-height:26px;
		color:#666666;
    	padding:20px 20px 20px 20px;
    }
    
	#areas-of-support h1
	{
		padding:20px 0 0 0;
	}
    
}


/* WP POPUPS ------------------------------------------------ */

.spu-content
{
	padding:10px!important;
}

.spu-content p
{
	font-family: "Roboto", sans-serif!important;
	line-height: 150%!important;
	color:#666666!important;
	padding-bottom: 20px!important;
}

.spu-content img
{
	padding-bottom:20px!important;
}


/* HOME TWO THIRDS VIDEO ------------------------------------------------ */

#home-two-thirds-video-container
{
    position:relative;
    overflow: hidden;
    /* width: 100vw; */
    height:66vh;
    min-height:600px;
    background:#999999;
	display:none;
}

/* Style the video: 100% width and height to cover the entire window */
#myVideo 
{
    min-width: 100%;
    min-height: 100%;
    object-fit: cover;
    margin-left: 50vw;
    transform: translate(-50%);
}

#gradient-bar
{
    width:100%;
    height:200px;
    background: #000000;
    background: linear-gradient(180deg, rgba(0, 0, 0, .5) 25%, rgba(0, 0, 0, 0) 100%);
    position:absolute;
    z-index:1;
}

#logo-inverse
{
    display:block;
    position:absolute;
    z-index:2;
}

#logo-inverse img
{
    width:100%;
    padding:5vw 10vw 0 10vw;

}

#sharing
{
    position:absolute;
    z-index:1;
    color:#fff;
    width: 100vw;
    height:66vh;
    margin:auto;
    vertical-align:middle;
    filter: drop-shadow(5px 5px 10px #333333);
}

#sharing-video
{
    display:table;
    margin:auto;
    vertical-align:middle;
    text-decoration:none;
    padding:10px 0 0 0;
}

#sharing-video-button
{
    display:table-cell;
    vertical-align:middle;
    padding:0 10px 0 0;
}

#sharing-video-button img
{
    width:50px;
}

#sharing-video-text
{
    display:table-cell;
    vertical-align:middle;
    color:#ffffff;
    font-family: "Roboto", sans-serif;
    font-size:20px;
    font-weight:500;
}

/* 783px – 992px */
@media screen and (min-width:783px) 
{
    
    #sharing-text
    {
        display:table;
        margin:auto;
        width:90%;
        vertical-align:middle;
        margin-top:25vh;
        margin-bottom:20px;
        text-align: center;
        font-family: "PT Serif", serif;
        line-height:125%;
        font-weight:300;
        max-width:800px;
    }
    
    #sharing-text
    {
        font-size:250%;

    }

    .sharing-text-bold
    {
        font-weight:700;
    }
    
    #sharing-video-text
    {
        font-size:30px;
    }
	
	.two-thirds-video-mobile
	{
		display:none!important;
	}
	
	#home-two-thirds-video-container
	{
		display:block;
	}
    
    .menu-home-banner #mega-menu-main-menu
    {
        position: absolute;
        top: 30px!important;
        left:40vw!important;
    }
    
    #logo-inverse
    {
        display:block;
        position:absolute;
        z-index:2;
        width:350px;
        top:10px;
        left:5vw;
    }

    #logo-inverse img
    {
        width:100%;
        padding:0
    }
    
    
}

/* 992px – 1280px */
@media screen and (min-width:992px) 
{
    
    #logo-inverse
    {
        left:8vw;
        width:380px;
    }   
    
    #sharing-text
    {
        font-size:300%;
    }
    
}

/* >1280px */
@media screen and (min-width:1280px) 
{
    
    #logo-inverse
    {
        left:12vw;
        width:400px;
    }
    
    #sharing-video
    {
        padding:20px 0 0 0
    }
    
    #sharing-video-button img
    {
        width:65px;
    }
    
    #sharing-text
    {
        margin-top:17.5vh;
        margin-bottom:20px;
    } 
    
    #sharing-text
    {
        font-size:400%;

    }

    #sharing-video-text
    {
        font-size:40px;
    }
    
    #sharing-video-button
    {
        padding:0 20px 0 0;
        padding:0 15px 0 0;
    }
    
}


/* COUNTDOWN CLOCK ------------------------------------------------ */


/* MOBILE */
@media screen and (max-width:783px) 
{

    #countdown-clock-mobile
    {
        text-align: center;
        padding:30px 0 25px 0;
    }
    
    #countdown-clock-mobile-message
    {
        font-family: "Roboto", sans-serif;
        font-size:125%;
        font-weight:700;
    }
    
    #countdown-clock-mobile-clock
    {
        
    }
    
}


/* 783px – 992px */
@media screen and (min-width:783px) 
{
    
    #countdown-clock-desktop
    {
        margin:20px auto auto auto;
        width:500px;
        
    }
    
    #countdown-clock-desktop img
    {
        
        width:100%;
    }
    
}

/* 992px – 1280px */
@media screen and (min-width:992px) 
{
    
    #countdown-clock-desktop
    {
        width:600px;
    }
    
}

/* >1280px */
@media screen and (min-width:1280px) 
{
    
    #countdown-clock-desktop
    {
        width:700px;
    }
    
}