/*
@author:Anup Biswas
@author url: https://github.com/anup04sust
@contact:+8801717819234
@project:PanjaEdu
@project url:https://github.com/panjaedu/greenuniversity
*/
@-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(5px); }
  100% { opacity: 1; -webkit-transform: translateX(0); } }
@keyframes fadeInLeft { 0% { opacity: 0; transform: translateX(5px); }
  100% { opacity: 1; transform: translateX(0); } }
body { background: #efefef; font-family: 'Roboto', sans-serif; line-height: 1.6; }

#header { margin-bottom: 18px; }
#header .topbar { height: 24px; background-color: #4db848; }
#header .topbar .navbar-nav { padding: 0; margin: 0; }
#header .topbar .navbar-nav > li { display: inline-block; padding: 0 15px; position: relative; vertical-align: top; }
#header .topbar .navbar-nav > li > a { display: block; font-size: 13px; line-height: 24px; color: #fff; padding: 0; margin: 0; background: none !important; }
#header .topbar .navbar-nav > li > a:hover { color: #fb3d3d; }
#header .topbar .navbar-nav > li:after { content: " "; position: absolute; height: 16px; top: 50%; margin-top: -8px; width: 1px; background: #fff; right: 0; }
#header .topbar .navbar-nav > li:last-child:after { display: none; }
#header .master-branding { background: #fff; height: 88px; box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.13); padding: 15px 0; }
#header .master-branding .navbar-header { display: block; position: relative; width: 100%; }
#header .master-branding .navbar-header .wp-search { right: 0; }
#header .master-branding .navbar-header .wp-search .search-trigger { margin-left: 0; }
#header .master-branding .navbar-header .wp-search .search-form { right: 53px; bottom: 10px; }
#header .master-branding .navbar-brand { height: 64px; }
#header .master-branding .navbar-brand img { max-height: 64px; }
#header .department-branding .branding-container { padding-right: 15px; position: relative; }
#header .department-branding .branding-container:after { content: " "; position: absolute; top: 0; left: 15px; bottom: 0; right: 0; background: #fff; z-index: -1; }
#header .department-branding .navbar-brand { display: block; float: none; padding: 27px 20px 7px; height: auto; color: #939c9f; font-size: 20px; border-bottom: 6px solid #efefef; }
#header .department-branding .navbar-brand .dept-title { font-weight: normal; font-family: "Roboto Slab", serif; }
#header .department-branding .navbar-brand .dept-title .title-prefix { font-size: 20px; display: block; margin-bottom: 2px; }
#header .department-branding .navbar-brand .dept-title .title { font-size: 18px; text-transform: uppercase; display: block; line-height: 25px; }
#header .department-branding .primary-navigation .nav-primary { padding: 0; margin: 0; }
#header .department-branding .primary-navigation .nav-primary li.menu-item { vertical-align: top; display: block; position: relative; padding: 0 20px; min-height: 34px; border-bottom: 1px solid #efefef; }
#header .department-branding .primary-navigation .nav-primary li.menu-item > a { display: block; position: relative; font-size: 15px; line-height: 18px; padding: 7px 0; color: #0a0500; text-decoration: none; white-space: normal; }
#header .department-branding .primary-navigation .nav-primary li.menu-item.current-menu-item > a, #header .department-branding .primary-navigation .nav-primary li.menu-item.current-menu-ancestor > a { color: #4db848; }
#header .department-branding .primary-navigation .nav-primary li.menu-item:hover > a { color: #4db848; }
#header .department-branding .primary-navigation .nav-primary li.menu-item:hover > ul.dropdown-menu { display: block; }
#header .department-branding .primary-navigation .nav-primary > li:last-child { border-bottom: 0; }
#header .department-branding .primary-navigation .nav-primary .dropdown-menu { display: none; left: 100%; top: 0; border: 0; padding: 0; margin: 0; width: 250px; box-shadow: none; -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; }
#header .department-branding .primary-navigation .nav-primary .dropdown-menu > li { padding: 0 10px; border-left: 1px solid #efefef; }
#header .department-branding .primary-navigation .nav-primary .dropdown-menu > li > a { background: none !important; line-height: 18px; padding: 8px 0; }
#header .department-branding .primary-navigation .nav-primary .menu-item-has-children > a .caret { display: none; }
#header .department-branding .primary-navigation .nav-primary .menu-item-has-children > a:after { font-family: "FontAwesome"; color: #4db848; position: absolute; right: 5px; content: "\f105"; }
#header .department-branding .primary-navigation .nav-primary .menu-item-has-children > a:hover:after { right: 0px; }
#header .banner-container { padding-left: 0; margin-left: -15px; padding-right: 0; }

#page-banner.inner-page .banner-image { padding-top: 380px; }

img.alignleft { float: left; padding: 0 15px 10px 0; }

a { color: inherit; }

.mCustomScrollbar .mCSB_inside > .mCSB_container { margin-right: 0; margin-left: 30px; }
.mCustomScrollbar .mCSB_scrollTools { left: 0; right: auto; }
.mCustomScrollbar .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail { width: 2px; margin: 0 0; border-radius: 0; }
.mCustomScrollbar .mCS-dark-3.mCSB_scrollTools .mCSB_dragger { width: 4px; }
.mCustomScrollbar .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { border-radius: 0; width: 4px; background-color: #4db848 !important; }

.btn.btn-readmore { padding: 0 0 0 35px; font-size: 14px; line-height: 24px; color: #000; }
.btn.btn-readmore:before { background: #4db848; color: #fff; font-weight: 300; width: 24px; text-align: center; font-size: 12px; padding: 5px; }

#site-content-area { margin-bottom: 45px; }
#site-content-area.frontpage-content .widget { position: relative; }
#site-content-area.frontpage-content .widget .widget-inside { background: #fff; padding: 20px; }
#site-content-area.frontpage-content .widget .widget-inside .widget-title { font-family: "Roboto Slab", serif; font-weight: normal; font-size: 20px; text-transform: uppercase; padding: 0; margin: 0 0 15px 0; }
#site-content-area.frontpage-content .widget.widget_notice_normal_list_widget .widget-inside { height: 480px; border-top: 8px solid #fa3e3d; }
#site-content-area.frontpage-content .widget.widget_notice_normal_list_widget .widget-inside .notices-widget { height: 330px; overflow: hidden; margin-bottom: 35px; }
#site-content-area.frontpage-content .widget.widget_notice_normal_list_widget .widget-inside .notice-item { padding: 4px 0px 35px; }
#site-content-area.frontpage-content .widget.widget_notice_normal_list_widget .widget-inside .notice-item .notice-date { color: #717070; display: block; margin-bottom: 5px; }
#site-content-area.frontpage-content .widget.widget_notice_normal_list_widget .widget-inside .notice-item .link { display: block; color: #0a0500; text-decoration: none; }
#site-content-area.frontpage-content .widget.widget_events_widget .widget-inside { height: 480px; border-top: 8px solid #ffa800; }
#site-content-area.frontpage-content .widget.widget_events_widget .widget-inside .events-widget { height: 330px; overflow: hidden; margin-bottom: 35px; }
#site-content-area.frontpage-content .widget.widget_events_widget .widget-inside .list-item { position: relative; min-height: 80px; padding: 0 0 0 94px; }
#site-content-area.frontpage-content .widget.widget_events_widget .widget-inside .list-item img { width: 66px; height: auto; position: absolute; left: 0; top: 0; }
#site-content-area.frontpage-content .widget.widget_events_widget .widget-inside .list-item .event-date { color: #717070; display: block; margin-bottom: 3px; }
#site-content-area.frontpage-content .widget.widget_events_widget .widget-inside .list-item .link { display: block; color: #0a0500; text-decoration: none; font-weight: bold; line-height: 1.2; margin-bottom: 3px; }
#site-content-area.frontpage-content .widget.widget_events_widget .widget-inside .list-item .exerpt { color: #0a0500; font-weight: 300; }

#content-area { padding: 0 0 30px; }
#content-area .entry-content { background: #fff; padding: 20px; }

#content-sidebar .widget { background: #fff; }

.widget { margin-bottom: 30px; }
.widget .widget-inside { position: relative; }
.widget .widget-inside .simple-image { margin-bottom: 0; }
.widget.widget_simpleimage .widget-inside { position: relative; }
.widget.widget_simpleimage .widget-inside .image-block-inline { padding-left: 135px !important; }
.widget.widget_simpleimage .widget-inside .image-block-inline img { position: absolute; height: 100%; top: 0; left: 0; width: auto; }
.widget.widget_simpleimage .widget-inside .image-block-inline a { position: absolute; top: 0; left: 0; display: block; right: 0; bottom: 0; z-index: 1; overflow: hidden; text-indent: -999; }
.widget.widget_simpleimage .widget-inside .image-block-inline a:hover { background: rgba(0, 0, 0, 0.7); }
.widget.widget_text .textwidget img.alignleft.fixed { height: 100%; margin-top: -20px; margin-left: -20px; margin-bottom: -20px; margin-right: 30px; width: auto; padding: 0; }
.widget.widget_text .textwidget img.alignright.fixed { height: 100%; margin-top: -20px; margin-right: -20px; margin-bottom: -20px; margin-left: 30px; width: auto; padding: 0; float: right; }
.widget.widget_text .textwidget:before, .widget.widget_text .textwidget:after { clear: both; display: table; content: " "; }
.widget.widget_text .textwidget ul { float: left; margin: 0 0 20px 0; padding: 0; display: block; }
.widget.widget_text .textwidget ul > li { list-style: none; position: relative; padding-left: 18px; }
.widget.widget_text .textwidget ul > li:before { content: " "; width: 8px; height: 8px; background: #4db848; border-radius: 100px; display: block; position: absolute; left: 0; top: 8px; }
.widget.widget_text .widget-title { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.widget.widget_text .widget-title + .textwidget img.alignleft.fixed { margin-top: -57px; }
.widget.widget_text .widget-title + .textwidget img.alignright.fixed { margin-top: -57px; }
.widget.widget_nav_menu .menu, .widget.widget_nav_menu .sub-menu { padding: 0px 20px 0 0; margin-bottom: 0px; }
.widget.widget_nav_menu .menu li, .widget.widget_nav_menu .sub-menu li { display: block; padding: 5px 0; list-style: none; border-bottom: 1px solid #c5c5c5; }
.widget.widget_nav_menu .menu li:last-child, .widget.widget_nav_menu .sub-menu li:last-child { border-bottom: 0; }
.widget.widget_nav_menu .menu li > a, .widget.widget_nav_menu .sub-menu li > a { display: block; text-decoration: none; }
.widget.widget_nav_menu .sub-menu { padding-left: 5px; padding-right: 0px; }
.widget.widget_nav_menu .sub-menu > li:first-child { border-top: 1px solid #c5c5c5; }

.frontpage-content .widget #menu-social-menu { margin: 0; padding: 0; position: relative; }
.frontpage-content .widget #menu-social-menu > li { display: inline-block; vertical-align: top; margin: 0; margin-left: 15px; border-bottom: 0; padding: 0; }
.frontpage-content .widget #menu-social-menu > li > a { display: block; position: relative; height: 35px; width: 35px; overflow: hidden; background: #4db848; text-indent: -9999px; border-radius: 100px; color: #fff; }
.frontpage-content .widget #menu-social-menu > li > a:after { font-family: "FontAwesome"; text-indent: 0px; line-height: 35px; font-size: 20px; position: absolute; text-align: center; left: 0; top: 0; width: 100%; }
.frontpage-content .widget #menu-social-menu > li.icon-social.icon-facebook > a:after { content: "\f09a"; }
.frontpage-content .widget #menu-social-menu > li.icon-social.icon-twitter > a:after { content: "\f099"; }
.frontpage-content .widget #menu-social-menu > li.icon-social.icon-youtube > a:after { content: "\f167"; }
.frontpage-content .widget #menu-social-menu:before { content: "Follow Us :  "; font-family: "Roboto Slab", serif; font-weight: normal; font-size: 16px; text-transform: uppercase; line-height: 35px; }

@media (max-width: 991px) { #header .department-branding .branding-container:after { right: 15px; }
  #header .banner-container { margin-left: 0px; padding-left: 15px; padding-right: 15px; }
  #header .navbar-header .hamburger { display: block; position: absolute; right: 0; padding: 18px 0; }
  #header .navbar-header .navbar-brand { padding: 10px 0; }
  #header .master-branding { padding: 0; height: 65px; }
  #header .master-branding .navbar-header .wp-search { right: 56px; }
  #header .master-branding .navbar-header .wp-search .search-form { right: 8px; bottom: -35px; }
  #header .master-branding .navbar-header .wp-search .search-trigger { right: 0; }
  .container > .navbar-header { margin: 0; }
  .widget.widget_text .textwidget img.alignleft.fixed, .widget.widget_text .textwidget img.alignright.fixed { padding: 0; margin: 0 0 15px; height: auto; width: 100%; }
  .widget.widget_text .widget-title + .textwidget img.alignright.fixed { margin-top: 0; } }