/*--forces underline to be KB yellow--*/

.c-TextUnderline span {
    border-bottom-color: #FFCC40!important;
}

/*----Menu Nav---*/

.c-Menu-ButtonIcon span {
    background:white;
}

/*--turns off gray background on images--*/
.o-ImageBox {
    background: transparent;
}

/*---Footer changes---*/

ul.c-Footer-Logos {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: center;
}

.c-Footer-Logos li {
    display: block;
    margin: 1em;
}

.c-Footer-Credits a {
    text-decoration: underline;
    display: flex;
}

.c-Footer-NavInner {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: center;
}

.c-Footer-NavLink {
    display: inline-block;
    margin: 0;
    padding: 1rem;
}

/*--begin styles for Roots and Branches subpages---*/

/*------initial caps-------*/
 p.dropcap:first-of-type:first-letter {
    float: left;
    color: #1e272e;
    font-size: calc(var(--drop-cap-size) * 5);
    line-height: calc(var(--drop-cap-size) * 3.5);
    }

:root {
    --drop-cap-size:2rem;
}

/*-----Hide site search----*/
input#btnLocalSearch {
   display: none;
}

/*------callout card changes-----------*/


.c-Callout {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
        -ms-flex-flow:row wrap;
            flex-flow:row wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background:#f1f1f1;
    margin-bottom:2rem;
    padding: 2% 5%;
}

.c-Callout-content {
    width:unset;
    -webkit-box-flex:1;
        -ms-flex:1 1 0px;
            flex:1 1 0;
    min-width:40%;
    border-top: 6px double #282d51;
    padding: 2rem 0 0;
    border-bottom: 3px solid #282d51;
}

.c-Callout-content:after {
    content: "\201D";
    display: inline-block;
    position: absolute;
    width: 3rem;
    height: 3rem;
    color: #282d51;
    top: -1.7rem;
    left: 50%;
    -webkit-transform: translatex(-50%);
        -ms-transform: translatex(-50%);
            transform: translatex(-50%);
    background: #f1f1f1;
    border-radius: 50%;
    line-height: 1.1;
    font-size: 5rem;
    text-align: center;
}

.c-Callout-content p {
    width:unset;
    -webkit-box-flex:1;
        -ms-flex:1 1 0px;
            flex:1 1 0;
    min-width:35%;
    max-width:700px;
    margin:auto;
    min-height: unset;
}

.c-Callout-content h6 {
    font-size:1rem;
    font-family:Roboto,'-apple-system, BlinkMacSystemFont,"Segoe UI", "Roboto", "Oxygen","Ubuntu", "Cantarell", "Fira Sans","Droid Sans", "Helvetica Neue", sans-serif';
    font-weight:normal;
    max-width:700px;
    margin:auto;
}

.c-Callout-Text {
    color: black;
}

.c-Callout picture.c-Callout-Img_container {
    width:auto;
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    margin: 1rem 2rem;
} 

.c-Callout picture.c-Callout-Img_container img {
    max-height:40vh;
}

/*--Credit line--*/

.o-Text_imageMeta-Credit {
    display: block;
}

/*---Image Grid changes---

.c-ImageGrid .o-Grid-Row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.c-ImageGrid-Item {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
}

.c-ImageGrid-Title {
    display: none;
}

.c-ImageGrid-Text {
    -webkit-font-smoothing: antialiased;
    color: #222;
    font-family: Roboto,'-apple-system, BlinkMacSystemFont,"Segoe UI", "Roboto", "Oxygen","Ubuntu", "Cantarell", "Fira Sans","Droid Sans", "Helvetica Neue", sans-serif';
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.667;
    font-size: 1rem;
    line-height: 1.5;
}

.c-ImageGrid-Text p {
    display: block;
    color: #787878;
    font-size: 1rem;
    line-height: 1.5;
}

/*--other changes--*/

hr {
   background: #FFCC40!important;
   border: none;
   height: 5px;
   margin: 0 0 1.5rem;
   width: 100%;
}

/*----end styles for R&B pages----*/