/*
Theme Name: Thabo Mbeki - Child
Theme URI: https://theagency.co.za
Template: hello-elementor
Author: The Agency
Author URI: https://theagency.co.za
Description: Child Theme
Version: 2.8.1.1696928016
Updated: 2023-10-10 10:53:36

*/
.overflowHidden{
  overflow: hidden !important;
}
.elementor-3000 .elementor-element.elementor-element-3f00ad39 .elementor-button[type="submit"] svg *, .elementor-3000 .elementor-element.elementor-element-3f00ad39 .elementor-button[type="submit"]:hover svg *{
  fill: unset !important;
}
a {
  text-decoration: none !important;
}
.mbekiHero img {
  width: 130% !important;
  max-width: unset !important;
}
.text-primary {
  color: #ecd695 !important;
}
.italics {
  font-style: italic !important;
}
.caretLinkBtn .elementor-button-icon svg {
  width: 8px !important;
}
.caretLinkBtn a.elementor-button.elementor-button-link {
  display: flex !important;
  align-items: flex-end !important;
  align-content: flex-end !important;
}
.caretLinkBtn a.elementor-button.elementor-button-link{
  font-size: 16px !important;
}
.eventsRow .event.elementor-widget-heading .elementor-widget-container {
  border-style: none !important;
}
.eventsRow .event.elementor-widget-heading.active .elementor-widget-container {
  border-style: solid !important;
  border-bottom-width: 1px !important;
}
.eventsRow .eventsTabItems:not(.eventsRow .eventsTabItems:first-child) {
  display: none;
}
.elementor-2
  .newsletterForm.elementor-element.elementor-element-605c547
  .elementor-button[type="submit"]
  svg
  *,
.elementor-2
  .newsletterForm.elementor-element.elementor-element-605c547
  .elementor-button[type="submit"]:hover
  svg
  * {
  fill: unset !important;
}
.newsletterForm.elementor-widget-form .elementor-button[type="submit"] {
  border-color: inherit !important;
}
.newsletterForm .elementor-field-type-submit {
  width: 35% !important;
  margin-bottom: 0px !important;
}
.newsletterForm form.elementor-form .elementor-form-fields-wrapper {
  display: flex;
  flex-wrap: nowrap !important;
  height: 100% !important;
  align-items: center;
  align-content: center;
}
.newsletterForm .elementor-field-group-email {
  width: 65% !important;
  margin-bottom: 0px !important;
}
.newsletterForm form.elementor-form {
  height: 100% !important;
}
a.elementor-button:hover {
  text-decoration: none !important;
}
.increasedLetterSpacing a.elementor-button .elementor-button-text {
  letter-spacing: 1px !important;
}
.eventsRow .event a:hover {
  text-decoration: none !important;
  opacity: 0.4 !important;
}
.addLightLineTop:after {
  content: "";
  display: block;
  background: #fff;
  height: 120px;
  width: 1px;
  position: absolute;
  top: 0px;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
}
.addLightLineTop.extendedTopLine:after {
  content: "";
  display: block;
  background: #fff;
  height: 260px;
  width: 1.5px;
  position: absolute;
  top: 0px;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
}
.addDarkLineTop:after {
  content: "";
  display: block;
  background: #000;
  height: 120px;
  width: 1px;
  position: absolute;
  top: 0px;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
}
footer .fixOpacity a {
  color: #fff !important;
}
footer ul.elementor-nav-menu li.menu-item a:hover {
  color: #fff !important;
}
footer ul.elementor-nav-menu li.menu-item a:hover,
footer .fixOpacity a:hover {
  opacity: 0.4;
}
.minHeight2Lines .elementor-heading-title {
  min-height: 100px;
  width: 95%;
}
.yellowArrowHover a.elementor-button:hover {
  color: #ecd695 !important;
}
.overideBGSizeMobile{
  background-size: cover !important;
}
.cssTransitionZoom {
  background-size: 100% !important;
  -webkit-transition: 1s ease-in;
  transition: 1s ease-in;
}
.cssTransitionZoom:hover {
  /* scale: 0.95; */
  background-size: 105% !important;
}
.cssTransitionTranslate {
  transition: 1.5s !important;
}
.cssTransitionTranslate:hover {
  transform: translateY(-15px);
}
.cssTransitionPulse {
  transition: 1.5s;
}
.cssTransitionPulse:hover {
  animation: pulsate-bck 1.5s ease-in-out 1;
}
.cssTransitionBounce {
  transition: 1.5s;
}
.cssTransitionBounce:hover {
  -webkit-animation: bounce-top 2s both;
  animation: bounce-top 2s both;
}
footer .elementor-social-icon{
  justify-content: end !important;
}
.bottomLeftPath:after {
  display: block !important;
  content: '' !important;
  position: absolute !important;
  background: url('https://mbeki.theagencydev.co.za/wp-content/uploads/2023/11/Group-106-1.svg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  left: -60px;
  bottom: -60px;
  width: 350px;
  height: 350px;
  z-index: -1;
}
.bottomAngleShape:after {
  display: block !important;
  content: '' !important;
  position: absolute !important;
  background: url('https://mbeki.theagencydev.co.za/wp-content/uploads/2023/11/bottom-angle.svg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  right: 0px;
  bottom: -150px;
  width: 1920px;
  height: 262px;
  z-index: 1;
}
.conversationsPerson {
  z-index: 10 !important;
  bottom: -128px !important;
  left: -40px !important;
  position: absolute !important;
}
.contactForm input, .contactForm textarea {
  padding-left: 0px !important;
  resize: none;
  display: flex;
  align-content: center;
  align-items: center;
}
.contactForm input:focus, .contactForm textarea:focus {
  box-shadow: none !important;
}
.elementor-element a.elementor-button{
  text-decoration: none !important;
}
.max3Lines .elementor-heading-title {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
/* .sadetHero:after {
  display: block !important;
  content: '' !important;
  position: absolute !important;
  background: url('https://mbeki.theagencydev.co.za/wp-content/uploads/2023/11/Mask-Group-4.svg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  right: 0px;
  bottom: -150px;
  width: 100%;
  height: 10vh;
  z-index: 1;
} */
.sadetHero:after {
  display: block !important;
  content: '' !important;
  position: absolute !important;
  background: url('https://mbeki.theagencydev.co.za/wp-content/uploads/2023/11/Mask-Group-4.svg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  right: 0px;
  bottom: -29vh;
  width: 100%;
  height: 33vh;
  z-index: 1;
}
.contactForm .elementor-button[type="submit"]:hover svg *{
  fill: #212121 !important;
}
.contactForm .elementor-button[type="submit"] svg * {
  fill: #F6EFE6 !important;
}
.contactForm .elementor-button[type="submit"] {
  margin-top: 40px !important;
}
.subTitleText *{
  font-size: 20px !important;
  letter-spacing: 2px !important;
}
.smallerSubTitleText *{
  font-size: 18px !important;
  line-height: unset;
  letter-spacing: 2px !important;
}
.newsItem .noSpacing .elementor-heading-title {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;  
  overflow: hidden;
}
.single-post .newsContent figure.wp-block-image img {
  width: 100% !important;
}
.single-post .newsContent a:not(.elementor-button) {
  color: #212121 !important;
  text-decoration: underline !important;
}
.single-post .category-news blockquote {
  font-family: 'FreightBig Pro' !important;
  font-style: italic;
  font-size: 35px;
  margin: 0px;
}
.single-post .category-report a:not(.elementor-button) {
  color: #171717 !important;
  text-decoration: underline !important;
}
.page-id-4740 .products img {
  min-height: 500px !important;
  max-height: 500px !important;
  width: auto !important;
  height: auto !important;
  object-fit: cover !important;
}
.page-id-4740 .products .productTitle {
  margin: 0px !important;
  padding: 0px !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden !important;
}
.page-id-4740 .products .productTitle .elementor-widget-container {
  min-height: 56px !important;
  padding: 0px !important;
  margin: 0px !important;
}
.page-id-4740 .products .productDesc .woocommerce-product-details__short-description {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.elementor-location-popup .contactForm .elementor-button[type="submit"] svg * {
  fill: transparent !important;
}
.volunteerForm .elementor-field-group .elementor-field, .volunteerForm .elementor-button {
  color: #fff !important;
  border-color: #fff !important;
}
.volunteerForm .elementor-button[type="submit"]:hover {
  background: #fff !important;
  color: #889786 !important;
}
.volunteerForm .elementor-button[type="submit"] svg *{
  stroke: #fff !important;
}
.volunteerForm .elementor-button[type="submit"]:hover svg *{
  stroke: #889786 !important;
}
.eael-offcanvas-content .elementor-location-header {
  max-width: 100vw !important;
}
.eael-offcanvas-content {
  max-width: 100vw !important;
}
.elementor-button span.elementor-button-content-wrapper {
  margin-top: 2px !important;
}
body.woocommerce-cart .wc-block-product-new .wc-block-grid__product-title {
  font-size: 30px;
  font-family: 'FreightBig Pro';
  color: #212121;
  font-weight: 400;
}
body.woocommerce-cart .wc-block-product-new span.woocommerce-Price-amount.amount {
  font-size: 40px;
  color: #889786;
  font-family: 'FreightBig Pro';
  font-weight: 400;
}
body.woocommerce-cart .wc-block-product-new a.wp-block-button__link.add_to_cart_button.ajax_add_to_cart {
  font-size: 18px;
  text-transform: uppercase;
  border-radius: 0px;
  background: transparent;
  border: 1px solid;
  color: #212121;
  padding: 12px 20px 10px 20px;
  font-family: 'FreightBig Pro';
  line-height: 1.2em;
}
.filterBtns button.e-filter-item {
  cursor: pointer !important;
}
.page-id-4338 .uael-timeline-main .uael-content .uael-timeline-heading{
  font-size: 30px !important;
}
.page-id-4338 .uael-timeline--center .uael-timeline-left .uael-day-new{
  padding-left: 0px !important;
  margin-left: 0px !important;
}
.page-id-4338 .uael-timeline--center .uael-day-new {
  padding-left: 0px !important;
  margin-left: 0px !important;
}
.page-id-4338 .uael-timeline--center .uael-timeline-right .uael-day-new{
  padding-right: 0px !important;
}

@media screen and (min-width: 1200px) {
  .desktop-only {
    display: block !important;
  }
  .mobile-only {
    display: none !important;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1200px) {
  .desktop-only {
    display: block !important;
  }
  .mobile-only {
    display: none !important;
  }
}
@media screen and (min-device-width: 1025px) and (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 192dpi) {
  .desktop-only {
    display: block !important;
  }
  .mobile-only {
    display: none !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .desktop-only {
    display: block !important;
  }
  .mobile-only {
    display: none !important;
  }
}
@media screen and (min-width: 250px) and (max-width: 767px) {
  .desktop-only {
    display: none !important;
  }
  .mobile-only {
    display: block !important;
  }
  .eventsTabItems {
    overflow: hidden;
  }
  .bgGreenMobile {
    background: #889786 !important;
  }
  .newsletterForm form.elementor-form .elementor-form-fields-wrapper {
    display: grid !important;
    grid-template-columns: 1fr;
    grid-template-rows: 2fr;
    grid-row-gap: 20px;
  }
  .newsletterForm .elementor-field-group-email, .newsletterForm .elementor-field-type-submit {
    width: 100% !important;
  }
  .sadetHero:after{
    display: none !important;
  }
  .addLightLineTop.extendedTopLine:after {
    height: 120px !important;
  }
}

/**
 * ----------------------------------------
 * animation pulsate-bck
 * ----------------------------------------
 */
@-webkit-keyframes pulsate-bck {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes pulsate-bck {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

/**
 * ----------------------------------------
 * animation bounce-top
 * ----------------------------------------
 */
@-webkit-keyframes bounce-top {
  0% {
    -webkit-transform: translateY(-45px);
    transform: translateY(-45px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 1;
  }
  24% {
    opacity: 1;
  }
  40% {
    -webkit-transform: translateY(-24px);
    transform: translateY(-24px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  65% {
    -webkit-transform: translateY(-12px);
    transform: translateY(-12px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  82% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  93% {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  25%,
  55%,
  75%,
  87% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  100% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    opacity: 1;
  }
}
@keyframes bounce-top {
  0% {
    -webkit-transform: translateY(-45px);
    transform: translateY(-45px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 1;
  }
  24% {
    opacity: 1;
  }
  40% {
    -webkit-transform: translateY(-24px);
    transform: translateY(-24px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  65% {
    -webkit-transform: translateY(-12px);
    transform: translateY(-12px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  82% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  93% {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  25%,
  55%,
  75%,
  87% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  100% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    opacity: 1;
  }
}