::selection {
    background: #ffcc8b;
}
::-moz-selection {
    background: #ffcc8b;
}


.container-fluid {
    margin-top: 2rem;
    padding: 0px;
}
.slide_bar_description {
    padding-left: .3125rem;
}
/* mobile */
@media (max-width: 768px) {
    .container-fluid {
        margin-top: 56px;
        padding: 0px;
    }
    .arrow-right {
        display: none;
        visibility: hidden;
    }

    .general_info_component {
        padding-top: 1rem;
    }
    h2 {
        font-size: 1.5rem;
        color: #00B7B8;
        padding-bottom: 1rem;
    }
    h3 {
        color: #00B7B8;
        font-size: 1.2rem;
    }
    .about_content {
        font-size: large;
        margin-bottom: 2rem
    }
    .about_content_description {
        font-size: large;
    }
    .bio_description_container > .bio_content_picture_container {
        display:none;
    }

    .bio_description_container > .bio_content_description {
        transition: all 0.2s ease;

        padding-left: 1rem;
        padding-top: 1rem;
        padding-bottom: 1rem;
        z-index: 1000;
        height: 280px;
        right: 0px;
        position: absolute;
        background-color: dodgerblue;
        overflow-y: scroll;
    }
    .bio_description_container {
        margin-bottom: 2rem;
        height: 280px;
        position: relative;
        right: 0px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        min-width: 0;
        word-wrap: break-word;
        background-color: #fff;
    }
}
/* desktop */
@media (min-width: 768px) {
    .bio_description_container > .bio_content_picture_container {
        height: 17.5rem;
        width: 17.5rem;
        border-radius: 50%;
        background-color: aliceblue;
        z-index: 1001;
        display: flex;
        justify-content: center;
        border: solid 1.5rem dodgerblue;
        transition: all 0.2s ease;
    }
    .bio_description_container > .bio_content_description {
        transition: all 0.2s ease;

        padding-left: 9.25rem;
        padding-top: 1rem;
        padding-bottom: 1rem;
        z-index: 1000;
        left: 140px;
        height: 280px;
        right: 0px;
        position: absolute;
        background-color: dodgerblue;
        overflow-y: scroll;
    }
    .bio_description_container {
        margin-left: 1.5rem;
        margin-bottom: 2rem;
        height: 280px;

        position: relative;
        right: 0px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        min-width: 0;
        word-wrap: break-word;
        background-color: #fff;
    }
    h2 {
        font-size: 3rem;
        color: #00B7B8;
        padding-bottom: 2rem;
    }
    h3 {
        font-size: 2rem;
        color: #00B7B8;
    }
    .about_content {
        font-size: x-large;
        margin-bottom: 3rem
    }
    .about_content_description {
        font-size: x-large;
    }
    .navbar {
        padding: 0px;
    }
    .navbar-brand {
        margin-right: 0rem;
        padding-right: 3.2rem;
        padding-left: 2rem;
        background-color: #00b7b8;
    }

    .page_scrolled.navbar > .navbar-brand {
        font-size: inherit;
        padding-top: .27rem;
        padding-bottom: .27rem;
    }

    .slide_bar_container {
        flex: auto;
    }

    .slide_bar_container li:first-child {
        margin-left: -20px;
    }
    .slide_bar_container li:last-child {
        margin-right: -20px;
    }

    .slide_bar {
        border-left: 1px solid #eee;
        flex-grow: 1;
        -webkit-transform: skew(30deg);
        transform: skew(30deg);
    }

    .active {
    	font-weight: 630;
    }
    .slide_bar:not(.active) {
        filter: grayscale(60%) saturate(60%);
    }

    .slide_bar:nth-child(3n+0) {
        background-color: #2274A5;
    }
    .slide_bar:nth-child(3n+1) {
        background-color: #EF476F;
    }
    .slide_bar:nth-child(3n+2) {
        background-color: #00b7b8;
    }

    .slide_bar:hover {
        filter: grayscale(0%) saturate(100%);
    }

    .page_scrolled .slide_bar_description {
        -webkit-transition: font-size .2s ease-in, color .3s ease-in, filter .2s ease-in;
        transition: font-size .2s ease-in, color .3s ease-in, filter .2s ease-in;
    }

    .slide_bar:hover .slide_bar_description,
    .slide_bar:hover .slide_bar_icon {
        font-size: inherit;
        color: #fff;
    }

    .page_scrolled > .slide_bar:hover .slide_bar_description {
        -webkit-animation: fadeIn .2s forwards;
        -moz-animation: fadeIn .2s forwards;
        -o-animation: fadeIn .2s forwards;
        animation: fadeIn .2s forwards;
    }

    .slide_bar a {
        text-align: center;
    }

    .page_scrolled .slide_bar_anchor {
        padding: .15rem 0px;
    }

    .slide_bar .slide_bar_icon {
        height: 1.5rem;
        fill: white;
        display: none;

        -webkit-transform: skew(-30deg);
        transform: skew(-30deg);
        -webkit-transition: color .3s ease-in;
        transition: color .3s ease-in;
    }

    .page_scrolled .slide_bar_icon {
        display: inline-block;
    }

    .slide_bar_description {
        display: inline-flex;
        -webkit-transform: skew(-30deg);
        transform: skew(-30deg);
    }

    .page_scrolled .slide_bar_description {
        font-size: 0px;
        opacity: 0;
    }
    
    .general_info_container {
        height: 12rem;
        width: 100%;
        margin-right: 0px;
        margin-left: 0px;
        /* padding-top: 2rem;
        padding-bottom: 1rem; */
    }

    .general_info_component {
        padding-top: 1rem;
        padding-left: 0rem;
        padding-right: 0rem;
    }

    .general_info_component:first-child {
        flex-basis: 10%;
    }

    @-webkit-keyframes fadeIn {
        50% {
            opacity: 0;
        }
        100% {
            opacity: 1;
        }
    }
    @-moz-keyframes fadeIn {
        50% {
            opacity: 0;
        }
        100% {
            opacity: 1;
        }
    }
    @-o-keyframes fadeIn {
        50% {
            opacity: 0;
        }
        100% {
            opacity: 1;
        }
    }
    @keyframes fadeIn {
        50% {
            opacity: 0;
        }
        100% {
            opacity: 1;
        }
    }

}
.background_parallax {
    position: fixed;
    z-index: -1;
}
a {
    color: #028090
}
a:hover {
	color: #114B5F;
}
p {
    color: #555;
}
h1 {
    font-family: 'Fjalla One', sans-serif;
    color: #fff;
    text-transform: uppercase;
    /*    font-size: 42px;*/
    margin: 0;
    line-height: 47px;
    letter-spacing: 2px;
}


.title_container {
    display: block;
    position: absolute;
    max-width: 450px;
}

@media (min-width: 880px) {
    .title_container {
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    }
}

@media (max-width: 879px) {
    .title_container {
    transform: translate(-20%, -40%);
    top: 40%;
    left: 20%;
    }
}
.retro_title {
    transform: translateX(-50%) rotate(-10deg);
    display: block;
    float: left;
    left: 50%;
    position: relative;
}
.retro_title span {
    transform: skew(-10deg);
    display: block;
    float: left;
    min-width: 10px;
    min-height: 10px;
    position: relative;
}
@media (min-width: 561px) {
    .retro_title span {
        text-shadow: #533d4a 1px 1px, #533d4a 2px 2px, #533d4a 3px 3px, #533d4a 4px 4px, #533d4a 5px 5px, #533d4a 6px 6px;
    }
    .retro_title:nth-child(1) {
        color: #00B7B8;
        font-size: 84px;
        line-height: 90px;
    }
    .retro_title:nth-child(2) {
        color: #FFCC8B;
        font-size: 47px;
        line-height: 58px;
    }
    .retro_title:nth-child(3) {
        color: #F786AA;
        font-size: 44px;
        line-height: 55px;
    }
    .retro_title:nth-child(4) {
        color: #F786AA;
        font-size: 47px;
        line-height: 59px;
    }
    ._clear {
        height: 680px;
    }
}
@media (max-width: 560px) {
    .retro_title span {
        text-shadow: #533d4a 1px 1px, #533d4a 2px 2px, #533d4a 3px 3px, #533d4a 4px 4px, #533d4a 5px 5px;
    }
    .retro_title:nth-child(1) {
        color: #00B7B8;
        font-size: 48px;
        line-height: 50px;
    }
    .retro_title:nth-child(2) {
        color: #FFCC8B;
        font-size: 25px;
        line-height: 28px;
    }
    .retro_title:nth-child(3) {
        color: #F786AA;
        font-size: 23px;
        line-height: 28px;
    }
    .retro_title:nth-child(4) {
        color: #F786AA;
        font-size: 23px;
        line-height: 28px;
    }
    ._clear {
        height: 520px;
    }
}


.text-JAGold {
	color: #ffcc8b !important;
}


.flush_right {
    padding-right: 0px;
    margin-right: 0px;
}
.bio_content_picture_container > .bio_content_picture {
    height: 13rem;
    width: 13rem;
    border-radius: 50%;
    margin: 10px;
    z-index: 1001;
    margin: auto;
    box-shadow: 5px 8px 8px -4px rgba(25, 24, 23, 0.21);
    -moz-animation-duration: 3s;
    -webkit-animation-delay: .3s;
    -o-animation-delay: .3s;
    -moz-animation-delay: .3s;
    animation-delay: .3s;
}
.bio_content_description > .bio_content_description_name {
    color: #FFF;
}

.bio_content_description > .bio_content_description_position {
    color: gold;
}

.bio_content_description > .bio_content_description_bio {
    height: 10rem;
    color: #fff;
    padding-right: 2rem;
}

.bio_cards_container {
    margin: 2rem 0rem 0rem 0rem;
    display: flex;
    flex-wrap: nowrap;
    overflow-y: hidden;
    overflow-x: auto;
    padding-bottom: 2rem;
}

.bio_cards_container::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
}

.bio_cards_container::-webkit-scrollbar
{
    width: 12px;
    background-color: #F5F5F5;
}

.bio_cards_container::-webkit-scrollbar-thumb
{
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #00B7B8;
}

.bio_container {
    width: 15rem;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.bio_button {
    padding: 0px;
    cursor: pointer;
    border: .5rem solid dodgerblue;
    width: 10rem;
    height: 10rem;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.bio_button:hover {
    filter: brightness(85%);
}

.bio_image {
    width: 9rem;
    height: 9rem;
    border-radius: 50%;
    box-shadow: 5px 8px 8px -4px rgba(25, 24, 23, 0.21);
}

.bio_title {
    flex: auto;
    color: dodgerblue;
    text-align: center;
    font-size: larger;
    padding: .2rem .5rem;
    position: absolute;
    margin-top: 8rem;
    background-color: white;
    box-shadow: 6px 6px 15px -3px rgba(25, 24, 23, 0.21);
    border-radius: .25rem;
    border: 1px solid #ddd;
    width: intrinsic;
    /* Safari/WebKit uses a non-standard name */
    width: -moz-max-content;
    /* Firefox/Gecko */
    width: -webkit-max-content;
    /* Chrome */
}

.hidden_information_description,
.hidden_information_position,
.hidden_information_name {
    display: none;
}


.general_info_component:first-child {
    background-color: #00b7b8;
 }
 .general_info_component:nth-child(3) {
    background-color: #EF476F;

 }
 .general_info_component:nth-child(5) {
    background-color: #028090;
 }
 .general_info_component:nth-child(7) {
    background-color: #00b7b8;
 }
.general_info_icon {
    font-weight: bolder;
    text-align: center;
    font-size: 40px;
    color: #ffcc8b;
    text-shadow: #533d4a 1px 1px, #533d4a 2px 2px, #533d4a 3px 3px;
}

.fa-clock, .fa-music, .fa-map-marker-alt {
    text-shadow: #533d4a 1px 1px, #533d4a 2px 2px, #533d4a 3px 3px;
}

.general_info_text {
    text-align: center;
    font-size: 1.5rem;
    color: #eee;
}

.general_info_text p {
    text-align: center;
    font-size: 1.5rem;
    color: #eee;
}
.bg-white {
    padding-top: 6rem;
}

.header_centered {
    max-width: 960px;
    text-align: center;
}

.content_center {
    justify-content: center;
    overflow: hidden;
}

._full_width {
    width: 100%;
}

._text_centered {
    text-align: center;
}

.about_image_container {
    align-self: flex-end;
    padding: 0px 0px;
}
.FAQ_question::before {
    content: "Q: ";
    font-weight: bold;
    color: #028090;
}

.FAQ_answer::before {
    content: "A: ";
    font-weight: bold;
    color: #EF476F;    
}

.FAQ_questions_list {
    max-width: 960px;
}

.*,
*:before,
*:after {
    box-sizing: border-box;
}

.css-shapes-preview {
    background-image: url(res/Profiles/ErinA.jpg);
    position: relative;
    height: 900px;
    width: 900px;
}

.flexRow {
    width:100%;
}
.testBox {
    width:100%;
}

.css-shapes-preview:nth-child(3) {
    background-color: beige;
}

.css-shapes-preview:nth-child(2) {
    background-color: purple;
}

.css-shapes-preview:first-child {
    background-color: blue;
}
.last-row {
    background-color: aqua;
    
}
.dont {
    visibility: hidden;
}

.margin-top {
    margin-top: 500px;
}

.arrow-right {
    width: 0; 
    height: 0; 
    border-top: 6rem solid transparent;
    border-bottom: 6rem solid transparent;
    
    margin-right:-40px;
    z-index: 1;
  }

  .arrow-JA-blue {
    border-left: 40px solid #028090;
  }

  .arrow-JA-green {
    border-left: 40px solid #00b7b8;
  }

  .arrow-JA-red {
    border-left: 40px solid #EF476F;
  }

  .footer-container {
  	padding: 3rem 0rem;
  	text-align: center;
  }

  .color-JABlue {
    color: #2274A5;
  }

  .color-JABlueGreen {
    color: #00b7b8;
  }

  .color-JARed {
    color: #EF476F;
  }

  .bg-JABlue {
    background-color: #2274A5;
  }

  .bg-JABlueGreen {
    background-color: #00b7b8;
  }

  .bg-JARed {
    background-color: #EF476F;
  }

  .navbar-dark .navbar-nav .nav-link {
  	color: rgba(255,255,255,.7);
  }


.card-columns {
    widows: 1 !important;
    orphans: 1 !important;
}

@media (min-width: 576px) {
    .card-columns {
        -webkit-column-count: unset;        
        column-count: unset;
        -webkit-column-gap: unset;
        column-gap: unset;
    }
}

@media (min-width: 768px) {
    .card-columns {
        -webkit-column-count: 3;
        column-count: 3;
        -webkit-column-gap: 1.25rem;
        column-gap: 1.25rem;
    }
    ._2_col_padding {
        padding-left: 8rem;
    }
}
@media (max-width: 767px) {
    .about_image_container {
        display:none;
    }
    ._2_col_padding {
        padding: 0rem 1rem;
        text-align: center;
    }
}

.flipOutY {
     -webkit-backface-visibility: unset!important; 
     backface-visibility: unset!important; 
     -webkit-animation-name: unset!important; 
     animation-name: unset!important; 
    -webkit-filter: grayscale(100%) opacity(50%);
    filter: grayscale(100%) opacity(50%);
}