/* === custom.css === */ 
/* === Parish website administrators may include === */
/* === custom css updates for their website in the space below. === */

/*Dropdown Menus*/
header nav .dropdown-menu.show { width: 15vw; max-width: 20vw; box-shadow: 1px 1px 1px #555; } 
header nav .dropdown-menu ul li a.nav-link.p-3 { width: 100%; padding: .675rem .675rem .675rem 1.25rem !important; }

/*PayPal Styles*/
form input[type=image] { border: none; max-width: 250px; padding: 3%;  }

/*News Images*/
.news-image-left-25, .news-image-left-50 { border: none; }

/*Reduce Spacing Below Slider*/
.pt-5, .py-5 { padding-top: 1.8rem!important; }

/*Reduce Spacing In Online Chapel Title*/
h3.prayer_corner_title { margin: 0 0 2% 0; clear: both; }

/*Modifications to the site logo position and carousel overlay on mobile*/

@media (max-width: 991.98px) {
.carousel-caption { position: absolute; width: 100%; left: 0; right: 0; bottom: 0; top: 0; padding: 10px 0; background: rgba(0,0,0,0.6); }
}

@media (max-width: 767.98px) {
	#site-logo { top: -32px; }
}

header {
    background: linear-gradient(to bottom, rgba(0, 0, 0, .80), rgba(0, 0, 0, .20), rgba(0, 0, 0, .10), rgba(0, 0, 0, .05)), url(/assets/template-elements/background-images/bg-holy-fathers.jpg);
    background: linear-gradient(to bottom, rgba(0, 0, 0, .80), rgba(0, 0, 0, .20), rgba(0, 0, 0, .10), rgba(0, 0, 0, .05)), var(--background-image);
    background-position: center;
    background-size: cover;
    text-shadow: var(--text-shadows);
}