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

body {
    position: relative;
    overflow-x: hidden;
}

h1,
h2 {
    font-family: 'adobe caslon pro';
    font-size: 3em;
}

h3 {
    font-family: 'adobe caslon pro';
    font-size: 2em;
}

h4 {
    font-family: 'roboto';
}

h5 {
    font-size: 1.3em;
    font-family: 'roboto';
}

p {
    font-family: 'roboto';
    font-size: 1.25em;
    margin-top: 1.3em;
    margin-bottom: 1.3em;
    line-height: 1.7;
    font-weight: 300;
}

.bullets {
    font-size: 1.1em;
    line-height: 1.3;
    margin-top: 0em !important;
    margin-bottom: 3em;
}

.bullets>li {
    Margin-bottom: 1em;
}

.bullets-nospace>li {
    Margin-bottom: 1em;
}

cite[title] {
    float: right;
}

.carousel-control span.glyphicon {
    color: red;
}

.subheading {
    font-size: 2.5em;
}

/*----------------------------*/



/*--- Extra Padding/Margins ---*/

.mt-more {
    margin-top: 3em;
    padding-top: 3em;
}

.p-more {
    padding-left: 4em;
    padding-right: 4em;
    padding-top: 2.5em;
}

.p-more-quote {
    padding: 0em 2.2em 3em 3em;
    color: rgb(12, 98, 170);
}

.blockquote-color {
    color: rgb(12, 98, 170);
}

.padding-top {
    margin-top: 5em;
    padding-top: 3em;
}

/*----------------------------*/

/*-------- Front Page ---------*/

.update-section-style {
    font-size: .8em !important;
}

/*------------------------------*/

/*--------- NAV BAR -----------*/

/* .nav-link-color {
    color:white !important;
    font-family: 'roboto';
    font-size: 1.2em;

} */

#apply {
    background: rgb(12, 98, 170);
    background: linear-gradient(145deg, rgba(12, 98, 170, 1) 0%, rgba(124, 11, 156, 0.6554184173669468) 81%) !important;
    color: white !important;
    font-weight: 600;
}

#nominate {
    /* background: rgb(12, 98, 170); */
    background-color: rgb(43,100,170, .8) !important;
    color: white !important;
    font-weight: 600;
}

.btn-primary {
    background-color: #0B4D9C !important;
}

/* .navbar-collapse{
    background-color: white;
} */

.nav-alt-link-color {
    color: black !important;
    font-family: 'stratos';
    font-size: 1.2em;
}

ul.navbar-nav.nav-color-menubg {
    padding-left: 20%;
}

.nav-bgcolor {
    background-color: white;
}

.nav-font-size{
    font-size: 1.25em;
}

/**************  SHRINK LOGO CSS ON SCROLL  *****************/

li.nav-item.pl-3.noimagemobile {
    width: 9em;
    /* height: 0;
    padding-bottom: 56.25%; */
    /* position: relative;   */
}

#nav-logo-size {
    transition: all 0.6s;
    /* transition: transform 0.6s margin-top 0.6s height 0.6s; */
    /* transition: padding-left 0.7s; */
    /* text-align: center; */
}

#nav-logo-size img {
    width: 75%;
}

.fullSizeLogo {
    width: 75%;
    /* transform: scale(1); */
}

.resizedLogo {
    transform: scale(0.6);
    /* max-height: 3.2em; */
    margin-top: -20px;
}

#nav-container {
    transition: background-color 0.6s !important;
    background-color: rgba(255, 255, 255, 0.45);
}

.nav-bg-top {
    background-color: rgba(255, 255, 255, 0.45) !important;
}

.nav-bg-scrolled-down {
    background-color: rgba(255, 255, 255, 1) !important;
}

/* li.nav-item.pl-3.noimagemobile {
    width: 7em;    
}
#nav-logo-size {
    transition: all 0.3s
}

.fullSizeLogo {
    width: 100%;
}

.resizedLogo {
    width: 50%;
    margin-left: 27%;
}

#nav-container {
    transition: background-color 0.6s !important;
    background-color: rgba(255,255,255,0.45);
}

.nav-bg-top {
    background-color: rgba(255,255,255,0.45) !important;
}

.nav-bg-scrolled-down {
    background-color: rgba(255,255,255,1) !important;
} */

/************* END SHRINK LOGO CSS ON SCROLL  ***************/

/*--------------------------*/

/*---------HERO IMAGE--------*/

.index-bg-img {
    background-image: url('../img/stabg2.jpg');
    height: 100vh;
    background-repeat: no-repeat;
    background-size: cover;
}

.centered-text-over-image {
    position: absolute;
    top: 35%;
    left: 10%;
    color: white;
}

i.fas.fa-chevron-down {
    display: block;
    position: absolute;
    top: 85%;
    left: 45%;
    height: 4em;
    color: rgba(255, 255, 255, 0.589);
}

.bounce {
    -moz-animation: bounce 2s infinite cubic-bezier(0.39, 0.575, 0.565, 1);
    -o-animation: bounce 2s infinite cubic-bezier(0.39, 0.575, 0.565, 1);
    -webkit-animation: bounce 2s infinite cubic-bezier(0.39, 0.575, 0.565, 1);
    animation: bounce 2s infinite cubic-bezier(0.39, 0.575, 0.565, 1);
}

@-webkit-keyframes bounce {
    0% {
        top: 80%;
    }
    50% {
        top: 82%;
    }
    70% {
        top: 82%;
    }
    100% {
        top: 80%;
    }
}

@-moz-keyframes bounce {
    0% {
        top: 80%;
    }
    50% {
        top: 82%;
    }
    70% {
        top: 82%;
    }
    100% {
        top: 80%;
    }
}

@-o-keyframes bounce {
    0% {
        top: 80%;
    }
    50% {
        top: 82%;
    }
    70% {
        top: 82%;
    }
    100% {
        top: 80%;
    }
}

@-ms-keyframes bounce {
    0% {
        top: 80%;
    }
    50% {
        top: 82%;
    }
    70% {
        top: 82%;
    }
    100% {
        top: 80%;
    }
}

@keyframes bounce {
    0% {
        top: 80%;
    }
    50% {
        top: 82%;
    }
    70% {
        top: 82%;
    }
    100% {
        top: 80%;
    }
}

h1.position-hero-text {
    font-size: 5em;
}

/*--------------------------*/

/*------ About Page ---------*/

.img-maxwidth {
    width: 100%;
}

.white-cathedral-logo {
    background-image: url('../img/StAndrewsWEBLOGOwhite.png');
    height: 100vh;
    background-position: 300px 200px;
    background-repeat: no-repeat;
}

.text-wrap-width {
    width: 530;
}

.right {
    width: 60%;
    height: 60ex;
    /* background-color: red; */
}

.right {
    shape-outside: polygon(85% 0, 85% 85%, 0 85%);
    float: right;
    clip-path: polygon(85% 0, 85% 85%, 0 85%);
    transform: rotate(-35deg);
}

.search-process-img {
    margin-top: -6.5em;
}

.accordian-cardHeadColor {
    background-color: white !important;
}

.blue-bg {
    background-color: #0B4D9C !important;
    color: white;
    height: 100%;
}

.hero-img {
    background-image: url('../img/Exterior.jpg');
    height: 60vh;
    background-repeat: no-repeat;
    background-size: cover;
}

/*------ About Hero Image -----------*/

.about-hero-img h2 {
    position: absolute;
    left: 70%;
    top: 25vh;
    /* bottom: auto; */
    /* right: auto; */
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    width: 80%;
    max-width: 99%;
    margin: 0 auto;
    text-align: center;
    font-size: 5rem;
    color: white !important;
}

/*--------About Search Accordian Colors-------*/

.red-profile {
    background-color: white !important;
}

#headingOne:hover,
#headingOne>h5>button.show {
    text-decoration: none !important;
    background-color: #f73955 !important;
    color: white !important;
    transition: 0.4s;
}

/* {
    background-color: #f73955 !important;
} */

/* .btn-lnk .collapsed  {
    text-decoration: none !important;
    background-color: #bada55 !important;
    color: #222 !important;
    transition: 0.4s;    
} */

[id^='heading'] {
    padding: 1.5em !important;
}

[id^='heading']>h5>button.btn-link {
    color: white !important;
}

[id^='heading'].card-header.collapsed>h5>button.btn-link {
    color: #1d1b1b !important;
}

#headingOne.card-header:not(.collapsed) {
    background-color: #f73956 !important;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.12), 0 3px 6px rgba(0, 0, 0, 0.24);
}

#headingTwo.card-header:not(.collapsed) {
    background-color: #0071bd !important;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.12), 0 3px 6px rgba(0, 0, 0, 0.24);
}

#headingThree.card-header:not(.collapsed) {
    background-color: #5e292f !important;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.12), 0 3px 6px rgba(0, 0, 0, 0.24);
}

#headingFour.card-header:not(.collapsed) {
    background-color: #9f005d !important;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.12), 0 3px 6px rgba(0, 0, 0, 0.24);
}

#headingFive.card-header:not(.collapsed) {
    background-color: #006837 !important;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.12), 0 3px 6px rgba(0, 0, 0, 0.24);
}

#headingSix.card-header:not(.collapsed) {
    background-color: #662e91 !important;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.12), 0 3px 6px rgba(0, 0, 0, 0.24);
}

#headingOne:hover>h5>button.btn-link {
    text-decoration: none !important;
    color: white !important;
    transition: 0.4s;
}

.blue-profile {
    background-color: white !important;
}

div.accordion .btn {
    padding: 0;
}

#headingTwo:hover {
    text-decoration: none !important;
    background-color: #0071bd !important;
    color: white !important;
    transition: 0.4s;
}

#headingTwo:hover>h4 {
    text-decoration: none !important;
    color: white !important;
    transition: 0.4s;
}

.brown-profile {
    background-color: white !important;
}

#headingThree:hover {
    text-decoration: none !important;
    background-color: #5e292f !important;
    color: white !important;
    transition: 0.4s;
}

#headingThree:hover>h5>button.btn-link {
    text-decoration: none !important;
    color: white !important;
    transition: 0.4s;
}

.purple-profile {
    background-color: white !important;
}

#headingFour:hover {
    text-decoration: none !important;
    background-color: #9f005d !important;
    color: white !important;
    transition: 0.4s;
}

#headingFour:hover>h5>button.btn-link {
    text-decoration: none !important;
    color: white !important;
    transition: 0.4s;
}

.green-profile {
    background-color: white !important;
}

#headingFive:hover {
    text-decoration: none !important;
    background-color: #006837 !important;
    color: white !important;
    transition: 0.4s;
}

#headingFive:hover>h5>button.btn-link {
    text-decoration: none !important;
    color: white !important;
    transition: 0.4s;
}

.dPurple-profile {
    background-color: white !important;
}

#headingSix:hover {
    text-decoration: none !important;
    background-color: #662e91 !important;
    color: white !important;
    transition: 0.4s;
}

#headingSix:hover>h5>button.btn-link {
    text-decoration: none !important;
    color: white !important;
    transition: 0.4s;
}

/*--------------------------*/

/*-------Profile Page-----*/

/*--Scroll Spy--*/

.scroll-text-body {
    position: relative;
    overflow-y: scroll;
}

.scroll-toc {
    position: webkit-sticky;
    position: sticky;
    top: 4rem;
    height: calc(100vh - 4rem);
    overflow: auto;
}

.scrollspy-background {
    background: rgb(12, 98, 170);
    background: linear-gradient(145deg, rgba(12, 98, 170, 1) 0%, rgba(124, 11, 156, 0.6554184173669468) 81%);
}

#navbar-search-body li.nav-item>a.nav-link {
    color: white !important;
}

.download {
    /* max-width: 60%; */
    /* display: inline-block; */
    margin-left: 10%;
    white-space: normal !important;
    word-wrap: break-word;
    font-size: 1em;
}

#navbar-search-body {
    padding-left: 0px;
    padding-right: 5px;
    overflow-x: hidden;
}

#navbar-search-body ul {
    list-style: none;
    padding-left: 0;
    line-height: 1.3em;
}

#navbar-search-body li {
    padding-top: .3em;
}

#navbar-search-body h5 {
    color: white !important
}

#navbar-search-body ul a {
    padding-left: 1.3em;
}

div.cd-scrolling-bg h2[id]:before {
    height: 1em;
    content: "";
    display: block;
}

#navbar-search-body .nav-pills .nav-link.active {
    /* border-bottom: 1px solid white;
    border-top: 1px solid white; */
    background-color: rgba(255, 255, 255, 0.096);
    transition: all ease 300ms;
    border-radius: 0;
    box-shadow: 0 1px 1px rgba(39, 46, 54, 0.205);
    color: white !important;
    padding: 1.5em inherit;
}

#navbar-search-body .nav-pills .nav-link {
    /* border-bottom: 1px solid transparent;
    border-top: 1px solid transparent; */
    background-color: inherit;
    border-radius: 0;
}

/*--Hero Image--*/

.profile-hero-img {
    background-image: url('../img/StAndrewsNave.jpg');
    height: 60vh;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: cover;
}

/*--------------*/

.profile-incopy-img-left-ls {
    width: 500px;
    padding-right: 2em;
}

.profile-incopy-img-right-ls {
    width: 500px;
    padding-left: 2em;
}

.profile-incopy-img-left-port {
    width: 200px;
    padding-right: 2em;
}

.profile-incopy-img-right-port {
    width: 200px;
    padding-left: 2em;
}

/*--Fixed BG Images--*/

.cd-scrolling-bg {
    position: relative;
    padding-top: 40px;
    margin-top: -40px;
    padding-bottom: 5em;
    /* font-size: 1.25em; */
}

.cd-fixed-bg {
    min-height: 50vh;
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center center;
}

.cd-fixed-bg.cd-fixed-bg--1 {
    background-image: url("https://picsum.photos/1920/1080/?random");
    height: 0;
    display: none;
}

.cd-fixed-bg.cd-fixed-bg--cornerstone {
    background-image: url("/img/NewDean.jpg");
    /* background-position: 300px -300px; */
}

.cd-fixed-bg.cd-fixed-bg--Financial {
    background-image: url("/img/Stewardship2018-01.jpg");
    /* background-position: 450px 75px;
 background-size:1440px; */
}

.cd-fixed-bg.cd-fixed-bg--Teaching {
    background-image: url("/img/teaching.jpg");
}

.cd-fixed-bg.cd-fixed-bg--bishop {
    background-image: url("/img/ordinatoin3.jpg");
    background-position: 300px -400px;
    */
    /* background-position: 500px -400px;*/
}

.cd-fixed-bg.cd-fixed-bg--BuildonPrograms {
    background-image: url("/img/standrewscathedral3.jpg");
    /* background-position:200px -200px; */
}

.cd-fixed-bg.cd-fixed-bg--jacksonMap {
    background-image: url("/img/jacksonMap.jpg");
    /* background-size: contain; */
}

.cd-fixed-bg.cd-fixed-bg--RadicalWelcome {
    background-image: url("/img/911service.jpg");
    /* background-position: 275px -200px */
}

.cd-fixed-bg.cd-fixed-bg--PigRoast {
    background-image: url("/img/staPigRoastGrill.jpg");
    background-position: center-bottom;
}

.cd-fixed-bg.cd-fixed-bg--OldChurchPhoto {
    background-image: url("/img/StAndrewsOld.jpg");
    background-position: 300px 0px;
}

.cd-fixed-bg.cd-fixed-bg--longFor {
    background-image: url("/img/StAndrewsCathedralCornerstone.jpg");
    /* background-position: 350px -100px; */
}

.cd-fixed-bg.cd-fixed-bg--caringForOthers {
    background-image: url("/img/StAndrewsLemonAdeStand.jpg");
}

/*------*****SURVEY BUTTON*****-------*/

div.survey-button {
    position: relative;
}

button#survey {
    position: fixed;
    left: calc(100% - 80px);
    top: 80%;
    transform: rotate(-90deg);
    border-radius: 5px !important;
    border: #606060 !important;
    color: white !important;
    background-color: rgba(77, 77, 77, 0.568);
    transition: background ease 500ms;
    z-index: 10000 !important;
}

button#survey:hover {
    /* border: #606060 !important; */
    color: white !important;
    background-color: rgba(71, 0, 107, 0.65);
}

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

footer {
    background-color: #0B4D9C;
    height: 250px;
    width: 100%;
}

.footerUpdate {
    background-color: #0B4D9C;
    position: absolute;
    /* padding: 9rem; */
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030;
}

footer i {
    color: white;
}

footer p {
    color: white;
    text-align: center;
    font-family: 'adobe caslon pro';
}

/*-----------Wufoo Form---------*/

li.section {
    margin-bottom: 2em !important;
}

#apply {
    color: white !important;
}

.
/*--------------------------*/

@media (max-width: 1600px) {
    .white-cathedral-logo {
        background-position: 500px 0;
    }
}

@media (max-width: 1400px){
    .cd-fixed-bg.cd-fixed-bg--OldChurchPhoto {
        background-image: url("/img/StAndrewsOld.jpg");
        background-position: 125px 0px;
    }
    
}



@media (max-width: 992px) {
    .cd-fixed-bg.cd-fixed-bg--bishop {
        background-image: url("/img/ordinatoin3.jpg");
        background-position: 200px -200px;
    }

    .cd-fixed-bg.cd-fixed-bg--OldChurchPhoto {
        background-image: url("/img/StAndrewsOld.jpg");
        background-position: 0px 0px;
    }
    .padding-mobile {
       margin: 0px 0px 0px 16px;
       
       
    }
    .noimagemobile {
        display: none !important;
    }
    .white-cathedral-logo {
        background-image: none;
        background-color: #0B4D9C;
        /* margin: 10px 50px 0px 0px; */
    }
    #accordionExample {
        margin-top: 0 !important;
    }
    #searchcommittee {
        max-width: 95% !important;
    }
    .position-hero-text {
        font-size: 4em !important;
        text-align: center;
        margin-top: 2.5em !important;
    }
    .about-hero-img {
        font-size: 2em !important;
        text-align: center;
    }
    .centered-text-over-image {
        position: absolute;
        top: 5%;
        left: 18%;
        color: white;
    }
    .nav-color-menubg {
        background-color: rgba(255, 255, 255, 0.1) !important;
        /* width: 300px; */
    }
    .nav-color-menubg ul {
        background-color: rgba(255, 255, 255, 0.1) !important;
    }
    /* change hamburger button border color */
    button.navbar-toggler {
        border-radius: 0px;
    }
    .no-mobile-img {
        display: none !important;
    }
    #accordionExample {
        max-width: 99% !important;
    }
}

@media (max-width: 768px) {
    .cd-fixed-bg.cd-fixed-bg--bishop {
        background-image: url("/img/ordinatoin3.jpg");
        background-position: 100px -75px;
    }
    .position-hero-text {
        font-size: 3em !important;
        text-align: center;
    }
    /* .centered-text-over-image {
        position: absolute;
        top: 5%;
        left: 18%;
        color:white;
    } */
    #navbar-search-body {
        display: none !important;
    }
    #accordionExample {
        max-width: 99% !important;
    }
    .about-hero-img {
        font-size: 1.7em !important;
        text-align: center;
    }
}

@media (max-width: 576px) {
   .about-hero-img {
        font-size: 1.4em !important;
        text-align: center;
        Margin-right:6em;
        margin-top:3em;
    }

    [id^='heading']>h5>button.btn-link>h4 {
        font-size: 1.1em;
}
}

/*-------------TEST CSS------------*/