/*
Theme Name: Reel Asian
Author: Coeffect
Author URI: http://coeffect.ca/
Text Domain: fhc
Description: Custom Theme for Reel Asian
Version: 1
*/


/* COLUMN/ROW CSS */

.vc_row.wpb_row {
  display: flex;
  justify-content: center;
}


.vc_container-block .full-width .vc_column-inner > .wpb_wrapper {
  max-width: unset;
}


.vc_column-inner > .wpb_wrapper {
  max-width: 1300px;
  margin: 0 auto;
  width: 100%;
}

.extra-max-width .vc_column-inner > .wpb_wrapper {
  width: 100%;
  max-width: 1800px;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
}

.stretch_row_content .vc_column-inner > .wpb_wrapper {
  max-width: unset;
  padding: 0;
}

.stretch_row_content .vc_column_container>.vc_column-inner {
  padding-left: 0;
  padding-right: 0;
}

.no-padding-bottom .vc_column-inner > .wpb_wrapper {
  padding-bottom: 0;
}

.vc_col-sm-6 .vc_column-inner > .wpb_wrapper,
.vc_container-block.vc_col-sm-6 .vc_column-inner > .wpb_wrapper{
  max-width: 650px;
}


.vc_col-sm-2 {
  max-width: 260px;
}

.vc_col-sm-4 {
  /*max-width: 462px;*/
  max-width: 444px;
}

.vc_col-sm-1 {
  max-width: 108px;
}

.vc_col-sm-11 {
  max-width: 1192px;
}

.vc_col-sm-5 {
  /*max-width: 462px;*/
  max-width: 542px;
}

.vc_col-sm-7 {
  max-width: 758px;
}

.vc_col-sm-8 {
  /*max-width: 968px;*/
  max-width: 873px;
}

.vc_col-sm-3 {
  /*max-width: 350px;*/
  max-width: 350px;
}

.vc_col-sm-9 {
  /*max-width: 1050px;*/
  max-width: 975px;
}

.vc_col-sm-10 {
  max-width: 1070px;
}

.full-row-width .vc_col-sm-8,
.full-row-width .vc_col-sm-4{
  max-width: unset;
}

.vc_col-sm-8 .vc_column-inner > .wpb_wrapper {
  max-width: 938px;
}

.full-row-width .vc_col-sm-8 .vc_column-inner > .wpb_wrapper {
  max-width: 938px;
}

.vc_col-sm-4 .vc_column-inner > .wpb_wrapper {
  max-width: 462px;
}

.full-row-width .vc_col-sm-4 .vc_column-inner > .wpb_wrapper {
  max-width: 324px;
}


.vc_column-inner > .wpb_wrapper {
   padding: 35px 15px;
 }

.container-fluid .vc_col-has-fill>.vc_column-inner,
.vc_row-has-fill>.vc_column_container>.vc_column-inner{
  padding-top: 0 !important;
}

.vc_row.wpb_row > .header-black-left + .vc_column_container .vc_column-inner > .wpb_wrapper,
.vc_row.wpb_row > .vc_column_container:first-child .vc_column-inner > .wpb_wrapper,
.vc_row.wpb_row > .vc_container-block:first-child .vc_column-inner > .wpb_wrapper{
  margin: 0 0 0 auto;
}

.vc_row.wpb_row > .vc_column_container:last-child .vc_column-inner > .wpb_wrapper,
.vc_row.wpb_row > .vc_container-block:last-child .vc_column-inner > .wpb_wrapper {
  margin: 0 auto 0 0;
}

.vc_row.wpb_row > .vc_column_container.vc_col-sm-12 .vc_column-inner > .wpb_wrapper,
.vc_row.wpb_row > .vc_container-block.vc_col-sm-12 .vc_column-inner > .wpb_wrapper{
  margin: 0 auto !important;
}

.vc_row.wpb_row.full-width > .vc_column_container.vc_col-sm-12 .vc_column-inner > .wpb_wrapper {
  width: 100% !important;
  max-width: 100%;
  padding: 0;
}

.vc_row.wpb_row {
  position: relative;
  flex-wrap: wrap;
}

@media all and (max-width: 1400px) {
  .vc_column-inner > .wpb_wrapper {
    padding: 35px 8%;
  }
}

/*ROW/COLUMN MOBILE*/
@media all and (max-width: 767px) {

  .vc_row[data-vc-full-width] {
    width: 100%;
    margin: 0;
  }


  .vc_column-inner > .wpb_wrapper {
    padding: 15px 5% !important;
  }

  .vc_row[data-vc-full-width] .vc_column-inner > .wpb_wrapper,
  .extra-max-width .vc_column-inner > .wpb_wrapper{
    padding: 15px 0 !important;
  }

  .vc_col-sm-6 .vc_column-inner > .wpb_wrapper {
    padding: 15px 0;
  }

  .vc_row .vc_column_container.vc_col-sm-6 > .vc_column-inner {
    padding-left: 5%;
    padding-right: 5%;
  }

  .vc_col-sm-5,
  .vc_col-sm-6,
  .vc_col-sm-4,
  .vc_col-sm-3,
  .vc_col-sm-1,
  .vc_col-sm-2,
  .wpb_wrapper{
    max-width: unset !important;
  }

  .reverse-columns-mobile {
    flex-direction: column-reverse;
  }
}

/*NAV*/

.dropdown-menu {
  border: none;
  border-radius: 0;
  margin-top: 0;
  transition: .2s;
  /* remove for double dropdown*/
  padding: 10px 0;
  background-color: transparent;
  left: 0;
}

.dropdown-menu > div {
  background-color: #fff;
  padding: 15px 0;
}

.dropdown-menu > div  a,
.dropdown-menu > div  span{
  padding: 10px 20px;
}
.dropdown-menu > li {
  position: relative;
  padding: 0 20px 10px;
}

.dropdown-menu > li:hover > .sub-dropdown-menu,
.sub-dropdown-menu > li:hover > .sub-dropdown-menu {
}

.sub-dropdown-menu {
  display: none;
  list-style: none;
  position: absolute;
  top: 0;
  left: 100%;
  background-color: #fff;
  padding: .5rem 0 0;
}

.sub-dropdown-menu > li {
  padding: 0 20px 10px;
}

.nav-link {
  text-align: center;
  /*font-size: 1.1em;*/
  text-decoration: none;
  font-weight: 500;
  cursor: pointer;
}

.dropdown-item {
  text-decoration: none;
  /*font-size: 1.1em;*/
  padding: 10px;
  width: 250px;
  white-space: unset;
  word-break: break-word;
}

.dropdown-menu ul a {
  font-weight: 300;
}

.main-nav ul.main-navmenu > li a:hover {
  color: #00a1df;
}

.main-nav ul.main-navmenu > li .dropdown-menu ul a {
  font-weight: 300;
}

.main-nav ul.main-navmenu > li .dropdown-menu ul {
  padding-left: 15px;
  border-bottom: 1px solid #ccc;
}
.main-nav ul.main-navmenu > li .dropdown-menu ul:last-child {
  border-bottom: none;
}



@media all and (min-width: 768px) {
  .dropdown:hover > .nav-link {
    color: #00a1df;
  }

  .dropdown-item:hover {
    color: #00a1df;
    background-color: #fff;
  }

  .dropdown-menu.fading-in,
  .sub-dropdown-menu.fading-in{
    display: block;
    opacity: 0;
    transition: .2s;
  }

  .dropdown-menu .fade-show,
  .sub-dropdown-menu .fade-show {
    opacity: 1;
  }
}

@media all and (min-width: 767px) and (max-width: 1700px) {

}

.full-width-image div,
.full-width-image figure,
.full-width-image figure div,
.full-width-image figure img{
  width: 100% !important;
}

.vc_figure {
  position: relative;
}

.vc_figure-caption {
  position:absolute;
  bottom: 0;
  color: #fff;
  background-color: rgba(0,0,0,.7);
  width: 100%;
  padding: 10px 20px;
}

.banner.event-banner .vc_column-inner > .wpb_wrapper,
.banner.event-banner .vc_column_container>.vc_column-inner,
.banner.video-banner .vc_column-inner > .wpb_wrapper,
.banner.video-banner .vc_column_container>.vc_column-inner{
  padding: 0 !important;
  max-width: unset;
}