/* MUROSCAPE CSS */

/* GALLERY */

.g-main-nav .g-standard .g-dropdown {
  width: 215px
}

.galleryRow .uk-active{
  margin: auto;
  padding-bottom: 20px
 
}
.galleryRow .uk-active a{
   font-size: 20px;
font-weight: 300;
color: #006C9D !important;
}
.page-id-26 .uk-scope .uk-tab::before {
  display: none
}

/* COVID 19 STYLE */

.covid19 {
	width: 600px;
	max-width: 100%;
	float: left;
	line-height: 120%;
	font-size: 13px;
	display: block !important;
}
.topContactInfo p {
	margin: 0
}
.topContactInfo {
	margin-top: 5px !important;;
	margin-bottom: 15px !important;
}


#testimonialsContent {
  margin-top: 20px;
  border-top: 1px solid #9FE100;
  padding-top: 20px;
}


.wpcf7-form input {
    width: 100%
}

/* GENERAL */


.g-content {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
}

#g-main {
    padding-top: 0;
    padding-bottom: 0
}
/* hideDesktop showMobile */
.entry-header, .edit-link, .hideDesktop {
    display: none !important;
}

body p, ul, a {
    line-height: 140%;
    font-size: 15px;
}

h1, h2, h3 {
    line-height: 140%;
    margin: 0;
}

p, ul {
    margin-top: 0 !important;
}

/* TOP HEADER */

.topContactInfo li{
    display: inline-block;
}
.topContactInfo a {
    font-size: 14px !important;
}
.topContactInfo li.emailIcon a:before {
    content: url(https://muroscape.co.za/wp-content/uploads/Top-email.svg);
    margin-right: 10px;
    position: relative;
    top: 2px;
}
.topContactInfo li.phoneIcon a:before {
    content: url(https://muroscape.co.za/wp-content/uploads/Top-phone.svg);
    margin-right: 10px;
    position: relative;
    top: 2px;
    padding-left: 20px;
}

.topContactInfo ul {
    text-align: right !important;
    margin: 0;
}
.topContactInfo {
    padding-top: 10px;
    padding-bottom: 12px;
}

/* NAVIGATION */

#g-navigation .g-container .g-grid .g-main-nav {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}

#g-navigation .g-main-nav .g-dropdown {
    background-color: #02A2E5;
    padding: 15px;
}
#g-navigation .g-main-nav .g-sublevel > li > .g-menu-item-container {
    color: #fff !important;
    border-bottom: 1px solid #1AAEEC;
    padding: 0;
    padding-bottom: 8px;
    margin-bottom: 5px;
}
#g-navigation .g-main-nav .g-sublevel > li > .g-menu-item-container:hover {
    border-bottom: 1px solid #fff;
}


.g-menu-parent-indicator {
    background-color: transparent !important;;
    border: none !important;    
    padding: 0 !important;
    margin: 0 !important;
}
.g-menu-parent-indicator:after {
    content: "";
    width: 20px !important;
}

#g-navigation .g-container .g-grid {
    align-items: center !important;
}

#g-navigation {
    background-color: transparent;
}

.gantry-logo img {
    width: 249px;
    display: inline-block;
    padding-top: 20px;
    padding-bottom: 20px;
}

.g-main-nav .g-toplevel li:hover {
    background-color: transparent !important;
}
.g-main-nav .g-toplevel li {
    background-color: transparent !important;
}
.g-main-nav .g-toplevel .active .g-menu-item-content {
    color: #006C9D !important;
    font-weight: 700;
}
.g-main-nav .g-sublevel span {
    color: #fff !important;
    font-weight: 500;
}

/* BUTTONS */

#aboutRow .flex {
    display: flex;   
    justify-content: center;
}
#aboutRow .flex a {
    margin: 5px;
}
#aboutRow .flex a strong {
    color: #fff;
}

#pricelistRow .flex {
    display: flex;
    justify-content: center;
}

#heroSection .flex {
    margin-top: 20px;
}

.footerBtn {
    display: block;
    text-align: center;
    background-color: #60BC03;
    color: #fff !important;;
    font-weight: 700;
    padding: 8px;
    border: 1px solid #60BC03;
}
.footerBtn:hover, .wpcf7-submit:hover  {
    background-color: transparent !important;
    color: #02A2E5 !important;
    border-color: #02A2E5 !important;
}


.btn, .heroBtn {
    border: 1px solid;
    padding:  12px 20px;
    display: inline-block;
    font-size: 14px;
    line-height: 100% !important;
}

.blue .btn.white:hover {
    background-color: #02A2E5;
    border-color: #02A2E5;
}

#pricelistRow .btn.white{
    background-color: #fff;
    color: #006C9D !important;
}
#pricelistRow strong {
    color: #006C9D !important;
}
#pricelistRow .btn.white {
    margin: 0 10px;
}
#pricelistRow p {
    margin: 0
}

#pricelistRow .btn.white:hover {
    background-color: transparent;
    border-color: #fff;
    color: #fff !important;    
}
#pricelistRow .btn.white:hover strong {
    color: #fff !important;    
}



.btn.white {
    color: #fff;
    border-color: #fff;        
}
.btn.white:hover {
    background-color: #006C9D ;
    border-color: #006C9D;        
}
.btn.green, .wpcf7-submit {
    color: #60BC03;
    border-color: #60BC03;        
}
.wpcf7-submit {
    border: 1px solid !important;
    font-weight: 600;
}

.btn.green:hover{
    color: #fff;
    border-color: #60BC03;   
    background-color: #60BC03 ;
}

.wpcf7-submit {
    background-color: #60BC03;
    padding: 8px;;
    color: #fff;
    margin-top: 20px;
}

.heroBtn {
    margin-left: 20px;
    background-color: #9FE100;
    border-color: #9FE100;
    line-height: 100% !important;
}
#heroSection.subPage .btn.green{
    /*! margin-left: 20px; */
    background-color: #9FE100;
    border-color: #9FE100;
    line-height: 100% !important;
    margin-top: 30px;    
}

.heroBtn:hover, #heroSection.subPage .btn.green:hover {
    background-color: transparent;
    border-color: #9FE100;
    line-height: 100% !important;
}

/* HEADINGS */

#aboutRow .headings:after, #product-hygiene-section .headings:after {
    content: "";
    border-bottom: 2px solid #fff;
    display: block;
    width: 100px;
    margin: 0 auto;
    margin-top: 10px;
}
#aboutRow .headings h2, #aboutRow .headings h2 strong, #product-hygiene-section .headings h2, #product-hygiene-section .headings h2 strong {
    color: #fff;
}

.headings:after {
    content: "";
    border-bottom: 2px solid #02A2E5;
    display: block;
    width: 100px;
    margin: 0 auto;
    margin-top: 10px;
}
.headings h2 {
    font-size: 25px;
}

.headings {
    margin-bottom: 50px;
}

.subHeadings h3, .vc_tta-container h2 {
    font-size: 20px;
    font-weight: 300;
    color: #006C9D;
}
.vc_tta-container h2 {
    text-align: center
}
.subHeadings:after, .vc_tta-container h2:after {
    content: "";
    border-bottom: 1px solid #006C9D ;
    display: block;
    width: 50px;
    padding-top: 10px;
}
 .vc_tta-container h2:after {
    content: "";
    border-bottom: 1px solid #006C9D ;
    display: block;
    width: 50px;
    padding-top: 10px;
     margin: 0 auto
}

#visionMisionSection #servicesContentRow {
    padding-top: 50px;
}
#visionMisionSection #servicesContentRow .vc_column-inner {
    padding-top: 0px;
}

/* SECTIONS GENERAL */

#hygieneUnitsSection .productsContentRow {
    margin-top: 50px;
}

#docButtons, #hygieneSection, #cleaningSection, #chemicalsSection, #pestControlSection, #productsSection, #hygieneUnitsSection {
    padding-bottom: 65px;
}
.home #servicesContentRow {
    padding-bottom: 0;
}

#strenthRow  {
    padding-top: 30px;
    padding-bottom: 30px;
}

#visionMisionRow {
    padding-top: 70px;
}

#heroSection.subPage {
    padding-top: 50px;
    padding-bottom: 50px;
}

#servicesSection, #aboutRow .vc_column-inner, #whyChooseMuroscapeSection, #product-hygiene-section .vc_column-inner,  #hygieneSection,  #cleaningSection, #chemicalsSection, #pestControlSection, #productsSection, #hygieneUnitsSection, #servicesIntroRow.gallery, #contactUsSection  {
    padding-top: 90px;
}
/*#servicesIntroRow {
padding-top: 90px*/

#aboutRow .vc_column-inner {
    padding-left: 50px;
    padding-right: 50px;
    padding-bottom: 60px;
}
#aboutSection {
    padding-top: 65px;
}
#whyChooseMuroscapeSection {
    padding-bottom: 100px !important;
}
#product-hygiene-section {
    padding-top: 0;
}
#product-hygiene-section .vc_column-inner  {
    padding-bottom: 65px !important;
}

/* HOME PAGE */

/* HERO SECTION */

.heroContent {
    margin: 0;
}

#heroSection.homePage {
    padding-top: 150px;
    padding-bottom: 150px;
}
#heroRow h1, #heroSection strong, #heroSection a {
    color: #fff;
    line-height: 100%;
}
#heroRow h1 {
    font-size: 35px;
}

/* SERVICES SECTION */

#servicesSection {
    background-position: left top !important;
}

.shadowContainer {
    border: 1px solid #EEEEEE;
    padding: 15px;
    height: 360px;
    position: relative !important;
    background-color: #fff;
    -webkit-box-shadow: 3px 4px 9px 0px rgba(0,0,0,0.21); 
    box-shadow: 3px 4px 9px 0px rgba(0,0,0,0.21);    
}
.shadowContainer p {
    margin: 0;
}
.shadowContainer h3 {
    font-weight: 600;
    color: #02A2E5;
    margin-top: 15px;
    margin-bottom: 5px;
}
.shadowContainer .btn.green {
    width: 92% ;
    position: absolute;
    left: 0;
    bottom: 10px;
    margin: 0 auto !important;;
    right: 0;
}
.aboutContent {
    color: #fff;
}

/* WHY CHOOSE MUROSCAPE SECTION */

#whyChooseMuroscapeSection {
    background-position: right !important;
}

.border-left-right  {
    border-left: 1px solid #C9C9C9;
    border-right: 1px solid #C9C9C9;    
}
.border-right {
    border-right: 1px solid #C9C9C9
}
.whyChooseMuroscapeContent {
    padding-left: 15px;
    padding-right: 15px;
}

/* OUR PRODUCTS SECTION / HYGIENE UNITS */

#product-hygiene-section .ourProductsCol .style-svg {
    left: 15px;
    position: relative;
}

.width190 {
    width: 210px;
    margin:  0 auto;
    color: #fff;
    margin-bottom: 30px;
}

/* PRODUCTS PAGE */

.productsContentRow {
    border-bottom: 1px solid #60BC03;
    margin-bottom: 50px;
    padding-bottom: 20px;
}

/* CONTACT US PAGE */

#contactUsRow input, #contactUsRow textarea {
    width: 100%;
    border: 0;
    box-shadow: none;
    border-bottom: 1px solid #60BC03;
    border-radius: 0;
    padding-left: 0;    
    font-size: 14px;
}

#contactUsRow input {
    margin-bottom: 20px;
}
.wpcf7 .vc_col-sm-6, .wpcf7 .vc_col-sm-12 {
    padding-left: 0;
}
.noPaddingRight, .wpcf7 .vc_col-sm-12 {
    padding-right: 0;
}

#mapRow .wpb_text_column {
    margin-bottom: 0 !important;
}

/* FOOTER */

#g-abovefooter {
    padding-top: 45px;
    padding-bottom: 25px;
    border-top: 1px solid #F0F0F0;
}
#g-abovefooter .widgettitle {
    font-size: 15px;
    font-weight: 600;
    color: #006C9D;
}

#g-abovefooter .widgettitle:after {
    content: "";
    border-bottom: 2px solid #02A2E5;
    display: block;
    width: 50px;
    margin-top: 10px;
    margin-bottom: 40px;
}

#menu-footer-menu a {
    color: #4B4B4B ;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #E1E1E1;
    display: block;
}
#menu-footer-menu a:hover, .contactInfo a:hover {
    color: #02A2E5;
    border-color: #02A2E5;    
}

.footerContactInfo  a, .contactInfo a {
    color: #4B4B4B;
}

.footerContactInfo li, .contactInfo li {
    margin-left: 0px ;
    background-repeat: no-repeat;
    background-position-y: top 50%;
    background-position-x: left -0px;
    padding-left: 30px;
    list-style: none;
    margin-bottom: 20px;
}
li.footerEmail {
    background-image:  url(https://muroscape.co.za/wp-content/uploads/Footer-email.svg);  
}
li.footerPhone {
    background-image:  url(https://muroscape.co.za/wp-content/uploads/Footer-phone.svg);  
}
li.footerLocation {
    background-image:  url(https://muroscape.co.za/wp-content/uploads/Footer-location.svg);  
    background-position-y: top 0%;
}
.contactInfo {
    margin-left: 0;
}

.footerCopyInfo p {
    margin: 0;
    text-align: center;
}
.footerCopyInfo  {
    padding-top: 10px;
    padding-bottom: 10px;
}
.footerCopyInfo p, .footerCopyInfo  a {
    font-size: 13px;
    color: #A1CEE2;
}
.footerCopyInfo  a:hover {
    font-size: 13px;
    color: #fff;
}

/* REPONSIVE */

@media screen and (max-width: 767px) {
      .wpcf7-form .vc_col-sm-6 {
    padding-right: 0
}
}

@media screen and (max-width: 1400px) {
    .btn.white {
        width: 100%
    }
    .flex {
        display: block !important;
    }
    .flex p {
        margin-bottom: 0
    }
    .heroContent .flex {
        display: flex !important;
        
    }
    .heroContent .btn {
        width: unset;
    }
    .border-left-right, .border-right  {
        border: none;
    }
  
}