/*
 Theme Name:   Catch Responsive - Self Defence
 Theme URI:    https://www.successexcellence.com.au
 Description:  Catch Responsive - Self Defence
 Author:       Phillip Thomas - Success Excellence Pty Ltd
 Author URI:   https://www.successexcellence.com.au
 Template:     catch-responsive
 Version:      1.0.0
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  catch-responsive-selfdefence
*/

/* Theme customization starts here
-------------------------------------------------------------- */

/*
 *    Global
 */
body {
  background-color: #ffffff;
  color: #535353;
  font-family: "Comfortaa", sans-serif;
  font-size: 1.2;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Comfortaa", sans-serif !important;
}
/* Increase contrast of links to improve accessibility score */
a {
  color: #3851a2;
}
/*
 *    Header Area
 */
#masthead {
  padding: 0;
  margin: 20px 0 0;
}
/* Increase contrast of search field to improve accessibility score */
#masthead .search-field {
  color: #535353;
}

.site-title {
  font-family: "Comfortaa", sans-serif !important;
  font-weight: 900;
}
.site-description {
  font-size: larger;
  font-weight: bold;
}
.logo-right {
  padding: 5px 0px 5px 0px;
}

/*
 *    Main Menu Area
 */
.nav-primary {
  background-color: #3851a3;
}

/*
 *    Featured Slider Area on the home screen
 */
#feature-slider {
  padding-bottom: 0;
  padding-top: 25%;
}
#feature-slider .wrapper {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

#feature-slider .entry-title {
  padding-bottom: 15px;
}
#feature-slider .entry-container {
  left: 30%;
  width: 40%;
}

#feature-slider div.entry-content {
  display: none;
}

/*
 *    Marketing Overlays (over the featured slider on the home screen
 */
img.splat {
  max-width: 30%;
  position: absolute;
  z-index: 250;
  max-height: 90%;
  top: 5%;
  right: 0px;
  -webkit-filter: drop-shadow(5px 5px 5px #222);
  filter: drop-shadow(5px 5px 5px #222);
}

/* Home page */
.featured-page-content {
  margin-bottom: 0;
}

/* Promotion Bar on home page */
#promotion-message {
  background-color: #3851a3;
  border-top: none;
  border-bottom: none;
}
#promotion-message .wrapper {
  padding: 0;
}
#promotion-message .columns {
  padding: 10px;
}
#promotion-message .left {
  color: #fff;
  font-weight: bold;
  margin-top: 5px;
}
#promotion-message .right .promotion-button {
  background-color: #c0c0c0;
  color: #000;
  border: 1px solid #000;
  margin-top: 0;
  padding: 2px 10px;
}
#promotion-message .right .promotion-button:hover {
  background-color: #ed1e24;
  color: #fff;
  border: 1px solid #eee;
}

.wp-block-button__link {
  font-family: inherit !important;
  font-size: 115% !important;
}

/*
 *  Front page and ladies self defence - Strong Testamonials modifications
 */
.wpmtst-testimonial-content h1 {
  font-size: 85%;
}
.wpmtst-testimonial-content p {
  font-size: 75%;
}

/*
 *    Footer Area
 */
#footer-content {
  color: #404040;
}
.affiliation {
  width: 33%;
  float: left;
}

input[type="submit"]:hover,
input[type="submit"]:focus {
  background-color: #ed1e24;
  border-color: #ed1e24;
  box-shadow: none;
  color: #fff;
}
input[type="submit"] {
  background: #3851a3;
  color: #fff;
}

/*
 *  Tables
 */
.wp-block-table th,
.wp-block-table td {
  padding: 0.4em;
}

/*
 *  Application form
 */

.app-form-list-item span.wpcf7-list-item {
  display: block;
  margin-left: 0;
}
.app-form-signature-row {
  margin-top: 10px;
  margin-bottom: 10px;
}
/*.app-form span.wpcf7-list-item {
  margin: 0;
}
*/
.app-form h3 {
  margin-top: 15px;
  background-color: black;
  color: white;
  padding: 2px;
  font-size: 18px;
}
.app-form h4 {
  font-size: 18px;
}
.app-form input {
  margin-bottom: 4px;
}
.app-form input[type="date"],
input[type="tel"] {
  border: 1px solid #ccc;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  padding: 5px 10px;
}
.app-form input[type="submit"] {
  margin-top: 10px;
}

/*
 *  About Page
 */

.profile-picture > figure > figcaption {
  padding: 0px !important;
}

figure > figcaption {
  padding: 0px !important;
}

/*
 *  App Page
 */

.aligncenter {
  margin: 0 auto !important;
}

/*
 *  "Free" Landing Page
 */

body.page-free.custom-background,
body.page-free div.wrapper,
body.page-free-thank-you.custom-background,
body.page-free-thank-you div.wrapper {
  background: #000000;
  color: #fff;
}
body.page-free header#masthead,
body.page-free nav,
body.page-free footer,
body.page-free-thank-you header#masthead,
body.page-free-thank-you nav,
body.page-free-thank-you footer {
  display: none;
}
body.page-free h1.entry-title,
body.page-free-thank-you h1.entry-title {
  display: none;
}
body.page-free p {
  margin-bottom: 0;
}
body.page-free .extra-space,
body.page-free-thank-you .extra-space {
  margin-bottom: 6px;
  margin-top: 6px;
}
body.page-free .gtranslate_wrapper,
body.page-free-thank-you .gtranslate_wrapper {
  display: none;
}
body.page-free #chatbox,
body.page-free-thank-you #chatbox {
  display: none;
}
body.page-free #chatbot-proactive-bubble,
body.page-free-thank-you #chatbot-proactive-bubble {
  display: none;
}
body.page-free #chatbot-container,
body.page-free-thank-you #chatbot-container {
  display: none;
}
body.page-free-thank-you img {
  width: 80px;
  height: auto;
  border-radius: 4px;
}
body.page-free-thank-you .wp-block-media-text__content {
  padding: 0;
}
body.page-free-thank-you a {
  color: inherit;
  text-decoration: none !important;
}

body.page-free .wpcf7-form {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 5px;
  align-items: center;
  max-width: 450px;
  margin-top: 6px;
  margin-left: auto;
  margin-right: auto;
}
body.page-free .wpcf7-submit {
  grid-column: 1 / span 2; /* Forces button to span column 1 and 2 */
  justify-self: center; /* Centers the button within that span */
  font-family: inherit;
}
body.page-free div.wpcf7-turnstile {
  grid-column: 1 / span 2; /* Forces Turnstile to span column 1 and 2 */
  justify-self: center;
  zoom: 0.5;
}
/*
 * Responsive changes for mobiles
 */

@media screen and (max-width: 480px) {
  section.widget_search {
    display: none;
  }
  section.widget_catchresponsive_social_icons {
    width: 75%;
    text-align: left;
    padding-left: 32px;
    padding-bottom: 6px;
  }
  h2.entry-title {
    font-size: 75%;
  }
  #feature-slider .entry-container {
    left: 0%;
    width: 100%;
    position: absolute;
    padding: 2px;
  }
  .cycle-pager {
    display: none;
  }
  .entry-container {
    padding: 0px;
  }
  #feature-slider .entry-title {
    padding-bottom: 0px;
  }
  .featured-page-content .hentry {
    margin-bottom: 0px;
  }
  #content.wrapper {
    padding: 0px;
  }
  .hentry {
    padding: 0px;
  }
  #featured-content.layout-four {
    padding: 0px;
  }
  .logo-right #site-header {
    padding-top: 0px;
  }
  aside.sidebar-header-right {
    margin: -6px auto 6px 32px;
  }
  h1.entry-title {
    margin: 0px;
  }
  div.wpmtst-testimonial-content > p {
    font-size: 0.9em;
  }
  div.wpmtst-testimonial-content > h3 {
    font-size: 1.1em;
  }
  div.wpmtst-testimonial-content::before {
    width: 18px;
  }
  .strong-view.wpmtst-modern .wpmtst-testimonial-content:before,
  .strong-view.wpmtst-modern .wpmtst-testimonial-content:after {
    width: 18px !important;
    height: 18px !important;
  }
  div.testimonial-name {
    font-size: 0.8em;
  }
  body.page-free p.has-huge-font-size,
  body.page-free-thank-you p.has-huge-font-size {
    font-size: 20px;
  }
  body.page-free p.has-large-font-size,
  body.page-free-thank-you p.has-large-font-size {
    font-size: 16px !important;
  }
}

@media screen and (max-width: 430px) {
  body.page-free div.site,
  body.page-free-thank-you div.site {
    width: 100%;
    margin: 0 auto;
  }
  body.page-free .wpcf7-form {
    grid-template-columns: 1fr;
    gap: 0;
  }
  body.page-free .wpcf7-form label,
  body.page-free .wpcf7-form .wpcf7-form-control-wrap,
  body.page-free .wpcf7-submit, body.page-free div.wpcf7-turnstile {
    grid-column: 1; /* Force everything into the single column */
    text-align: left;
    margin-top: 5px;
  }
  body.page-free .wpcf7-form label {
    margin-top: 5px;
  }
  body.page-free .wpcf7-text,
  body.page-free .wpcf7-email,
  body.page-free .wpcf7-tel {
    width: 100%;
  }
}