/*
Theme Name: Lexmar
Version: 1.0
Author: Cloud Three
Author URI: https://cloudthree.com.au/
*/
 
.alignnone {
margin: 5px 20px 20px 0;
}
 
.aligncenter,
div.aligncenter {
display: block;
margin: 5px auto 5px auto;
}
 
.alignright {
float:right;
margin: 5px 0 20px 20px;
}
 
.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
 
a img.alignright {
float: right;
margin: 5px 0 20px 20px;
}
 
a img.alignnone {
margin: 5px 20px 20px 0;
}
 
a img.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
 
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto
}
 
.wp-caption {
background: #fff;
border: 1px solid #f0f0f0;
max-width: 96%; /* Image does not overflow the content area */
padding: 5px 3px 10px;
text-align: center;
}
 
.wp-caption.alignnone {
margin: 5px 20px 20px 0;
}
 
.wp-caption.alignleft {
margin: 5px 20px 20px 0;
}
 
.wp-caption.alignright {
margin: 5px 0 20px 20px;
}
 
.wp-caption img {
border: 0 none;
height: auto;
margin: 0;
max-width: 98.5%;
padding: 0;
width: auto;
}
 
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
margin: 0;
padding: 0 4px 5px;
}
 
/* Text meant only for screen readers. */
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
}
 
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
color: #21759b;
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; /* Above WP toolbar. */
}
 
/* ninja forms preset */
 
.ninja-forms-form-wrap .ninja-forms-error-msg {
color: #ff0000;
margin-bottom: 5px;
}
 
.ninja-forms-form-wrap .ninja-forms-required-items {
margin-bottom: 5px;
font-weight: bold;
}
 
.ninja-forms-form .text-wrap input,
.ninja-forms-form .textarea-wrap textarea,
.ninja-forms-form .list-dropdown-wrap select {
font-size: 14px;
padding: 10px 10px;
border: 1px solid #cccccc;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
background-color: #ffffff;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
width: 100%;
}
 
.ninja-forms-form .submit-wrap input {
line-height: 41px;
text-align: center;
background-color: #ffffff;
padding: 0 32px;
border: 2px solid #cccccc;
-webkit-transition: background-color 0.3s, color 0.3s;
-moz-transition: background-color 0.3s, color 0.3s;
transition: background-color 0.3s, color 0.3s;
cursor: pointer;
font-size: 14px;
}
 
.ninja-forms-form .submit-wrap input:hover {
color: #ffffff;
background-color: #cccccc;
}
.nf-form-fields-required {
  display: none;
}
.twoCols .col {

column-gap: 50px;
}
#contact .right .submitBtn.linkBtn {
  position: relative;
  display: table;
  color: #fff;
  line-height: 1;
  min-width: 9.55em;
  font-family: 'Montserrat', Arial, sans-serif;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.0142857142857143em;
  margin: 1.428571428571429em 1.428571428571429em 1.428571428571429em 0;
  background: #F26322;
  padding: 1.142857142857143em 2.857142857142857em;
  border: 1px solid #F26322;
  border-radius: 2.142857142857143em;
  cursor: pointer;
  text-transform: uppercase;
  text-align: center;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  -webkit-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  transition: background-color 0.3s;
  -webkit-box-shadow: 0px 0.5714285714285714em 1.142857142857143em 0px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 0.5714285714285714em 1.142857142857143em 0px rgba(0, 0, 0, 0.25);
}

#contact .right .submitBtn.linkBtn:hover {
  background-color: #ff7230;
  color: #fff;
}
#contact .right .nf-form-content .list-select-wrap .nf-field-element>div{
  background: none !important;
  border: none !important;
}
#mainWrapper #contact .right .fields .field{
  padding: 0;
}
#mainWrapper #contact .right .fields .field select
{
padding-left: 46px;
text-transform: uppercase;
background-image: url(./images/arrow-down.svg);
cursor: pointer;
color: #fff;
transition: color 0.3s;
}
.divider .section, .quote .section, .imgtxtCont .section{
  padding: 0
}
.divider hr{
  margin: 0;
}
h3{
  margin-top: 36px;
}
#content.thin .section{
  padding: 50px;
}
#mainWrapper #slider .swiper-slide img{
  -o-object-position: center;
  object-position: center;
}
.imageText{
  margin: 0;
}
.courses li .inner h3{
  margin-top: 0;
}
tr.open{
  border-bottom: none;
}
.accordionPrimary .accordionBtn {
  position: absolute;
  width: 24px;
  height: 24px;
  cursor: pointer;
  right: 20px;
  display: block;
  top: 25px;
}
.accordionItem{
  border-top: none;
  display: none;
}
.accordionBtn::before,
.accordionBtn::after {
  content: "";
  position: absolute;
  background-color: #f16522; /* your orange or change as needed */
  width: 2px;
  height: 16px;
  top: 4px;
  left: 11px;
  transition: transform 0.3s ease;
}

.accordionBtn::after {
  transform: rotate(90deg); /* makes the horizontal line */
}
.open .accordionBtn::before {
  transform: rotate(90deg); /* this turns the vertical line horizontal, overlapping the other */
}

.open .accordionBtn::after {
  transform: rotate(90deg); /* stays the same */
}
.accordionPrimary{
  position: relative;
}
.coursecats{
  list-style: none;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  column-gap: 30px;
}
.coursecats li{
  width: 48%;
  color: #372e6e;
  background: #fff;
  border-radius: 10px;
  margin-bottom: 20px;
  padding: 10px;
}
.coursecats .inner{
  display: flex;
  column-gap: 20px;
}
.coursecats .inner .content
{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 200px;
}
.coursecats .inner .image
{
  max-width: 36%;
  width: 100%;
}
.coursecats .inner .image img
{
  height: 100%;
  width: auto;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  border-radius: 5px;
}
.coursecats .inner .bottom{
  display: flex;
  column-gap: 15px;
  padding-bottom: 10px;
  align-items: center;
}
.coursecats .inner .bottom a{
  margin: 0;
}
.coursecats .inner h3{
  font-weight: bold;
  font-size: 40px;
  margin: 0;
}
.count{
  background: #e9e0e0;
  color: #F26322;
  border-radius: 50%;
  width: 44px;
  height: 44px;
  display: flex;
  justify-content: center;

  align-items: center;
}
.coursecats .inner .bottom .linkBtn{
  background-image: url(./images/course-arrow.svg);
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: left 20px center;
  width: auto;
line-height: 2em;
  min-width: auto;
  padding: 6px 30px 6px 60px;
}
/* .coursecats .inner .bottom .linkBtn:hover{
  background-image: url(./images/course-arrow-white.svg);
} */
.bottom .navi{
  position: relative;
}
.bottom .navi.active .linkBtn{
 color: #fff;
background: #F26322;
 background-image: url(./images/arrow-down.svg);
 background-repeat: no-repeat;
background-size: 16px;
 background-position: left 20px center;
}
.bottom .navi.active .linkBtn:hover{
  background-image: url(./images/arrow-down.svg);
   background-repeat: no-repeat;
  background-size: 16px;
   background-position: left 20px center;
}
.bottom .subnav
{
  position: absolute;
  color: #fff;
  background: #F26322;
  width:355px;
  padding: 20px;
  list-style: none;
  border-radius: 10px;
  top: 46px;
  display: none;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.25);
  z-index: 99999;
}
.bottom .subnav li{
  background: none;
  width: 100%;
}
.bottom .subnav li:after{
  display: block;
  border-bottom: 1px solid #fff;
  content: "";
  top: 20px;
  position: relative;
}
.bottom .subnav li:last-of-type{
  margin-bottom: 0;
}
.bottom .subnav li:last-of-type:after{
  display: none;
}
.bottom .subnav li a{
  color: #fff;
  font-weight: bold;
}
@media only screen and (max-width : 991px){
  .coursecats li{
    width: 100%;
  }
}
@media only screen and (max-width : 767px){
  .accordionPrimary .accordionBtn{
    top: 5px;
  }
}
@media only screen and (max-width :550px)
{
  .bottom .subnav{
    left: -140px;
  }
}