/* @override http://ftgw2017.wctest.ca/templates/g5_hydrogen/custom/css/piet.css */

/* @group Store */


.com_mijoshop :not(#button-cart).btn-primary {

    box-shadow: none!important;
}

.com_mijoshop :not(#button-cart).btn-primary:hover {

}

.mijoshop .input-group-btn:last-child>.btn, .mijoshop .input-group-btn:last-child>.btn-group {
    height: 32px;
}

.mijoshop .form-control {
    width: 94%;
}



/* @end */

/* @group Contact Page Form */
.contact label.col-sm-3 {
    display: none;
}

.contact #userForm h2 {
    color: #2aa600;
    font-size: 36px;
}

.contact .col-sm-6, .contact .col-sm-3 {
    width: 100%!important;
}


/* @end */



/* Smartphones */

@media (min-width: 320px) and (max-width: 321px) {

#g-navigation .company-name h1 {
    font-size: 18px !important;
    margin-top: 9px !important;
    margin-left: -15px !important;
    }
    #g-navigation .logo img {
    max-width: 30%!important;
}

#g-showcase .moduletable.page-title h2 {
    font-size: 32px!important;
}

#g-footer #maximenuck130 ul li{
    text-align: center!important;
}

#g-footer #maximenuck130 ul li:last-child {
    margin-bottom: 15px;
}

.tablesaw-stack td .tablesaw-cell-label, .tablesaw-stack th .tablesaw-cell-label {
    font-size: 11px;
    line-height: 23px;
}

}


@media (min-width: 322px) and (max-width: 480px) {

#g-navigation .logo img {
    max-width: 30%!important;
}

#g-navigation .company-name h1 {
    font-size: 25px !important;
    margin-top: 9px !important;
    margin-left: -15px !important;
    white-space: nowrap;
}


}

@media (max-width: 480px) {
    div[id^="g-recaptcha-"] {
      width: 230px;
      overflow: hidden;
      border-right: 1px solid #ccc;
      border-radius: 2px;
      height: 76px;
    }
    
}

@media (max-width:767px) {

    body.home #g-utility:after {
        height: auto!important;
    }

.hidefoot {
    display: none!important;
}

.mijoshop td.text-right {
    text-align: left!important;
}

td.text-left.pfull {
    width: 100%!important;
}

#g-header div.g-container div.g-grid div.g-block.size-55 {
    display: none;
}

#g-header div.g-container div.g-grid div.g-block.nomarginleft.size-35 {
    padding-top: 8px;
    padding-bottom: 12px;
}

#top div.container_oc div.row div.col-sm-9 {
        z-index: 1;
    }

div#top-links.nav.pull-left {
    float: none!important;
    text-align: center;
}

#g-copyright, #g-copyright div {
    text-align: center;
}

#g-footer ul.sociallinks li {
    float: none!important;
    text-align: center!important;
}

#g-navigation div.g-container div.g-grid div.g-block.nomarginleft.nopaddingleft.size-57 {
    display: none;
}

#g-navigation .size-33 {
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    flex-grow: 0;
    -ms-flex-positive: 0;
    -webkit-flex-basis: 66%;
    -moz-flex-basis: 66%;
    flex-basis: 66%;
    -ms-flex-preferred-size: 66%;
    max-width: 66%
}

#g-navigation .size-10 {
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    flex-grow: 0;
    -ms-flex-positive: 0;
    -webkit-flex-basis: 33%%;
    -moz-flex-basis: 33%;
    flex-basis: 33%;
    -ms-flex-preferred-size: 33%;
    max-width: 33%;
}

.home #g-showcase {
    display: none;
}



.home section#g-feature {
    padding-top: 50px !important;
}

.home #g-feature:after {
    height: auto;
}

.connect .sppb-col-md-6:nth-child(2) {
    padding-right: 30px;
}


#g-mainbottom .btn {
    position: relative;
    bottom: auto!important;

}

#rsform_6_page_0 div.rsform-block.rsform-block-send div.formControls div.formBody {
    float: none!important;
    text-align: center;
}

#g-extension div.moduletable.video-reel div.uk-panel.uk-panel-box.uk-text-center {
    text-align: center!important;
}

#sppb-addon-1506039437084 div.sppb-addon.sppb-addon-text-block.sppb-text-left div.sppb-addon-content p a.btn.green {
    margin-bottom: 15px;
}
}

/* Smartphones to Tablets */
@media (min-width: 481px) and (max-width: 767px) {

body.home #g-utility h1 {
    font-size: 48px!important;
}

#g-navigation .company-name h1 {
    font-size: 30px !important;
    margin-top: 9px !important;
    margin-left: -25px !important;
    white-space: nowrap;
}

#g-showcase .slider-content .row {
    width: 80%;
}

}

@media (min-width:768px) {
    .showfoot {
        display: none!important;
    }
}

/* Tablets */
@media (min-width: 768px) and (max-width: 991px) {
div#maximenuck104.maximenuckh ul.maximenuck li.maximenuck.level1 > a, div#maximenuck104.maximenuckh ul.maximenuck li.maximenuck.level1 > span.separator {
    padding-left: 10px!important;
}

div#maximenuck104.maximenuckh ul.maximenuck li.maximenuck.level1 > a span.titreck, div#maximenuck104.maximenuckh ul.maximenuck li.maximenuck.level1 > span.separator span.titreck {
    font-size: 14px !important;
}

#g-navigation .company-name h1 {
    font-size: 21px !important;
    margin-top: 19px !important;
    margin-left: 45px !important;
    white-space: nowrap;
}

#g-showcase .slider-content .row {
    width: 60%;
}

}

/* Desktop */
@media (min-width: 992px) and (max-width: 1199px) {
div#maximenuck104.maximenuckh ul.maximenuck li.maximenuck.level1 > a, div#maximenuck104.maximenuckh ul.maximenuck li.maximenuck.level1 > span.separator {
    padding-left: 15px!important;
}

div#maximenuck104.maximenuckh ul.maximenuck li.maximenuck.level1 > a span.titreck, div#maximenuck104.maximenuckh ul.maximenuck li.maximenuck.level1 > span.separator span.titreck {
    font-size: 18px !important;
}

#g-navigation .company-name h1 {
    font-size: 29px !important;
    margin-top: 12px !important;
    margin-left: 20px !important;
}
}

/* Large Display */
@media (min-width: 1200px) {
  #maximenuck130 {
    display: flex;
  }

}

/*IE hacks*/

@media (max-width: 767px) {

@media screen and (min-width:0\0) { 
    #g-utility .size-5 {
        display: none!important;
    }
}
}

/* //improved clearfix fixes */
    @media (min-width: 1200px) {
    #content_oc .col-lg-2:nth-child(6n+1),
        #content_oc .col-lg-2:nth-child(6n+1),
        #content_oc div:not(:first-child).col-lg-3:nth-child(4n+1),
        #content_oc .col-lg-4:nth-child(3n+1),
        #content_oc .col-lg-6:nth-child(2n+1) {
      clear: left;
    }
  }
    @media (min-width: 992px) and (max-width: 1199px) {
    #content_oc .col-md-2:nth-child(6n+1),
        #content_oc .col-md-2:nth-child(6n+1),
        #content_oc div:not(:first-child).col-md-3:nth-child(4n+1),
        #content_oc .col-md-4:nth-child(3n+1),
        #content_oc .col-md-6:nth-child(2n+1) {
      clear: left;
    }
  }
    @media (min-width: 768px) and (max-width: 991px) {
    #content_oc .col-sm-2:nth-child(6n+1),
        #content_oc .col-sm-2:nth-child(6n+1),
        #content_oc .col-sm-3:nth-child(4n+1),
        #content_oc .col-sm-4:nth-child(3n+1),
        #content_oc div:not(:first-child).col-sm-6:nth-child(2n+1) {
      clear: left;
    }
  }
    
    @media (max-width: 767px) {
    #content_oc .col-xs-2:nth-child(6n+1),
        #content_oc .col-xs-2:nth-child(6n+1),
        #content_oc .col-xs-3:nth-child(4n+1),
        #content_oc .col-xs-4:nth-child(3n+1),
        #content_oc div:not(:first-child).col-xs-6:nth-child(2n+1) {
      clear: left;
    }
  }
/*     //end clearfix fix */
    
    
/* //improved clearfix fixes */
    @media (min-width: 1200px) {
    .miwi-categoryhome .col-lg-2:nth-child(6n+1),
        .miwi-categoryhome .col-lg-2:nth-child(6n+1),
        .miwi-categoryhome div:not(:first-child).col-lg-3:nth-child(4n+1),
        .miwi-categoryhome .col-lg-4:nth-child(3n+1),
        .miwi-categoryhome .col-lg-6:nth-child(2n+1) {
      clear: left;
    }
  }
    @media (min-width: 992px) and (max-width: 1199px) {
    .miwi-categoryhome .col-md-2:nth-child(6n+1),
        .miwi-categoryhome .col-md-2:nth-child(6n+1),
        .miwi-categoryhome div:not(:first-child).col-md-3:nth-child(4n+1),
        .miwi-categoryhome .col-md-4:nth-child(3n+1),
        .miwi-categoryhome .col-md-6:nth-child(2n+1) {
      clear: left;
    }
  }
    @media (min-width: 768px) and (max-width: 991px) {
    .miwi-categoryhome .col-sm-2:nth-child(6n+1),
        .miwi-categoryhome .col-sm-2:nth-child(6n+1),
        .miwi-categoryhome .col-sm-3:nth-child(4n+1),
        .miwi-categoryhome .col-sm-4:nth-child(3n+1),
        .miwi-categoryhome div:not(:first-child).col-sm-6:nth-child(2n+1) {
      clear: left;
    }
  }
    
    @media (max-width: 767px) {
    .miwi-categoryhome .col-xs-2:nth-child(6n+1),
        .miwi-categoryhome .col-xs-2:nth-child(6n+1),
        .miwi-categoryhome .col-xs-3:nth-child(4n+1),
        .miwi-categoryhome .col-xs-4:nth-child(3n+1),
        .miwi-categoryhome div:not(:first-child).col-xs-6:nth-child(2n+1) {
      clear: left;
    }
  }
/*     //end clearfix fix */


.eb-inst {
  backdrop-filter: blur(5px); }
  .eb-inst h3 {
    font-size: 48px !important;
    color: #f8991d !important;
    font-weight: 400 !important;
    text-transform: none;
    line-height: normal; }

ul.fancy-list {
  list-style-type: none !important;
  margin-left: 0px;
  font-size: 21px;
  line-height: 36px; }
  ul.fancy-list ul {
    list-style-type: none !important; }
  ul.fancy-list li {
    position: relative;
    padding-left: 30px !important; }
    ul.fancy-list li:before {
      position: absolute;
      top: 8px !important;
      left: 0;
      font: 18px 'Font Awesome 5 Free';
      content: "\f35a"; }

#g-main ul.fancy-list {
  list-style-type: none !important;
  margin-left: 0px; }
  #g-main ul.fancy-list li {
    position: relative;
    padding-left: 30px !important; }
    #g-main ul.fancy-list li:before {
      position: absolute;
      top: 20px !important;
      left: 0;
      font: 18px 'Font Awesome 5 Free';
      content: "\f35a"; }

.fancy-table thead th:first-child {
  background: red !important; }
.fancy-table thead th:last-child {
  background: green !important; }

.mentoring-page #g-main p {
  font-size: 24px;
  color: #333 !important; }
.mentoring-page #g-main blockquote p {
  font-size: 48px;
  color: #999 !important; }
.mentoring-page #g-main li, .mentoring-page #g-main table td, .mentoring-page #g-main .sppb-addon-feature {
  color: #333 !important; }
.mentoring-page #g-main table td {
  font-size: 24px; }
.mentoring-page #g-main section {
  padding-top: 50px !important;
  padding-bottom: 50px !important; }
@media (min-width: 992px) {
  .mentoring-page #g-main {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important; }
    .mentoring-page #g-main .g-container {
      width: 100% !important; }
      .mentoring-page #g-main .g-container .g-content {
        padding-left: 0;
        padding-right: 0;
        margin-left: 0;
        margin-right: 0;
        padding-bottom: 0 !important;
        margin-bottom: 0 !important; } }