/* Search */
@media (min-width: 40em) {

  .my-profile a {
    text-indent: -99999px;
    font-size: 0;
    color: transparent;
    width: 69px;
    height: 18px;
    background-image: url(../img/myCentral.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    margin-top: 10px;
  }
}

@media (max-width: 640px) {
  .my-profile a {
    text-indent: -99999px;
    font-size: 0;
    color: transparent;
    width: 100%;
    height: 38px;
    background-image: url(../img/myCentral.png);
    background-size: 69px 18px;
    background-position: 15px center;
    background-repeat: no-repeat;
  }

  .search--global form div input#edit-search {
    background-color: transparent;
    margin-left: 20px;
  }

  .nav--utility .nav--utility__menu .search--global form {
    padding-left: 0px;
  }
}

.nav--utility .search--global form {
  position: relative;
  padding-left: 15px;
}

.nav--utility .search--global form > div {
  color: #cecece;
  background-color: #efefef;
  border-bottom: 1px solid #777;
}

.nav--utility .search--global form:before {
  position: absolute;
  content: "";
  top: 60%;
  left: 0;
  -ms-transform: translate(0, -50%); /* IE 9 */
  -webkit-transform: translate(0, -50%); /* Chrome, Safari, Opera */
  transform: translate(0, -50%);
  height: 60%;
  width: 1px;
  background-color: #cecece;
}

.nav--utility .search--global form input[type=text] {
  color: #333;
  padding: 9px 0 0;
}

.nav--utility .search--global form input[type=text]::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #777;
}

.nav--utility .search--global form input[type=text]::-moz-placeholder { /* Firefox 19+ */
  color: #777;
}

.nav--utility .search--global form input[type=text]:-ms-input-placeholder { /* IE 10+ */
  color: #777;
}

.nav--utility .search--global form input[type=text]:-moz-placeholder { /* Firefox 18- */
  color: #777;
}

.nav--utility .search--global form input[type=text]:hover,
.nav--utility .search--global form input[type=text]:focus,
.nav--utility .search--global form input[type=text]:active {
    background-color: #efefef;
}

.nav--utility .search--global form .form-submit {
    padding: 7px;
}

/* Main navigation */
@media (min-width: 40em) {

  .nav--primary ul {
    width: 100%;
    min-height: 60px;
    height: 60px;
  }

  .nav--primary li {
    position: relative;
    width: 50%;
    min-height: 60px;
    padding: 0;
  }

  .nav--primary ul li a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    min-height: 60px;
    padding: 12px 20px 0 0;
  }

  .nav--primary ul li:first-child a {
    padding-left: 0;
  }

  .nav--primary ul li:last-child:before {
    position: absolute;
    content: "";
    top: 50%;
    left: 0;
    height: 80%;
    width: 1px;
    background-color: #cecece;

    -ms-transform: translate(0, -50%); /* IE 9 */
    -webkit-transform: translate(0, -50%); /* Chrome, Safari, Opera */
    transform: translate(0, -50%);
  }

  .nav--primary ul li:last-child a {
    padding-left: 18px;
  }
}


/* Central notification */
.banner--section {
    position: relative;
    overflow: hidden;
}

.banner--alert {
    background-color: #efefef;
    color: #333;
    text-align: left;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: background 1s ease-in-out 1.2s,color 1.3s ease-in-out 1.3s,-webkit-transform .6s ease-in-out;
    transition: background 1s ease-in-out 1.2s,color 1s ease-in-out 1.3s,-webkit-transform .6s ease-in-out;
    transition: transform .6s ease-in-out,background 1s ease-in-out 1.2s,color 1.3s ease-in-out 1.3s;
    transition: transform .6s ease-in-out,background 1s ease-in-out 1.2s,color 1.3s ease-in-out 1.3s,-webkit-transform .6s ease-in-out;
}

.banner--alert .announcement-icon {
    display: block;
    float: left;
    margin: 2px 20px 2px 0px;
    width: 25px;
    height: 20px;
    background: url(../svg/announcement.svg);
    background-size: 25px 20px;
    -webkit-transition: all 1s ease-in-out 1.2s,-webkit-transform .6s ease-in-out;
    transition: all 1s ease-in-out 1.2s,-webkit-transform .6s ease-in-out;
    transition: transform .6s ease-in-out,all 1s ease-in-out 1.2s;
    transition: transform .6s ease-in-out,all 1s ease-in-out 1.2s,-webkit-transform .6s ease-in-out;
}

.banner--alert p {
    font-size: .875em;
}

.banner--alert a {
    -webkit-transition: background 1s ease-in-out 1.2s,color 1.3s ease-in-out 1.3s,-webkit-transform .6s ease-in-out;
    transition: background 1s ease-in-out 1.2s,color 1s ease-in-out 1.3s,-webkit-transform .6s ease-in-out;
    transition: transform .6s ease-in-out,background 1s ease-in-out 1.2s,color 1.3s ease-in-out 1.3s;
    transition: transform .6s ease-in-out,background 1s ease-in-out 1.2s,color 1.3s ease-in-out 1.3s,-webkit-transform .6s ease-in-out;
}

.banner--alert_animation {
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
}

.banner--alert_hide {
    background: #ea1e06;
    color: #fff;
}

.banner--alert_hide a {
    color: #fff;
}

.banner--alert_hide .announcement-icon {
    background: url(../svg/announcement_white.svg);
    background-size: 25px 20px;
}

/* Carousel */
.carousel--simple {
  position: relative;
}

.carousel-header-wrapper {
  position: absolute;
  z-index: 51; /* carousel-item has z-index: 50 on active mode*/

  top: 50%;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);

  width: 100%;
  padding: 20px 40px;

  text-align: left;
  text-transform: uppercase;

  color: #fff;
  font-weight: 400;
  font-family: fogerty--solid,sans-serif;
}

@media screen and (max-width: 480px) {
 .carousel-header-wrapper {
    top: 40%;
  }
}

.carousel-header {
  margin-bottom: 20px;

  font-size: 3em;
  line-height: 1em;
}

@media screen and (max-width: 950px) {
 .carousel-header {
    font-size: 2em;
  }
}

@media screen and (max-width: 480px) {
 .carousel-header {
    margin-bottom: 0.8em;
    font-size: 1.3em !important;
  }
}

.carousel-header p {
  font-size: 1em;
  line-height: 1em;
}

.carousel-header hr {
  color: #fff;
}

.carousel-subheader {
  font-size: 2em;
  line-height: 1em;
}

@media screen and (max-width: 950px) {
 .carousel-subheader {
    font-size: 1em;
  }
}


@media screen and (max-width: 650px) {
 .carousel-subheader {
    font-size: 1em;
  }
}

@media screen and (max-width: 480px) {
 .carousel-subheader {
    font-size: 0.8em;
  }
}

/* Main navigation */
#main-nav-wrapper {
  position: relative;
}

#main-nav-wrapper .main-nav {
  position: static;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  /*z-index: 52;*/
  display: block;
}

#main-nav-wrapper .carousel--simple + .main-nav {
  position: absolute;
}

#main-nav-wrapper .main-nav .theme-header {
    height: 100%;
    display: block;
}

/* Testimonials */
.listing--small .listing--small__items blockquote p {
    font-size: 0.875em;
    line-height: 1.5em;
}

/* Rewrite nano style */
@media screen and (max-width: 640px) {
 .nano {
    height: 350px;
  }
}

.nano-content {
    padding: 40px;
}

.nano-content .half ul h2 {
  color: white;
}

.nano-content .half ul li ~ h2 {
  margin-top: 40px;
}

.nano > .nano-pane {
    width: 2px;
    right: 25px;
    top: 40px;
    bottom: 40px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    overflow: hidden;
    background-color: #5a5a5a;
}

.nano > .nano-pane > .nano-slider {
    background: #fff;
    margin: 0;
    -moz-border-radius:3px;
    -webkit-border-radius: 0;
    border-radius:0;
}

/* Footer */
.nav--link-list__small a,
.nav--link-list__tiny a,
.nav--secondary__menu a {
    font-size: .875em;
}

.node-type-landing-page .grid-container[itemscope] > * { width: auto; padding: 0; }
.node-type-landing-page .grid-container[itemscope] .grid--narrow { width: 100%; }
.node-type-landing-page .grid-container[itemscope] .grid--narrow .social-links li { display: inline-block; }

/*Fixes unresponsive table elements with inline width*/
@media (max-width: 893px) {
  .page-node-5077 .field-item.even table {
    width: 100% !important;
  }
}

.con_logo img, .con_logo a {
  float: initial !important;
}

.con_logo img {
  display: inline-block;
  vertical-align: top;
}

.con_logo a img {
  margin-right: 0.5cm;
}

.accordion__content .nano-content ul h2 {
  font-size: 1em;
  margin-bottom: .5em;
}

.accordion__content .nano-content ul li {
  margin-bottom: 2px;
}

.carousel-header, .carousel-subheader {
  max-width: 50%;
}

div.testimonial-wrap {
  display: inline-block;
  background-color: #efefef;
  /* white-space: initial; */
  /* overflow: hidden; */
  max-width: 100%;
  /* text-overflow: ellipsis; */
  overflow-wrap: break-word;
  padding: 20px;
}

.accordion__content, .grid--standard .rte {
  margin-bottom: 0;
}

.listing--small {
  padding-top: 0 !important;
}

div.testimonial-wrap img {
 width: 100%;
  float: none;
}

div.testimonial-wrap p {
  font-size: 0.875em;
}

div.testimonial-wrap blockquote {
  margin-top: 15px;
}

div.testimonial-wrap blockquote > p:after,
div.testimonial-wrap blockquote > p:before {
  content: '';
  display: block;
  width: 29px;
  height: 21px;
}

div.testimonial-wrap blockquote > p:before {
  background-image: url('../img/quote_top.png');
  margin-bottom: 10px;
}

div.testimonial-wrap blockquote > p:after {
  background-image: url('../img/quote_bottom.png');
  margin-left: auto;
  margin-top: 10px;
}

.accordion--rich .accordion__content blockquote>p:before, .blockquote>p:before,
.accordion--rich .accordion__content blockquote>p:before, .blockquote>p:after {
  color: #ea1e06;
}

.accordion--rich .accordion__content blockquote>p:before, .blockquote>p:after {
  vertical-align: -22px;
}

.node-type-course .media-header {
  margin-bottom: 0;
}

.node-type-course .media-header .media-header__banner .media-header__image{
  display: none;
}

.node-type-course .carousel--primary {
  position: relative;
  max-width: 64em;
  margin: 0 auto 2em auto;
}

.node-type-course .carousel--primary .bx-viewport {
  height: auto !important;
}

.node-type-course .carousel--primary .bx-viewport .carousel--primary__slide img {
  width: 100%;
}

/*.node-type-course .carousel--primary .carousel--primary__thumb-slides {*/
  /*position: absolute;*/
  /*bottom: 10px;*/
  /*right: 40px;*/
/*}*/

/*.node-type-course .carousel--primary .carousel--primary__thumb-slides .bx-wrapper .bx-viewport {*/
  /*display: none;*/
/*}*/

/*.node-type-course .carousel--primary .carousel--primary__thumb-slides .bx-wrapper .bx-controls {*/
  /*height: 30px;*/
/*}*/

@media all and (min-width: 40em) {
  .node-type-course .carousel--primary {
    padding:0 30px
  }
}

.clearfix::after {
  content: "";
  clear: both;
  display: table;
}

#course-details {
  display: flex;
  flex-wrap: wrap;
  padding: 20px 20px 5px 20px;
  background-color: #efefef;
  margin-bottom: 25px;
}

#course-details .half {
  width: calc(50% - 25px);
  margin: 0 25px 15px 0;
}

@media (max-width: 420px) {
  #course-details .half {
    width: 100%;
  }
}

#course-title {
  position: relative;
  margin-top: 50px;
}

#course-title h1 {
  position: absolute;
  z-index: 1;
  top: -32px;
  color: #fff;
  display: inline-block;
  line-height: 1.2;
  padding: 10px 20px;
  background-color: #ea1e06;
  max-width: 75%;
}

.carousel--primary__slide:first-child img {
  width: 100%;
}

.listing--small__items li:first-child {
  border-bottom: none;
}

.carousel--simple .wrapper {
  position: relative;
}

.carousel--simple .bx-controls {
  width: 100%;
  max-width: 964px;
}

.carousel--simple .bx-controls .bx-controls-direction a {
  position: absolute;
  background-color: #ea1e06;
  width: 30px;
  height: 45px;
  color: transparent;
  top: 50%;
  transform: translateY(-50%);
  z-index: 100;
}

.carousel--simple .bx-controls .bx-controls-direction .bx-next {
  right: 30px;
}

@media all and (max-width: 639px) {
  .carousel--simple .bx-controls .bx-controls-direction .bx-next {
    right: 0;
  }
}

.carousel--simple .bx-controls .bx-controls-direction a:after {
  font-family: central!important;
  font-style: normal!important;
  font-weight: 400!important;
  font-variant: normal!important;
  text-transform: none!important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: 'l';
  font-size: 1.25em;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -10px;
  margin-left: -5px;
  color: white;
}

.carousel--simple .bx-controls .bx-controls-direction .bx-next:after {
  content: 'r';
}

#home-tiles {
  display: flex;
  flex-wrap: wrap;
}

#home-tiles li:hover h3 {
  color: #D63722;
  transition: color .2s ease-out;
}

#home-tiles li a{
  color: #353535;
}

#home-tiles li .img-wrap {
  height: 180px;
  position: relative;
  overflow: hidden;
  margin-bottom: 10px;
}

#home-tiles li .img-wrap img {
  min-width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

#views-exposed-form-course-finder-page .filter--course{
  display: flex;
  margin-bottom: 25px;
  background-color: #EFEFEF;
  border-bottom: 2px solid #D63722;
  padding: 20px;
}
#views-exposed-form-course-finder-page .filter--course .form-actions--inline{
  align-self: flex-end;
  margin: 0 20px;
}

#views-exposed-form-course-finder-page .field-wrapper {
  padding: 0;
  margin: 0 10px 0 0;
}

#views-exposed-form-course-finder-page .views-reset-button {
  display: none;
}

@media (min-width: 861px) {
  #home-tiles li {
    width: calc(99.99% * 1/3 - 13.33px);
    margin: 0 20px 25px 0;
  }

  #home-tiles li:nth-child(3n) {
    margin-right: 0;
  }
}

@media (max-width: 860px) {
  #home-tiles li {
    width: calc(99.99% * 1/2 - 10px);
    margin: 0 20px 25px 0;
  }

  #home-tiles li:nth-child(2n) {
    margin-right: 0;
  }
}

@media (max-width: 420px) {
  #home-tiles li {
    width: 95%;
    margin: 0 auto 25px auto !important;
  }

  #views-exposed-form-course-finder-page .filter--course{
    flex-wrap: wrap;
  }

  #views-exposed-form-course-finder-page .field-wrapper {
    width: 100%;
    margin-bottom: 15px;
  }

  #views-exposed-form-course-finder-page .filter--course .form-actions--inline{
    margin: 0;
  }
}