/**
 * 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/banner-1920px.jpg");
  background-size: cover;
  background-attachment: scroll;
  height: 230px;
}

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

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

.fa.red{color: #f23f5c;}
/*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 #fea59d!important;
  border-radius: 2px;}

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

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

      .lsx-block-accordion .lsx-accordion-text{background-color: #fea59d!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: #FEA59D;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:#f23f5c!important;}

.lsx-related-posts-wrapper .entry-layout-content{background-color: #FEA59D;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: #f23f5c!important;}
.lsx-block-post-carousel .lsx-post-carousel-items h2 a:hover {
  color: #f23f5c !important;}
  .single-entry-cta-section .wp-social-link 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: #f23f5c;
  box-shadow: none!important;
  color: #fff;}

  .vote-section .btn:hover{background-color: #FEA59D!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: #FEA59D!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(254, 165, 157, 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: #aaa;
  background-color: #fff;
  text-decoration: none;
  outline: none;
}

.hr_div {
  color: #d90452;
}
.hr_div hr {
  border-top-color: #d90452;
  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 p {
  margin-bottom: 0;
  display: flex;
  align-items: center;
}
.share-member .lsx-sharing-social-links {
  margin: 0 0 0 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;
}
body.single-inskrywings {
  /* .single-entry-cta-section below breaks out to 100vw, which measures
     the viewport INCLUDING the scrollbar gutter on desktop browsers that
     reserve one - without this, that section overflows by the scrollbar's
     width and adds a horizontal scrollbar to every single entry page.
     Scoped to this body class only, not sitewide. */
  overflow-x: hidden;
}
.single-entry-cta-section {
  padding: 80px 30px 30px;
  background-size: cover;
  /* Full-bleed break-out to the viewport edge, independent of the
     container's actual width. The previous rule hardcoded a 500px
     (desktop) / 380px (mobile) container-width assumption via
     calc(-100vw / 2 + Npx / 2); the theme's real container is 1170px,
     so at normal desktop widths that math pushed this whole section -
     and its "Hou van wat jy sien?" CTA text - off-screen to the left. */
  position: relative;
  left: 50%;
  width: 100vw;
  margin-left: -50vw;
  background: #F23F5C;
  background-attachment: scroll;
  height: 430px;
}
.single-entry-cta-section h3 {
  font-size: 58px!important;
  font-weight: bold;
  color: #FEA59D!important;
}
.single-entry-cta-section h4 {
  font-size: 68px!important;
  font-weight: bold;
  color: #fff!important;
  margin-bottom: 0;
}
.single-entry-cta-section .lsx-sharing-social-links{margin-top:20px;}
/* .single-entry-cta-section repeated: a harmless specificity boost (doesn't
   change what matches, since it's the same element three times over). The
   Customizer's global link-color rule
   (.content-area a:not(.btn):not(.wp-block-button__link):not(.has-link-anchor))
   carries !important AND out-specifies a plain two-class selector here (its
   three :not() clauses each add specificity) - a plain !important on this
   rule alone still lost to it. Needed to actually win, not just tie. */
.single-entry-cta-section.single-entry-cta-section.single-entry-cta-section.single-entry-cta-section .wp-social-link a {
  /* Was color:#fff on :hover against a #fff button background - the icon
     matched its own background and vanished on hover. Invert instead:
     pink icon on white by default, white icon on pink on hover, so the
     icon is always visible in both states. */
  color: #F23F5C!important;
  width: 60px;
  height: 60px;
  line-height: 1;
}
.single-entry-cta-section.single-entry-cta-section.single-entry-cta-section.single-entry-cta-section .wp-social-link a:hover {
  background-color: #F23F5C!important;
  color: #fff!important;
}

/* Mobile Single Inskrwying Style */

@media (max-width: 767px) {
  .single-inskrywings .images {
    display: flex;
    flex-direction: column;
  }
  /* .single-entry-cta-section no longer needs a per-breakpoint override -
     the left/width/margin-left rule above is viewport-relative already. */
}

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

.modal .modal-content {
  box-shadow: none;
  border-color: transparent;
}
.modal .close {
  background-color: #f2c166;
  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;
	}
}