/*
Theme Name:  African Mining Machines
Theme URI:   http://AfricanMiningMachines.richardgeorgedavis.com
Description: A child theme of Divi. This is a custom child theme created for Tambani Hydraulics.
Author:      Richard George Davis
Author URI:  http://luciditycreatives.com
Template:    Divi
Version:     1.0
*/

.et_pb_row.et_pb_row_fullwidth, .et_pb_specialty_fullwidth>.et_pb_row {
    width: 100%!important;
    max-width: 100%!important;
}


.wpDataTables {
  font-size: 93% !important;
}

.wpDataTables .dataTables_info, .wpDataTables .dataTables_filter {
 display: none;
}

.wpDataTablesWrapper table.wpDataTable thead th, .entry-content table, body.et-pb-preview #main-content .container table {
    text-align: center !important;
}


/*-- [ Change the Header Color On Mobile Devices ] --*/


/*-- Scroll Bar --

::-webkit-scrollbar {
  width: 8px;
}*/


/* Track

::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(46, 46, 46, 0.3);
  background: rgba(255, 247, 153, 0.2);
  -webkit-border-radius: 0px;
  border-radius: 0px;
}*/


/* Handle

::-webkit-scrollbar-thumb {
  -webkit-border-radius: 0px;
  border-radius: 0px;
  background: rgba(241, 90, 34, 1);
  -webkit-box-shadow: inset 0 0 6px rgba(46, 46, 46, 0.5);
}

::-webkit-scrollbar-thumb:window-inactive {
  background: #8d3038;
}*/


/*-- [ Vertically center any content in Divi ] --*/

.ds-vertical-align {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.ds-vertical-align {
  /* display: flex; */
  flex-direction: column;
  justify-content: center;
  flex: 0 0 auto;
  max-width: 100%;
  max-height: 100%;
  align-self: center;
  -webkit-align-self: center;
  margin: auto;
  object-fit: scale-down;
}


/*-- [ More Columns ] --*/

.ten-columns .et_pb_module {
  width: 10%;
  float: left;
padding: 2%;
}


@media (max-width:980px) {
  .ten-columns .et_pb_module {
    width: 20%;
  }
}

@media all and (max-width:767px) {
  .ten-columns .et_pb_module {
    width: 100%
  }
}


/*-- [ CALDERA CONTACT FORM ] --*/

.caldera-img {
  margin-top: -70px;
  padding-bottom: 30px;
}

.remodal {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  margin-bottom: 20px;
  padding: 30px 40px !important;
  border-radius: 6px;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  color: #2b2e38;
  background: #fff;
  vertical-align: middle;

}

.remodal-overlay {
  z-index: 99999 !important;
  background: rgba(0,0,0,0.75) !important;
}

.remodal-wrapper {
  position: fixed;
  z-index: 100000 !important;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  overflow: auto;
  text-align: center;
  -webkit-overflow-scrolling: touch;
}

.caldera-grid .col-sm-12 {
  float: none;
  text-align: center;
}

.caldera-grid .form-control {
  display: block;
  width: 100%;
  padding: 16px 12px;
  margin-bottom: 15px;
  font-size: 14px;
  color: #555;
  background-color: rgba(212, 212, 212, 0.22) !important;
  background-image: none;
  border-radius: 2px !important;
  border: none !important;
}

.caldera-grid .btn-default {
  color: #fff799 !important;
  background-color: #f15a22 !important;
  border: 1px solid #fff799 !important;
  width: 100%;
  height: 50px !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  border-radius: 4px !important;
  -moz-border-radius: 4px !important;
  -webkit-border-radius: 4px !important;
  transition: all 0.6s ease 0s;
  -webkit-transition: all 0.6s ease 0s;
  -moz-transition: all 0.6s ease 0s;
  -o-transition: all 0.6s ease 0s;
}

.caldera-grid .btn-default:hover, .caldera-grid .btn-default:focus, .caldera-grid .btn-default.focus, .caldera-grid .btn-default:active, .caldera-grid .btn-default.active, .open>.dropdown-toggle.caldera-grid .btn-default {
  color: #fff;
  background-color: #8d3038 !important;
  border-color: #fff799 !important;
  transition: all 0.6s ease 0s;
  -webkit-transition: all 0.6s ease 0s;
  -moz-transition: all 0.6s ease 0s;
  -o-transition: all 0.6s ease 0s;
}

.caldera-grid .form-control:focus {
  border-color: #ee474c !important;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(241,90,34,0.15), 0 0 15px rgba(241,90,34,0.3) !important;
  box-shadow: inset 0 1px 1px rgba(241,90,34,0.15), 0 0 15px rgba(241,90,34,0.3) !important;
  background-color: white !important;
}

#popup-booking-form {
  display: none;
}

@media only screen and (max-width: 680px) {
  .remodal {
    max-width: 100%;
    padding: 30px 20px !important;
  }
}

.form-submit input, .comment-reply-link {
  color: #fff !important;
}


/**************** CIRCULAR *********************/

.circular {
  text-align: -webkit-center;
}

.circular img {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
}

/*-- [ Horizontal Scroll-Bar Bug fix ] --*/

#page-container {
  overflow: hidden;
}


/*-- [ Custom blog - blog-image-below-title (script) ] --*/

@media only screen and ( min-width: 980px) {
  .blogcards .et_pb_column .et_pb_blog_grid[data-columns]::before {
    content: '2 .column.size-1of2' !important;
  }
  .blogcards .et_pb_column .column.size-1of2 {
    width: 47% !important;
    margin-right: 6%;
  }
}

@media only screen and ( max-width: 980px) {
  .blogcards .et_pb_column .et_pb_blog_grid[data-columns]::before {
    content: '2 .column.size-1of2' !important;
  }
  .blogcards .et_pb_column .column.size-1of2 {
    width: 100% !important;
    margin-right: 0%;
  }
}

.et_pb_post {
  margin-bottom: 8% !important;
}

.single .post {
  padding-bottom: 0px;
}

/*-- [ Custom blog - style the blog cards ] --*/

.blogcards .et_pb_blog_grid .et_pb_post {
  text-align: center;
}

#gridcard .category-sold {
  background: #9b9b9b !important;
}

#gridcard .category-sold p {
  color: #555;
}

.category-sold span.blog-cat-top a {
  background: #000;
  color: #fff;
}

.category-article span.blog-cat-top a {
  background: #1ecc61;
  color: #fff;
}

span.blog-cat-top a {
    font-size: 15px !important;
    padding: 5px 15px !important;
}

#gridcard #social-links, .post-content {
  display: none;
}

#gridcard .blog-p-meta span {
    font-size: 12px;
  color: #f15a22;

}

#gridcard .blog-p-meta {
    background: #fff799;
}



/*-- [ Custom blog - change-read-more-button-text ] --*/

.blogcards a.more-link {
  font-size: 14px;
  color: #fff !important;
  font-weight: 600;
  text-transform: uppercase;
  margin-top: 10px;
  margin-bottom: 5%;
  float: none;
  display: inline-block;
  padding: 8px 16px;
  background-color: #f15a22;
  border-radius: 60px;
  transition: transform 1.2s ease;
  -webkit-transition: transform 1.2s ease;
  -moz-transition: atransform 1.2s ease;
  -o-transition: transform 1.2s ease;
}

.blogcards a.more-link:hover {
  color: #fff799 !important;
  background-color: #8d3038;
  -ms-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.et_pb_blog_grid.custom_title h2 {
     padding: 10px !important;
}



/*-- [ Custom post - relocate-page-title-meta-comment (script) ] --*/

.et_pb_post h2 {
  color: #f15a22;
  text-transform: uppercase;
  padding: 2% 0 !important;
}

h1.entry-title {
  text-align: center;
  font-size: 48px;
  font-weight: 600;
  letter-spacing: 1px;
  padding: 5%;
  line-height: 100%;
}

.post-meta {
  text-align: center;
}

.single .et_pb_post {
    margin-bottom: 27px;
}

p.post-meta, .post-meta a {
  font-size: 20px !important;
}

.et_post_meta_wrapper {
  padding-top: 2% !important;
}

@media only screen and (max-width: 768px) {
  h1.entry-title {
    font-size: 48px;
  }
  .single.et_pb_pagebuilder_layout.et_full_width_page #main-content .container {
    max-width: 960px;
  }
  .single.et_pb_pagebuilder_layout.et_full_width_page .et_post_meta_wrapper {
    width: 100%;
    padding-top: 0px;
  }
  .et_pb_pagebuilder_layout .entry-content, .et_pb_pagebuilder_layout .et_pb_post .entry-content {
    padding: 0 0 0;
  }
}