/**
 * LSX Starter Child styles
 *
 * @package 	mar-lsx-child
 */

/*

T A B L E   O F   C O N T E N T S
........................................................................

01. Global Styles
02. Post Template
03. Archive Page
04. "Tuis" Page
05. "Berigte" Page
06. "Skryf in" Page
07. "Pryse" Page
08. "Reëls" Page
09. "Kontak ons" Page
10. "Anele Mkuzo – Rising Star 20177" Post
11. "Mandtjie" Page
12. "Betaalpunt" Page
13. "Algemene vrae" Page
14. "My rekening" Page
15. "My inskrywing" Page

*/

/*-----------------------------------------------*/
/*  Global Styles                                */
/*-----------------------------------------------*/


body .role .archive-header-wrapper header {
  background-image: url("../img/Background2026A.jpg");
  background-size: cover;
  background-attachment: scroll;
  height: 230px;
}

body .role .archive-header-wrapper header {
  background-image: url("../img/Background2026A.jpg");
  background-size: cover;
  background-attachment: scroll;
  height: 230px;
}

.single .lsx-hero-banner-block{
  background-image: url("../img/Background2026A.jpg");
  background-size: cover;
  background-attachment: scroll;
}



.single .post-top h4{color:#164b56 !important;margin-bottom:4px;font-weight:700;}
.single .post-top p{font-size:16px!important;}

.fa.red{color: #3aa090;}
/*Archive Header Fixes */

.wpforms-field input, .wpforms-field-container select, .wpforms-field-container textarea, .form-control, .gform_wrapper input[type="email"], .gform_wrapper input[type="date"], .gform_wrapper input[type="datetime"], .gform_wrapper input[type="datetime-local"], .gform_wrapper input[type="month"], .gform_wrapper input[type="number"], .gform_wrapper input[type="password"], .gform_wrapper input[type="search"], .gform_wrapper input[type="tel"], .gform_wrapper input[type="text"], .gform_wrapper input[type="time"], .gform_wrapper input[type="week"], .gform_wrapper input[type="url"], .gform_wrapper select, .gform_wrapper textarea, .gform_wrapper input[type="email"], .gform_wrapper input[type="date"], .gform_wrapper input[type="datetime"], .gform_wrapper input[type="datetime-local"], .gform_wrapper input[type="month"], .gform_wrapper input[type="number"], .gform_wrapper input[type="password"], .gform_wrapper input[type="search"], .gform_wrapper input[type="tel"], .gform_wrapper input[type="text"], .gform_wrapper input[type="time"], .gform_wrapper input[type="week"], .gform_wrapper input[type="url"], .gform_wrapper select, .gform_wrapper textarea{color: #000!important;
  background-color: white;
  background-image: none;
  border: 2px solid #0a8883!important;
  border-radius: 2px;}

  .lsx-block-accordion {
    margin-bottom: 2em;
    background: #f6f6f6;
    border: 2px solid #3aa090!important;
    border-radius: 3px;
    color: #000!important;}

    .lsx-block-accordion details summary:hover {
      background-color: #fff!important;color:#3aa090!important;}

      .lsx-block-accordion .lsx-accordion-text{background-color: #0a8883!important;}

.lsx:not(.single-post):not(.page-has-banner)
  .archive-header-wrapper
  .archive-header {
  width: 100vw !important;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  padding: initial;
}

/* Block Styles */

/* Footer Fixes */

/*-----------------------------------------------*/
/*  Post Template                                */
/*-----------------------------------------------*/

/*-----------------------------------------------*/
/*  Archive Page                                 */
/*-----------------------------------------------*/

.masonry-brick {
  width: 32.2%;
  display: inline-block;
}

#primary #searchform .search-field,
#secondary #searchform .search-field {
  border-radius: 50px 0px 0px 50px;
  border: none;
}
#searchform .search-submit {
  border-radius: 0px 50px 50px 0px;
  box-shadow: none;
}

.lsx:not(.single-post):not(.page-has-banner)
  .archive-header-wrapper
  .archive-header
  > p {
  display: none;
}

.uk-overlay-panel span .entry-title {
  font-size: 26px;
  font-weight: bold;
}

body.archive #main .uk-grid-margin {
  -webkit-transform: translatex(0px) translatey(0px);
  -ms-transform: translatex(0px) translatey(0px);
  transform: translatex(0px) translatey(0px);
}

body.archive .input-group-btn .search-submit span {
  font-size: 16px;
  position: relative;
  left: -12px;
}

body.archive .input-group .input-group-btn .search-submit {
  -webkit-box-shadow: none;
  box-shadow: none;
  border-top-right-radius: 25px !important;
  border-bottom-right-radius: 25px !important;
}

body.archive
  .wrap
  .role
  #primary
  #main
  #search
  #searchform
  .input-group
  .input-group-btn
  .search-submit {
  width: 50px !important;
  height: 50px !important;
}

body.archive #searchform .input-group input[type="search"] {
  min-height: 5px;
  height: 50px !important;
  border-style: none;
  border-bottom-left-radius: 25px !important;
  border-top-left-radius: 25px !important;
  font-size: 14px;
  -webkit-box-shadow: none;
  box-shadow: none;
}

body.archive .uk-grid-margin span span {
  font-size: 24px !important;
}

body.archive #searchform {
  padding-top: 20px !important;
  padding-bottom: 25px !important;
}
.lsx-body-grid-layout .entry-layout-content {background-color: #0a8883;padding-bottom:10px;}
.lsx-body-grid-layout .entry-layout-content h1 a, .lsx-body-grid-layout .entry-layout-content p{color:#000!important;}
.lsx-body-grid-layout .entry-layout-content h1 a:hover{color:#3aa090!important;}

.lsx-related-posts-wrapper .entry-layout-content{background-color: #0a8883;padding-bottom:10px;}

.content-area .lsx-wc-checkout-steps .lsx-wc-checkout-steps-counter{color:#fff!important;}
.content-area .lsx-wc-checkout-steps .lsx-wc-checkout-steps-counter{background-color: #3aa090!important;}
.lsx-block-post-carousel .lsx-post-carousel-items h2 a:hover {
  color: #3aa090 !important;}
  .single-entry-cta-section .lsx-sharing-button a{background-color: #fff!important;}
.woocommerce-page #main #respond input#submit, .woocommerce-page #main a.button:not(.quick-view-button), .woocommerce-page #main button.button, .woocommerce-page #main input.button, .woocommerce-page #main #respond input#submit:active, .woocommerce-page #main a.button:not(.quick-view-button):active, .woocommerce-page #main button.button:active, .woocommerce-page #main input.button:active, .woocommerce-page #main #respond input#submit:visited, .woocommerce-page #main a.button:not(.quick-view-button):visited, .woocommerce-page #main button.button:visited, .woocommerce-page #main input.button:visited{box-shadow: none!important;width: 100%;}

.btn, .btn:active, .btn:visited {
  background-color: #3aa090;
  box-shadow: none!important;
  color: #fff;}

  .vote-section .btn:hover{background-color: #0a8883!important;color: #4a4a4a!important;}

.woocommerce-page #main #respond input#submit:hover, .woocommerce-page #main a.button:not(.quick-view-button):hover, .woocommerce-page #main button.button:hover, .woocommerce-page #main input.button:hover, .woocommerce-page #main #respond input#submit:hover:active, .woocommerce-page #main a.button:not(.quick-view-button):hover:active, .woocommerce-page #main button.button:hover:active, .woocommerce-page #main input.button:hover:active, .woocommerce-page #main #respond input#submit:focus, .woocommerce-page #main a.button:not(.quick-view-button):focus, .woocommerce-page #main button.button:focus, .woocommerce-page #main input.button:focus{background-color: #0a8883!important;color: #4a4a4a!important;}


/*-----------------------------------------------*/
/*  "Tuis" Page                                  */
/*-----------------------------------------------*/

/*-----------------------------------------------*/
/*  "Berigte" Page                               */
/*-----------------------------------------------*/

/*-----------------------------------------------*/
/*  "Skryf in" Page                              */
/*-----------------------------------------------*/

/*-----------------------------------------------*/
/*  "Meld aan" Page                              */
/*-----------------------------------------------*/

/*-----------------------------------------------*/
/*  "Pryse" Page                                 */
/*-----------------------------------------------*/

/*-----------------------------------------------*/
/*  "Reëls" Page                                */
/*-----------------------------------------------*/

/*-----------------------------------------------*/
/*  "Kontak ons" Page                            */
/*-----------------------------------------------*/

/*-----------------------------------------------*/
/*  "Anele Mkuzo – Rising Star 20177" Post */
/*-----------------------------------------------*/

/*-----------------------------------------------*/
/*  "Mandtjie" Page                              */
/*-----------------------------------------------*/

/*-----------------------------------------------*/
/*  "Betaalpunt" Page                            */
/*-----------------------------------------------*/

/*-----------------------------------------------*/
/*  "Algemene vrae" Page                         */
/*-----------------------------------------------*/

/*-----------------------------------------------*/
/*  "My rekening" Page                           */
/*-----------------------------------------------*/

/*-----------------------------------------------*/
/*  "My inskrywing" Page                         */
/*-----------------------------------------------*/

/*-----------------------------------------------*/
/*  Archive Styles                               */
/*-----------------------------------------------*/

.uk-grid-margin {
  margin-top: 25px;
}
.archive-block-title {
  font-size: 26px;
  font-weight: bold;
  line-height: 30px;
}
.archive-block-overlay-cover {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.uk-margin-small-top {
  margin-top: 10px !important;
}

.entries-row > * {
  opacity: 1;
  -webkit-transition: opacity 1s ease;
  -khtml-transition: opacity 1s ease;
  -moz-transition: opacity 1s ease;
  -ms-transition: opacity 1s ease;
  -o-transition: opacity 1s ease;
  transition: opacity 1s ease;
}
.entries-row.busy > * {
  opacity: 0 !important;
}

.uk-overlay {
  display: inline-block;
  position: relative;
  max-width: 100%;
  vertical-align: middle;
  overflow: hidden;
  -webkit-transform: translateZ(0);
  margin: 0;
}

.uk-overlay-panel {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 20px;
  color: #000000;
}

.uk-overlay-panel > :last-child,
.uk-overlay-panel.uk-flex > * > :last-child {
  margin-bottom: 0;
}

.uk-overlay-panel h1,
.uk-overlay-panel h2,
.uk-overlay-panel h3,
.uk-overlay-panel h4,
.uk-overlay-panel h5,
.uk-overlay-panel h6 {
  color: inherit;
}

.uk-overlay-panel a:not([class]) {
  color: inherit;
  text-decoration: underline;
}

.uk-overlay-panel a[class*="uk-icon-"]:not(.uk-icon-button) {
  color: inherit;
}

.uk-overlay-panel {
  display: -webkit-box;
  /* display: -webkit-flex; */
  display: flex;
  /* -webkit-box-align: center; */
  -webkit-align-items: center;
  -ms-flex-align: center;
  /* align-items: center; */
  /* -webkit-box-pack: center; */
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  /* justify-content: center; */
}

.uk-overlay-panel span {
  -webkit-box-flex: 0;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
  max-width: 80%;
}

.uk-overlay-panel .address {
  text-align: left !important;
  max-width: 100% !important;
  width: 100% !important;
}

.uk-overlay-hover:not(:hover):not(.uk-hover) .uk-overlay-panel:not(.uk-ignore) {
  opacity: 0;
}

.uk-overlay-hover:hover .uk-overlay-fade,
.uk-overlay-hover.uk-hover .uk-overlay-fade,
.uk-overlay-active .uk-active > .uk-overlay-fade {
  opacity: 1;
}

.uk-overlay-hover:hover .uk-overlay-scale,
.uk-overlay-hover.uk-hover .uk-overlay-scale,
.uk-overlay-active .uk-active > .uk-overlay-scale {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.uk-overlay-hover:hover .uk-overlay-spin,
.uk-overlay-hover.uk-hover .uk-overlay-spin,
.uk-overlay-active .uk-active > .uk-overlay-spin {
  -webkit-transform: scale(1.1) rotate(3deg);
  transform: scale(1.1) rotate(3deg);
}

/* Hover */
.uk-overlay-hover:hover [class*="uk-overlay-slide"],
.uk-overlay-hover.uk-hover [class*="uk-overlay-slide"],
.uk-overlay-active .uk-active > [class*="uk-overlay-slide"] {
  opacity: 1;
  -webkit-transform: translateX(0) translateY(0);
  transform: translateX(0) translateY(0);
}

.uk-overlay-fade,
.uk-overlay-scale,
.uk-overlay-spin,
.uk-overlay-grayscale,
.uk-overlay-blur,
[class*="uk-overlay-slide"] {
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
  transition-property: opacity, transform, filter;
}

.uk-overlay-active .uk-overlay-fade,
.uk-overlay-active .uk-overlay-scale,
.uk-overlay-active .uk-overlay-spin,
.uk-overlay-active [class*="uk-overlay-slide"] {
  transition-duration: 0.8s;
}

/*
* Fade
*/
.uk-overlay-fade {
  opacity: 0.7;
}

.uk-overlay-hover:hover .uk-overlay-fade,
.uk-overlay-hover.uk-hover .uk-overlay-fade,
.uk-overlay-active .uk-active > .uk-overlay-fade {
  opacity: 1;
}

.uk-overlay-background {
  background: rgba(237, 204, 244, 0.87);
}

.uk-text-center {
  text-align: center !important;
}

.article.type-entry:before,
.article.type-entry:after {
  content: "";
  display: table;
}

.article.type-entry:after {
  clear: both;
}

.article.type-entry > :last-child {
  margin-bottom: 0;
}

.uk-thumbnail {
  display: inline-block;
  max-width: 100%;
  box-sizing: border-box;
  margin: 0;
  padding: 4px;
  border: 0 solid #ddd;
  background: #fff;
}

a.uk-thumbnail:hover,
a.uk-thumbnail:focus {
  border-color: #c7cad3;
  background-color: #fff;
  text-decoration: none;
  outline: none;
}

.hr_div {
  color: #164b56;
}
.hr_div hr {
  border-top-color: #164b56;
  border-top-width: 2px;
  margin-top: 5px !important;
  margin-bottom: 5px !important;
}

/** Single Entry Page **/

.single-inskrywings .banner-single {
  display: none;
}
.single-inskrywings .entry-title {
  text-align: center;
}
.single-inskrywings .entry-title h1 {
  margin-bottom: 0;
}
.skool-title {
  text-align: center;
  font-size: 22px;
}
.vote-section {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.share-member {
  display: flex;
}
.share-member .lsx-sharing-content p {
  margin-bottom: 0;
  margin-left: 5px;
}
.single-inskrywings .images {
  display: flex;
  flex-direction: row;
}
.single-inskrywings .images img {
  max-width: 350px;
  margin: 20px;
}
.single-inskrywings .entry-section h2 {
  text-align: center;
}
.single-inskrywings .entry-section {
  margin-bottom: 45px;
}
.single-inskrywings .content-area {
  margin-bottom: 0px !important;
}
.single-entry-cta-section {
  padding: 80px 30px 30px;
  background-size: cover;
  margin-left: calc(-100vw / 2 + 500px / 2);
  margin-right: calc(-100vw / 2 + 500px / 2);
  background: #3aa090;
  background-attachment: scroll;
  height: 430px;
}
.single-entry-cta-section h3 {
  font-size: 58px!important;
  font-weight: bold;
  color: #0a8883!important;
}
.single-entry-cta-section .fa{color:#3aa090;}
.single-entry-cta-section .fa:hover{color:#fff;}
.single-entry-cta-section h4 {
  font-size: 68px!important;
  font-weight: bold;
  color: #fff!important;
  margin-bottom: 0;
}
.gform_wrapper.gravity-theme .gfield-choice-input{margin-top:7px!important;}
.single-entry-cta-section .lsx-sharing-content{margin-top:20px;}
.single-entry-cta-section .lsx-sharing-content .lsx-sharing-button a {
  font-size: 48px;
  width: 60px;
  height: 60px;
  line-height: 1;
  padding-top: 8px;
}

.page-id-18226 .wp-block-cover.alignfull.is-light .wp-block-cover__image-background{opacity:0.6!important;}

.wp-block-buttons .is-style-outline a{background-color: #fff!important;border: 2px solid #165b60!important; color:#165b60!important;}
.wp-block-buttons .is-style-outline a:hover{background:#165b60!important;color:#fff!important;}
/* Mobile Single Inskrwying Style */
@media (min-width: 1000px) {
body.post-type-archive-product .products.columns-2 .post-18368 img{max-width:80%!important}

.page-id-18226 .entry-content .wp-block-columns.alignwide, .page-id-18226 .entry-content .wp-block-columns.alignfull{max-width:1400px!important;width:100%!important;}
}

@media (max-width: 767px) {
  .single-inskrywings .images {
    display: flex;
    flex-direction: column;
  }
  .single-entry-cta-section {
    margin-left: calc(-100vw / 2 + 380px / 2);
    margin-right: calc(-100vw / 2 + 380px / 2);
  }  
}

.modal-title {
  font-weight: bold;
  font-size: 28px;
}

.modal .modal-content {
  box-shadow: none;
  border-color: transparent;
}
.modal .close {
  background-color: #0a8883;
  border-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #fff;
  transition: 0.4s ease-in-out;
}
.modal .close:hover {
}

@media (max-width: 767px) {
	.lsx:not(.single-post):not(.page-has-banner) .wrap .archive-header-wrapper .archive-header {
		position: unset;
	}

	.entries-row.row.masonry .masonry-brick-off {
		padding-left: 15px;
		padding-right: 15px;
	}

	.masonry-brick {
		width: 100%;
		display: block;
		padding: 15px 15px 0;
	}
}