/* GANTRY5 DEVELOPMENT MODE ENABLED.
 *
 * WARNING: This file is automatically generated by Gantry5. Any modifications to this file will be lost!
 *
 * For more information on modifying CSS, please read:
 *
 * http://docs.gantry.org/gantry5/configure/styles
 * http://docs.gantry.org/gantry5/tutorials/adding-a-custom-style-sheet
 */

/* REB Huide en Velle */
/* Navigation */
#g-navigation {
  background: url('https://rebhuideenvelle.co.za/wp-content/uploads/Nav-Bg.jpg') !important;
  position: relative;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-attachment: fixed;
}
#g-navigation .g-main-nav {
  font-family: "Lato", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
  font-weight: 700;
  line-height: 1.5;
  text-align: right;
  text-transform: uppercase;
}
/* Navigation - Dropdown Menu */
#g-navigation .g-main-nav .g-sublevel > li:hover > .g-menu-item-container, #g-navigation .g-main-nav .g-sublevel > li.active > .g-menu-item-container {
  color: #d0a26f;
}
/* Header */
#g-header {
  background-image: url('https://rebhuideenvelle.co.za/wp-content/uploads/header-bg.jpg') !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-attachment: scroll;
}
#black-studio-tinymce-5, #black-studio-tinymce-12 {
  width: 50%;
  float: left;
  padding: 5px 15px;
  margin: 0px;
}
#g-header h2 {
  font-weight: 400 !important;
  line-height: 110% !important;
  font-family: "Lato", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif !important;
}
#g-header #black-studio-tinymce-12 p {
  line-height: 140% !important;
}
a.read-more-btn-white {
  display: block;
  margin: auto;
  padding: 10px 20px;
  width: 50%;
  background-color: #ffffff;
  text-align: center;
  color: #18422e !important;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 20px;
  box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.35);
  margin-top: 50px;
  margin-bottom: 20px;
  transition: ease-in-out 0.3s;
}
a.read-more-btn-white:hover {
  background-color: #18422e;
  color: #ffffff !important;
}
/* Below Header */
#g-below-header {
  background-image: url('https://rebhuideenvelle.co.za/wp-content/uploads/below-header-bg.jpg') !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-attachment: fixed !important;
}
#black-studio-tinymce-2 h2 {
  color: #ffffff;
}
#black-studio-tinymce-2 p {
  color: #ffffff;
  line-height: 140%;
}
#black-studio-tinymce-2 .text-block {
  max-width: 90%;
  margin: auto;
}
a.read-more-btn-gold {
  display: block;
  margin: auto;
  padding: 10px 20px;
  width: 25%;
  background-color: #daae5a;
  text-align: center;
  color: #ffffff;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 20px;
  box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.35);
  margin-top: 50px;
  margin-bottom: 40px;
  transition: ease-in-out 0.3s;
}
a.read-more-btn-gold:hover {
  background-color: #ffffff;
  color: #18422e;
}
a.download-btn-gold {
  display: block;
  margin: auto;
  margin-top: auto;
  margin-bottom: auto;
  padding: 10px 20px;
  width: 65%;
  background-color: #daae5a;
  text-align: center;
  color: #ffffff;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 20px;
  box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.35);
  margin-top: 50px;
  margin-bottom: 40px;
  transition: ease-in-out 0.3s;
}
a.download-btn-gold:hover {
  background-color: #d5d5d5;
  color: #18422e;
}
/*#g-main  {
   background-image: url('https://28daeeetplan.co.za/wp-content/uploads/bg-01.jpg') !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
	background-attachment: fixed;
}
	/*

/* Main - Service Block */
h2.entry-title {
  display: none;
}
#service-block-01, #service-block-02, #service-block-03, #service-block-04 {
  width: 25%;
  height: 350px;
}
#service-block-01 p, #service-block-02 p, #service-block-03 p, #service-block-04 p {
  margin: 0px;
}
#service-block-01 .service-home-heading, #service-block-02 .service-home-heading, #service-block-03 .service-home-heading, #service-block-04 .service-home-heading {
  margin: 0px;
  font-size: 30px;
  font-weight: 600;
  line-height: 110%;
}
#service-block-01 .vc_column-inner, #service-block-02 .vc_column-inner, #service-block-03 .vc_column-inner, #service-block-04 .vc_column-inner {
  padding-right: 0px;
  padding-left: 0px;
}
#service-block-01:hover, #service-block-02:hover, #service-block-03:hover, #service-block-04:hover {
  opacity: 0.85;
}
.service-home-heading {
  position: absolute;
  bottom: 0px;
  background: black;
  /* Fallback color */
  background: rgba(225, 174, 21, 0.5);
  /* Black background with 0.5 opacity */
  color: #fff;
  width: 100%;
  padding: 20px;
  text-align: center;
  font-size: 40px;
  font-weight: 600;
}
.service-home-heading a {
  color: #ffffff;
  text-shadow: 1px 2px 2px rgba(40, 40, 40, 0.5);
}
.service-home-heading a:hover {
  color: #18412e;
}
#service-block-01 img, #service-block-02 img, #service-block-03 img, #service-block-04 img {
  vertical-align: middle;
  width: 100%;
  height: 350px;
  margin: 0 auto;
  padding: 0px;
  opacity: 1;
  transition: ease-in 0.3s;
}
/* Contact Us Section */
#g-after-main-03 {
  background: url('https://rebhuideenvelle.co.za/wp-content/uploads/Contact-Section-Bg.jpg') !important;
  position: relative;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-attachment: scroll !important;
  border-top: solid 5px #ffffff;
}
#black-studio-tinymce-6 {
  color: #ffffff;
  padding-bottom: 0px;
}
#black-studio-tinymce-6 h2 {
  margin: 0 auto;
}
#black-studio-tinymce-7.contact-left-column {
  width: 48%;
  float: left;
  padding: 15px;
}
#black-studio-tinymce-8.contact-right-column {
  width: 48%;
  float: left;
  padding: 15px;
  color: #ffffff;
  line-height: 130%;
}
#black-studio-tinymce-8 .textwidget {
  margin-top: 10px;
}
a.contact-link {
  color: #daae5a;
  font-weight: 600;
  transition: ease-in 0.2s;
}
a.contact-link:hover {
  color: #ffffff;
  font-weight: 600;
}
input.wpcf7-form-control.wpcf7-submit {
  cursor: pointer;
  user-select: none;
  vertical-align: middle;
  white-space: nowrap;
  border: inherit;
  background-color: #daae5a;
  color: #18422e;
  padding: 15px 20px;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 20px;
  box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.35);
  transition: ease 0.3s;
}
input.wpcf7-form-control.wpcf7-submit:hover {
  background-color: #ffffff;
  color: #18422e;
}
/* Footer Section */
#g-footer {
  background: #fff;
  color: #252525;
  padding: 5px 10px 20px 10px;
}
#g-footer .g-container .g-content {
  margin: 0px;
  padding: 0px;
}
#g-footer #black-studio-tinymce-10 .textwidget {
  margin-top: 45px;
}
#black-studio-tinymce-11 {
  text-align: center;
}
/* What is Veg Leather Tanning? */
#black-studio-tinymce-14 {
  color: #ffffff;
  line-height: 130%;
  max-width: 90%;
  margin: 0 auto;
}
#black-studio-tinymce-14 h2 {
  margin-bottom: 35px;
}
/* Products - Veg Tan Page */
#veg-tan-row-01 ul, #veg-tan-row-02 ul, #veg-tan-row-03 ul, #veg-tan-row-04 ul, #veg-tan-row-05 ul, #veg-tan-row-06 ul, #veg-tan-row-07 ul, #veg-tan-row-08 ul {
  line-height: 140%;
}
#veg-tan-row-02 {
  background-image: url('https://rebhuideenvelle.co.za/wp-content/uploads/below-header-bg.jpg') !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-attachment: fixed !important;
  border-top: 3px solid #daae5a;
  color: #ffffff;
}
#veg-tan-row-04 {
  background-image: url('https://rebhuideenvelle.co.za/wp-content/uploads/Contact-Section-Bg.jpg') !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-attachment: fixed !important;
  border-top: 3px solid #daae5a;
  color: #ffffff;
}
#veg-tan-row-06 {
  background-image: url('https://rebhuideenvelle.co.za/wp-content/uploads/header-bg.jpg') !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-attachment: fixed !important;
  border-top: 3px solid #daae5a;
  color: #ffffff;
}
#veg-tan-row-08 {
  background-image: url('https://rebhuideenvelle.co.za/wp-content/uploads/below-header-bg.jpg') !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-attachment: fixed !important;
  border-top: 3px solid #daae5a;
  color: #ffffff;
}
/* Accessories Page */
#accessories-row-02 {
  background-image: url('https://rebhuideenvelle.co.za/wp-content/uploads/below-header-bg.jpg') !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-attachment: fixed !important;
  border-top: 3px solid #daae5a;
  color: #ffffff;
}
#accessories-row-04 {
  background-image: url('https://rebhuideenvelle.co.za/wp-content/uploads/Contact-Section-Bg.jpg') !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-attachment: fixed !important;
  border-top: 3px solid #daae5a;
  color: #ffffff;
}
/* Product Contact Forms */
.wpcf7-form-control-wrap {
  color: #626262;
}
.wpb_text_column.wpb_content_element.product-contact-form {
  padding: 5px 15px;
}
/* Responsive */
@media screen and (max-width: 1099px) {
  #service-block-01 .service-home-heading, #service-block-02 .service-home-heading, #service-block-03 .service-home-heading, #service-block-04 .service-home-heading {
    margin: 0px;
    font-size: 25px;
    font-weight: 600;
    line-height: 110%;
  }
}
@media screen and (max-width: 960px) {
  #service-block-01, #service-block-02, #service-block-03, #service-block-04 {
    width: 50%;
    height: 350px;
  }
}
@media screen and (max-width: 768px) {
  #service-block-01, #service-block-02, #service-block-03, #service-block-04 {
    width: 100%;
    height: 350px;
  }
  #black-studio-tinymce-5, #black-studio-tinymce-12 {
    width: 100%;
    float: left;
    padding: 5px 15px;
  }
  #black-studio-tinymce-12 {
    margin-top: 30px;
  }
  #g-header .g-container {
    width: 90%;
  }
  #g-below-header .g-container {
    width: 90%;
  }
  #g-after-main-03 .g-container, #g-footer .g-container {
    width: 90%;
  }
  a.read-more-btn-gold {
    display: block;
    margin: auto;
    margin-top: auto;
    margin-bottom: auto;
    padding: 10px 20px;
    width: 50%;
  }
  #g-below-header {
    padding-bottom: 30px;
  }
  #veg-tan-row-01 ul, #veg-tan-row-02 ul, #veg-tan-row-03 ul, #veg-tan-row-04 ul, #veg-tan-row-05 ul, #veg-tan-row-06 ul, #veg-tan-row-07 ul, #veg-tan-row-08 ul {
    line-height: 140%;
    padding: 5px 10px;
    max-width: 65%;
    margin: 0 auto;
  }
}
@media screen and (max-width: 680px) {
  #black-studio-tinymce-7.contact-left-column {
    width: 100%;
    float: left;
    padding: 15px;
  }
  #black-studio-tinymce-8.contact-right-column {
    width: 100%;
    float: left;
    padding-bottom: 35px;
    color: #ffffff;
    line-height: 130%;
    text-align: center;
    margin-top: 0px;
  }
  #service-block-01, #service-block-02, #service-block-03, #service-block-04 {
    width: 100%;
    height: 350px;
  }
}
@media screen and (max-width: 570px) {
  #black-studio-tinymce-2 h2 {
    line-height: 120%;
  }
  #black-studio-tinymce-14 h2 {
    margin-bottom: 35px;
    line-height: 120%;
  }
}
@media screen and (max-width: 480px) {
  a.read-more-btn-white {
    display: block;
    padding: 10px 5px;
    width: 55%;
    margin: 0 auto;
  }
}
/*# sourceMappingURL=custom.css.map */