/*
 Theme Name:     Divi Child - Cover Projects
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Rawr Global Pte Ltd
 Author URI:     https://www.rawrglobal.com
 Template:       Divi
 Version:        1.0.0
*/
 
 
/* =Theme customization starts here
------------------------------------------------------- */


/* Page: Header */
/* Set the hamburger menu color */
header .mobile_menu_bar:before {
    color: black!important;
	font-size: 50px;
}

/* Page: Our Brands */
/* Set the smart slider arrow size */
div#n2-ss-2 .nextend-arrow img {
    width: 96px;
}

.slide-stuff .slick-prev:before {
    font-family: FontAwesome!important;
    content: "\f104"!important;
    color: black!important;
    font-size: 8vmin!important;
    -webkit-text-stroke: 0.6vmin #fff;
}

.slide-stuff .slick-next:before {
    font-family: FontAwesome!important;
    content: "\f105"!important;
    color: black!important;
    font-size: 8vmin!important;
    -webkit-text-stroke: 0.6vmin #fff;
}

.slide-stuff .slick-prev {
    left: 2.5%!important;
    z-index: 10;
}

.slide-stuff .slick-next {
    right: 3%!important;
    z-index: 10;
}


/* Page: Media */
/* Make blog module into list */
/*add media query so changes only affect tablet and desktop*/

@media (min-width: 767px) {

/*set the image width*/

.pa-blog-list .entry-featured-image-url  {
width: 30%;
float: left;
margin-bottom: 0!important;
}

/*set the details width*/

.pa-blog-list .entry-title,
.pa-blog-list .post-meta,
.pa-blog-list .post-content {
width: 70%;
float: left;
padding-left: 30px;
}
}


/* Page: About us */
/* Gallery Image thumbnail size */
/* Set the image gallery image widths */
/*image gallery item aspect ratio square 1:1*/
.pa-image-gallery-1-1 .et_pb_gallery_image {
  padding-top: 100%;
  display: block;
}

.pa-image-gallery-1-1 .et_pb_gallery_item img {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  object-fit: cover;
}

/* Page: Contact us */
/* Divi contact form error message color */
.et-pb-contact-message {
    color: white;
}

/* Page:Footer */
/* Divi contact form button align to left */
.pa-footer-form-1 .et_contact_bottom_container {
   	float: none;
	padding-top: 10px;
}