/*
Theme Name: Strenx Training Systems
Theme URI: https://strenx.ca
Author: Brianna Beahen
Author URI: http://jicdesign.com/
Description: A devdmbootstrap4 child theme.
Version: 1.71
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Template: devdmbootstrap4
*/

/* @import url("https://use.typekit.net/iio6jrf.css"); */

@import url("https://use.typekit.net/csz3spr.css");


/*

************************

HEADINGS

************************

Oswald Bold
font-family: "oswald", sans-serif;
font-weight: 700;
font-style: normal;

************************

BODY

************************

PT Mono Regular
font-family: "pt-mono", monospace;
font-weight: 400;
font-style: normal;

************************

PT Mono Bold
font-family: "pt-mono", monospace;
font-weight: 700;
font-style: normal;

*/

/* Fonts */

h1, h1.elementor-heading-title, h2, h2.elementor-heading-title, h3, h3.elementor-heading-title, h4, h4.elementor-heading-title {
  font-family: "oswald", sans-serif;
  font-style: normal;
  font-weight: 700;
  letter-spacing: normal;
  line-height: 1.2em;
  text-transform: uppercase;
  color:#D45101;
}

h1, h1.elementor-heading-title {
  font-size:60px;
}

h1.display-heading, .display-heading h1.elementor-heading-title {
  font-size:90px;
}

h2, h2.elementor-heading-title {
  font-size:48px;
}

h3, h3.elementor-heading-title {
  font-size:36px;
}

h4, h4.elementor-heading-title {
  font-size:24px;
}

h5, h5.elementor-heading-title, h6, h6.elementor-heading-title  {
  font-family: "pt-mono", monospace;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 5px;
  text-transform: uppercase;
  line-height: 1.2em;
  color:#f9a245;
}

h5, h5.elementor-heading-title {
  font-size: 15px;
}

h6, h6.elementor-heading-title {
  font-size: 13px;
}

p, body, div, ul, li {
  font-family: "pt-mono", monospace;
  font-style: normal;
  font-weight: 400;
  font-size:15px;
  line-height: 1.4em;
  letter-spacing:.25px;
  color:#151515;
}

p b, ul b, p strong, ul strong, .t-bold {
  font-weight:700 !important;
}

.t-reg, .t-reg .elementor-heading-title, .t-reg.elementor-text-editor *, .t-reg.elementor-element * {
  font-weight:400 !important;
}

.t-bold, .t-bold .elementor-heading-title, .t-bold.elementor-text-editor *, .t-bold.elementor-element * {
  font-weight:700 !important;
}

.t-heading, .t-heading .elementor-heading-title, .t-heading.elementor-text-editor *, .t-heading.elementor-element * {
  font-family: "oswald", sans-serif;
}

.t-body, .t-body .elementor-heading-title, .t-body.elementor-text-editor *, .t-body.elementor-element * {
  font-family: "pt-mono", monospace;
}

.t-sm, .t-sm p, .t-sm.elementor-text-editor *, .t-sm.elementor-element * {
  font-size:11px;
}

.t-lrg, .t-lrg p, .t-sm.elementor-text-editor *, .t-lrg.elementor-element * {
  font-size:19px;
}

.t-xl, .t-xl p, .t-sm.elementor-text-editor *, .t-xl.elementor-element * {
  font-size:22px;
}

.link-text, p a, a {
  color:inherit;
  -moz-transition: all .5s;
  -webkit-transition: all .5s;
  -o-transition: right all .5s;
  -ms-transition: right all .5s;
  transition: all .5s;
}

p a:hover, a:hover, p a:focus, a:focus {
  text-decoration:underline;
      color:inherit;
}

.t-upper, .t-upper .elementor-heading-title, .t-upper.elementor-text-editor *, .t-upper.elementor-element * {
  text-transform:uppercase;
}

.t-space, .t-space .elementor-heading-title, .t-space.elementor-text-editor *, .t-space.elementor-element * {
  letter-spacing:5px;
}

.t-italic, .t-italic .elementor-heading-title, .t-italic.elementor-text-editor *, .t-italic.elementor-element * {
  font-style:italic;
}

.t-white, .t-white .elementor-heading-title, .t-white.elementor-text-editor *, .t-white.elementor-element * {
  color:#fff !important;
}

.t-black, .t-black .elementor-heading-title, .t-black.elementor-text-editor *, .t-black.elementor-element * {
  color:#000 !important;
}

.t-dorange, .t-dorange .elementor-heading-title, .t-dorange.elementor-text-editor *, .t-dorange.elementor-element * {
  color:#d45101 !important;
}

.t-morange, .t-morange .elementor-heading-title, .t-morange.elementor-text-editor *, .t-morange.elementor-element * {
  color:#f07a00 !important;
}

.t-lorange, .t-lorange .elementor-heading-title, .t-lorange.elementor-text-editor *, .t-lorange.elementor-element * {
  color:#f9a245 !important;
}

.t-dgrey, .t-dgrey .elementor-heading-title, .t-dgrey.elementor-text-editor *, .t-dgrey.elementor-element * {
  color:#151515 !important;
}

.t-lgrey, .t-lgrey .elementor-heading-title, .t-lgrey.elementor-text-editor *, .t-lgrey.elementor-element * {
  color:#e9eae9 !important;
}
/* END Fonts */

/* Global */
.main-page-wrap {
  overflow:hidden !important;
}

:focus {
  outline:none !important;
  box-shadow:none !important;
}

.bg-img {
  background-size:cover;
  background-repeat:no-repeat;
  background-position:center center;
  padding-left:0px;
  padding-right:0px;
}

.img-overlay {
  background-color:rgba(0,0,0,.5);
  height:100%;
  width:100%;
  padding-left:15px;
  padding-right:15px;
}

.dmbs-page-header {
  display:none;
}

.dmbs-content-wrapper {
  margin-top:0px;
}

.mb-none {
  margin-bottom:0px !important;
}

.mb-10 {
  margin-bottom:10px !important;
}
/* END Global */

/* Colours */
.bg-white {
  background-color:#fff !important;
}

.bg-black {
  background-color:#000 !important;
}

.bg-dorange {
  background-color:#d45101 !important;
}

.bg-morange {
  background-color:#f07a00 !important;
}

.bg-lorange {
  background-color:#f9a245 !important;
}

.bg-dgrey {
  background-color:#151515 !important;
}

.bg-lgrey {
  background-color:#e9eae9 !important;
}
/* END Colours */

/* Buttons */
.elementor-button.elementor-size-sm, .btn-strenx, .search .btn-primary {
  text-decoration: none !important;
  -moz-transition: all .5s;
  -webkit-transition: all .5s;
  -o-transition: right all .5s;
  -ms-transition: right all .5s;
  transition: all .5s;
  font-family: "pt-mono", monospace;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 3px;
  text-transform: uppercase;
  line-height: 1.2em;
  font-size:13px;
  color:#fff;
  background-color:#F07A00;
  border-radius:0px;
}

.elementor-button.elementor-size-sm:hover, .btn-strenx:hover,
.elementor-button.elementor-size-sm:focus, .btn-strenx:focus,
.search .btn-primary:hover, .search .btn-primary:focus {
  background-color:#D45101;
}
/* End Buttons */

/* Header */
.dmbs-logo-image {
  max-width:100%;
}

.dmbs-header-nav-container.top-nav-scroll {
  position:fixed;
  background-color: #fff;
      z-index: 50005;
  }

  .top-nav {
  -moz-transition: all .5s;
  -webkit-transition: all .5s;
  -o-transition: right all .5s;
  -ms-transition: right all .5s;
  transition: all .5s;
}

.top-nav.top-nav-scroll {
  position:fixed;
  -webkit-backdrop-filter: blur(15px) brightness(115%);
  backdrop-filter: blur(15px) brightness(115%);
  background-color: rgba(255, 255, 255, 0.8);
  z-index: 5000;
  top: 0px;
  left: 0px;
  right: 0px;
}

  .navbar-expand-lg .navbar-nav {
    align-items:center;
  }

  .navbar-nav li {

  }

.navbar-nav .nav-link {

  }

.navbar-nav .nav-link:hover, .navbar-nav .nav-link:focus {

}


.dropdown-menu {

}

.dropdown-item {

}

.dropdown-item:hover, .dropdown-item:focus {

}

.navbar-nav .current_page_item > a.nav-link,
.navbar-nav .current-page-ancestor > a.nav-link {

}

#main-menu .elementor-nav-menu a {
  justify-content: flex-end;
  text-align:right;

}

#main-menu.elementor-nav-menu--toggle .elementor-menu-toggle.elementor-active+.elementor-nav-menu__container {
  padding-top:30px;
  padding-bottom:30px;
}
/* END Header */

/* Hero */
/* END Hero */

/* Forms */
.wpcf7-form label {
  width:100%;
  margin-bottom:15px;
}

.wpcf7-form span {
  width:100%;
}

.wpcf7-form span.wpcf7-spinner {
  width:auto;
}


.wpcf7-form span {
width:100%;
}


.eael-contact-form form.wpcf7-form, form.wpcf7-form {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
/*  margin-left:-7.5px;
  margin-right:-7.5px; */
}


input, textarea, .wpcf7-form input, .wpcf7-form textarea, .form-control, select {
      -webkit-border-radius: 0;
      border-radius: 0;
      border: .5px solid #151515;
      width: 100%;
      padding: 12px 15px;
    width: 100% !important;
    background-color: #151515 !important;
    color: #fff;
}

textarea {
    height: 120px !important;
  }

.wpcf7 p {
  width:100%;
}

.wpcf7-form input[type="submit"], button[type="submit"], .eael-contact-form input[type="submit"] {
  transition: all .5s;
      font-family: "pt-mono", monospace;
      font-style: normal;
      font-weight: 400;
      letter-spacing: 3px;
      text-transform: uppercase;
      line-height: 1.2em;
      font-size: 13px;
      color: #fff;
      background-color: #F07A00 !important;
      border-radius: 0px;
      padding:15px !important;
}

.wpcf7-form input[type="submit"]:hover, button[type="submit"]:hover,
.wpcf7-form input[type="submit"]:focus, button[type="submit"]:focus,
.eael-contact-form input[type="submit"]:hover, .eael-contact-form input[type="submit"]:focus {
  background-color: #D45101 !important;
}


input[type="radio"], input[type="checkbox"] {

}


select {
color:#808080 !important;
}

select option {
  color:#fff !important;
}

input:focus, textarea:focus, .wpcf7-form input:focus, .wpcf7-form textarea:focus, .form-control:focus {
border-color: #D45101;
}


::-webkit-input-placeholder {
color:#808080 !important;
}

::-moz-placeholder {
color:#808080 !important;
}

:-ms-input-placeholder {
color:#808080 !important;
}

:-moz-placeholder {
color:#808080 !important;
}

.wpcf7 form .wpcf7-response-output {
  border: 0px !important;
  margin: 0px;
  padding: 0px;
  width: 100%;
  font-style:italic;
  text-align:center;
}

.wpcf7-not-valid-tip {
  font-style:italic;
}

/* End Forms */

/* Footer */

.footer-copyright-wrapper {
  padding-top:15px;
  padding-bottom:15px;
}

.footer-social a  {

}

.footer-social a:hover, .footer-social a:focus {

}

.footer-social a i {

}

.footer-social a:hover i, .footer-social a:focus i {

}

#topBtn {
  position: fixed;
      top:50%;
      right: 0px;
      z-index: 99;
      border: none;
      outline: none;
      color: rgb(255, 255, 255);
      cursor: pointer;
      padding: 10px 15px;
      border-radius: 0px;
      background-color: rgba(0,0,0,0.41);
      -moz-transition: right 0.5s ease-in-out,all 0.3s ease-in-out;
    -webkit-transition: right 0.5s ease-in-out,all 0.3s ease-in-out;
    -o-transition: right 0.5s ease-in-out,all 0.3s ease-in-out;
    -ms-transition: right 0.5s ease-in-out,all 0.3s ease-in-out;
    transition: right 0.5s ease-in-out,all 0.3s ease-in-out;
    z-index:5000;
}

#topBtn:hover, #topBtn:focus {
  background-color: #481c20;
}

.footer-copyright p {

}
/* END Footer */

/* Custom */
/* END Custom */

/* Testimonials */
#quotes .elementor-testimonial-content {
  font-family: "oswald", sans-serif;
  letter-spacing: 1px;
  line-height: 1.4em;
  /* width:900px; */
  max-width:100%;
  margin-left:auto;
  margin-right:auto;
}
/* END Testimonials */

/* Bootstrap 5 col */
.col-xs-five,
.col-sm-five,
.col-md-five,
.col-lg-five {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-five {
  flex: 0 0 20%;
max-width: 20%;
}

@media (min-width: 768px) {
    .col-sm-five {
      flex: 0 0 20%;
    max-width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-five {
      flex: 0 0 20%;
    max-width: 20%;
        float: left;
    }

    .navbar-expand-lg {
      padding-top:25px;
    }
}

@media (min-width: 1200px) {
    .col-lg-five {
      flex: 0 0 20%;
    max-width: 20%;
        float: left;
    }
}
/* END Bootrstrap 5 col */


/* Responsive */
@media only screen and (min-width:1200px) {

}

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

}

@media only screen and (min-width:992px) and (max-width:1199px) {

}

@media only screen and (min-width:1025px) and (max-width:1199px) {
}

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

}

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

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

}

@media only screen and (min-width:992px) {

}

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

}

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

}

@media only screen and (max-width:767px) {
  h1.display-heading, .display-heading h1.elementor-heading-title {
      font-size: 70px;
  }
}

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

}


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

}

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

}

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

}
/* END Responsive */