/*
Theme Name: BNCB
Theme URI: http://demo.qodeinteractive.com/bridge/
Description: A child theme of Bridge Theme
Author: Qode Interactive / David Cloyd
Author URI: http://www.qodethemes.com/
Version: 1.0.0
Template: bridge
*/

@import url("../bridge/style.css");

/* COLORS */

.red {
    color: #c0152b !important;
}

.black {
    color: #000000 !important;
}

.gray {
    color: #cccccc !important;
}

.white {
    color: #ffffff !important;
}

/* FONTS & TYPOGRAPHY */

.title {
    height: auto !important;
}

.title .title_holder {
    height: auto !important;
}

.title.title_size_large h1 {
    font-size: 50px;
    line-height: 1.0em;
    padding: 10px 0px;
    border-bottom: 1px solid #c0152b;
    border-top: 1px solid #c0152b;
    margin-top: 40px;
    margin-bottom: 40px;
    display: inline-block;
}

h2, .h2 {
    font-size: 35px;
    margin-bottom: 25px;
    line-height: 1.1em;
}

h3, .h3 {
    font-size: 25px;
    margin-bottom: 25px;
}

h4, .h4 {
    font-size: 20px;
    margin-bottom: 25px !important;
}

.footer_top h5 {
    margin: 0 0 25px;
    font-size: 25px;
    line-height: 1em;
    text-align: left;
}

.footer_top .qbutton {
    color: #ffffff !important;
}

.footer_top .qbutton:hover {
    color: #000000 !important;
    border-color: #000000 !important;
}

p {
    font-size: 16px;
    margin-bottom: 25px;
    color: #333333;
    line-height: 1.5em;
    text-align: justify;
}

.content ul {
    margin-bottom: 25px;
    margin-left: 30px;
    color: #333333;
    font-family: 'Roboto', sans-serif;
    list-style-position: outside;
}

.content ul li {
    padding-bottom: 10px;
    padding-left: 7px;
    line-height: 1.5em;
}

.title {
    margin-bottom: 50px;
}

.alignright {
    float: right;
    margin: 0px;
    width: 35%;
    padding: 0px 0px 25px 25px;
}

.qbutton {
    margin: 25px 15px 25px 0px;
}

.qbutton.white {
    color: #000000 !important;
}

.qbutton.white:hover {
    color: #ffffff !important;
}

.post-password-form {
    max-width: 270px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    padding-right: 25px;
    padding-left: 25px;
    width: 100%;
}

.post-password-form label {
    font-weight: 700;
}

.post-password-form input[type="password"] {
    text-align: center;
}

.timely a.qbutton {
    font-family: 'Roboto', sans-serif;
    color: #ffffff;
    font-weight: 700 !important;
    background-color: #c0152b;
    border-radius: 5px;
    border: 2px solid #c0152b;
}

.timely a.qbutton:hover {
    color: #000000;
    background-color: #ffffff;
    border: 2px solid #000000;
}

.timely .ai1ec-btn-default.ai1ec-read-more {
    font-family: 'Roboto', sans-serif;
    color: #ffffff;
    font-weight: 700 !important;
    background-color: #c0152b;
    border-radius: 5px;
    border: 2px solid #c0152b;
    text-transform: uppercase;
}

.timely .ai1ec-btn-default.ai1ec-read-more:hover {
    color: #000000;
    background-color: #ffffff;
    border: 2px solid #000000;
}

.timely .ai1ec-btn-default.ai1ec-read-more .ai1ec-fa {
    display: none;
}

.timely {
    font-family: 'Roboto', sans-serif !important;
}

.ai1ec-modal-body h1, .ai1ec-modal-body h3 {
    font-family: 'Unna', serif !important;
    text-transform: uppercase;
    font-weight: 700 !important;
    letter-spacing: 0px !important;
}

.ai1ec-agenda-view .ai1ec-event-avatar {
    margin: 0 50px 50px 0 !important;
}

h2.entry_title span.date.entry_date.updated {
    display: none;
}

.blog_holder article.ai1ec_event .post_info {
    display: none;
}

article.ai1ec_event h2.entry_title {
    display: none;
}

div#comments, div.comment_form {
    display: none;
}

div.content.content_top_margin_none {
    min-height: 250px !important;
}

.timely {
    margin: 0px 0px 50px 0px !important;
}

.content .container .container_inner.page_container_inner, .full_page_container_inner {
    padding: 0px 0 0 !important;
}

div.timely.ai1ec-calendar-toolbar.ai1ec-clearfix {
    margin-bottom: 25px !important;
}

.ai1ec-event-title {
    color: #333333 !important;
    font-size: 18px !important;
}

.ai1ec-agenda-view .ai1ec-event .ai1ec-event-time {
    font-size: 16px !important;
    font-weight: 500 !important;
    opacity: 0.7 !important;
}

.ai1ec-agenda-view .ai1ec-categories, .ai1ec-agenda-view .ai1ec-tags {
    font-size: 14px;
}

/* HEADER */

.logo_wrapper {
    height: 120px;
}

nav.main_menu {
    left: -125% !important;
    width: 250%;
    background-color: #c0152b;
    padding-left: 125%;
}

nav.main_menu > ul > li > a {
    color: #ffffff;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 15px;
    letter-spacing: 1px;
}

header.sticky nav.main_menu > ul > li > a {
    line-height: 50px;
}

header.sticky .header_bottom {
    background-color: rgba(255,255,255,0.0) !important;
}

header.sticky:not(.header_style_on_scroll) .q_logo img.sticky {
    display: none;
}

header.sticky .header_bottom {
    height: 50px;
}

header.sticky:not(.header_style_on_scroll) .q_logo img.dark, header.sticky:not(.header_style_on_scroll) .q_logo img.light, header.sticky:not(.header_style_on_scroll) .q_logo img.mobile, header.sticky:not(.header_style_on_scroll) .q_logo img.normal, header.sticky:not(.header_style_on_scroll) .q_logo img.popup {
    display: none !important;
}

.sticky .header_inner_right {
    top: -56px;
}

nav.main_menu > ul > li.active > a {
    color: #333333;
}

.sticky .header_menu_bottom .main_menu_header_inner_right_holder {
    float: left;
}

/* CALENDAR */

.timely {
    margin: 50px 0px 0px 0px;
}

/* PORTFOLIO */

.qode_portfolio_related h4 {
    display: none;
}

.portfolio_single h2 {
    margin: 0 0 25px;
}

.filter_holder ul li {
    margin: 0px 5px;
    background-color: #c0152b;
    color: #ffffff;
    padding: 5px 0px;
    border-radius: 5px;
}

.filter_holder ul li.active span, .filter_holder ul li:hover span {
    color: #cccccc !important;
}

.filter_outer {
    margin: -20px 0 0px;
}

.qode_portfolio_related {
    display: none;
}

.portfolio_navigation {
    margin-bottom: 25px;
}

/* FOOTER */

footer {
    margin: 50px auto 0px;
}

.footer_bottom {
    font-size: 14px;
    line-height: 1.3em;
    height: 60px;
    color: #ffffff;
    padding-bottom: 25px;
}

.footer_bottom ul {
    padding: 25px 0px;
}

.footer_bottom ul li {
    margin-right: 30px !important;
}

.footer_bottom ul li a {
    text-decoration: none;
    font-size: 15px !important;
    letter-spacing: 1px;
    font-family: 'Roboto', sans-serif;
}

.footer_top li, .footer_top p, .footer_top span {
    color: #cccccc;
}

.footer_top .widget_nav_menu ul li, .footer_top .widget_pages ul li, .footer_top .widget_recent_comments > ul > li, .footer_top .widget_recent_entries > ul > li {
    padding: 0 0 15px;
}

footer_top .widget_nav_menu li.menu-item a {
    font-size: 20px !important;
    font-family: 'Unna', sans-serif;
}

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

  .header_bottom, .header_top, .q_logo, .q_logo a {
      height: 115px;
  }

  .q_logo img.mobile {
      margin: 5px auto !important;
  }

  .mobile_menu_button span i.fa.fa-bars::after {
      content: "MENU";
      padding-left: 5px;
      font-family: 'Roboto', sans-serif;
      color: #333333;
  }

  .header_bottom_right_widget_holder {
      display: none;
  }

  .mobile_menu_button {
      float: right;
  }

  .logo_wrapper {
      left: 0%;
  }

  .q_logo a {
      left: 0%;
  }

  nav.mobile_menu {
      top: 15px;
  }

  .alignright {
      width: 40%;
  }

}

/* EVCS GRID CSS */

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

  .boxed .section .section_inner, .grid_section .section_inner {
      width: calc(100% - 130px) !important;
  }

}

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

  .header_bottom {
      padding: 0 50px;
  }

  .header_bottom .container_inner {
      width: 100%;
  }

  body.page-template-default .content .container_inner {
      width: calc(100% - 100px);
  }

  body.blog .content .container_inner {
      width: calc(100% - 100px);
  }

  body.page-template-full_width .title_holder .container_inner {
      width: calc(100% - 100px);
  }

  body.single .content .container_inner {
      width: calc(100% - 100px);
  }

  .footer_top .container_inner {
      width: calc(100% - 100px);
  }

}

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

  nav.mobile_menu {
      width: calc(100% + 100px);
      left: -50px;
  }

  nav.mobile_menu > ul {
      background-color: #c0152b;
      padding: 0px;
      width: 100%;
  }

  nav.mobile_menu ul li {
      padding: 0px 50px;
  }

  nav.mobile_menu ul li a, nav.mobile_menu ul li h3 {
      font-size: 14px;
      font-weight: 700;
      color: #ffffff;
      text-transform: uppercase;
      text-decoration: none;
  }

  nav.mobile_menu ul li a.current {
      color: #333333;
  }

  nav.mobile_menu ul li a:hover {
      color: #cccccc;
  }

  footer .container_inner {
      width: calc(100% - 100px) !important;
  }

}

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

  .two_columns_66_33 > .column1 {
      width: 100%;
  }

  .two_columns_66_33 > .column1 > .column_inner {
      padding: 0px;
  }

  .two_columns_66_33 > .column2 {
      width: calc(100% + 100px);
      left: -50px;
      position: relative;
  }

}

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

  .footer_bottom {
      padding-right: 25px;
      padding-left: 25px;
  }

  .footer_bottom ul li {
      padding: 5px 0px;
  }

}

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

  .ai1ec-col-md-5 {
      width: 100%;
  }

  .ai1ec-col-md-7 {
      width: 100%;
  }

  .alignright {
      width: 35%;
  }

}

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

  .alignright {
      width: 70%;
      padding: 0px 30% 25px 0px;
      float: left;
  }

}

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

  .header_bottom {
      padding: 0 25px;
  }

  .boxed .section .section_inner, .grid_section .section_inner {
      width: calc(100% - 75px) !important;
  }

  .two_columns_66_33 {
      width: calc(100% + 0px);
      left: 0px;
      position: relative;
  }

  .two_columns_66_33 > .column2 {
      width: calc(100% + 100px);
      left: -50px;
      position: relative;
  }

  .content .title .container_inner {
      width: calc(100% - 50px) !important;
  }

  footer .container_inner {
      width: calc(100% - 75px) !important;
  }

  .footer_bottom {
      line-height: 22px;
  }

  body.single .content .container_inner {
      width: calc(100% - 50px);
  }

  body.page-template-default .content .container_inner {
      width: calc(100% - 50px);
  }

  body.blog .content .container_inner {
      width: calc(100% - 50px);
  }

  h1, .title.title_size_large h1, h2.home-h1 {
      font-size: 30px !important;
      line-height: 1.1em !important;
  }

  .footer_top {
      padding-bottom: 0px;
  }

  .qbutton {
      font-size: 12px;
  }

  .timely a.ai1ec-read-more {
      font-size: 12px;
  }

  .ai1ec-agenda-view .ai1ec-actions {
      float: left;
      display: block;
  }

  .ai1ec-agenda-view .ai1ec-categories, .ai1ec-agenda-view .ai1ec-tags {
      display: block;
      padding-top: 40px;
  }

}

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

  .boxed .section .section_inner, .grid_section .section_inner {
      width: calc(100% - 50px) !important;
  }

  footer .container_inner {
      width: calc(100% - 50px) !important;
  }

}