body {
    background-color: #07913B;
}

.row > * {
    padding-right: 0;
    padding-left: 0;
}

.langbar {
    position: absolute;
    background-image: url('/2023/img/black.png');
    color: white;
    font-size: 20px;
    /*font-weight:bolder;*/
    padding-top: 1px;
    padding-bottom: 1px;
    padding-right: 5vw;
    z-index: 999999;
}


    .langbar a {
        color: white;
        text-decoration: none;
    }

        .langbar a:hover {
            color: white;
            text-decoration: none;
        }

.splitPoint {
    font-size: 30px;
    margin-left: 15px;
    margin-right: 15px;
}


#bannerContainer {
}

#moblieImg {
    display: none;
}


#mainContentContainer {
    background-image: url('/2023/img/frame/decoele2.png');
    background-position: bottom right;
    background-repeat: no-repeat;
    padding-top: 90px;
    padding-bottom: 90px;
}

    #mainContentContainer #maincontainerInner {
        padding-left: 18.64vw;
        padding-right: 18.64vw;
        padding-top: 100px;
        padding-bottom: 100px;
        background-color: white;
        color: black;
    }




    #mainContentContainer h2 {
        font-size: 3rem;
        font-weight: bolder;
        text-align: center;
        margin-bottom: 2rem;
    }

    #mainContentContainer p {
        margin-bottom: 2rem;
        font-size: 20px;
    }

#news {
    /*padding-top: 8vw;*/
    background-position: 87vw center;
    padding-bottom: 4vw;
    background-image: url('/2023/img/frame/decotype1.png');
    background-repeat: no-repeat;
}

    #news h2 {
        font-size: 3rem;
        font-weight: bolder;
        text-align: center;
        margin-bottom: 2rem;
        color: white;
    }

.newsImg {
    padding-left: 10%;
    padding-top: 5%;
    padding-bottom: 5%;
}


.item {
    background-color: white;
}

    .item .row {
        margin: 0;
    }

.owl-carousel .owl-item img {
    display: block;
    width: 100%;
}

.owl-prev {
    display: none;
}

.owl-next {
    display: none;
}

.newsBody {
    text-align: left;
    padding: 5%;
}

.newstitle {
    font-size: 1.6rem;
}
.newsContent{
    margin-top:10px;
}

.newstitle a {
    color: black !important;
    text-decoration: none;
}

        .newstitle a:hover {
            color: black !important;
            text-decoration: none;
        }

#eventSection {
    padding-top: 8vw;
    padding-bottom: 8vw;
    background-image: url('/2023/img/bg_prg_long.jpg');
    background-size: cover;
}


    #eventSection h2 {
        font-size: 3rem;
        font-weight: bolder;
        text-align: center;
        margin-bottom: 2rem;
        color: white;
    }

.eventDecoRow {
    margin-bottom: 75px;
}

.eventContentContainer a {
    color: white;
    text-decoration: none;
}

.eventContentOutsider {
    background-image: url('/2023/img/prg_txtbox.png');
    background-size: cover;
}

.eventContentContainer {
    padding: 5%;
    color: white;
}

.eventTitleCol {
    display: flex;
    justify-content: center;
    align-items: center;
}

a.eventTitleBtn {
    text-decoration: none;
    width: 100%;
    text-align: center;
    margin: 4px;
    margin-top:8px;
    margin-bottom:8px;
    border: 1px solid white;
    border-radius: 10px;
    
}

.eventTitle {
    color: white;
    font-size: 23px;
    margin-bottom: 0;
}

.eventListRow {
    padding-bottom: 70px;
}

.eventName {
    font-size: 25px;
    font-weight: bolder;
    border-bottom: 1px solid;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

.btn-group > .btn.active, .btn-group > .btn:hover {
    background-color: black;
    color: white;
}

.eventTitleRow {
    padding-bottom: 120px;
}

.exhibitionTitleRow {
    padding-bottom: 70px;
    padding-top: 70px;
}


.exhibitionTitle {
    font-size: 35px;
    color: white;
    font-weight: bolder;
    text-align: center;
}

.requestContainer a {
    color: white;
    text-decoration: none;
}

.requestContainer {
    background-image: url('/2023/img/prg_txtbox2.png');
    background-size: cover;
    padding: 5%;
    color: white;
}


.requestBlock {
    margin-top: 50px;
}

.eventTxt {
    line-height: 1.5rem;
    margin-bottom: 100px;
    overflow-wrap: normal;
    font-size: 20px;
    letter-spacing: 10px;
}

.eventLinkTxt {
    font-weight: bolder;
    font-size: 1.3rem;
    margin-right: 3vw;
}

#eventContentContainer .row {
    margin-left: 0;
    margin-right: 0;
}

.borderLeft {
    border-top: 1px solid;
    margin-top: 8px;
    padding-top: 4px;
}

.underline {
    border-bottom: 2px solid white;
    padding-bottom: 10px;
}

.marginTop50 {
    margin-top: 50px;
}

.lookForwardTxt {
    font-size: 32px;
    font-weight: bolder;
    color: #f7f2a1;
    margin-top: 100px;
    margin-bottom: 150px;
}

.moreBtnCol {
    height: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 80px;
}

    .moreBtnCol .decoLine {
        width: 10px;
        border-top: 5px solid #d40019;
    }

.moreArtBtn {
    text-align: center;
    border-radius: 80px;
    height: 50px;
    width: 150px;
    border: 5px solid #d40019;
}

a .moreArtBtn {
    text-decoration: none;
}

a:hover .moreArtBtn {
    text-decoration: none;
}

a .moreArtTxtStyle {
    text-decoration: none;
    color: white;
    font-weight: bolder;
}

a:hover .moreArtTxtStyle {
    text-decoration: none;
    color: white;
    font-weight: bolder;
}

.decoLine {
    /*width: 100%;*/
    border-top: 2px solid white;
    /* margin-top: 1.3vw; */
}

.passBtn {
    text-align: center;
    background-color: #f7f2a1;
    margin-left: 20px;
    margin-right: 20px;
    border-radius: 80px;
    height: 150px;
    width: 150px;
}

.passTxtStyle {
    font-size: 25px;
    font-weight: bolder;
    color: #8e3db1;
    text-decoration: underline;
}

.requestTxt {
    font-size: 1.3rem;
    font-weight: bolder;
    letter-spacing: 0px;
}

.lookForwardTxt {
    font-size: 1.3rem;
}

#partners {
    background-color: #154E21;
    padding-top: 5vw;
    padding-bottom: 3vw;
}

.partnerTitle {
    color: white;
}

#footer {
    background-color: #154E21;
    padding-top: 5vw;
    padding-bottom: 5vw;
}

.h2, h2 {
    font-size: 3rem;
}

.height20vh {
    height: 22vh;
    align-items: center;
    justify-content: center;
}

#bannerSection {
    margin-top: 140px;
}

.section-events .row {
    margin-left: 0px;
    margin-right: 0px;
}

#eventInfo {
    background-position: 84vw, 90vw 15%, 95%;
    padding-top: 4vw;
    padding-bottom: 8vw;
    background-color: #0D9B43;
    background-image: url('/2023/img/frame/decotype2.png'),url('/2023/img/frame/decotype3.png');
    background-repeat: no-repeat;
}

/*.slideRight {
            position: absolute;
            top: 56%;
            left: 8.3vw;
        }

        .slideLeft {
            position: absolute;
            top: 56%;
            right: 8.3vw;
        }*/

.section-events {
    padding-top: 90px;
    padding-bottom: 90px;
    position: relative;
}

.contentSection {
    padding-top: 90px;
    padding-bottom: 90px;
    position: relative;
}

#exhibition .item {
    background-color: transparent;
    color: white;
}

    #exhibition .item a {
        text-decoration: none;
        color: white;
    }

        #exhibition .item a:hover {
            text-decoration: none;
            color: white;
        }

/*.section-calendar .container {
            padding-left: 7vw;
            padding-right: 7vw;
        }*/

.mapContainer .row {
    margin-left: 0px;
    margin-right: 0px;
}

#otherInfo {
    background-position: left, -5vw 20%, 85%;
    background-color: #009646;
    padding-top: 150px;
    padding-bottom: 4vw;
    background-image: url('/2023/img/frame/prgele3.png'),url('/2023/img/frame/decotype4.png');
    background-repeat: no-repeat;
}

/*#eventGridModeBtn {
    background: white;
    color: #717171;
}

#eventListModeBtn {
    background: white;
    color: #717171;
}*/

.event .item {
    background-color: transparent;
    color: white;
}

    .event .item a {
        text-decoration: none;
        color: white;
    }

        .event .item a:hover {
            text-decoration: none;
            color: white;
        }

.highLine {
    padding-left: 0px;
    border-bottom: 0px solid #b09d60;
    margin-top: -1px;
    margin-left: 10px !important;
    margin-right: 10px !important;
    padding-bottom: 2em;
    margin-bottom: 10px;
}

.dayDetail h3 {
    font-size: 1rem;
    margin-top: 0px;
}

a.eventInList {
    color: #000000;
    text-decoration: none;
}

/*.section-moreInfo .container {
            padding-left: 7vw;
            padding-right: 7vw;
        }*/

.section-moreInfo .row {
    margin-left: 0px;
    margin-right: 0px;
}

.section-moreInfo a {
    color: white;
    text-decoration: none;
}

    .section-moreInfo a:hover {
        color: white;
        text-decoration: none;
    }

#eventInfo .item {
    background-color: transparent;
    color: white;
}

.contentLink {
    color: white;
    text-decoration: none;
}

    .contentLink:hover {
        color: white;
        text-decoration: none;
    }

.title {
    color: white;
    font-weight: bolder;
}

.contentBxHeader {
    color: white;
    font-weight: bolder;
}

.mapContainer {
    padding-bottom: 7vw;
    padding-bottom: 7vw;
}

#calendar {
    min-height: 800px;
}


#map {
    height: 50vh;
}

.googleText {
    font-weight: bold;
    margin: 10px;
}

#outreach .height20vh{
    height:auto;
    margin-bottom:2vw;
}

.outReachBtn {
    margin-bottom: 3vw;
    color: white;
    font-weight:bolder;
    font-size:2rem;
    cursor:pointer;
}

.outreachTxt {
    padding-top: 20px;
    /* font-weight: bolder; */
    color: white;
    font-size: 26px;
    text-align: center;
}

.outReachHidden{
    display:none!important;
}

.outReachShow{
    display:flex!important;
}

.artName {
    padding-top: 20px;
}

.outreachEventName {
    padding-top: 20px;
}

#outreach .item {
    background-color: transparent;
}

@media only screen and (max-width: 1230px) {
    .section-events {
        padding-left: 0vw;
        padding-right: 0vw;
    }

    .grid figure {
        margin: 0rem !important;
    }
}




@media only screen and (max-width: 770px) {
    #bannerSection {
        margin-top: 40px;
    }

    body {
        overflow-x: hidden;
    }

    .moreArtBtn {
        height: 40px;
        width: 100px;
    }

    .height20vh {
        height: auto;
        padding-top: 9vw;
        padding-bottom: 4vw;
    }


    #mainContentContainer {
        background-image: url('/2023/img/frame/decoele1.png');
        background-repeat: no-repeat;
        background-position: bottom left;
        padding-bottom: 0;
    }

        #mainContentContainer #maincontainerInner {
            background-color: transparent;
            padding: 0;
            color: white;
        }

        #mainContentContainer h2 {
            font-size: 2rem;
        }

    #mainContent h2 {
        font-size: 2rem;
    }

    .newsImg {
        padding: 0;
        padding-bottom: 5%;
    }

    .newstitle {
        font-size: 24px;
    }


    .newsContent {
        display: none;
    }

    #eventInfo {
        padding-top: 12vw;
    }

    .eventTitleRow {
        padding-bottom: 0;
    }

    .partner {
        margin-right: 0px;
    }

    .smallLogo {
        margin-right: 20px;
    }

    .star {
        display: none;
    }

    #news h2 {
        font-size: 2rem;
    }

    #eventSection h2 {
        font-size: 2rem;
    }

    #otherInfo {
        background-image: none;
        padding-top: 12vw;
    }

    .dayDetail {
        margin-top: 0 !important;
    }

    .langbar {
        padding-right: 5vw;
    }



    #partners {
        padding-left: 3vw;
        padding-right: 3vw;
    }

    .h2, h2 {
        font-size: 2rem;
    }

    .slideBtn {
        display: none !important;
    }

    .contentSection {
        padding: 0;
    }

    .moreBtnCol {
        margin-top: 0;
    }

    #news .owl-carousel .owl-item {
        padding-left: 5px;
        padding-right: 5px;
    }

    #calendar {
        height: auto !important;
        min-height: initial;
    }


    .container.containerBorder {
        padding-left: 5.78vw;
        padding-right: 5.78vw;
    }

    .section-events {
        padding-top: 0;
        padding-bottom: 0;
    }

    .decoLine {
        border-top: none;
    }

    #videoContainer {
        padding: 0;
    }

    .partnerTitle {
        line-height: 50px;
    }

    .section-moreInfo a p {
        margin-bottom: 30px;
        font-size: 22px;
    }

    #moreInfo {
        padding-bottom: 50px !important;
        padding-top: 50px;
    }

    .eventDecoRow {
        margin-bottom: 10px;
    }

    p.mobileEventTitle {
        border: 2px solid;
        border-radius: 10px;
        padding: 5px;
        text-align: center;
        font-size: 20px;
    }

    a.mobileEventTitleBtn {
        color: white;
        text-decoration: none;
    }

    a:hover.mobileEventTitleBtn {
        color: white;
        text-decoration: none;
    }

    #partners {
        padding-left: 0;
        padding-right: 0;
    }

    .contentBxImg {
        padding-bottom: 5vw;
    }

    .contentBox {
        font-size: 18px;
    }

    .date {
        height: auto !important;
    }

    .mapContainer {
        padding-bottom: 0;
    }

    .outReachBtn{
        font-size:1.5rem;
    }

    .outreachTxt {
        font-size: 20px;
    }
}

@media only screen and (max-width: 500px) {

    #moblieImg {
        display: block;
    }

    #desktopImg {
        display: none;
    }
}