*{
margin: 0px;
padding: 0px;
box-sizing: border-box;


}

body{
background-color: #FFEB0A;

}

.publication__title {
 text-transform: uppercase !important;
}




a {
text-decoration: inherit;
color: inherit;
cursor: auto;

}

a{
text-decoration: inherit;
color: inherit;
cursor: auto;

}

.department-menu{
width: 20vw;
display: flex;
flex-direction: column;
gap: 10px;
padding-left: 20px;
padding-right: 20px;
}

.department-menu-item{
padding-left:0px;
font-family: 'Inter', sans-serif;
font-size: 18px;
line-height: 120%;
}

.department-menu-item-home{
padding-left:0px;
font-family: 'Inter', sans-serif;
font-size: 18px;
line-height: 120%;
display:none;
}

.department-menu-item-header{
display: none;
}

.department-menu-item:hover{
color:#37B4D5;
cursor: pointer;
}

.home-grid{
height: 100vh;
display: flex;
background-color: #FFEB0A;
padding-top: 80px;
}

.department-wrapper{
width: 80vw;
}

.control-buttons-menu{
padding-top: 15px;
display: flex;
flex-wrap: wrap;
color:black;
cursor: pointer;
font-size: 18px;
font-family: 'Inter', sans-serif;
}

.department-title{
font-family: 'Inter', sans-serif;
font-size: 48px;
}

.department-name{
text-decoration: underline;
text-decoration-color: #37B4D5;
text-decoration-thickness: 3px;
text-underline-offset: 5px;
padding-right: 15px;
}

.cube-filter{
text-decoration: underline;
text-decoration-color: #E05B63;
text-decoration-thickness: 3px;
text-underline-offset: 5px;
}

.control-button{
background-color: white;
margin-right: 10px;
margin-bottom: 10px;
padding-top: 15px;
padding-bottom: 15px;
padding-left: 35px;
padding-right: 35px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50px;
flex-wrap: nowrap;
}

.control-button:hover{
background-color: #303236;
color: white;
}

.control-button-on{
background-color: #303236;
color: white;
margin-right: 10px;
margin-bottom: 10px;
padding-top: 15px;
padding-bottom: 15px;
padding-left: 35px;
padding-right: 35px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50px;
flex-wrap: nowrap;
}

.department-content{
display: flex;
width: 100%;
}

.department-description{
padding-top: 60px;
width: 50%;
font-family: 'Inter', sans-serif;
font-size: 18px;
line-height: 24px;
}

.student-grid{
padding-top: 30px;
padding-left: 30px;
width: 50%;
height: 80vh;
overflow-y: scroll;
}

.x{
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
background-color: #FFEB0A;
height: 30px;
width: 30px;
border: solid 1px black;
border-radius: 30px;
font-family: 'Inter', sans-serif;
font-size: 18px;
padding-bottom: 2px;
cursor: pointer;
}

.x:hover{
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
background-color: black;
color: #FFEB0A;
border: solid 1px black;
border-radius: 30px;
font-family: 'Inter', sans-serif;
font-size: 18px;
}

.filter-container{
display: inline-flex;
width: fit-content;
align-items: center;
flex-wrap: nowrap;
}

.x-container{
display: none;
height: 58px;
justify-content: center;
align-items: center;
padding-top: 6px;
padding-left: 8px;
}

.department-description-less{
display: none;
}

.department-description-more{
display: none;
}




.button-group2{
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
flex-flow: row wrap;
margin-top: 3rem;
}

.button-group-leftAlign{
display: flex;
align-items: center;
justify-content: flex-start;
gap: 8px;
flex-flow: row nowrap;
margin-top: 3rem;
}

.roundedRect-button2 {
border: 2px solid black;
background-color: #FFEB0A;
border-radius: 30px;
padding: 8px;
width: fit-content;
text-align: center;
text-decoration: none !important;
}

.roundedRect-button2 a{
text-decoration: none !important;
}

.roundedRect-button2.color1:hover {
background-color: #EC90AF;
transition: background-color 0.3s linear;
}

.roundedRect-button2.color2:hover {
background-color: #37B4D5;
transition: background-color 0.3s linear;
}

.roundedRect-button2.color3:hover {
background-color: #127F48;
transition: background-color 0.3s linear;
}

.roundedRect-button2.color3:hover a {
color: #fff;
}

.roundedRect-button2.color4:hover {
background-color: #4953AF;
transition: background-color 0.3s linear;
}

.roundedRect-button2.color4:hover a {
color: #fff;
}

.black-border{
border: 3px solid black;
padding: 1rem !important;
margin: 24px !important;
}

/* IMAGE FORMAT*/

.img-width-max {
height: auto;
}

.rpp__column--first div.img-width-max img {
max-height: 80vh !important;
}

img[width]{
 width: auto;
}

/*PATTERN BKG STYLES */
.background-pattern {
background-image: url("https://publications.risdmuseum.org/sites/default/files/2023-04/gradShow2023-header-bkg.png");
background-color: #cccccc;
background-position: left center;
}

.title-bkg-image-page{
display: flex;
justify-content: center;
align-items: center;
align-content: center;
width: fit-content;
padding: .75rem;
background-image: url("https://publications.risdmuseum.org/sites/default/files/2023-04/gradShow2023-header-bkg.png");
border: 3px solid black;
margin: 0 auto;
background-position: left center;
}

.title-bkg-text-page{
display: flex;
justify-content: center;
align-items: center;
align-content: center;
width: fit-content;
padding: .75rem;
background-image: url("https://publications.risdmuseum.org/sites/default/files/2023-04/gradShow2023-header-bkg.png");
border: 3px solid black;

background-position: left center;
}



/*TEXT*/

/*Body copy - increase line height*/
p.text-serif .h3{
line-height: 1.4;
}

.abstract-text {
font-family: 'Inter', sans-serif;
font-size: 20px;
line-height: 1.4;
}

.thesis-title {
font-family: 'Inter', sans-serif;
color: #127F48;
font-size: 30px;
line-height: 1.3;
letter-spacing: -1px;
}

.student-name-text {
font-family: 'Inter', sans-serif;
font-size: 42px;
line-height: 1.4;
margin-bottom: 0px !important;
text-transform: uppercase;
}

/*CAROUSELS*/

.rpp__component--inline-block-carousel .carousel-attributes .carousel-captions .carousel-caption {
margin-top: 0 !important;
}

.carousel-caption {
text-align: left !important;
padding-top: 10px !important;
}

/*MEDIA QUERIES*/

@media only screen and (max-width: 768px) {
.rpp__row.rpp__sticky {
position: static !important;
top: 0;
}

.department-menu-item-header{
display: block;
padding-left:0px;
font-family: 'Inter', sans-serif;
font-size: 14px;
line-height: 120%;
text-align: center;
padding-bottom: 60px;
}

.home-grid{
height: 100vh;
display: block;
background-color: #FFEB0A;
padding-top: 40px;
}

.department-content{
display: flex;
flex-direction: column;
width: 100%;
overflow-y: scroll;
padding-right: 20px;
}

.department-wrapper{
width: 100vw;
}

.read-less{
color:#E05B63;
}

.read-more{
color:#E05B63;
}

.department-menu{
width: 100vw;
height: 100vh;
position: fixed;
gap: 10px;
padding-left: 20px;
padding-right: 20px;
top: 73vh;
background-color: white;
z-index: 5;
padding-top: 20px;
border-radius: 24px;
box-shadow: -6px 0 8px rgba(0,0,0,.1);
}

.department-menu-item-home{
padding-left:0px;
font-family: 'Inter', sans-serif;
font-size: 18px;
line-height: 120%;
display:block;
}

.department-description-less{
display: none;
padding-top: 20px;
width: 100%;
font-family: 'Inter', sans-serif;
font-size: 16px;
line-height: 22px;
overflow: hidden;
padding-left: 20px;
}

.department-description-more{
display: block;
padding-top: 20px;
width: 100%;
font-family: 'Inter', sans-serif;
font-size: 16px;
line-height: 22px;
overflow: hidden;
padding-left: 20px;
}

.department-description{
display: none;
padding-top: 30px;
width: 100%;
font-family: 'Inter', sans-serif;
font-size: 16px;
line-height: 22px;
overflow: hidden;
padding-left: 20px;
}

.department-title{
font-family: 'Inter', sans-serif;
font-size: 36px;
padding-left: 20px;
}

.control-buttons-menu{
padding-top: 15px;
display: flex;
flex-wrap: nowrap;
color:black;
cursor: pointer;
font-size: 16px;
font-family: 'Inter', sans-serif;
width: 100vw;
overflow-x: scroll;

}

.control-buttons-menu::-webkit-scrollbar{
display: none;
}

.control-button{
background-color: white;
margin-right: 10px;
margin-bottom: 10px;
padding-top: 15px;
padding-bottom: 15px;
padding-left: 35px;
padding-right: 35px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50px;
flex-wrap: nowrap;
white-space: nowrap;
}

.control-button-on{
background-color: #303236;
color: white;
margin-right: 10px;
margin-bottom: 10px;
padding-top: 15x;
padding-bottom: 15px;
padding-left: 35px;
padding-right: 35px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50px;
flex-wrap: nowrap;
white-space: nowrap;
}

.student-grid{
display: grid;
grid-template-columns: 1fr 1fr;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
width: 100%;
overflow: visible;
justify-items: center;
padding-left: 20px;
}


}

@media only screen and (min-width: 768px) {
.section-padding-top {
padding-top: 3rem !important;
}

.abstract-text {
font-size: 26px;
line-height: 1.4;
}

h1 .student-name-text {
font-size: 72px;
line-height: 1.4;
margin-bottom: 0px !important;
}

.black-border{
padding: 2rem !important;
}
}

@media only screen and (min-width: 1300px) {
.thesis-title {
font-size: 35px;
line-height: 1.3;
}
}