body {background-color:#eee;
}

section {
    position: relative;
    padding-top: 4.5rem;
    padding-bottom: 4.5rem;
}
a,a:active,a:visited{color:#307ECC;transition:all 0.6s;}
a:hover,a:focus{color: #FF770B;text-decoration:none;}

.list-group-item {background-color: transparent;}
.bg-success {background-color: #86C127!important;}
.card-header h5{margin-bottom:0;}
.navbar-main{background-color:rgba(255, 255, 255, .98);}



.navbar-brand {padding: .25rem 0;}
.navbar-brand img {height:30px;}

.navbar-main .navbar-toggler{border-color:transparent;}


.navbar-main .navbar-nav .nav-link{color:rgba(0,0,0,.5);}

.navbar-main .navbar-nav .nav-link:focus, 
.navbar-main .navbar-nav .nav-link:hover
{color:#307ECC;}

.navbar-main .navbar-toggler-icon{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")}

.navbar-main .dropdown-menu{
    background-color:transparent;
    border-color:transparent;
}
.navbar-main .dropdown-item,
.navbar-main .dropdown-item:focus,
.navbar-main .dropdown-item:hover
{
    background-color:transparent;
    
    padding-top:.5rem;padding-bottom:.5rem;
}
.navbar-main .dropdown-item {color:rgba(0,0,0,.5);}

.for-breadcrumb{background-color:#fff;margin-bottom:1.75rem;border-bottom:1px solid #eee;}
.for-breadcrumb .container{
    display: flex;
    flex-flow:row nowrap;align-items:center;
}
.for-breadcrumb .container:before {
    width:30px;height:30px;display: flex;
    border-radius:50%;
    color:#fff;
    background-color:#E67817;
    justify-content:center;
    align-items:center;
    font: normal normal normal 20px/1 FontAwesome;
    content: "\f124";
}
.breadcrumb{flex-grow: 1;width:auto;background-color:transparent;margin-bottom:0;}


.banner{min-height: 39vw;margin-top:56px;}

    .banner .bg-container {
        background: url(../images/banner/banner_001.jpg) no-repeat 0px 0px;
        background-size: cover;  
        min-height: 36vw;

    }

    

    .banner .bg-container:before {
        content: '';
        
        position: absolute;top: 0;    right: 0;    bottom: 0;    left: 0;
        
       
        background: url(../images/banner/banner_bg.png) repeat 0px 0px;
        opacity:0.1;
    }

.homepage{background-color:#fff;}

.container-news {z-index: 50;position:relative;}


.row-news {z-index:50;}



.row-news:before { 
   
    position: absolute;top: 0;    right: 0;    bottom: 0;    left: 0;
    background-color: #fff;}





.card-topnews {border-radius: 0;border-width:0; background-color:#fff;height:100%;color:#fff;}



.card-topnews .card-header {background-color:#3366cc;padding-top:1rem;}
.card-topnews .card-header .card-title{margin: 0;}
.card-topnews .list-group-item{background-color:transparent;border-color:transparent;}

.container-area > header h3{color:#FE6E2F;}
.container-area .card{height:100%;}
.container-area .card-header{display: none;}
.container-area .list-group-item .pl-5{padding-left: 5.5em !important;}

.container-alumnimien{background-color:#F5F1EE;padding-top:2rem;padding-bottom:2rem;}
.container-alumnimien .row {margin-left:-5px;margin-right:-5px;}
.container-alumnimien .card{ margin-bottom:1rem;margin-left:-12px;margin-right:-12px; overflow:hidden;padding-bottom:50px;}
.container-alumnimien .card-header{position: absolute;left:0;right:0;bottom:0;background-color: #fff;}


.container-alumnimien .card .card-img-top{border-radius:0;height:calc(100%);transition: all 0.4s ease-in-out;}
.container-alumnimien .card a:hover .card-img-top{transform: scale(1.1,1.1);}

.container-alumnimien header > h3{color:#E67817;}
.container-area header .btn-light,
.container-alumnimien header .btn-light{border-color:#3399cc;}

.container-alumnimien header .btn-light:hover,
.container-alumnimien header .btn-light:focus {
    color: #fff;
    background-color: #3399cc;
    border-color: #3399cc;
}



.card-contact .card-header{background-color:#E67817;color:#fff;}



.container-footer{background-color:#3E7CCC;color:#fff;line-height:1.875;}
.container-footer .container{text-align: center;}

.bd-title{font-size: 1.75rem;    color: #E67817;}



.alumni-homepage .textcontent img{display: none;}
.card-alumnus .card{border-radius:0;}
.card-alumnus .cover{display:block;border-radius:50%;width:50%;margin-top:1rem;margin-left:auto;margin-right:auto;}
.card-alumnus .textcontent p{text-indent:2em;margin-bottom:.5em;}
.card-alumnus .card-title{margin-top:-1rem;}

.homepage .carousel-indicators{bottom:0;}
.homepage .carousel-caption{left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);}


.categorypage .articleslist {background-color:#fff;padding:15px;}
.categorypage .articleslist li{padding:15px;border-bottom:1px solid #f5f5f5;}
.categorypage .articleslist li:last-child{border-bottom:0;}
.categorypage .summary .summaryText{color:rgba(0,0,0,.6);}


.categorypage .metadata{display: flex;flex-flow:row nowrap;margin-bottom:.75rem;}
.categorypage .metadata h5{flex-grow: 1;}
.categorypage .metadata .createdate{min-width:82px;}
.categorypage .summary .summaryText{flex-grow: 1;}
.articlecontent{background-color:#fff;padding:15px;}
.articlecontent .textcontent img{max-width: 100%;}
.articlecontent .textcontent p{text-indent:2em;}
.articlecontent .textcontent p.noindent{text-indent:0;}
.articlecontent .textcontent h1,
.articlecontent .textcontent h2,
.articlecontent .textcontent h3,
.articlecontent .textcontent h4{margin-bottom:2rem;}
.articlecontent .textcontent h5,
.articlecontent .textcontent h6{margin-bottom:1rem;}
.articlecontent .textcontent li{margin-bottom:0.5em;}


@media (min-width: 576px){
    
    .topmain{position: absolute;z-index:1080;top:0;width:100%;}
    .toplogo{ background-color: rgba(51, 102, 153, 0.8);padding-top:1.25rem;padding-bottom:.9375rem;}
    .navbar-main{position: static;padding:0;
        background-color:rgba(255, 102, 0, .9);
    }

    .navbar-main .dropdown-menu{margin-top:0;border:0;}
    .navbar-expand-sm .navbar-nav .nav-link {
        padding-right: 1rem;
        padding-left: 1rem;
    }
    .navbar-main .navbar-nav .nav-link{color:#fff;}
    .navbar-main .navbar-nav .nav-link:focus, .navbar-main .navbar-nav .nav-link:hover{
        text-decoration: none;color:#fff;
    }


    .banner {
        margin-top: 0;
        min-height: 27vw;
    }

    .banner .bg-container {
        
        position: absolute;top: 0;    right: 0;    bottom: 0;    left: 0;
        z-index: 10;
        min-height: 27vw;
    }
    .alumni-homepage .card-alumnus{column-count:1;}
}
@media (min-width: 768px) {

    .navbar-main{font-size: 1.125rem;}
    
    .card-contact{height:100%;}
    .container-footer .info{text-align: left;}
    .container-footer .icp{text-align: right;}
    .alumni-homepage .card-alumnus{column-count:2;}

    .articlecontent .textcontent{padding:15px;}
    .categorypage .articleslist .list-unstyled{padding:15px;}

    .categorypage .summary{display: flex;flex-flow:row nowrap;}
    .categorypage .summary .cover{min-width:265px;}
    .categorypage .summary .summaryText{margin-left: 1rem;max-height:148px;overflow: hidden;}
}
@media (min-width: 992px) { 
    
    .navbar-main.small-logo {background-color:rgba(255, 255, 255, .9);}

    


    .navbar-main .dropdown-menu{background-color:rgba(255, 255, 255, 0.75);}

    .navbar-main .dropdown-item:focus,
    .navbar-main .dropdown-item:hover
    {
        color:#fff;
        text-decoration: none;
        background-color:rgba(51, 153, 204, 0.65);
    }

    .alumni-homepage .card-alumnus{column-count:3;}

    .categorypage .articleslist .text-more{margin-top:-1.5rem;}
    
}
@media (min-width: 1200px) { 
    

}

@media (min-width: 1320px) {
    .container {
        max-width: 1280px;
    }


}