/* WARNING: Do not edit this file. It is dynamically generated. Any edits you make will be overwritten. */
/* This file generated using Weaver Xtreme 5.0.7 subtheme: Blank-V-190 */
/* Weaver Xtreme5 styles - Version 205 */
#wrapper{max-width:1100px;}
a, .wrapper a {color:#FFF;}
a:hover, .wrapper a:hover {color:#FFF;}
.colophon a {color:#000;}
.colophon a:hover {color:#000;}
#branding #header-image img{float: left;} /* float-left*/.menu-primary .wvrx-menu-container,.menu-primary .site-title-on-menu,.menu-primary .site-title-on-menu a {background-color:#FFF;}
.menu-primary .wvrx-menu-container,.menu-primary .site-title-on-menu,.menu-primary .site-title-on-menu a {color:#333;}
.menu-secondary .wvrx-menu-container {background-color:#333;}
.menu-secondary .wvrx-menu-container {color:#FFF;}
.menu-primary .wvrx-menu > li > a {color:#333;}
.menu-primary .wvrx-menu > li > a:hover {color:#C50000 !important;}
.menu-primary .wvrx-menu > li > a:hover {background-color:#F0F0F0 !important;}
.menu-secondary .wvrx-menu > li > a {color:#FFF;}
.menu-primary .menu-toggle-button {color:#333;}
@media( min-width:768px) {
.menu-primary .wvrx-menu,.menu-primary .wvrx-menu-container{text-align:right;}
}
.menu-primary .menu-arrows .toggle-submenu:after{color:#333;}
.menu-primary .menu-arrows ul .toggle-submenu:after{color:#333;}
.menu-primary .menu-arrows.is-mobile-menu.menu-arrows ul a .toggle-submenu:after{color:#333;}
.menu-secondary .menu-toggle-button {color:#FFF;}
@media( min-width:768px) {
.menu-secondary .wvrx-menu,.menu-secondary .wvrx-menu-container{text-align:center;line-height:0;}
}
.menu-secondary .menu-arrows .toggle-submenu:after{color:#FFF;}
.menu-secondary .menu-arrows ul .toggle-submenu:after{color:#FFF;}
.menu-secondary .menu-arrows.is-mobile-menu.menu-arrows ul a .toggle-submenu:after{color:#FFF;}
@media( min-width:768px) {
.menu-extra .wvrx-menu,.menu-extra .wvrx-menu-container{text-align:left;}
}
@media screen and ( min-width:768px) {
}
#colophon {background-color:#FFF;}
#colophon {color:#000;}
#colophon {padding-left:0px;}
#colophon {padding-right:0px;}
#colophon {padding-top:0px;}
#colophon {padding-bottom:0px;}
#footer-widget-area {background-color:transparent;}
#footer-widget-area {color:#C50000;}
#footer-widget-area {margin-bottom:0px;}
.widget-area-footer {background-color:transparent;}
.widget-area-footer {color:#C50000;}
.widget-area-footer {margin-bottom:0px;}
.menu-primary .wvrx-menu-container .search-form .search-submit {color:#333;}
#colophon .search-form .search-submit {color:#000;}
.widget-area-footer .search-form .search-submit {color:#C50000;}
#inject_fixedtop,#inject_fixedbottom,.wvrx-fixedtop,.wvrx-fixonscroll{max-width:1100px;}
@media ( max-width:1100px) {.wvrx-fixedtop,.wvrx-fixonscroll,#inject_fixedtop,#inject_fixedbottom {left:0px;margin-left:0 !important;margin-right:0 !important;}}
@media ( min-width:1100px) {
			#inject_fixedtop {margin-left:-0px;margin-right:-0px}
			.wvrx-fixedtop,.wvrx-fixonscroll{margin-left:0px;margin-right:calc( 0px - 0px - 0px )}
			}
@media ( min-width:1100px) {
			#inject_fixedbottom {margin-left:-0px;margin-right:-0px}
			}

/* Weaver Xtreme Plus CSS Styles - Version 3.1.1 */
/* Weaver Xtreme Plus Google Fonts Styles */
.font-barlow-semi-condensed{font-family: 'Barlow Semi Condensed', sans-serif;}
/* Weaver Xtreme Plus Background Images */

/* CSS+ Rules */
/*-=:m_primary_color_css:=-*/.menu-primary .wvrx-menu-container,.menu-primary .site-title-on-menu,.menu-primary .site-title-on-menu a {text-transform:uppercase;font-weight:500;font-size:24px;}/*-:m_primary_color_css:-*/
/*-=:m_primary_link_bgcolor_css:=-*/.menu-primary .wvrx-menu > li > a {padding:12px 16px;margin:120px 1px;}/*-:m_primary_link_bgcolor_css:-*/
/*-=:m_primary_color_css:=-*/.menu-primary .wvrx-menu > li > a {text-transform:uppercase;font-weight:500;font-size:24px;}/*-:m_primary_color_css:-*/
/*-=:m_primary_hover_bgcolor_css:=-*/.menu-primary .wvrx-menu > li > a:hover {border-bottom:3px #C50000 solid;}/*-:m_primary_hover_bgcolor_css:-*/
/*-=:m_primary_color_css:=-*/.menu-primary .menu-toggle-button {text-transform:uppercase;font-weight:500;font-size:24px;}/*-:m_primary_color_css:-*/
/*-=:m_primary_color_css:=-*/.menu-primary .wvrx-menu-container .search-form .search-submit {text-transform:uppercase;font-weight:500;font-size:24px;}/*-:m_primary_color_css:-*/

/* Global Custom CSS Rules */
@media only screen and (min-width: 768px) {
.col-1{width:23%; margin-left:1%;margin-right:1%;float:left;}
}

 @media only screen and (min-width: 768px) {
.col-2{width:23%; margin-left:1%;margin-right:1%;float:left;}
}

 @media only screen and (min-width: 768px) {
.col-3{width:23%; margin-left:1%;margin-right:1%;float:left;}
}

 @media only screen and (min-width: 768px) {
.col-4{width:23%; margin-left:1%;margin-right:1%;float:right;}
}


 @media only screen and (max-width: 768px) {
.col-1{width:48%; margin-left:1%;margin-right:1%;float:left;}
}

 @media only screen and (max-width: 768px) {
.col-2{width:48%; margin-left:1%;margin-right:1%;float:right;}
}

 @media only screen and (max-width: 768px) {
.col-3{width:48%; margin-left:1%;margin-right:1%;float:left;}
}

 @media only screen and (max-width: 768px) {
.col-4{width:48%; margin-left:1%;margin-right:1%;float:right;}
}

#site-info {
  float: none;
  padding-left: 1em;
}

#site-ig-wrap {
  clear: both;
  text-align: center;
}


.contact-us{padding:20px;display:block;text-align:right;background-color:#C50000;color:#FFF;text-transform:uppercase;}

 @media only screen and (max-width: 768px) {
.flip-card {
  background-color: transparent;
  width: 180px;
  height: 180px;
  perspective: 1000px;
}
}

 @media only screen and (min-width: 768px) {
.flip-card {
  background-color: transparent;
  width: 250px;
  height: 250px;
  perspective: 1000px;
}
}

.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.6s;
  transform-style: preserve-3d;
}

.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}

.flip-card-front, .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.flip-card-front {
  background-color: #bbb;
  color: black;
}

.flip-card-back {
  background-color: #FFF;
padding:12px;
  color: #000;
  box-sizing: border-box;
  transform: rotateY(180deg);
}


.wvrx-menu-left{margin:0;}

.main-title{font-size:28px;text-transform:uppercase;text-align:center;color:#C50000;}

.wvrx-menu-container{text-align:center;}

.menu-toggle-button{float:none;}

.home-intro{background: url("https://uberacc.co.za/wp-content/uploads/2022/09/about-BG-alt.jpg") no-repeat fixed center;text-align:center;color:#fff;padding:15px;}

.contact-field{padding:12px;width:100%;margin:auto;border-radius:60px;font-transform:uppercase;border:2px #AAAAAB solid;box-sizing: border-box;color:#000;text-align:center;font-size:20px;}
.contact-area{padding:12px;width:100%;margin:auto;border-radius:60px;font-transform:uppercase;border:2px #AAAAAB solid;box-sizing: border-box;color:#000;text-align:center;font-size:20px;}
.contact-button{background-color:#C50000;padding:12px;width:100%;margin:auto;border-radius:5px;color:#FFF;text-transform:uppercase;border:0;box-sizing: border-box;}

.contact-field-a{padding:12px;width:100%;margin:auto;border-radius:60px;font-transform:uppercase;border:2px #AAAAAB solid;box-sizing: border-box;color:#000;text-align:center;font-size:20px;}
.contact-area-a{padding:12px;width:100%;margin:auto;border-radius:60px;font-transform:uppercase;border:2px #AAAAAB solid;box-sizing: border-box;color:#000;text-align:center;font-size:20px;}
.contact-button-a{background-color:#C50000;padding:12px;width:100%;margin:auto;border-radius:5px;color:#FFF;text-transform:uppercase;border:0;box-sizing: border-box;}

.service-block{background-color:#f0f0f0;border-top:3px solid #C50000;border-bottom:3px solid #C50000;border-left:1px solid #AAAAAB;border-right:1px solid #AAAAAB;border-radius:10px;padding:12px;text-align:center;}
.service-img{border-radius:50%;}

/* ... other CSS styles ... */

.flip-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px; /* Space between cards on larger screens */
    padding: 20px;
}

.flip-card {
    width: 90%;
    max-width: 300px;
    margin: 10px auto;
}

.flip-card-back {
    font-size: 
20px; /* Default font size for larger screens */
}

@media (max-width: 500px) {
    .flip-container {
        flex-direction: column;
        align-items: center;
        gap: 20px; /* Space between cards on mobile */
    }

    .flip-card {
        width: 95%;
        max-width: 100%;
        margin: 10px auto;
    }

    .flip-card-back {
        font-size: 14px; /* Adjusted font size for mobile */
    }
}

@media (min-width: 769px) { /* Styles for larger screens */
  .flip-container {
    flex-direction: row; /* Back to row layout on larger screens */
    flex-wrap: wrap; /* Keep this for larger screens */
    gap: 20px;
  }
  .flip-card {
    width: 250px; /* Or whatever width you want for larger screens */
    margin: 20px; /* Adjust margin as needed */
  }
  .flip-card-back {
    font-size: 20px; /* Reset font size for larger screens */
  }
}
.flip-card-front {   background-color: #C50000; /
}
/* End Weaver Xtreme CSS */