/***********************SIMPLIFIED BASE-STYLES FROM POLI-SCI**************************/

.showcase-html-section h1 {
    color: #492365;
    font-family: 'tradegothicltstd-boldext', sans-serif;
    margin: 1em;
    text-align:center;
    font-size: 2rem;
}

.showcase-html-section {
    padding-top:0;
}

.feature-box { 
    margin-bottom: 2rem;    
    background-color: #fff;
}

.content {
    padding:1.5em;
}

.major {
    padding:3em 0;
    margin:1em;
}

.feature-box div.header img {    
    width: 100%;
}

.feature-box div.header a img:hover {    
    opacity: .8;
}

.feature-box .title,.feature-box div.header + .title {    
    background-color: #005f71;    
    padding: 10px;    
    color: #fafafa;    
    margin: 0;
}

.feature-box .title-nocolor {
    padding: 10px;    
    color: #575047;   
    margin: 0;
}

.feature-box div.header + .title {    
    margin: -47px 0 0;    
    opacity: .9;    
    white-space: nowrap;    
    text-overflow: ellipsis;    
    overflow: hidden;
}

.featured-image-box { 
    margin-bottom: 2rem;    
    background-color: #fff;
}

.button.secondary:hover {    
    background-color: #0298B5;
}

section.inset { 
    padding: 4em .9em 2em; 
    background-color: #f2f2f2;
}

section.padded-full {
    padding: 4em 0 2em;
}

section.padded-half {
    padding: 2em 0 1em;
}

section[class*="padded"] h2 {
    margin-bottom: 20px !important;
}

.inset {
    background-color: #CCDFE3; 
}

.feature-shadow {
    box-shadow: 0 0 10px 2px #EEEDEC;
}

/*******************FROM GLOBAL STYLES********************/

.banner {
    width: 100%;
}

.fullwidth {
    width: 100%;
}

.offscreen {
    position: absolute;
    left: -10000px;
}

.stretchbox {
    width: 100%;
}

.clearfix {
    clear: both;
}

/****************Background Colors*****************/

.csbs {
    background-color: rgb(0,95,113);
}
.csbs2 {
    background-color: rgb(127,175,184);
}
.csbs3 {
    background-color: rgb(204,223,227);
}
.csbs4 {
    background-color: rgb(229,239,241);
}


.hlcolor {
    background-color: rgb(132,70,172);
}
.hlcolor2 {
    background-color: rgb(193,162,213);
}
.hlcolor3 {
    background-color: rgb(230,218,238);
}
.hlcolor4 {
    background-color: rgb(242,236,247);
}


.unigray {
    background-color: rgb(87,80,71);
}
.unigray2 {
    background-color: rgb(171,167,163);
}
.unigray3 {
    background-color: rgb(221,220,218);
}
.unigray4 {
    background-color: rgb(238,237,236);
}


.wcpurp {
    background-color: rgb(73,35,101);
}
.wcpurp2 {
    background-color: rgb(164,145,178);
}
.wcpurp3 {
    background-color: rgb(219,211,224);
}
.wcpurp4 {
    background-color: rgb(236,233,239);
}


/*****************trans-7*********************/


.csbs-trans-7 {
    background-color: rgba(0,95,113,0.7);
}
.csbs2-trans-7 {
    background-color: rgba(127,175,184,0.7);
}
.csbs3-trans-7 {
    background-color: rgba(204,223,227,0.7);
}
.csbs4-trans-7 {
    background-color: rgba(229,239,241,0.7);
}


.hlcolor-trans-7 {
    background-color: rgba(132,70,172,0.7);
}
.hlcolor2-trans-7 {
    background-color: rgba(193,162,213,0.7);
}
.hlcolor3-trans-7 {
    background-color: rgba(230,218,238,0.7);
}
.hlcolor4-trans-7 {
    background-color: rgba(242,236,247,0.7);
}


.unigray-trans-7 {
    background-color: rgba(87,80,71,0.7);
}
.unigray2-trans-7 {
    background-color: rgba(171,167,163,0.7);
}
.unigray3-trans-7 {
    background-color: rgba(221,220,218,0.7);
}
.unigray4-trans-7 {
    background-color: rgba(238,237,236,0.7);
}


.wcpurp-trans-7 {
    background-color: rgba(73,35,101,0.7);
}
.wcpurp2-trans-7 {
    background-color: rgba(164,145,178,0.7);
}
.wcpurp3-trans-7 {
    background-color: rgba(219,211,224,0.7);
}
.wcpurp4-trans-7 {
    background-color: rgba(236,233,239,0.7);
}


/*****************trans-5*********************/


.csbs-trans-5 {
    background-color: rgba(0,95,113,0.5);
}
.csbs2-trans-5 {
    background-color: rgba(127,175,184,0.5);
}
.csbs3-trans-5 {
    background-color: rgba(204,223,227,0.5);
}
.csbs4-trans-5 {
    background-color: rgba(229,239,241,0.5);
}


.hlcolor-trans-5 {
    background-color: rgb(132,70,172,0.5);
}
.hlcolor2-trans-5 {
    background-color: rgba(193,162,213,0.5);
}
.hlcolor3-trans-5 {
    background-color: rgba(230,218,238,0.5);
}
.hlcolor4-trans-5 {
    background-color: rgba(242,236,247,0.5);
}

.unigrey-trans-5 {
    background-color: rgb(87,80,71,0.5);
}
.unigray2-trans-5 {
    background-color: rgba(171,167,163,0.5);
}
.unigray3-trans-5 {
    background-color: rgba(221,220,218,0.5);
}
.unigray4-trans-5 {
    background-color: rgba(238,237,236,0.5);
}


.wcpurp-trans-5 {
    background-color: rgba(73,35,101,0.5);
}
.wcpurp2-trans-5 {
    background-color: rgba(164,145,178,0.5);
}
.wcpurp3-trans-5 {
    background-color: rgba(219,211,224,0.5);
}
.wcpurp4-trans-5 {
    background-color: rgba(236,233,239,0.5);
}




/*****************trans-3*********************/


.csbs-trans-3 {
    background-color: rgba(0,95,113,0.3);
}
.csbs2-trans-3 {
    background-color: rgba(127,175,184,0.3);
}
.csbs3-trans-3 {
    background-color: rgba(204,223,227,0.3);
}
.csbs4-trans-3 {
    background-color: rgba(229,239,241,0.3);
}


.hlcolor-trans-3 {
    background-color: rgb(132,70,172,0.3);
}
.hlcolor2-trans-3 {
    background-color: rgba(193,162,213,0.3);
}
.hlcolor3-trans-3 {
    background-color: rgba(230,218,238,0.3);
}
.hlcolor4-trans-3 {
    background-color: rgba(242,236,247,0.3);
}


.unigrey-trans-3 {
background-color: rgb(87,80,71,0.3);
}
.unigray2-trans-3 {
    background-color: rgba(171,167,163,0.3);
}
.unigray3-trans-3 {
    background-color: rgba(221,220,218,0.3);
}
.unigray4-trans-3 {
    background-color: rgba(238,237,236,0.3);
}


.wcpurp-trans-3 {
background-color: rgba(73,35,101,0.3);
}
.wcpurp2-trans-3 {
    background-color: rgba(164,145,178,0.3);
}
.wcpurp3-trans-3 {
    background-color: rgba(219,211,224,0.3);
}
.wcpurp4-trans-3 {
    background-color: rgba(236,233,239,0.3);
}

/****************************Font Colors**************************/

.csbs-text {
color: rgb(0,95,113);
}

.hlcolor-text {
color: rgb(132, 70, 172);
}

.unigrey-text {
color: rgb(87,80,71);
}

.wcpurp-text {
color: rgb(73,35,101);
}

.white-text {
color: #FFF;
}

/***************************Typeography***************************/


.sizeup1-3 {
    font-size: 1.3em;
}

.sizeup1-5 {
    font-size: 1.5em;
}

.sizeup1-7 {
    font-size: 1.7em;
}

.sizeup2-0 {
    font-size: 2em;
}

.sizeup2-3 {
    font-size: 2.3em;
}

.sizeup2-5 {
    font-size: 2.5em;
}

.sizeup2-7 {
    font-size: 2.7em;
}

.sizeup3-0 {
    font-size: 3em;
}

.sizeup3-3 {
    font-size: 3.3em;
}

.sizeup3-5 {
    font-size: 3.5em;
}

.sizeup3-7 {
    font-size: 3.7em;
}

.sizeup4-0 {
    font-size: 4em;
}

.sizeup4-3 {
    font-size: 4.3em;
}

.sizeup4-5 {
    font-size: 4.5em;
}

.sizeup4-7 {
    font-size: 4.7em;
}

.sizeup5-0 {
    font-size: 5em;
}

.sizeup5-3 {
    font-size: 5.3em;
}

.sizeup5-5 {
    font-size: 5.5em;
}

.sizeup5-7 {
    font-size: 5.7em;
}

.sizeup6-0 {
    font-size: 6em;
}

.sizeup6-3 {
    font-size: 6.3em;
}

.sizeup6-5 {
    font-size: 6.5em;
}

.sizeup6-7 {
    font-size: 6.7em;
}

.sizeup7-0 {
    font-size: 7em;
}


/*secondary logo svg patch*/

.secondary-logo {
    height: 55px !important;
    margin-top: 14px;
}

@media only screen and (max-width: 740px) {
    .secondary-logo {
        margin-top: 0;
    }
}

/******************MEDIA QUERIES***************************/

@media only screen and (max-width: 640px) {
    section.inset {
        padding: 4em 0.5em 2em;
    }
}
