/* accessible tables */
table.endowment-highlights{
width: 95%;
margin-left: auto;
margin-right: auto;
}
table.endowment-highlights figcaption{
	display: none;
}
table.endowment-highlights tr th,
table.endowment-highlights tr td{
	padding: 18px;
	border: 3px solid #fff;
	}
table.endowment-highlights tr th.head-copy{
	font-size: 1.1;
	font-weight: bold;
	}
table.endowment-highlights tr th.head-copy-row{
	font-size: 1.1;
	font-weight: bold;
	text-align: left;
	}
table.endowment-highlights tr td.cell-purple{
	padding 15px;
	background-color: #4A2D83;
	color: #fff;
	text-align: center;
	}
table.endowment-highlights tr td.cell-dark-purple{
	padding 15px;
	background-color: #261546;
	color: #fff;
	text-align: center;
	}
table.endowment-highlights tr td.first{
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	}
table.endowment-highlights tr td.last{
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	}

/* accessible lists */
ul.distribution-details{
width: 70%;
margin-left: auto;
margin-right: auto;
columns: 2;
-webkit-columns: 2;
-moz-columns: 2;
margin-top: 20px;
}

ul.value-of-cef{
display: none;
width: 90%;
margin-left: auto;
margin-right: auto;
columns: 3;
-webkit-columns: 3;
-moz-columns: 3;
margin-top: 20px;
margin-bottom: 25px;
}

ul.distribution-details li,
ul.value-of-cef li{
font-size: .85em;
list-style-type: none;
margin-left: 5px;
margin-right: 5px;
}

ul.value-of-cef li{
font-size: .75em;
}

@media only screen and (max-width:767px){
  .udub-slant-divider, :after, :before {
     display: initial;
     }
}
h1.entry-title{
position: absolute;
text-indent: -9999px;
}
.container-fluid.uw-body{
padding-right: 0;
padding-left: 0;
}
a.top-link-download {
    position: absolute;
    padding: 12px;
    border: solid #4b2e83;
    text-align: center;
    margin-top: 30px;
    margin-left: 30px;
    font-size: 20px;
    border-radius: 10px;
    background-color: #efefef;
    color: #4b2e83;
    display: inline-block;
    width: 300px;
    z-index: 500;
	}
	
a.top-link-download:hover{
	color: #fff;
	background-color: #4b2e83;
	}

/* hide header and breadcrumbs */
h1.page-header, div.uw-hero-image, .uw-sidebar, #dawgdrops, nav.uw-breadcrumbs {
    display:none !important;
}

/* anchor outlines */
div:active, div:focus {
    outline: 0 !important;
    border: none !important;
    -moz-outline-style: none !important;
}

/* hide on mobile or desktop */
h2.uw-site-title {
    display: none;
}
.hide-on-desktop {
    display: none !important;
}
@media only screen and (max-width: 770px) {
    .hide-on-mobile {
        display: none !important;
    }
    .hide-on-desktop {
        display: block !important;
    }
}
.show-on-mobile-1030 {
    display: none !important;
}
@media only screen and (max-width: 1030px) {
    .hide-on-mobile-1030 {
        display: none !important;
    }
    .show-on-mobile-1030 {
        display: block !important;
    }
}
    

/* override theme padding and margins */
div.container.uw-body {
    padding-left: 0px !important;
    padding-right: 0px !important;
    padding-top: 0px !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
    margin-bottom: 0px !important;
}
.footer.footer.container {
    display: none;
}
div.container.uw-body {
    padding-bottom: 0px;
}

/* banner background image */
.banner, #endowment1 {
    width:  100%;
    height: 800px; /* older browsers */
    height: 100vh; 
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

#endowment1 {
    background-image: url(https://finance.uw.edu/treasury/sites/default/files/CEF/ridge.png);
    height: 1200px;
}
@media only screen and (max-width: 1030px) {
    #endowment1 {
        margin-top: -40px;
    }
    #explore {
        color: #030915 !important;
    }
}

#endowment2 {
    height: 1000px;
}
#endowment3 {
    height: 700px;
}
#endowment4 {
    height: 900px;
}

#investment1 {
    background-image: url(/treasury/files/CEF/Mount_Rainier-1490.jpg);
    height: 3700px;
}

.page-node-771 #investment1,
.page-node-772 #investment1,
.page-node-775 #investment1,
.page-node-779 #investment1{
    background-image: url(/treasury/files/CEF/Mount_Rainier-1490.jpg);
    height: 4100px;
}

@media only screen and (max-width: 770px) {
    #investment1 {
        height: 3200px;
    }
}
@media only screen and (max-width: 450px) {
    #investment1 {
        height: 3000px;
    }
}
@media only screen and (min-width: 770px) {
    #impact {
        height: 3600px;
    }
}
@media only screen and (min-width: 771px) {
    #impact {
        height: 2800px;
    }
}
@media only screen and (min-width: 990px) {
    #impact {
        height: 3250px;
    }
}
@media only screen and (min-width: 1200px) {
    #impact {
        height: 3600px;
    }
}



#contact {
    background-image: url(/treasury/files/contact-bg.png);
    height: 1800px;
}
@media only screen and (max-width: 570px) {
    #contact {
        height: 2000px;
    }
}
@media only screen and (max-width: 450px) {
    #contact {
        height: 1800px;
    }
}

    

/* override theme container sizes */
.container {
    width: 100% !important;
}

/* recreating the container effect for the top two banners and report-title */
@media (min-width: 768px) {
  .dawgdrops-nav, .uw-patch, .uw-wordmark, .report-title, .boundless-bar {
    margin-left: 0 !important;
  }
}
@media (min-width: 992px) {
  .dawgdrops-nav, 
  .uw-patch, 
  .uw-wordmark, 
  .report-title, 
  .boundless-bar {
    margin-left: 0 !important;
  }
}
@media (min-width: 1240px) {
  .dawgdrops-nav, .uw-patch, .uw-wordmark, .report-title, .boundless-bar {
    margin-left: 0 !important;
  }
}
.uw-wordmark {
    margin-left: 100px;
}


/* Report Title */
.report-title {
    color: #fff;
    font-family: "Encode Sans Compressed", sans-serif;
    font-size: 50px;
    line-height: 55px;
    font-weight: 900;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -ms-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    padding-top: 250px;
    padding-left: 50px;
    max-width: 800px;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, .5);
}

body.page-node-772 .report-title,
body.page-node-775 .report-title,
body.page-node-779 .report-title{
	text-shadow: 1px 1px 1px rgb(0 0 0 / 30%);
	}

.boundless-bar {
    width: 200px;
    height: 10px;
    padding-left: 50px;
}
@media only screen and (max-width: 770px) {
    .report-title {
        font-size: 40px;
        padding-left: 10px;
        padding-top: 150px;
    }
    .boundless-bar {
        padding-left: 10px;
        width: 100px;
    }
}


/* p on mobile */
@media only screen and (max-width: 450px) {
    p {
        font-size: 12px !important;
    }
}

/* endowment content */
#before-endowment {
    height: 300px;
}
@media only screen and (max-width: 1000px) {
    #before-endowment {
        height: 100px;
    }
}
#letter {
    margin-bottom: 30px;
}
.endowment-title {
    padding-top: 100px !important;
    padding-bottom: 10px !important;
}
@media only screen and (max-width: 780px) {
    .endowment-title {
        padding-top: 260px !important;
        padding-bottom: 5px !important;
    }
    #endowmentPie1 {
        margin-top: 350px !important;
    }
}
@media only screen and (max-width: 770px) {
    .endowment-title2 {
        padding-top: 5px !important;
        padding-bottom: 5px !important;
    }
    #line2 {
        margin-top: 100px !important;
        margin-bottom: 100px;
    }
    .pie, .pie2 {
        margin-left: 15px !important;
        margin-right: 15px !important;
    }
    #endowmentPie1 {
        margin-top: 150px !important;
    }
    #letter {
        margin-bottom: 10px !important;
    }
}
#mySidenav a:hover {
    border-bottom: none !important;
}
#endowmentModal:hover, #endowmentModal1:hover, #endowmentModal2:hover {
    cursor: hand;
    cursor: pointer;
}
@media (max-width: 1200px) {
    #growth-of-endowment {
        margin-top: -100px;
        margin-bottom: 80px;
    }
}
@media (max-width: 991px) {
    #growth-of-endowment {
        margin-bottom: 180px;
    }
}
@media (max-width: 780px) {
    #growth-of-endowment {
        margin-top: 0px;
    }
}
@media (max-width: 770px) {
    #growth-of-endowment {
        margin-top: -100px;
        margin-bottom: 290px;
    }
}
@media (max-width: 713px) {
    #growth-of-endowment {
        margin-bottom: 330px;
    }
}
@media (max-width: 600px) {
    #growth-of-endowment {
        margin-bottom: 380px;
    }
}
@media (max-width: 540px) {
    #growth-of-endowment {
        margin-top: 0px;
    }
}
@media (max-width: 460px) {
    #growth-of-endowment {
        margin-bottom: 440px;
    }
}
@media (max-width: 530px) {
    .growth-numbers {
        float: none !important;
        width: 100% !important;
        padding-bottom: 30px;
    }
    .growth-click {
        margin-top: 60px !important;
    }
}
.modal-btn a {
    color: #4b2e83 !important;
}
.modal-btn a:hover {
    color: #b7a57a !important;
}






/* Report Container */
.report-container {
    width: 90%;
    margin: 0 auto;
    text-align: justify;
    text-justify: inter-word;
    padding-top: 30px;
    padding-bottom: 40px;
}
@media (min-width: 768px) {
  .report-container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .report-container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .report-container {
    width: 1170px;
  }
}

/* centering elements */
.center {
  display: block;
  width: auto;
  height: auto;
  margin: 0 auto;
  text-align: center;
}

/* recreating UW header styling */
.uw-h1, .uw-h2, .uw-h3, .uw-h3-impact, .impact-title, .uw-h3-invest {
    color: #4b2e83;
    font-family: "Encode Sans Compressed", sans-serif;
    font-weight: 800;
    line-height: 1.3;
    font-size: 50px !important;
    clear: both;
    margin: 0 auto;
    text-align: center;
    padding: 10px;
}
.uw-h2 {
    font-weight: 200;
    font-size: 30px !important;
    padding: 0px;
}
.uw-h3, .uw-h3-impact, .uw-h3-invest {
    font-weight: 400;
    font-size: 20px !important;
    padding-bottom: 0px;
}
.uw-h3-invest {
    font-size: 17px !important;
}
@media only screen and (max-width: 1020px) {
    .impact-title {
        font-size: 25px !important;
    }
    .uw-h3-impact {
        font-size: 14px !important;
        padding-top: 8px !important;
    }
    .uw-h2 {
        font-size: 23px !important;
    }
    .uw-h3 {
        font-size: 15px !important;
        padding: 5px;
    }
}
@media only screen and (max-width: 770px) {
    .uw-h1 {
        font-size: 25px !important;
    }
    .uw-h2 {
        font-size: 20px !important;
    }
    .uw-h3-invest {
        font-size: 14px !important;
        padding-top: 8px !important;
    }
}

/* impact responsive */
.impact-underline, .impact-underline-first {
    width: 100%;
    height: 5px;
    background-color: #4b2e83;
    margin-top: 100px;
}
.impact-underline-first {
    margin-top: 110px;
}
.impact-number-padding {
    padding-left: 30px;
}
@media only screen and (max-width: 1020px) {
    .impact-underline {
        margin-top: 65px;
    }
    .impact-underline-first {
        margin-top: 80px;
    }
    .impact-number-padding {
        padding-left: 0px !important;
    }
}
@media only screen and (max-width: 540px) {
    .impact-div {
        width: 100% !important;
    }
    .impact-number-padding {
        float: none !important;
        padding: 10px;
    }
    th, td {
        font-size: 60% !important;
    }
    .impact-underline, .impact-underline-first {
        display: none;
    }
}
.impact-img-left, .impact-img-right {
    -moz-transition: all ease .2s;
    -o-transition: all ease .2s;
    -webkit-transition: all ease .2s;
    -ms-transition: all ease .2s;
    transition: all ease .2s;
}
.impact-img-left:hover {
    -moz-transform: translate(10px, 0px);
    -o-transform: translate(10px, 0px);
    -webkit-transform: translate(10px, 0px);
    -ms-transform: translate(10px, 0px);
    transform: translate(10px, 0px);
}
.impact-img-right:hover {
    -moz-transform: translate(-10px, 0px);
    -o-transform: translate(-10px, 0px);
    -webkit-transform: translate(-10px, 0px);
    -ms-transform: translate(-10px, 0px);
    transform: translate(-10px, 0px);
}



/* investment responsive */
#last-chart {
    width: 70%;
}
@media only screen and (max-width: 1000px) {
    #last-chart {
        width: 100%;
    }
}



/* text colors*/
.white {
    color: white !important;
}
.black {
    color: black !important;
}
.light-gray {
    color: #d9d9d9 !important;
}
.dark-gray {
    color: #444444 !important;
}
.purple {
    color: #4b2e83 !important;
}
.gold-dark {
    color: #85754d !important;
}
.gold-light {
    color: #b7a57a !important;
}


/* section color options */
.section-purple {
    background-color: #4b2e83;
}
.section-gold {
    background-color: #85754d;
}
.section-black {
    background-color: black;
}
.section-blue {
    background-color: #001233;
}
.section-black-header {
    background-color: #030916;
    margin-top: -8px;
}
.section-blue-gradient {
    background: black; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(black, #001233); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(black, #001233); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(black, #001233); /* For Firefox 3.6 to 15 */
    background: linear-gradient(black, #001233); /* Standard syntax */
}




/* all symbols next to numbers */
.dollar:before, .dollar-impact:before {
    content: '$';
}
.million:after, .million-impact:after {
    content: ' million';
    font-size: 30px;
}
.billion:after {
    content: ' billion';
    font-size: 30px;
}
.decimal:after, .decimal-impact:after {
    content: '.';
    font-size: 40px;
}
.comma:after, .comma-impact:after {
    content: ',';
    font-size: 40px;
}
.percent:after {
    content: '%';
    font-size: 40px;
}

@media (max-width: 770px) {
    .million:after{
    	   content: ' million';
    	   font-size: 15px;
    }
    .billion:after {
        content: ' billion';
        font-size: 15px;
    }
    .decimal:after{
        content: '.';
    }
    .comma:after{
        content: ',';
    }
    .percent:after {
        content: '%';
        font-size: 20px;
    }
}
@media (max-width: 1020px) {
    .million-impact:after {
        content: ' million';
        font-size: 15px;
    }
    .decimal-impact:after {
        content: '.';
        font-size: 20px;
    }
    .comma-impact:after {
        content: ',';
        font-size: 20px;
    }
}




/* spacing and lines */
.space-big {
    margin: 50px;
}
.space-small {
    margin: 25px;
}
.line-gold {
	width: 60%;
	height: 3px;
	background: #b7a57a;
}
@media only screen and (max-width: 770px) {
    #line3, #line2 {
        display: none !important;
    }
}
@media only screen and (max-width: 767px) {
    #line2 {
        display: block !important;
    }
}


/* perfectly layout 3 items, different from bootstrap */
.tri-item > div {
    display: inline; /* For IE7 */
    display: inline-block;
    zoom: 1; /* Trigger hasLayout */
    width: 33%;
    text-align: center;
}
@media only screen and (max-width: 1000px) {
    .tri-item > div {
        width: 100%;
    }
}

/* navigation bar */
#nav-div, #nav-div-mobile {
    width: 100%;
    background-color: white;
    padding-bottom: 10px;
}
#nav-div-mobile {
    background-color: #4b2e83;
    background-color: rgba(75, 46, 125, 0.7);
}
#nav {
    width: 70%;
    height: 65px;
    display: flex;
    justify-content: space-between;
}
#hamburger {
    display: none;
    color: white;
}
#hamburger:hover {
    cursor: hand;
    cursor: pointer;
}
@media only screen and (max-width: 770px) {
    #nav-div, #nav-div-mobile {
        padding-bottom: 5px;
    }
    #hamburger {
        font-size: 25px !important;
    }
}
@media only screen and (max-width: 1030px) {
    #nav, #perma-nav, #perma-nav div {
        display: none !important;
    }
    #hamburger {
        display: block;
        font-size: 32px;
    }
}
#nav a:hover, #icons a:hover, #perma-nav a:hover {
    border-bottom: none !important;
    color: #b7a57a !important;
}
.nav-item {
    margin-top: 25px;
    margin-bottom: 10px;
}
#perma-nav {
    opacity: 0;



    display: none;



    -moz-transition: all ease .2s;
    -o-transition: all ease .2s;
    -webkit-transition: all ease .2s;
    -ms-transition: all ease .2s;
    transition: all ease .2s;
}
#perma-nav div {
    opacity: 0;
    -moz-transition: all ease .2s;
    -o-transition: all ease .2s;
    -webkit-transition: all ease .2s;
    -ms-transition: all ease .2s;
    transition: all ease .2s;
}
.show-nav {
    display: block !important;
    opacity: 1 !important;
}




/* mobile menu */
.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: #4b2e83;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 80px;
    text-align:center;
    display: block;
}
@media only screen and (min-width: 1035px) {
    .sidenav {
        display: none;
    }
}
.sidenav a {
    padding: 20px;
    text-decoration: none;
    font-size: 30px;
    color: white;
    display: block;
    transition: 0.3s;
    font-family: "Encode Sans Compressed", sans-serif;
    font-weight: 800;
}
.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 40px;
    font-size: 50px !important;
    margin-left: 50px;
}
.closebtn:hover, .read-story:hover {
    color: #b7a57a !important;
    cursor: hand;
    cursor: pointer;
}






/* impact image hover effects */
.impact-hover-animate {
    margin-top: -352px;
    opacity: 0;
}
@media only screen and (max-width: 1200px) {
    .impact-hover-animate {
        margin-top: -296px;
    }
}
@media only screen and (max-width: 991px) {
    .impact-hover-animate {
        margin-top: -235px;
    }
}
.impact-hover-animate:hover {
    opacity: 1;
}








/* icons above nav */
#icons {
    width: 70%;
    height: 140px;
    background-color: white;
    padding-top: 30px;
    -moz-transition: all ease .2s;
    -o-transition: all ease .2s;
    -webkit-transition: all ease .2s;
    -ms-transition: all ease .2s;
    transition: all ease .2s;
    display: flex;
    justify-content: space-between;
}
#icons img {
    height: 125px;
    width: 125px;
    background-color: #d9d9d9;
    border-bottom: solid 5px #d9d9d9;
    -moz-transition: all ease .2s;
    -o-transition: all ease .2s;
    -webkit-transition: all ease .2s;
    -ms-transition: all ease .2s;
    transition: all ease .2s;
}
#icons img:hover {
    background-color: #4b2e83;
    border-bottom: solid 5px white;
    -moz-transform: translate(0px, -10px);
    -o-transform: translate(0px, -10px);
    -webkit-transform: translate(0px, -10px);
    -ms-transform: translate(0px, -10px);
    transform: translate(0px, -10px);
}
#icons-div {
    background-color: white;
}
@media only screen and (max-width: 780px) {
    #icons-div {
        display: none;
    }
}


/* nav-filler fill material */
#fill {
    width: 100%;
    height: 0px;
    background-color: white;
    -moz-transition: all ease 2s;
    -o-transition: all ease 2s;
    -webkit-transition: all ease 2s;
    -ms-transition: all ease 2s;
    transition: all ease 2s;
}

/* endowment modal buttons and img */
.over-20-years {
    width: 80%;
    height: 160px;
    padding-top: 20px;
    margin-top: -300px;
    -webkit-transition: all ease 0.2s;
    -o-transition: all ease 0.2s;
    -moz-transition: all ease 0.2s;
    -ms-transition: all ease 0.2s;
    transition: all ease 0.2s;
}

body.page-node-772 .over-20-years,
body.page-node-775 .over-20-years,
body.page-node-779 .over-20-years,
body.page-node-781 .over-20-years,
body.page-node-782 .over-20-years{
	padding-top: 30px;
	}

body.page-node-770 #scroll,
body.page-node-771 #scroll,
body.page-node-772 #scroll,
body.page-node-775 #scroll,
body.page-node-779 #scroll,
body.page-node-781 #scroll,
body.page-node-782 #scroll{
    margin-left: -80px;
    background-color: #000;
    padding: 2px 4px;
    }

body.page-node-770 .scroll-btn .mouse,
body.page-node-771 .scroll-btn .mouse,
body.page-node-772 .scroll-btn .mouse,
body.page-node-775 .scroll-btn .mouse,
body.page-node-779 .scroll-btn .mouse,
body.page-node-781 .scroll-btn .mouse,
body.page-node-782 .scroll-btn .mouse{
    position: relative;
    display: block;
    width: 35px;
    height: 55px;
    margin: 0 auto 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 3px solid white;
    border-radius: 23px;
    background-color: #000;
    }
    
body.page-node-770 #nav-div, 
body.page-node-770 #nav-div-mobile,
body.page-node-771 #nav-div, 
body.page-node-771 #nav-div-mobile,
body.page-node-772 #nav-div, 
body.page-node-772 #nav-div-mobile,
body.page-node-775 #nav-div, 
body.page-node-775 #nav-div-mobile,
body.page-node-779 #nav-div, 
body.page-node-779 #nav-div-mobile,
body.page-node-781 #nav-div, 
body.page-node-781 #nav-div-mobile,
body.page-node-782 #nav-div, 
body.page-node-782 #nav-div-mobile{
    width: 100%;
    background-color: white;
    padding-bottom: 0;
}

body.page-node-779 .legend em,
body.page-node-779 .legend2 em,
body.page-node-781 .legend em,
body.page-node-781 .legend2 em,
body.page-node-782 .legend em,
body.page-node-782 .legend2 em{
	width: 85%;
	}


@media only screen and (max-width: 790px) {
    .over-20-years {
        margin-top: -200px;
    }
}
@media only screen and (max-width: 770px) {
    .over-20-years {
        margin-top: -280px;
    }
}
@media only screen and (max-width: 600px) {
    .over-20-years {
        margin-top: -370px;
    }
}
@media only screen and (max-width: 460px) {
    .over-20-years {
        margin-top: -420px;
    }
}
.return-chart-desktop, .return-chart-mobile {
    height: 70%;
    width: 100%;
}

/* accordion */

body.page-node-779 #endowment2 #accordion,
body.page-node-779 #endowment2 #panel,
body.page-node-781 #endowment2 #accordion,
body.page-node-781 #endowment2 #panel,
body.page-node-782 #endowment2 #accordion,
body.page-node-782 #endowment2 #panel{
	display: none;
	}

#accordion {
    background-color: none;
    color: white;
    cursor: hand;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: solid white;
    border-radius: 10px;
    text-align: left;
    font-size: 15px;
    -webkit-transition: all ease 0.4s;
    -o-transition: all ease 0.4s;
    -moz-transition: all ease 0.4s;
    -ms-transition: all ease 0.4s;
    transition: all ease 0.4s;
    margin-top: 50px;
}
#pdf-btn {
    background-color: none;
    cursor: hand;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border-radius: 10px;
    -webkit-transition: all ease 0.4s;
    -o-transition: all ease 0.4s;
    -moz-transition: all ease 0.4s;
    -ms-transition: all ease 0.4s;
    transition: all ease 0.4s;
    color: #4b2e83;
    border: solid #4b2e83;
    text-align: center;
    margin-top: 300px;
    font-size: 20px;
    float: none !important;
}

#pdf-btn-glossary {
    background-color: none;
    cursor: hand;
    cursor: pointer;
    padding: 10px;
    width: 100%;
    border-radius: 10px;
    -webkit-transition: all ease 0.4s;
    -o-transition: all ease 0.4s;
    -moz-transition: all ease 0.4s;
    -ms-transition: all ease 0.4s;
    transition: all ease 0.4s;
    color: #4b2e83;
    border: solid #4b2e83;
    text-align: center;
    margin-top: 60px;
    font-size: 15px;
    float: none !important;
}

@media only screen and (max-width: 1200px) {
    #pdf-btn {
        margin-top: 300px;
    }
}
@media only screen and (max-width: 990px) {
    #pdf-btn {
        margin-top: 280px;
    }
	#pdf-btn-glossary {
        margin-top: 30px;
    }
}
@media only screen and (max-width: 770px) {
    #pdf-btn {
        margin-top: 320px;
    }
    #pdf-btn-glossary {
        margin-top: 30px;
    }
}
@media only screen and (max-width: 660px) {
    #pdf-btn {
        margin-top: 360px;
    }
    #pdf-btn-glossary {
        margin-top: 20px;
    }
}
@media only screen and (max-width: 430px) {
    #pdf-btn {
        margin-top: 200px;
    }
    #pdf-btn-glossary {
        margin-top: 32px;
    }
}


@media only screen and (max-width: 660px) {
    #accordion, #pdf-btn {
        font-size: 12px;
    }
}
#accordion:hover, .panel-on {
    background-color: #b7a57a;
    border: solid #b7a57a;
}
#accordion:hover {
    color: white;
}
#pdf-btn:hover {
    background-color: #4b2e83;
    color: white !important;
    border: solid white;
}
#accordion:after {
    content: '\002B';
    color: white;
    font-weight: bold;
    float: right;
    margin-left: 5px;
}
#accordion.panel-on:after {
    content: "\2212";
}
#panel {
    margin-top: 90px;
    overflow: hidden;
    height: 0;
    border: none;
}
.panel-grow {
    height: 1500px !important;
}
.push-down {
    margin-top: 1320px !important;
}
.endowment2-adjust {
    height: 1100px !important;
}
@media only screen and (max-width: 780px) {
    .push-down {
        margin-top: 1400px !important;
    }
}
@media only screen and (max-width: 770px) {
    .push-down {
        margin-top: 1450px !important;
    }
    #panel {
        margin-top: 135px !important;
        font-size: 85%;
    }
    #accordion {
        margin-top: 150px;
    }
    
}
@media only screen and (max-width: 600px) {
    .push-down {
        margin-top: 1450px !important;
    }
    #accordion {
        margin-top: 50px;
    }
}
@media only screen and (max-width: 538px) {
    .push-down {
        margin-top: 1250px !important;
    }
    #panel {
        margin-top: 10px !important;
    }
}
@media only screen and (max-width: 530px) {
    #accordion {
        margin-top: 0px;
    }
    #panel {
        margin-top: 40px !important;
    }
}
@media only screen and (max-width: 450px) {
    .push-down {
        margin-top: 1300px !important;
    }
}
@media only screen and (max-width: 380px) {
    .push-down {
        margin-top: 1400px !important;
    }
}
@media only screen and (max-width: 370px) {
    #accordion:after {
        content: '';
    }
    #accordion.panel-on:after {
        content: "";
    }
}
@media only screen and (max-width: 330px) {
    .push-down {
        margin-top: 1550px !important;
    }
    
}


/* resonsive investment */
@media only screen and (max-width: 770px) {
    .investment-text {
        font-size: 15px !important;
    }
}
#invest-container {
    width: 60%;
}
@media only screen and (max-width: 760px) {
    #invest-container {
        width: 90%;
    }
}

/* contact */
#performance:hover {
    text-decoration: none !important;
    color: #4b2e83 !important;
}
#giving-text {
    width: 80%;
    padding-top: 100px;
    margin-bottom: 5px;
    font-size: 20px;
    font-weight: 200;
    text-align: left;
}
@media only screen and (min-width: 1700px) {
    #giving-text {
        width: 100%;
    }
}
@media only screen and (max-width: 770px) {
    .contact-text {
        font-size: 17px !important;
    }
    #giving-text {
        width: 100%;
    }
}
@media only screen and (max-width: 600px) {
    .contact-text {
        font-size: 15px !important;
    }
}
.final-text {
    width: 60%;
    padding-top: 30px;
    margin-bottom: 50px;
    font-size: 20px;
    font-weight: 200;
    text-align: left;
    margin-left: 0px;
}
@media only screen and (max-width: 550px) {
    .final-text {
        width: 100%;
    }
}




/* contact links */
#boundless-btn, #MUG-btn {
    -webkit-transition: all ease 0.2s;
    -o-transition: all ease 0.2s;
    -moz-transition: all ease 0.2s;
    -ms-transition: all ease 0.2s;
    transition: all ease 0.2s;
}
#boundless-btn:hover, #MUG-btn:hover {
    transform: scale(1.05);
    -webkit-transition: all ease 0.2s;
    -o-transition: all ease 0.2s;
    -moz-transition: all ease 0.2s;
    -ms-transition: all ease 0.2s;
    transition: all ease 0.2s;
}
.contact-link {
    width: 40% !important;
    float: left;
}
@media only screen and (max-width: 990px) {
    .contact-link {
        width: 50% !important;
    }
}
@media only screen and (max-width: 690px) {
    .contact-link {
        width: 60% !important;
    }
}
@media only screen and (max-width: 610px) {
    .contact-link {
        width: 70% !important;
    }
}
@media only screen and (max-width: 480px) {
    .contact-link {
        width: 80% !important;
    }
}
@media only screen and (max-width: 380px) {
    .contact-link {
        width: 100% !important;
    }
}