* {box-sizing: border-box;}

html{
    /* display: flex;
    justify-content: center; */
}

body { 
  margin: 0;
  background-color: #F4F2F2;
  overflow-x: hidden;
  /* max-width: 1920px; */
}


.cms-container-inside{
	display: flex;
}

.mainContainer{
	position: relative;
   
}

img{
    width: 100%;
}

/*  */

.font-Amsterdam{
    font-family: 'Amsterdam', sans-serif;
}

.font-KaiseiOpti{
    font-family: 'KaiseiOpti', sans-serif;
}

.font-Garamond{
    font-family: 'Garamond', sans-serif;
}

.header{
    /* overflow: hidden; */
    position: relative;
    z-index: 100;
}

.header-banner{
    width: 100%;
}

.header .header-bar{
    padding: 3% 10%;
    background-color: white;
}

.header .header-bar .inner{
    display: flex;
}

.header .header-bar .left-div{
    font-weight: 700;
    font-size: calc(clamp(14px, 1.0417vw, 20px));
    color: #4F5B35;
    gap: 20px;
    position: relative;
    padding-left: 5px;
    padding-right: 5px;
}

.header .header-bar .right-div{
    font-weight: 400;
    font-size: calc(clamp(14px, 1.0417vw, 20px));
    color: #A48761;
    width: 25%;
    justify-content: space-between;
    gap: 25px;
}

.header .header-bar .right-div a{
    color: #A48761;
}

.header .header-bar p{
    margin-bottom: 0;
}

.header .header-bar a{
    text-decoration: none;
}

.home-banner,
.inside-banner{
    height: calc(clamp(261px, 52.083vw, 1000px));
    background-repeat: no-repeat;
    background-position: center;
}

.home-banner > .cms-container-inside{
    height: 100%;
    background: linear-gradient(360deg, #484039 0%, rgba(107, 83, 62, 0) 82.69%);
}

.home-banner > .cms-container-inside > .cms-container-item{
    height: 100%;
    position: relative;
}

.home-banner-text{
    position: absolute;
    bottom: 5%;
    left: 0;
    right: 0;
    margin: auto;
    width: 75%;
}

.mobile-home-banner-text{
    display: none;
    font-size: calc(clamp(16px, 1.5625vw, 30px));
    font-weight: 300;
    text-align: justify;
    color: #7B7B7B;
}

.home-banner-text .block-title{
    font-size: calc(clamp(22px, 2.34375vw, 45px));
    font-weight: bold;
}

html[lang="en"] .home-banner-text .block-title{
    font-size: calc(clamp(24px, 2.1875vw, 42px));
}

.home-banner-text .block-content{
    font-size: calc(clamp(16px, 1.0417vw, 20px));
    font-weight: 300;
}

.title-div{
    padding-bottom: 5%;
}

.title-div .cms-block-inside .cms-block-item{
    position: relative;
}

.title-div .block-title{
    font-size: calc(clamp(38px, 3.385417vw, 65px));
    font-weight: 400;
    color: #879284;
}

.mainContainer .page-block-div.hidden{
    display: none;
}

.page-block-div.v2 .title-div .block-title{
    text-align: right;
    display: flex;
    justify-content: right;
}

.title-div .block-content{
    position: absolute;
    font-family: 'KaiseiOpti', sans-serif;;
    font-size: calc(clamp(22px, 2.084vw, 40px));
    font-weight: 400;
    color: #879284;
}

.page-block-div.featured-story .title-div .block-content{
    left: 25%;
}

.page-block-div.highlighted-news .title-div .block-content{
    right: 0;
}

.page-block-div.alumni-benefits .title-div .block-content{
    left: 32.5%;
    bottom: -100%;
}

.page-block-div.alumni-activities .title-div .block-content{
    right: 0;
}

.page-block-div.study-opportunities .title-div .block-content{
    left: 33%;
    bottom: -75%;
}


.page-block-div{
    padding: 6% 20%;
    background-color: white;
    overflow-x: hidden;
}

.home-page-div a{
    text-decoration: none;
}

.home-page-div .page-block-div{
    padding: 6% 13%;   
}

.page-block-div.v2{
    background-color: #FFFAEF;
}

.title-div .title-line{
    position: absolute;
    left: 45%;
    top: 25%;
    width: 65%;
}

.page-block-div.v2 .title-div .title-line{
    left: -14% !important;
    top: 0% !important;
}

.page-block-div.featured-story .title-div .title-line{
    left: 43%;
    top: 0%;
}

html[lang="en"] .page-block-div.featured-story .title-div .title-line{
    left: 42%;
    top: -33%;
}

.page-block-div.alumni-benefits .title-div .title-line{
    left: 53%;
    top: 7%;
}

.page-block-div.study-opportunities .title-div .title-line{
    left: 54%;
    top: 0%;
}

.featured-story-div{
    margin-top: 7%;
}

.featured-story-div .featured-story-person-img .image-item{
    position: relative;
    padding: 3vw;
}

.featured-story-div .featured-story-person-img .image-item .cms-resource{
    position: relative;
}

.featured-story-div .featured-story-person-img .cms-block-item .light-box-div{
    position: absolute;
    width: 3vw;
    height: 3vw;
    background-color: #F0DBC0;
}

.featured-story-div .featured-story-person-img .cms-block-item .light-box-div.left{
    top: 0;
    left: 0;
}

.featured-story-div .featured-story-person-img .cms-block-item .light-box-div.right{
    background-color: #D9E6D5;
    bottom: 0;
    right: 0;
}

.featured-story-div .featured-story-para .cms-block-item{
    padding: 2.5vw 2vw;
}

.featured-story-div .featured-story-para .block-title{
    font-size: calc(clamp(20px, 1.5625vw, 30px));
    font-weight: 700;
    color: #919191;
    line-height: 1.5em;
    padding-bottom: 5%;
}

.featured-story-div .featured-story-para .block-content{
    font-size: calc(clamp(14px, 1.0417vw, 20px));
    font-weight: 400;
    color: #7B7B7B;
    line-height: 1.5em;
}

html[lang="en"] .featured-story-div .featured-story-para .block-content{
    font-size: calc(clamp(16px, 1.25vw, 24px));
}

.btn-read-more .cms-block-item{
    padding: 1.5vw;
}

.btn-read-more .block-content{
    width: fit-content;
    color: #D5C8B6;
    border: 1px solid #D5C8B6;
    font-size: calc(clamp(14px, 1.14584vw, 22px));
    padding: 4% 25%;
    cursor: pointer;
}

.btn-read-more .block-content p{
    margin-bottom: 0;
}

html[lang="en"] .btn-read-more .block-content{
    font-size: calc(clamp(20px, 2.0834vw, 35px));
}

.highlighted-news-list-div .list-div{
    padding-top: 5%;
}

.highlighted-news-list-div .list-div .list-items{
    margin-bottom: 3%;
}

.highlighted-news-list-div .img-box{
    padding: 1.5%;
    border: 4px solid #E6C191;
    margin-bottom: 3%;
}
 
.highlighted-news-list-div .list-div .list-items:nth-child(3n + 2) .img-box{
    border: 4px solid #BDD5B6;
}

.highlighted-news-list-div p{
    font-size: calc(clamp(14px, 1.35417vw, 26px));
    font-family: 'Garamond', sans-serif;
    color: #696253;
    font-weight: bold;
    line-height: 1.2em;
}

html[lang="en"] .highlighted-news-list-div p{
    font-size: calc(clamp(16px, 1.25vw, 24px));
}

.alumni-benefits-list-div .list-div .list-items{
    padding-left: 3%;
    padding-right: 3%;
}

.alumni-benefits-list-div .list-div .list-items .items-main{
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
    gap: 30px;
    position: relative;
}

.alumni-benefits-list-div .list-div .list-items .items-main .bg-box-border{
    border: 2px solid #E6C191;
    position: absolute;
    top: 7%;
    width: 90%;
    min-height: 150px;
    z-index: 0;
}

.alumni-benefits-list-div .list-div .list-items .items-main .type-div{
    width: 75%;
    background-color: #879284;
    color: white;
    font-size: calc(clamp(16px, 1.5625vw, 30px));
    text-align: center;
    padding: 5%;
    font-family: 'Garamond', sans-serif;
    z-index: 1;
    font-weight: bold;
}

html[lang="en"] .alumni-benefits-list-div .list-div .list-items .items-main .type-div{
    font-size: calc(clamp(16px, 1.7vw, 32px));
}

.alumni-benefits-list-div .list-div .list-items .items-main .type-div p{
    margin-bottom: 0;
}

.alumni-benefits-list-div .list-div .list-items .items-main .infos-box {
    display: flex;
    flex-direction: column;
    height: 100%;
    z-index: 1;
}

.alumni-benefits-list-div .list-div .list-items .items-main .infos-box .infos-div{
    background-color: #D9E6D5;
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.alumni-benefits-list-div .list-div .list-items .items-main .infos-box .infos-div p{
    margin-bottom: 0;
    font-size: calc(clamp(16px, 1.25vw, 24px));
    font-family: 'Garamond', sans-serif;
    line-height: 1.2em;
    text-align: center;
    color: #849280;
    padding: 10% 7%;
    font-weight: bold;
}

html[lang="en"] .alumni-benefits-list-div .list-div .list-items .items-main .infos-box .infos-div p{
    font-size: calc(clamp(16px, 1.197917vw, 23px));
}

.alumni-benefits-list-div .list-div {
    display: flex;
    flex-wrap: wrap;
    padding-top: 10%;
}

.alumni-benefits-list-div .btn-explore{
    width: 75%;
    border: 2px solid #D5C8B6;
    padding: 5%;
    display: flex;
}

.alumni-benefits-list-div .btn-explore a,
.alumni-benefits-list-div .btn-explore p{
    margin-bottom: 0;
    text-align: center;
    font-size: calc(clamp(16px, 1.197917vw, 23px));
    font-family: 'Garamond', sans-serif;
    color: #D5C8B6;
    font-weight: bold;
    width: 100%;
}

.alumni-activities-list-div .list-div{
    padding-top: 20%;
}

.alumni-activities-list-div .list-div .list-items{
    display: flex;
    justify-content: center;
    margin-bottom: 7%;
    height: 100%;
}

.alumni-activities-list-div .list-div .list-items:nth-child(2n + 1){
    transform: translateY(-65%);
}

.alumni-activities-list-div .list-div .list-items:nth-child(even) .items-main .item-row{
    flex-direction: row-reverse;
    text-align: right;
}


.alumni-activities-list-div .list-div .list-items .items-main{
    width: 98%;
    border: 2px solid #D5C8B6;
    padding: 4% 3%;
}

.alumni-activities-list-div .list-div .list-items .items-main .infos-div{
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.alumni-activities-list-div .list-div .list-items .items-main .infos-div p{
    margin-bottom: 0;
    font-family: 'Garamond', sans-serif;
    color: #AC9D96;
    line-height: 1em;
    font-weight: 700;
}

.alumni-activities-list-div .list-div .list-items .items-main .infos-div .dates{
    font-size: calc(clamp(16px, 1.197917vw, 23px));
}

.alumni-activities-list-div .list-div .list-items .items-main .infos-div .location{
    font-size: calc(clamp(16px, 1.25vw, 24px));
    margin-bottom: 1em;
}

.alumni-activities-list-div .list-div .list-items .items-main .infos-div .tour{
    font-size: calc(clamp(20px, 1.354167vw, 26px));
}

html[lang="en"] .alumni-activities-list-div .list-div .list-items .items-main .infos-div .tour{
    font-size: calc(clamp(20px, 1.510417vw, 29px));
}

.study-opportunities-list-div .list-div{
    margin-top: 7%;
    margin-bottom: 10%;
}

.study-opportunities-list-div .list-div .list-items{
    padding-left: 1%;
    padding-right: 1%;
}

.study-opportunities-list-div .list-div .list-items .items-main{
    position: relative;
    margin-bottom: 10%;
}

.study-opportunities-list-div .list-div .list-items .items-main .infos-div{
    position: absolute;
    padding: 2%;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.study-opportunities-list-div .list-div .list-items .items-main .infos-div .infos-mask{
    background: #17171759;   
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.study-opportunities-list-div .list-div .list-items .items-main .infos-div p{
    font-family: 'Garamond', sans-serif;
    color: #FFFFFF;
    font-size: calc(clamp(20px, 1.354167vw, 26px));
    line-height: 1em;
    text-align: center;
    padding-left: 5%;
    padding-right: 5%;
    text-shadow: 13px 12px 20px #0000008C;
    font-weight: bold;
    margin-bottom: 0;
}

html[lang="en"] .study-opportunities-list-div .list-div .list-items .items-main .infos-div p{
    font-size: calc(clamp(20px, 1.510417vw, 29px));
}

.footer-div{
    position: relative;
}

.footer-div .footer-inner{
    position: absolute;
    background: #00000066;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.footer-div .footer-inner .infos-div{
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
}

.footer-div .footer-inner .infos-div .footer-mask{
    width: 70%;
    padding-top: 1.5%;
}

.footer-div .footer-inner .infos-div .footer-icons{
    width: 70%;
}

.footer-div .footer-inner .infos-div .copyright-div{
    color: #FFFFFF;
    font-size: calc(clamp(16px, 1.25vw, 24px));
    line-height: 1em;
    text-align: center;
    padding-top: 5%;
}

.footer-div .footer-inner .infos-div .copyright-div .media-div{
    display: flex;
    justify-content: center;
    padding-top: 3%;
}

.footer-div .footer-inner .infos-div .copyright-div .media-div .inner{
    display: flex;
}

.lang-btn{
    cursor: pointer;
}

.top-title-bar {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 1%;
    padding-bottom: 2%;
    position: relative;
}

.top-title-bar .title-box{
    background-color: #879284;
    width: 60%;
    padding-top: 1.5%;
    padding-bottom: 1.5%;
    z-index: 1;
}

.top-title-bar .title-box p{
    color: white;
    font-size: calc(clamp(16px, 1.822917vw, 35px));
    font-family: 'Garamond', sans-serif;
    text-align: center;
    margin-bottom: 0;
    font-weight: bold;
}

html[lang="en"] .top-title-bar .title-box p{
    font-size: calc(clamp(18px, 1.97917vw, 38px));
}

.top-title-bar .bg-box-border{
    position: absolute;
    top: 5%;
    transform: translateY(25%);
    border: 2px solid #E6C191;
    width: 70%;
    min-height: 200px;
    z-index: 0;
}

.inside-banner-div{
    position: relative;
    z-index: 1;
}

.inside-banner-div .inside-main{
    width: 100%;
    text-align: center;
}

.inside-banner-div .inside-main > img{
    /*width: 80%;*/   
	width: auto;
    max-height: 50vh;
}

.inside-infos-box .infos{
    color: #7B7B7B;
    font-size: calc(clamp(14px, 1.14584vw, 22px));
    font-family: 'Garamond', sans-serif;
    line-height: 1.7;
    text-align: justify;
}

.btn-back{
    padding-top: 5%;
    padding-bottom: 5%;
    display: flex;
    justify-content: center;
}

.btn-back .block{
    width: fit-content;
    color: #D5C8B6;
    font-size: calc(clamp(14px, 1.14584vw, 22px));
    border: 2px solid #D5C8B6;
    padding: 2% 15%;
    font-weight: bold;
}

.btn-back .block p{
    text-align: center;
    margin-bottom: 0;
}

.btn-back a{
    color: #D5C8B6;
    text-decoration: none;
}

.bottom-img{
    margin-top: 5%;
}

.bottom-img img{
    width: 75%;
}

.form-control.cke_editable{
    background-color: darkgray;
}

.inside-page-div{
    background-color: white;
}

.person-inside-infos{
    position: absolute;
    bottom: 3%;
    left: 3%;
    font-family: 'Garamond', sans-serif;
    line-height: 1.5em;
}

.person-inside-infos p{
    margin-bottom: 0;
}

.cms-body .person-inside-infos p{
    min-width: 300px;
}

.person-inside-infos .block-title{
    font-size: calc(clamp(16px, 1.5625vw, 30px));
}

.person-inside-infos .block-content{
    font-size: calc(clamp(12px, 1.0417vw, 20px));
}

.show-issue-list-main-div,
.show-issue-list-main-div-inner{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    cursor: pointer;
}

.issue-list-arrow{
    width: 13px;    
}

.header .header-bar .left-div .issue-full-list{
    position: absolute;
    transform: translateY(100%);
    bottom: -5px;
    left: 0;
    background-color: white;
    display: none;
}

.header .header-bar .left-div .issue-full-list.show{
    display: block;
}

.header .header-bar .left-div .issue-full-list .list-item{
    gap: 20px;
    padding-top: 3%;
    padding-bottom: 3%;
    padding-left: 5px;
    padding-right: 5px;
    border-top: 1px solid #4F5B35;
    /* border-bottom: 1px solid #4F5B35; */
    color: #4F5B35;
}

.title-div .block-title > .cms-resource{
    width: 30%;
}

.title-div-image-ver{
    /* display: none; */
}

.mainContainer .title-div-image-ver .image-item{
    width: 100%;
}

.mainContainer .title-div-image-ver .image-item .cms-image{
    text-align: left;
    position: relative;
}

.mainContainer .title-div-image-ver img{
    max-width: 471px;
}
.mainContainer .title-div-image-ver img.title-line{
    position: absolute;
    max-width: fit-content;
    width: 65%;
    left: 53%;
    top: 7%;
}

.page-block-div.v2 .title-div-image-ver .image-item .cms-image{
    text-align: right;
}

.page-block-div.v2 .title-div-image-ver img.title-line{
    left: -14% !important;
    top: 0% !important;
}


.cms-body .title-div-image-ver{
    display: block;
}

.btn-back-cms{
    padding-top: 5%;
    padding-bottom: 5%;
    display: flex;
    justify-content: center;
}

.btn-back-cms .cms-block-inside{
    width: fit-content;
    color: #D5C8B6;
    font-size: calc(clamp(14px, 1.14584vw, 22px));
    border: 2px solid #D5C8B6;
    padding: 2% 15%;
    font-weight: bold;
}

.btn-back-cms p{
    margin-bottom: 0;
}