/* KPS Base CSS additions for the Wright Template */
/* Park Hydraulics Customisations */

/* COLOURS 
Parks Logo Blue #195a97
Wagma Logo Green #259020
Aqua: #1FB5B2 - not contrasting enough for lighthouse
*/

#grid-bottom3 .row {
  display: flex;
  margin: 10px 0 !important;
}
#grid-bottom3 [class*="span"] {
  margin: auto !important;
}
.question.cta-button {
  float: none;
  width: 90%;
  margin: auto !important;
  padding: 10px 20px;
}

a.question:hover {
  text-decoration: none;
}

/* Navbar Mods*/
/* Hide navbar text shadow */
.navbar .nav > li > a {
  text-shadow: none !important;
}
.navbar-inner {
  background-color: #259020 !important;
}
.navbar-inner {
  min-height: 40px;
  padding-left: 20px;
  padding-right: 20px;
  border: 0px solid #d4d4d4;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 4px;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
  *zoom: 1;
}
.navbar .nav > li > a {
  float: none;
  padding: 10px 15px 10px;
  color: #eee;
  text-decoration: none;
  text-shadow: 0 1px 0 #fff;
}
.navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus {
  color: #555;
  text-decoration: none;
  background-color: rgb(255 255 255 / 41%);
  -webkit-box-shadow: inset 0 3px 8px #f5f5f5;
  -moz-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 8px rgb(0 0 0 / 13%);
}
.navbar .nav > li.dropdown.open > .dropdown-toggle, .navbar .nav > li.dropdown.active > .dropdown-toggle, .navbar .nav > li.dropdown.open.active > .dropdown-toggle {
  background-color: rgb(255 255 255 / 41%);
  color: #555;
}
div#grid-top2 {
  margin-top: 20px !important;
}
.carousel-control.right, .carousel-control.left, .carousel-indicators {
  display: none;
}
.carousel-caption {
  background: #000099 !important;
  background: rgba(0, 0, 153, 0.75) !important;
}
.carousel-caption h4, .carousel-caption p, .carousel-caption h4 a {
  letter-spacing: 1.1em;
}
.jss-slider .jss-navigation .jss-navigation-buttons .owl-prev, .jss-slider .jss-navigation .jss-navigation-buttons .owl-next {
  width: 20px !important;
  height: 20px !important;
}
.jss-slider .jss-navigation .jss-navigation-buttons [class*='owl-'] {
  top: 146px;
}
/* base build overrides */
#footer {
  color: #000;
  overflow: hidden;
  background-color: #ddd;
  background-repeat: repeat-x;
  border-color: #252525;
}
a {
  color: #195a97;
  text-decoration: none;
}
.carousel-caption {
  background: #247ed3 !important;
}
.navbar-inner {
  background-color: transparent !important;
}
.navbar .nav > li > a {
  color: #000 !important;
  text-decoration: none;
}
.btn-primary {
  background-color: #195a97 !important;
}
.cta-button {
  background: #195a97;
  border: 0;
  border-radius: 8px;
  color: #fff;
  display: block;
  font-size: 14px;
  font-weight: bold;
  line-height: 18px;
  margin: 0 0 5px 0;
  padding: 10 0;
  width: 90%;
}
.cta-button {
  float: left;
  margin: 0 0% 0 0;
  padding: 12px 0;
}
div#ctl00class\= {
  padding: 12px 0;
}
.module.last.mod_0.no_title.span4 {
  margin-left: 0px;
}
/* KPS Style Fixes */
/* Sticky Footer - breaks if JCH on due to inline style triggered by JS */
footer.sticky {
  bottom: 0px;
  position: absolute;
  z-index: 1000;
}
/* Fluid Width Responsive Video https://css-tricks.com/NetMag/FluidWidthVideo/Article-FluidWidthVideo.php */
.videoWrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  padding-top: 0;
  height: 0;
}
.videoWrapper iframe, .videoWrapper object, .videoWrapper embed, .videoWrapper .fb-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

sub, sup {
	line-height: inherit;
}
/* Desktop Styles */
@media (min-width: 797px) {
  header.p-t-1.m-b-1 {
    background: #F0F1F2;
    margin: 0 calc(-1 * ((100vw - 1170px) / 2)) !important;
    padding: 20px calc((100vw - 1170px - 40px) / 2) !important;
  }
  .wrapper-menu {
    background: #F0F1F2 !important;
    margin: 0 calc(-1 * ((100vw - 1170px) / 2)) !important;
    width: 100vw;
    padding: 0 calc((100vw - 1170px - 40px) / 2) !important; /* Screen width minus container width minus menu margin */
  }
  .navbar-inner {
    width: 1170px;
  }
  .navbar {
    margin-bottom: 0 !important;
  }
  #featured {
    background: #ffd11a !important;
    margin: 0 calc(-1 * ((100vw - 1170px) / 2)) !important;
    width: 100vw;
    padding: 0 calc((100vw - 1170px) / 2) !important; /* Screen width minus container width */
  }
  #featured .moduletable {
    width: 1170px;
  }
  .klauke #featured {
    background: #134494 !important;
    margin: 0 calc(-1 * ((100vw - 1170px) / 2)) !important;
    width: 100vw;
    padding: 0 calc((100vw - 1170px) / 2) !important; /* Screen width minus container width */
  }
  .klauke #featured .moduletable {
    width: 1170px;
  }
}
.jss-title-description.jss-alignment-left {
  margin-top: 100px !important;
}
/* Mobile Styles */
@media (max-width: 797px) {
  /* Center header and footer on mobile */
  #logo .custom {
    text-align: center;
  }
  #footer .custom {
    text-align: center;
  }
  #grid-bottom3 {
    height: 162px !important;
    margin-bottom: 20px;
    text-align: center;
  }
  #grid-bottom3 .cta-button {
    width: 100%;
    margin-bottom: 20px;
  }
  #grid-bottom3 .row {
    flex-direction: column;
  }
  ul.menu.nav {
    background-color: #d4d4d4;
}
}
/* Hide recaptcha */
.grecaptcha-badge {
  animation: recatpchahide 2s 1;
  animation-delay: 5s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  z-index: 100;
}
@keyframes recatpchahide {
  0% {
    margin-right: 0px;
  }
  100% {
    margin-right: -100px;
  }
}
/*   Table Stuff */
table#EPK {}
table#EPK tr {
  width: 90%;
  border-bottom: 1px solid #7c7c7c;
}
table#EPK td {
  width: 50%;
}
@media only screen and (max-width: 480px) {
  #templateColumns {
    width: 100% !important;
  }
  .templateColumnContainer {
    display: block !important;
    width: 100% !important;
  }
  .columnImage {
    height: auto !important;
    max-width: 480px !important;
    width: 100% !important;
  }
  .leftColumnContent {
    font-size: 16px !important;
    line-height: 125% !important;
  }
  .rightColumnContent {
    font-size: 16px !important;
    line-height: 125% !important;
  }
}
td.leftColumnContent, td.rightColumnContent {
  border-bottom: 1px solid #7c7c7c;
}
/*flex tables  */
.flex-table {
  display: flex;
  flex-direction: column;
  border: 0px solid #ccc;
  background: #fff;
}
.flex-table thead {
  color: #fff;
  background: #009485;
}
.flex-table thead tr, .flex-table tbody tr {
  display: flex;
}
.flex-table tbody tr + tr {
  border-top: 1px solid #ccc;
}
.flex-table thead tr th, .flex-table tbody tr td {
  display: flex;
  flex: 1;
  padding: .5em;
}
@media screen and (max-width: 640px) {
  .flex-table {
    border: 0;
  }
  .flex-table thead {
    display: none;
  }
  .flex-table tbody tr {
    flex-direction: column;
    margin: 1em;
    border: 1px solid #ccc;
  }
  .flex-table tbody tr td {
    flex-direction: column;
    display: initial !important;
  }
  .flex-table tbody tr td + td {
    border-top: 1px solid #ccc;
  }
    .flex-table tbody tr td:first-of-type {
        padding: .5em .5em 0 .5em;
    }
  .flex-table tbody tr td:first-of-type:before {
    display: flex;
    align-items: center;
    margin: -.5em -.5em .75em -.5em;
    padding: .5em .5em 0 .5em;
    content: attr(data-label);
    color: #000;
    background: #009485;
  }
  .flex-table tbody tr td:nth-of-type(2) {
        font-weight: bold;
        border-top: none;
    }
    
    .nav-collapse#nav-menu .nav > li.dropdown .dropdown-toggle .caret::after, .nav-collapse#nav-toolbar .nav > li.dropdown .dropdown-toggle .caret::after, .nav-collapse#nav-bottom-menu .nav > li.dropdown .dropdown-toggle .caret::after {
        font-size: 16px;
        color: #195A97;
    }
    
} /* End Mobile classes */

.flex-fixhead-table tbody {
  overflow: auto;
  height: 50vh;
}
.klauke .jss-title-description.jss-alignment-left {
  margin-top: 10px !important;
}
.navbar .btn-navbar  {
    background-color: #f9f9f9;
}