/* Styles for the "commercial" campaign landing page only. */
#maincontent {
    background-color: #f5f5f5;
    background-image: url('../img/fabric_1.webp');
    background-repeat: repeat;
}
p {
    font-size: 2.1rem;
}
.cream-bg {
    padding-top: 150px;
}
.cream-bg h1 {
    color: #008251;
    text-shadow: 2px 2px 0 #f5f5f5, 4px 5px 8px rgba(0, 0, 0, 0.25);
    font-size: 10rem;
    line-height: 1.1;
    margin-bottom: 40px;
    font-family: 'Bevan', serif;
    letter-spacing: .5px;

}
.site-header {
    background: #000;
}
.paragraph-medium p {
    font-size: 2.5rem;
}
#maincontent>* {
    max-width: var(--wp--style--global--content-size);
    margin-left: auto;
    margin-right: auto;
}
#maincontent>.alignfull {
    max-width: none;
    margin-left: 0;
    margin-right: 0;
}
#maincontent>.alignwide {
        max-width: 1410px;
        margin-left: auto;
        margin-right: auto;
}
@media only screen and (max-width: 60rem) {
    #maincontent>* {
        margin-left: 20px!important;
        margin-right: 20px!important;
    }
    #maincontent>.alignfull, #maincontent>hr {
        margin-left: auto!important;
        margin-right: auto!important;
    }
}
.wp-block-image.alignfull img, .wp-block-image.alignwide img {
    height: auto;
    width: 100%;
}
@media (min-width: 1440px) {
    #maincontent>:nth-child(2)>:first-child {
        padding-left: 0;
    }
}
h1, h2, h3 {
    font-family: var(--wp--preset--font-family--cormorant);
}
h1 {
    font-size: 10rem!important;
    line-height: 1!important;
    margin-bottom: 15px;
}
h2 {
    font-size: 7rem!important;
}
h3 {
    font-size: 4rem!important;
    margin-bottom: 30px;
}
.wp-block-cover.hero-cover img {
    padding: 0!important;
}
.wp-block-cover.hero-cover p {
    max-width: 800px;
}
.wp-block-cover.hero-cover {
    text-shadow: 2px 2px 10px var(--wp--custom--color--neutral-950), -2px -2px 10px var(--wp--custom--color--neutral-950);
}
.wp-element-button, .wp-block-button__link {
    font-size: 2rem;
    padding: 10px 30px;
    line-height: 1;
}
a.is-style-wfu-button-arrow {
    background-color: transparent;
    background-image: url(https://prod.wp.cdn.aws.wfu.edu/wfu-gutenberg-homepage/assets/images/right-arrow.svg);
    background-repeat: no-repeat;
    background-position: right .2rem bottom 45%;
    background-size: auto 20px;
    font-weight: 600;
    line-height: 1.5;
    padding: 0 3rem 3px 0 !important;
    transition: background ease .2s;
    border-color: transparent;
    border-radius: 0;
    border-bottom: 1.5px dotted var(--wp--preset--color--old-gold) !important;
    color: var(--wp--preset--color--old-gold) !important;
    text-align: left;
}
a.is-style-wfu-button-arrow:hover {
    background-color: transparent !important;
    background-position: right 0 bottom 45%;
    border-color: transparent !important;
    color: var(--wp--custom--color--hover-color) !important;
    border-bottom-color: var(--wp--custom--color--hover-color) !important;
}

.headerheader p {
    font-size: 3.7rem;
    font-style: italic;
    line-height: 1.3;
}

.headerheader h2 {
    line-height: 1;
}
@media (prefers-reduced-motion: no-preference) {
    .headerheader {
        opacity: 0;
        transform: translateY(30px);
        transition: opacity 0.8s ease, transform 0.8s ease;
    }
    .headerheader.in-view {
        opacity: 1;
        transform: translateY(0);
    }
}
ul.fancy-ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
ul.fancy-ul li {
    display: block;
    padding: 8px 0px 8px 40px;
    position: relative;
}
ul.fancy-ul li::before {
    content: "";
    position: absolute;
    background: url('../img/bush-bullet.webp');
    width: 30px;
    height: 30px;
    background-size: 30px;
    background-repeat: no-repeat;
    left: 0;
    top: 1.5rem;
}
.gallery-cover {
    border-top: 1px solid #daccb1;
    border-bottom: 1px solid #daccb1;
}
.gallery-cover .wp-block-columns {
margin-bottom: .8em;
gap: 30px;
}
.wp-block-image figcaption {
	font-size: 1.75rem;
}
.gallery-cover figcaption {
font-size: 1.5rem;
color: #222;
border-bottom: none;
}
.gallery-cover .wp-block-column {
padding: 15px;
background: #fff;
box-shadow: 0 0 5px #ddd;
border-radius: 10px;
}
.gallery-cover img {
    border-radius: 7px;
}
.wp-block-media-text {
    background: #fdfaf4;
    color: #222;
    margin-bottom: 25px;
    border-radius: 15px;
}
.wp-block-media-text p {
    font-size: 1.9rem;
}
.wp-block-media-text img {
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
}
@media (max-width: 40rem) {
    .wp-block-media-text img {
        border-top-left-radius: 15px;
        border-top-right-radius: 15px;
        border-bottom-left-radius: 0px;
    }
}
.by-number p {
    font-family: var(--wp--preset--font-family--cormorant);
    font-size: 6rem;
    margin: 0;
    line-height: 1;
    font-style: italic;
    font-weight: 700;
}
.number-text p {
    font-size: 2rem;
    margin-bottom: 0;
    margin-top: 25px;
    line-height: 1;
}
.wp-block-separator:not(.is-style-wide):not(.is-style-dots):not(.is-style-wfu-shields):not(.is-style-wfu-dotted):not(.is-style-wfu-thick) {
    border-bottom: 2px solid;
    margin: 40px auto;
    max-width: 150px!important;
    border-top: none;
    color: #daccb1;
}
.numbers .wp-block-column {
    border: 1px solid #daccb1;
    border-radius: 15px;
    padding: 20px;
    background: rgba(218, 204, 177, 0.1);
}

.rounded img {
    border-radius: 15px;
}
.wp-block-image.alignright {
    float: right;
    margin: 8px 15px 8px 30px;
}
@media only screen and (min-width: 64rem) {
    #maincontent>.wp-block-image.alignright {
        margin-right: calc((100vw - var(--wp--style--global--content-size)) / 2 - 100px);
    }
}

.quote-section blockquote {
    border: 1px solid #daccb1;
    border-radius: 15px;
    padding: 60px 60px 50px;
    position: relative;
    max-width: 1100px!important;
}
.quote-section blockquote::before {
    content: '';
    width: 80px;
    height: 80px;
    background: url('../img/quotes-gold.webp') top left no-repeat;
    position: absolute;
    position: absolute;
    top: -25px;
    background-size: 80px;
    left: 46%;
}
.quote-section blockquote p {
    font-size: 2.6rem;
    margin: 0 0 30px;
    line-height: 1.5;
    font-style: italic;
}
.quote-section blockquote cite {
    margin-top: 20px;
}