/* Mixins for reusable styles */
/****** To use these, call the element within the less stylesheet like this:

.parentElement {
  .angled-element();
  /* Add others styles as usual 
  background-color: #000;
}

******/
.feature-card-mixin {
  border: 2px solid #000;
  border-radius: 5px;
  background-color: #fff;
  padding: 0;
}
.feature-card-mixin .field--name-body {
  padding: 7px;
}
html body .main-container .row section .region-content .view-filters.form-group .views-exposed-form .form-inline {
  display: flex;
  justify-content: flex-start;
}
html body .main-container .row section .region-content .view-filters.form-group .views-exposed-form .form-inline .form-item {
  padding-right: 20px;
  float: none;
}
html body .main-container .row section .region-content .view-filters.form-group .views-exposed-form .form-inline .form-item .control-label {
  color: #575757;
}
html body .main-container .row section .region-content .view-filters.form-group .views-exposed-form .form-inline .form-actions .btn-info {
  /* background-color: #38afca !important;
                      transition: background .5s ease;
                      border-color: #31b0d5;

                      &:hover {
                        background-color: #147da3 !important;
                      }*/
}
html body .main-container .row section .region-content .view-filters.form-group .views-exposed-form .form-inline .form-actions .btn-danger {
  background-color: #f85c6c;
  transition: background 0.5s ease;
  border-color: #ca3d4b;
}
html body .main-container .row section .region-content .view-filters.form-group .views-exposed-form .form-inline .form-actions .btn-danger:hover {
  background-color: #ca3d4b;
}
html body .main-container .row section .region-content .ckeditor-accordion-container > dl dt > .ckeditor-accordion-toggle:before,
html body .main-container .row section .region-content .ckeditor-accordion-container > dl dt > .ckeditor-accordion-toggle:after {
  background: #4d4d4d;
}
@media screen and (max-width: 991px) {
  html body .main-container .row section .region-content .field--name-field-body {
    width: 100%;
  }
}
html body .main-container .row section .region-content .ckeditor-accordion-container dl {
  border: none;
}
html body .main-container .row section .region-content .ckeditor-accordion-container dl dd {
  padding-top: 5px;
  padding-bottom: 10px;
}
html body .main-container .row section .region-content .ckeditor-accordion-container dl dd ul {
  margin-bottom: 0;
}
html body .main-container .row section .region-content .ckeditor-accordion-container dl dt {
  margin-top: 2px;
  font-weight: initial;
}
html body .main-container .row section .region-content .ckeditor-accordion-container dl dt .ckeditor-accordion-toggle {
  display: none!important;
}
html body .main-container .row section .region-content .ckeditor-accordion-container dl dt.bold {
  font-weight: 600;
}
html body .main-container .row section .region-content .ckeditor-accordion-container dl dt.active > a {
  border: 0px !important;
  background: #e6e6e6;
  color: #4d4d4d;
}
html body .main-container .row section .region-content .ckeditor-accordion-container dl dt.active > a:before {
  content: '\f077';
  color: #2b2b2b;
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
  margin-right: 10px;
}
html body .main-container .row section .region-content .ckeditor-accordion-container dl dt > a {
  border: 0px !important;
  background: #e6e6e6;
  color: #4d4d4d;
  border-radius: 3px;
  padding: 10px 15px 10px 10px;
}
html body .main-container .row section .region-content .ckeditor-accordion-container dl dt > a:before {
  color: #2b2b2b;
  font-family: "Font Awesome 5 Pro";
  content: '\f078';
  font-weight: 400;
  margin-right: 10px;
}
html body .main-container .row section .region-content .ckeditor-accordion-container dl dd.active {
  padding-bottom: 20px;
  background-color: #F6F6F6;
}
html body .main-container .row section #block-views-block-programs-block-1 .ui-accordion .views-accordion-header.ui-state-active .field-content {
  color: #4d4d4d;
}
html body .main-container .row section #block-views-block-programs-block-1 .ui-accordion .views-accordion-header .field-content:hover {
  color: #4d4d4d;
}
html body .main-container .row section #block-views-block-programs-block-1 .ui-accordion .views-accordion-header .field-content:before {
  position: relative;
}
html body .main-container .row section .ui-widget {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
html body .main-container .row section .ui-accordion .views-accordion-header {
  border: 0px !important;
  background: #e6e6e6;
  min-height: 40px;
  height: fit-content !important;
  color: #4d4d4d;
}
@media screen and (max-width: 425px) {
  html body .main-container .row section .ui-accordion .views-accordion-header {
    min-height: 60px;
  }
}
html body .main-container .row section .ui-accordion .views-accordion-header .ui-icon {
  display: none;
}
html body .main-container .row section .ui-accordion .views-accordion-header .field-content {
  padding-top: 3px;
}
html body .main-container .row section .ui-accordion .views-accordion-header .field-content:hover {
  color: #FA9800;
}
html body .main-container .row section .ui-accordion .views-accordion-header .field-content:before {
  color: #2b2b2b;
  font-family: "Font Awesome 5 Pro";
  content: '\f078';
  font-weight: 400;
  position: absolute;
}
html body .main-container .row section .ui-accordion .views-accordion-header .field-content .license-title {
  padding-left: 20px;
  display: block;
}
html body .main-container .row section .ui-accordion .views-accordion-header .field-content .license-fee {
  display: block;
}
html body .main-container .row section .ui-accordion .views-accordion-header .field-content .accordion-header-left {
  margin-left: 30px;
  height: 30px;
  display: inline-block;
  width: 85%;
}
@media screen and (max-width: 991px) {
  html body .main-container .row section .ui-accordion .views-accordion-header .field-content .accordion-header-left {
    width: 80%;
  }
}
@media screen and (max-width: 600px) {
  html body .main-container .row section .ui-accordion .views-accordion-header .field-content .accordion-header-left {
    width: 63%;
  }
}
@media screen and (max-width: 425px) {
  html body .main-container .row section .ui-accordion .views-accordion-header .field-content .accordion-header-left {
    width: 60%;
  }
}
html body .main-container .row section .ui-accordion .views-accordion-header .field-content .accordion-header-left:hover {
  color: #FA9800;
}
html body .main-container .row section .ui-accordion .views-accordion-header .field-content .accordion-header-right {
  display: inline-block;
}
html body .main-container .row section .ui-accordion .views-accordion-header.ui-state-active {
  color: #2b2b2b;
}
html body .main-container .row section .ui-accordion .views-accordion-header.ui-state-active a {
  color: #2b2b2b;
}
html body .main-container .row section .ui-accordion .views-accordion-header.ui-state-active .field-content {
  color: #0071BC;
}
html body .main-container .row section .ui-accordion .views-accordion-header.ui-state-active .field-content:before {
  content: '\f077';
}
html body .main-container .row section .ui-accordion .views-accordion-header .pull-right {
  text-align: right;
}
html body .main-container .row section .ui-accordion .ui-accordion-content {
  height: fit-content !important;
}
html body .main-container .row section .ui-accordion .ui-accordion-content a {
  color: #0067c4;
}
html body .main-container .row section .ui-accordion .ui-accordion-content a:hover {
  color: #164A7C;
  text-decoration: underline;
}
html body .main-container .row section .ui-accordion .ui-accordion-content a:visited {
  color: #164A7C;
  text-decoration: none;
}
html body .main-container .row section .ui-accordion .ui-accordion-content .panel-body-inner .leftcol {
  width: 74%;
  display: inline-block;
}
html body .main-container .row section .ui-accordion .ui-accordion-content .panel-body-inner .rightcol {
  width: 24%;
  display: inline-block;
  vertical-align: top;
}