/*
Theme Name: Bengal Institute
Theme URI: https://wordpress.org/themes/twentyfifteen/
Author: Portonics Ltd
Author URI: http://portonics.com/
Description: This is a custom responsive theme for Bengal Institute for Architecture, Landscapes and Settlements. Based on Wordpress 2015 theme. Originally developed by Portonics Ltd. Modified and maintained by Mohammad Tauheed at Bengal Institute.
1.8.3 includes Rocket.Chat LiveChat function at the bottom-right corner.
Version: 1.8.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: blog, two-columns, left-sidebar, accessibility-ready, custom-background, custom-colors, custom-header, custom-logo, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
Text Domain: twentyfifteen

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
@font-face { font-family: 'Helvetica';
    src: url('./fonts/Helvetica.eot?#iefix') format('embedded-opentype'),
    url('./fonts/Helvetica.woff') format('woff'),
    url('./fonts/Helvetica.ttf') format('truetype'),
    url('./fonts/Helvetica.svg#Helvetica') format('svg');
    font-weight: normal; font-style: normal;
}
@font-face {
    font-family: 'Helvetica-Light';
    src: url('./fonts/Helvetica-Light.eot?#iefix') format('embedded-opentype'),
    url('./fonts/Helvetica-Light.woff') format('woff'),
    url('./fonts/Helvetica-Light.ttf')  format('truetype'),
    url('./fonts/Helvetica-Light.svg#Helvetica-Light') format('svg');
    font-weight: normal;
    font-style: normal;
}


body {
    /*font-family: "helveticaneue";*/
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #333333;
}

.main-menu {
    background-color: #282828;
    background-image: url("./images/menu-bg.png");
    background-size: 100%;
    background-repeat: no-repeat;

}

.main-menu .logo {
    width: 230px;
    height: auto;
}

.main-menu ul li.menu-item a {
    text-transform: uppercase;
    display: block;
    color: #fff;
    padding-right: .5rem;
    padding-left: .5rem;
    padding-top: .5rem;
    padding-bottom: .5rem;
    font-size:15px;
}

.main-menu ul li.menu-item a:hover {
    color: #8a8a8a;
    text-decoration: none;
}
.main-menu ul li.menu-item-203 a:hover{
    color: #F48E71 !important;
}
.main-menu ul li.menu-item-121 a:hover{
    color: #32B875 !important;
}
.main-menu ul li.menu-item-120 a:hover{
    color: #23A7E6 !important;
}

/*Cyclone Slider*/
.slider-section .cycloneslider-template-standard .cycloneslider-caption {
    position: absolute;
    bottom: 8%;
    left: 10% !important;
    width: 60% !important;
    color: #fff;
    background: none !important;
    text-align: left;
    opacity: 1;
}

.slider-section .cycloneslider-template-standard .cycloneslider-caption-title {
    text-transform: uppercase !important;
    font-family: 'Roboto Bold', sans-serif !important;
    font-size: 50px !important;
    /*font-weight: 700 !important;*/
    color: #fff !important;
    text-shadow: 1px 1px #313434;
}

.slider-section .cycloneslider-template-standard .cycloneslider-slide img {
    width: 100% !important;
    height: auto !important;
}

.slider-section .cycloneslider-template-standard .cycloneslider-pager {
    display: none !important;
}
.cycloneslider-template-standard {
    margin-bottom:0px !important;
}

.academic-program-heading:hover span{
    color: #F48E71;
}
.research-and-design-heading:hover span{
    color: #32B875;
}
.media-and-publication-heading:hover span{
    color: #23A7E6;
}
.focus-area-btn-1{
    background-color: #6C868A;
}
.focus-area-btn-2{
    background-color: #f5f5f5;
}
.focus-area-btn-2-active{
    color: #fff;
    background-color: #343a40;
    border-color: #343a40;
    box-shadow: 0 0 0 0.1rem rgba(52,58,64,.5);
}
.default-card-padding{
    padding-left: 1.25rem;
    padding-right: 1.25rem;
}
.default-border{
    border: 1px solid #ccc;
}

/*End Cyclone Slider*/

.footer-menu ul li.menu-item a {
    display: block;
    color: #fff;
    padding-top:5px;
    padding-bottom:5px;
}

.footer-menu ul li.menu-item a:hover {
    color: #8a8a8a !important;
    text-decoration: none;
}

.active-custom a {
    color: #8a8a8a !important;
}

/*If slider logo is seperated*/

/*.slider-section{*/
/*position: relative;*/
/*}*/
/*.log-on-slider{*/
/*position: absolute;*/
/*right:20%;*/
/*top:10%;*/
/*}*/
/*.log-on-slider img{*/
/*width: 80%;*/
/*}*/
/* End If slider logo is seperated*/

.main-area-middle {
    background-color: #f2f2f2;
}
.main-area-middle-bg {
    background-image: url("./images/bg-main.png");
    background-repeat: repeat-y;
    background-color: #f2f2f2;
}
.bg-color-1 {
    background-color: rgb(79,109,115); /* The Fallback */
    background-color: rgba(19,49,54, 0.7);
    color: #fff;
}
.bg-color-2{
    background-color: #49676b;
}

.color-bricks {
    color: #e2725b;
}

.color-green {
    color: #28975e;
}

.color-blue {
    color: #1c88cc;
}
.line-height-20{
    line-height:20px;
}
.line-height-16{
    line-height:16px;
}
.line-height-18{
    line-height:18px;
}
.fs-11{
    font-size:11px;
}
.fs-12{
    font-size:12px;
}
.fs-14{
    font-size:14px;
}
.fs-16{
    font-size:16px;
}
.fs-18{
    font-size:18px;
}
.fs-20{
    font-size: 20px;
}
.letter-spacing-s{
    letter-spacing: -3.0px;
}
.ls-3 {
    letter-spacing: 3px;
}

/*Font-Family*/
.ff-helvetica-light {
    font-family: 'Helvetica-Light', sans-serif;
}

.ff-helvetica {
    font-family: 'Helvetica', sans-serif;
}
.min-height-250{
    min-height:250px;
}
.box-shadow{
    box-shadow: 1px 2px 7px 1px #ddd;
    transition: box-shadow 0.5s;
    -webkit-transition: box-shadow 0.5s;
}
.box-shadow:hover{
    box-shadow: 1px 6px 7px 3px #c6c8ca;
}
.box-shadow-on-hover {
    transition: box-shadow 0.5s;
    -webkit-transition: box-shadow 0.5s;
}
.box-shadow-on-hover:hover{
    /*box-shadow: 1px 6px 7px 3px #ddd;*/
    -webkit-box-shadow: 1px 2px 3px 1px rgba(221,221,221,1);
    -moz-box-shadow: 1px 2px 3px 1px rgba(221,221,221,1);
    box-shadow: 1px 2px 3px 1px rgba(221,221,221,1);
}
.text-dark-custom{
    color: #333333;
}
.text-dark-custom:hover{
    text-decoration: none;
    color: #000;
}
.no-hover:hover{
    text-decoration: none !important;
}
.text-dark-custom:hover .card-title-custom{
    color: #FF9800;
}

/*Buttons*/
.btn-warning-custom{
    background: #FF9800;
    color: #fff;;
    cursor: pointer;
}
.btn-warning-custom:hover{
    background: #ff8610;
    color: #fff;;
    cursor: pointer;
}
.btn-dark-custom:hover{
    background: #FF9800;
    border-color: #FF9800;
}
/*End Buttons*/
.see-more{
    color: #009cb8;
}
.see-more:hover{
    color: #ff8610;
    text-decoration: underline;
}

.see-more-right{
    color: #dddddd;
}
.see-more-right:hover{
    color: #2E4044;
    text-decoration: underline;
}

/*End Font-Family*/
.border-bottom-white {
    border-bottom: 2px solid #fff;
}
.single-event{
    transition: background-color 0.5s;
    -webkit-transition: background-color 1s;
}
.single-event .display-1{
    line-height:60px;
}
.single-event:hover{
    background-color: #BA7162;
}
.bg-color-2{
    -webkit-transition: background-color 0.5s;
    -moz-transition: background-color 0.5s;
    -ms-transition: background-color 0.5s;
    -o-transition:background-color 0.5s;
    transition: background-color 0.5s;
}
.single-event:hover .bg-color-2{
    background-color: #A86051;
    /*transition: 0.5s;*/
}
.social-item{
    color: #fff;
    border:2px solid #fff;
}
.social-item:hover{
    border:2px solid #2e4044;
    color: #2e4044;
}
.social-item-facebook{
    padding: 5px 10px;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
}
.social-item-twiter{
    padding: 5px 7px;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
}
.date-range{
    background: #23BCB0;
    border-radius: 0px;
}
.program-details{
    background: #3E5579;
    border-radius: 0px;
}
.share-btn{
    color: #039BB7;
    border: 1px solid #d4d4d4;
    border-radius: 0px;
}
.share-btn:hover{
    color: #ff8610;
}
.register{
    background: #027B96;
    border-radius: 0px;
}
.counter-btn{
    color: #000 !important;
    background: #fff;
    border: 1px solid #d4d4d4;
}
.social-feed-area{
    color: #fff;
    background-image: url("./images/bg-socila-feed-area.jpg");
    background-color: #2e4044;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size:cover;
}
.email-subscribe-field{
    background-color: #414242;
    color: #b3b2b2;;
    min-width: 300px;
    padding: 8px;
    -webkit-border-radius:0px;
    -moz-border-radius:0px;
    border-radius:0px;
}
.email-subscribe-field:focus{
    background-color: #1F1F1F;
    color: #fff;
    box-shadow: 0 0 0 1px #000;
}
.email-subscribe-btn{
    color: #fff;
    min-width: 200px;
    padding: 8px;
    background-color: #52777E;
    border-radius: 0px;
}
.email-subscribe-btn:hover{
    background-color: #4C6A6F;
    cursor: pointer;
}
.btn-rounded-blue{
    border-radius: 25px;
    background: #1779BA;
    padding: 8px 35px;
    cursor: pointer;

}
.footer-area{
    color: #fff;
    background-image: url("./images/bg-footer.jpg");
    background-color: #202020;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size:cover;
}
.copy-right{
    color: #555555;
}
.hover-bg-default:hover{
    background-color: #000 !important;
}
.pagination-custom .page-item a{
    padding-left: 16px;
    padding-right: 16px;
    padding-bottom: 5px;
    padding-top: 5px;
    color: #000;;
}
.pagination-custom .page-item a:hover{
    color: #fff;
    background-color: #0056b3;
    text-decoration: none;
}
.pagination-custom .current{
    background-color: #0056b3 !important;
    padding-left: 16px;
    padding-right: 16px;
    padding-bottom: 5px;
    padding-top: 5px;
    color: #fff !important;
}
.border-after-orange::after {
    content: '';
    display: block;
    width: 100%;
    height: 3px;
    background-color: #FF9800;
    margin-top: 10px;
}
.border-after-140::after {
    content: '';
    display: block;
    width: 140px;
    height: 3px;
    background-color: #0E7ED0;
    margin-top: 10px;
}

#back2Top {
    width: 47px;
    border-radius: 50%;
    line-height: 40px;
    overflow: hidden;
    z-index: 999;
    display: none;
    cursor: pointer;
    position: fixed;
    bottom: 50px;
    right: 10px;
    background-color: #DDD;
    color: #555;
    text-align: center;
    font-size: 30px;
    text-decoration: none;
    padding-bottom: 6px;
}
#back2Top:hover {
    background-color: #0E7ED0;
    color: #fff;
}
.text-on-hover:hover{
    color: #ff8610 !important;
}
.btn-hover-yellow:hover{
    background-color: #ff8610 !important;
    border-color: #ff8610 !important;;

}
.scroll {
    /*display: block;*/
    width: 100%;
    overflow-y: scroll;
}
.scroll-vertical-4 {
    max-height: 400px;
}
/*wp shae button customization*/
.wp-share-button{
    margin: 0px;

}
#social_button .share-button{
    color: #6c6c6c !important;
    border: 2px solid #6c6c6c !important;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    padding: 8px;
    display: inline-block;
    line-height: 25px;
    margin-bottom: 5px;
    text-align: center;
    background: none;
}
#social_button .share-button:hover{
    color: #333333 !important;
    font-weight: bold;
    border: 2px solid #333333 !important;
}
.img-on-hover{
    transition: opacity 0.5s;
}
.img-on-hover:hover{
    opacity: 0.7;
    filter: alpha(opacity=70);
}
.active-sidebar-menu-item {
    color: #FF9800 !important;
}
.btn-sm-custom{
    padding: .15rem .3rem;
    font-size: 0.8rem;
}
.card-header .accordion-toggle:after {

    font-family:"FontAwesome";
    content: "\f054";
    float: right;
    color: grey;
}
.card-header .accordion-toggle.collapsed:after {

    font-family:"FontAwesome";
    content: "\f078";
}

/*custom scroll bar*/
.slim-scroll-bar-dark::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #555;
}

.slim-scroll-bar-dark::-webkit-scrollbar
{
    width: 5px;
    background-color: #555;
}

.slim-scroll-bar-dark::-webkit-scrollbar-thumb
{
    background-color: #2B2B2B;
}

.box-round{
    width: 200px;
    height: 200px;
    border-radius: 50%!important;
}
.box-round-single{
    width: 300px;
    height: 300px;
    border-radius: 50%!important;
}
.grayscale{
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}
.grayscale:hover{
    -webkit-filter: grayscale(0%) !important; /* Safari 6.0 - 9.0 */
    filter: grayscale(0%) !important;
}

/*For Gallery item customization*/
.gallery::after{
    display:block;
    clear:both;
    content:""
}

.gallery-item{
    float: left;
    margin-right:5px;
}
.alignnone{
    max-width: 100%;
    height:auto;
}
.custom-border{
    border-color: #a3a3a3;
}
.custom-border-right{
    border-color: #96a3a5;
}

@media (min-width: 992px) {
    .navbar-nav li:not(:last-child) {
        border-right: 1px solid #595959;
    }
}
@media (min-width: 1350px){
    .mr-menu-custom{
        margin-right: 150px !important;
    }
    .ml-menu-custom{
        margin-left: 30px !important;
    }


}
@media (min-width: 992px ) and (max-width: 1200px) {
    .main-menu ul li.menu-item a{
        padding-right: .2rem;
        padding-left: .2rem;
        font-size: 13px;
    }
    .main-menu .logo {
        width: 180px;
        height: auto;
    }
}
@media (max-width: 991px) {
    .main-menu .logo {
        width: 180px;
        height: auto;
    }
    .navbar-toggler {
        padding: 2px 5px;
        font-size: 14px;
    }
}
@media (max-width: 600px) {
    .cycloneslider-caption {
        display: none !important;
    }
    .h1, h1 {
        font-size: 2.0rem !important;
    }
}

.social-item-custom {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    padding: 10px;
    display: inline-block;
    line-height:  18px;
    text-align: center;
    margin-bottom: 4px;
}

.cycloneslider-caption {
    opacity: 0.5 !important;
    padding-left: 13%;
}

.footer-left-border {
    border-left: 1px solid #767575;
}

.faq-bg-opacity {
    background-color: #ffffff7d;
}

/*carousel-indicators*/
dl, ol, ul {
    margin-bottom: 0rem !important;
}

/*For RSS*/
.rss_header{
    display: none;
}

.designation-height{
    height: 60px;
}
div.footer-div > p > a.footer-a{
    color: #fff;
}
div.footer-div > p > a.footer-a:hover {
    color: #8a8a8a;
    text-decoration: none;
}
div.footer-div > h6 > a.footer-a{
    color: #fff;
}
div.footer-div > h6 > a.footer-a:hover {
    color: #8a8a8a;
    text-decoration: none;
}
div.page-div > p > a.footer-a{
color: #333;
}
div.page-div > p > a.footer-a:hover {
    color: #333;
    text-decoration: underline;
}