/*** Headings ***/

.heading1, .richTxt h2 {
    font-family: "adelle", sans-serif;
    font-weight: 700;
    font-size: 2rem;
    color: #102850;
    margin-bottom: 2rem;
    line-height: 1.1em;
}
    .bgDark .heading1,
    .bgDark .richTxt h2 {
        color: #FFF;
    }
    .heading1 i  {
        margin-right: 1rem;
    }
    @media (max-width:450px) {
        .heading1 {
            font-size: 1.75rem;
			text-align: center;
        }
    	.heading1 i {
    		display: block;
    		text-align: center;
    		margin-bottom: .75rem;
    		margin-right: 0;
    	}
    }
    .dark .heading1 {
        color: #fff;
    }
    
.heading2, .richTxt h3 {
    font-size: 1.25rem;
    margin-bottom: 1rem;
    font-weight: 700;
    color: #102850;
    font-family: "adelle", sans-serif;
}

.dark .richTxt h2, .dark .richTxt h3 {
    color: #fff;
}

.holiday-header {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    bottom: auto;
    padding: 0.5rem;
    background-color: #d82425;
    color: #ffffff;
    z-index: 1000;
    box-shadow: 0 0 10px rgba(0,0,0,.25);
    font-size: 1.25rem;
    text-align: center;
}

.holiday-header_fixed {
    position: fixed !important;
    z-index: 1001;
}

@media screen and (max-width: 600px) {
    .holiday-header {
        font-size: 1rem;
    }
}

@media screen and (max-width: 400px) {
    .holiday-header {
        font-size: .9rem;
    }
}


.container {
    min-width: 900px;
    max-width: 1500px;
    margin: 0 auto;
    padding: 0 5rem;
    zoom: 1;
    position: relative;
}

    @media screen and (max-width: 1200px) {
        .container {
            min-width: 290px;
        }
    }

    @media screen and (max-width: 700px) {
        .container {
            padding: 0 2rem;
        }
    }

    @media screen and (max-width: 500px) {
        .container {
            padding: 0 1rem;
        }
    }


body {
    position: relative;
    background-color: #fff;
    font-family: "Source Sans Pro", "source-sans-pro", sans-serif;
}

.bgLight {
    background: url('../../../images/white-wood-bg-4.jpg') #f5f5f5;
    background-size: 100%;
    background-repeat: repeat-y;
    background-position: center;
    color: #3e3327;
}
@media (max-width: 1000px) {
    bgLight {
        background-size: 1000px;
    }
}


.bgDark {
    background: url('../../../images/dark-wood-bg.jpg') #453E39;
    background-size: 100%;
    background-repeat: repeat-y;
    background-position: center;
    color: #fff;
}
@media (max-width: 1000px) {
    bgDark {
        background-size: 1000px;
    }
}


.section {
    padding: 2.25rem 0;
}

.center {
    text-align: center;
}

.pageMeta {
    background: url('../../../images/dark-wood-bg.jpg') #453E39;
    background-repeat: repeat-y;
    background-size: 100%;
    color: #fff;
    padding: 2rem 0;
}
    @media (max-width: 600px) {
        .pageMeta {
            background-size: 600px;
        }
    }
    .pageMeta-title {
        margin-bottom: 0;
    }


.breadcrumb {
    font-size: 1.05rem;
}
    @media (max-width: 450px) {
        .breadcrumb {
            text-align: center;
        }
    }

.topbar {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    bottom: auto;
    padding: 0;
    background-color: #102850;
    color: #ffffff;
    z-index: 999;
    box-shadow: 0 0 10px rgba(0,0,0,.25);
}
    /*.region_yourmcmfundraising .topbar {
        background-color: #279682; /*#bf1e17*/ /*279196*/
    /*}*/
    .region_perfectpastries .topbar {
        background-color: #5faed2; /*#85C1DD*/
    }


.logo {
    position: absolute;
    top: 1rem;
    display: block;
    width: 17.5rem;
    z-index: 998;
}
    @media screen and (max-width: 1050px) {
        .logo {
            width: 12rem;
        }
            .region_perfectpastries .logo {
                width: 10rem;
            }
    }
    @media screen and (max-width: 600px) {
        .logo {
            width: 9.37rem;
        }
    }

.link, .richTxt a {
	color: #73C7FF;
	font-weight: 600;
	transition: all .3s;
	border-color: #73C7FF;
}
	.link:hover, .richTxt a:hover {
		transition: all .3s;
	}



.main {
    background: url('../../../images/white-wood-bg-4.jpg') #f5f5f5;
    background-size: 100%;
    background-repeat: repeat-y;
    background-position: center;
    color: #3e3327;
}
    @media (max-width: 1000px) {
        .main {
            background-size: 1000px;
        }
    }

.footer {
    height: auto;
    background-color: #252525;
	border-top: 1px solid #575757;
    color: #fff;
    padding: 1.5rem 0;
	font-weight: 600;
	font-size: .95rem;
	color: #B3B3B3;
}
	.footer-layout {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
    .footer-wrap {
        flex-wrap: wrap;
    }
    .footer a:hover {
        color: #ffffff;
        transition: all .3s;
    }
    .footer-item .link {
		display: block;
		font-weight: 600;
		font-size: .95rem;
		color: #B3B3B3;
        border: none;
        margin-bottom: .5rem;
	}
    .footer-phone {}
	    .footer-phone i {
	        margin-left: .15rem;
			font-size: 1.25rem;
	    }
	.footer-social {
		margin-bottom: .5rem;
		color: #FFF;
	}
	    .footer-social > li {
	        display: inline-block;
	        margin: 0 0.5rem;
	    }
	    .footer-social i {
			font-size: 1.75rem;
		}
    .footer-byline {
        color: #ffffff;
        font-size: 0.875rem;
        opacity: 0.75;
    }
    .footer-item {
		flex-basis: 33%;
        max-height: 100%;
	}
		.footer-item_left {}
		    .footer-item_left a {
				margin-bottom: .5rem;
			}
			.footer-item_left i {
				width: 1rem;
				margin-right: 1rem;
			}
	    .footer-item_left:first-child {
	        font-weight: 100;
	    }
	    .footer-item_center {
			text-align: center;
		}
	    .footer-item_right {
	        text-align: right;
			font-weight: 200;
	    }
	    	.footer-item_right span {
				margin-right: 1rem;
			}
            .footer-item_right i {
                width: .75rem;
                margin-right: .75rem;
            }
    .footer-location {
		display: block;
	}
		.footer-location i {
			display: inline-block;
			vertical-align: middle;
		}
		.footer-location address {
			display: inline-block;
			font-weight: 600;
			vertical-align: middle;
		}
    .footer-staff {
        flex-basis: 100%;
    }

    @media (max-width: 975px) {
		.footer {
			text-align: center;
		}
			.footer-social li > a {
				font-size: 2rem;
				padding-left: 2px;
				padding-right: 2px;
			}

		.footer-item {
			margin-right: 0;
			margin-bottom: 2rem;
			float: none;
            text-align: center;
			display: block;
		}
        .footer-layout {
            display: block;
        }
	}

.staffContact {
    margin-bottom: 2.5rem;

    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 2rem;
    grid-row-gap: 1rem;
}
    .staffContact-item {}
    .staffContact-name {}
    .staffContact-phone {}
    .staffContact-email {}
        .staffContact-email i {
            font-size: .75em;
        }
    .staffContact-phone, .staffContact-email {
        font-weight: 400;
        display: block;
    }
        .staffContact a:hover, .staffContact a:focus {
            color: #85C1DD;
        }
        .staffContact-phone i, .staffContact-email i {
            margin-right: 5px;
            width: 15px;
        }
    @media (max-width: 1100px) {
        .staffContact {
            grid-template-columns: repeat(3, 1fr);
        }
    }
    @media (max-width: 800px) {
        .staffContact {
            grid-template-columns: 1fr 1fr;
        }
    }
    @media (max-width: 500px) {
        .staffContact {
            grid-template-columns: auto;
        }
    }

.txtBox {
    padding: 1rem .5rem;
    background-color: #fff;
}
.txtBox:focus {
    outline: none;
    box-shadow: 0 1px 3px 0 #cfd7df;
}

.content {
    margin-right: 425px;
}
.content_full {
	margin-right: 0;
	float: none;
}
.sidebar {
    width: 375px;
    float: right;
    position: relative;
}
    @media (max-width: 1075px) {
        .content, .sidebar {
            float: none;
            width: 100%;
        }
    }
    @media (max-width: 800px) {
    	.sidebar {
    		margin-top: 0;
    		margin-bottom: 2rem;
    	}
    }

.btn {
    background-color: #4BAB91;
    border-radius: 3px;
    font-size: 1rem;
    padding: 1rem 2.25rem;
}
    .btn_sm {
        padding: .25rem;
    }
    .btn i {
        margin-left: .5rem;
        margin-right: .5rem;
        vertical-align: middle;
    }
    .btn:hover, .btn:focus {
    	-webkit-transition: all .3s;
    	transition: all .3s;
    }
   	.btn_white {
   		background-color: #FFF;
   		color: #102850;
   	}
   		.btn_white:hover, .btn_white:focus {
   			background-color: #86796A;
   			color: #FFF;
   		}
    .btn_blue {
        background-color: #254B8C;
    }
    .richTxt .btn {
        color: #fff;
    }


.badge {
    width: auto;
    font-size: .75em;
    text-transform: uppercase;
    border: 1px solid;
    padding: 2px 4px 1px;
    border-radius: 4px;
    color: #4d9bc5;
}
    .badge_green {
        color: #38A35D;
        border-color: #38A35D;
    }

.notice2 {
    position: relative;
    border-radius: 5px;
    border: 1px solid;
    padding: 6px 6px 6px 0;
    color: #4d9bc5;
    font-size: .8rem;
    line-height: 1.1em;
}
    .notice2-icon {
        position: absolute;
        top:50%; left:0;
        width: 40px;
        font-size: 20px;
        text-align: center;
        transform: translateY(-50%);
    }
    .notice2-txt {
        margin-left: 40px;
    }
.notice2_green {
    color: #38A35D;
    border-color: #38A35D;
}

.slideshow {
    position: relative;
}
    .slideshow, .slideshow-slide {
        height: 25rem;
    }
    .template_Home .slideshow,
    .template_Home .slideshow-slide {
        height: calc(80vh - 60px); /* 60px is approx height of menu bar */
        min-height: 500px;
    }
    .slideshow-slide {
        width: 100%;

        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }
    .slideshow-link {
        display: block;
        width: 100%;
    }
    .slideshow-prev, .slideshow-next {
        position: absolute;
        font-size: 50px;
        top: 50%;
        z-index: 300;
        color: #f5f5f5;
        opacity: .8;

        -ms-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    .slideshow-prev:hover, .slideshow-next:hover {
        cursor: pointer;
        opacity: 1;
    }
    .slideshow-prev {
        left: 4%;
    }
    .slideshow-next {
        right: 4%;
    }
    .slideshow-pager {
        position: absolute;
        font-size: 50px;
        left:0; bottom:1rem; right:0;
        z-index: 100;
        text-align: center;
    }
    .slideshow-pager span {
        cursor: pointer;
        color: #bbb;
        display: inline-block;
        margin: 0 .25rem;
    }
    .slideshow-pager > .cycle-pager-active {
        color: #fff;
    }
    .slideshow-overlay {
        position: absolute;
        pointer-events: none;
        top:0; right:0; bottom:0; left:0;

        background: linear-gradient(to bottom, rgba(255,255,255,.85) 15%,rgba(255,255,255,0) 50%);
    }
    .slideshow-caption {
        position: relative;
    }
        .slideshow-caption h2 {
            position: absolute;
            margin-left: 20rem;
            margin-top: 3rem;
            text-align: center;
            left: 0; right: 0;
            font-size: 2.25rem;
            line-height: 1.3;
            text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff;
        }
        .slideshow-caption div {
            max-width: 50rem;
            margin: 0 auto;
        }
    @media (max-width: 1050px) {
        .slideshow-caption h2 {
            margin-left: 0;
            margin-top: 9rem;
            margin: 9.5rem auto 0;
            font-size: 2rem;
            width: 75%;
        }
        .region_perfectpastries .slideshow-caption h2 {
            margin-top: 10.5rem;
        }
    }
    @media (max-width: 600px) {
        .slideshow, .slideshow-slide {
            height: 16rem;
        }
        .slideshow-caption h2 {
            margin-top: 8rem;
            width: 85%;
            font-size: 1.8rem;
        }
        .region_perfectpastries .slideshow-caption h2 {
            margin-top: 11.5rem;
        }
        .slideshow-prev, .slideshow-next {
            font-size: 40px;
        }
        .slideshow-overlay {
            background: linear-gradient(to bottom, rgba(255,255,255,.95) 10%,rgba(255,255,255,0) 75%);
        }
    }

.section1 {
	background-size: contain;
	background-repeat-x: repeat;
	color: #FFF;
	padding: 3rem 0;
}

.section2 {}

.section3 {
    padding-top: 4rem;
    padding-bottom: 4rem;
}
    .dark strong,
    .bgDark strong{
        color: #73C7FF;
    }

.borderBox {}
    .borderBox-container {
        width: 100%;
        margin: 0 auto;
        position: relative;
        z-index: 20;
    }
        .borderBox-container::before {
            position: absolute;
            background: transparent;
            content: '';
            top: 0;
            right: 0;
            height: calc(100% - 8px);
            width: calc(100% - 8px);
            bottom: 0;
            left: 0;
            z-index: 1;
            transform: translate(-15px, -15px);
            border: 4px solid #4d4d4d;
            border-radius: 12px;
        }
    .borderBox-bg {
        padding: 5em 7em 5em 5em;
        border-radius: 12px;
        background: #fdf4c7;
        margin: 0;
    }
        .borderBox-bg::before {
            position: absolute;
            background: url(../../../images/dash-accent.png) no-repeat top 0 right 60px;
            content: '';
            top: 0;
            right: 0;
            height: 100%;
            width: 100%;
            bottom: 0;
            left: 0;
            z-index: 1;
            transform: translate(0, -33px);
        }
    @media (max-width: 600px) {
        .borderBox-container {
            width: 95%;
        }
        .borderBox-bg {
            padding: 3em 5em 3em 3em;
        }
    }
    @media (max-width: 500px) {
        .borderBox-container {
            width: 90%;
        }
        .borderBox-bg {
            padding: 2em 4em 2em 2em;
        }
    }

small {
    font-size: inherit;
}

.richTxt p {
	font-size: 1.15rem;
}
.richTxt ol, .richTxt ul {
	margin-bottom: 1.5rem;
}
.richTxt ul {
	list-style: circle;
}
.richTxt li {
	margin-bottom: 0.5rem;
}
.richTxt .small {
	font-size: .85em;
}

.tags {
    font-size: .8rem;
}
    .tags-item {
        display: inline-block;
        background: #254B8C;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        margin-bottom: .25em;
    }
    .tags-link {
        display: block;
        color: #fff;
        padding: .5rem 1rem;
    }
        .tags-link:hover, .tags-link:focus {
            background: #102850;
        }

img.mfp-img {
    padding: 0;
    margin: 40px auto;
    background-color: #fff;
}