/* banner */
.carousel-item {
    transition: transform 1s ease-in-out;
}

.carousel-fade .active.carousel-item-start {
    transition: opacity 0s 1s;
}

.carousel-fade .active.carousel-item-end {
    transition: opacity 0s 1s;
}

.banner-caption1 {
    display: flex;
    position: absolute;
    bottom: 0px;
    right: 0px;
    height: 75px;
    width: 100%;
    border: 0px solid #fff;
    background-color: rgba(0,0,0, 0.5);
    font-weight: bold;
    color: lightyellow;
    text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
    text-align: center;
    align-items: start;
    justify-content: center;
    margin: 0;
    padding: 7px 0 0 0;
}

.carousel-control-prev-icon, .carousel-control-next-icon {
    background-color: #000;
    border: 2px solid #fff;
}


.sbanner {
    border: 0px solid RebeccaPurple;
    padding: 0px;
    display: flex;
    flex-wrap: wrap;
    text-align: center;
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
}

.idx_products {
    display: block;
    width: 600px;
    margin: 20px 10px 0 10px;
    overflow: hidden;
    border-radius: 10px;
    border: 4px solid #F2EDD7;
    box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
    /**/
    background-image: url('../images/banner2/background.png');
    background-repeat: no-repeat;
}

.secyphoto {
    border: 0px solid red;
    margin-left: 100px;
    height: 150px;
    width: 200px;
    align-content: center;
}

.secyimg {
    height: 100%;
}

.mdphoto {
    border: 0px solid red;
    margin-right: 100px;
    height: 150px;
    width: 200px;
    align-content: center;
}

.mdimg {
    height: 100%;
}


.activity {
    display: flex;
    justify-content: center;
    flex-wrap:wrap;
}


/* vision and objectives */
.infocontent {
    width: 350px;
    /**/
    border-radius: 9px;
    border: 1px solid #d4af7b;
    background-color: var(--text_background);
    background: linear-gradient(180deg, rgba(232,246,239,1) 0%, rgba(255,254,247,1) 60%, rgba(255,254,247,1) 100%);
    box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
    outline-style: solid;
    outline-color: #F2EDD7; /* #d4af7b;  #87aba7;*/
    outline-offset: -3px;
    outline-width: 3px;
    margin: 30px 40px 10px 40px;
    padding: 0px 0px 0px 0px;
    background-repeat: no-repeat, no-repeat, no-repeat, repeat-x, repeat;
    background-position: bottom left, bottom right, bottom center, top left;
    font-size: 1.03em;
}

    .infocontent > h5 {
        background-color: var(--text_background); /* rgba(242, 237, 215, 0.95); /*#F2EDD7;*/
        color: var(--theme_background); /* #9e7234;  #bf561d; #755139;*/
        display: flex;
        position: relative;
        border: 1px solid #EADBC8;
        padding: 10px 10px 10px 20px;
        margin-top: 20px;
        left: -30px;
        /**/
        /**/
        outline-style: solid;
        outline-color: #EADBC8; /* #755139;*/
        outline-offset: 0px;
        outline-width: 0px;
        border-radius: 0px 9px 9px 0px;
        /**/
        font-weight: 500;
        font-family: Geologica, sans-serif;
        box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
    }

    .infocontent ul {
        margin-left: 20px;
        margin-right: 20px;
    }

    .infocontent li {
        padding-top: 5px;
        padding-bottom: 5px;
    }




.whatsnew {
    display: block;
    position: relative;
    /*margin: auto;*/
    /*width: var(--frame-width);*/
    width: 90%;
/**/    padding: 5px;
    margin-top: 50px;
    margin-left: 0px;
/*    height: 400px;*/
    background-color: var(--text_background);
    border: 1px solid #ccc;
    border-radius: 12px;
    /*outline-style: solid;
    outline-offset: -3px;
    outline-color: #F2EDD7;*/ /* #d4af7b;*/
    /*outline-width: 3px;*/
    /*box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;*/
}

    .whatsnew > div {
        display: block;
        /*margin: auto;*/
        /*width: var(--frame-width);*/
        margin-top: 5px;
        width: 100%;
        padding: 5px;
        background-color: var(--text_background);
        overflow-y: auto;
    }



    .whatsnew ul {
        margin: 0 0 0 20px;
        padding: 0px;
        color: #222;
    }

    .whatsnew p {
        color: #9e7234;
        border-bottom: 1px solid #ccc;
        margin: 5px 10px 0px 10px;
        padding: 0;
        font-size: 1.15em;
    }

    .whatsnew li {
        margin: 0 0 10px 20px;
    }

    .whatsnew a {
        text-decoration: none;
        color: #317538;
    }

        .whatsnew a:hover {
            text-decoration: none;
            color: red;
        }