/*
Theme Name: Canadian Training Institute
Author: Joey Vongvilaysone
Author URI: https://projectvongvilaysone.com/
Text Domain: ha
Description: Canadian Training Institute custom theme;
Version: 1.0.0
*/

@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100;200;300;400;500;600;700;800;900&display=swap');

:root {
  --cti_blue: #233889;
  --cti_yellow: #fa9e1f;
}

body {
  font-family: 'Outfit', sans-serif;
}

a {
  text-decoration: none;
}

a:hover {
  color: inherit;
  text-decoration: none;
}

/* COLUMN/ROW CSS */

.vc_row {
  padding-top: 35px;
  padding-bottom: 35px;
  width: 100%;
}

.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;
}

.vc_col-sm-12 {
  width: 100%;
}

.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;
}

.page-content .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;
}

.page-content .wpb-content-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.vc_row.vc_row-has-fill {
  max-width: unset;
  width: 100%;
}

@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;
  }
}