/*
Theme Name:     Divi Child
Description:    
Author:         PieterGrobler
Template:       Divi

(optional values you can add: Theme URI, Author URI, Version, License, License URI, Tags, Text Domain)
*/


/* COVER SLIDER START */
/* Set all this elements to 100% height, very important! */
.cover-active, .cover-active #page-container, .cover-active #et-main-area, .cover-active #main-content, .cover-active article.page, .cover-active .entry-content, .cover-active #cover-section .et_pb_slider, .cover-active #cover-section .et_pb_slides, .cover-active #cover-section .et_pb_slide, .cover-active #cover-section .et_pb_container {
min-height: 100%;
height: 100%;
padding: 0!important;
}

/* Set position to initial when boxed layout is set, fixes header position */
.cover-active.et_boxed_layout #page-container {
position: initial!important;
}

/* Prepare slide container for slide description vertical align */
.cover-active #cover-section .et_pb_container {
display: table;
}

/* Align the description on middle vertically (correctly) */
.cover-active #cover-section .et_pb_slide_description {
padding: 0;
display: table-cell;
vertical-align: middle;
}

/* Move dot controllers, in case they are used */
.cover-active #cover-section .et-pb-controllers {
bottom: 100px;
}
/* COVER SLIDER END */

/* BRAND IMAGE HOVER */
.sanlam img
{
content: url('http://demo.pietergrobler.co.za/Narrative/wp-content/uploads/2016/08/sanlam_active.png');
-webkit-transition: all 0.5s ease-in-out;
}

.sanlam img:hover 
{
content: url('http://demo.pietergrobler.co.za/Narrative/wp-content/uploads/2016/08/sanlam_hover.png');
-ms-transform: scale(1.1);
-webkit-transform: scale(1.1);
transform: scale(1.1);
-webkit-transition: all 0.5s ease-in-out;
}

.rcs img
{
content: url('https://narrativemedia.co.za/wp-content/uploads/2016/04/rcs-active.png');
-webkit-transition: all 0.5s ease-in-out;
}

.rcs img:hover 
{
content: url('https://narrativemedia.co.za/wp-content/uploads/2018/06/rcs-hover.png');
-ms-transform: scale(1.1);
-webkit-transform: scale(1.1);
transform: scale(1.1);
-webkit-transition: all 0.5s ease-in-out;
}

.jeep img
{
content: url('http://demo.pietergrobler.co.za/Narrative/wp-content/uploads/2016/08/jeep_active.png');
-webkit-transition: all 0.5s ease-in-out;
}

.jeep img:hover 
{
content: url('http://demo.pietergrobler.co.za/Narrative/wp-content/uploads/2016/08/jeep_hover.png');
-ms-transform: scale(1.1);
-webkit-transform: scale(1.1);
transform: scale(1.1);
-webkit-transition: all 0.5s ease-in-out;
}

.builders img
{
content: url('http://demo.pietergrobler.co.za/Narrative/wp-content/uploads/2016/08/builders_hover.png');
-webkit-transition: all 0.5s ease-in-out;
}

.builders img:hover 
{
content: url('http://demo.pietergrobler.co.za/Narrative/wp-content/uploads/2016/08/builders_active.png');
-ms-transform: scale(1.1);
-webkit-transform: scale(1.1);
transform: scale(1.1);
-webkit-transition: all 0.5s ease-in-out;
}
/* BRAND IMAGE HOVER */

/*------------------------------------------------*/
/*-------[Float and Image Between Sections]-------*/
/*------------------------------------------------*/
 
/* remove all padding in section */
    .logo-spacer-section { padding:0px; margin:0 0 -40px 0;}
    .logo-spacer-section .et_pb_row, .logo-spacer-section .et_pb_section  { padding: 0px;}
 
/* logo under header */
    #logo-under-header {padding: 0px; margin: 0px;}
    #logo-under-header img {margin-top:-105px; width: 150px; z-index: 1; position: relative;}
 
/* logo under standard sections */
    #logo-spacer {padding: 0px; margin: 0px;}
    #logo-spacer img {margin-top: -55px; width: 100px; z-index: 1; position: relative;}

/*6col layout*/
.6grid {
     float:left;     width: 16.66%;
}


/*------------------------------------------------*/
/*-------[TEAM PICS]-------*/
/*------------------------------------------------*/\

.neal img
{
content: url('http://demo.pietergrobler.co.za/Narrative/wp-content/uploads/2016/08/Neal_1.jpg');
}

.neal img:hover 
{
content: url('http://demo.pietergrobler.co.za/Narrative/wp-content/uploads/2016/08/Neal_2.jpg');
}


/*------------------------------------------------*/
/*-------[Sidebar Styling]-------*/
/*------------------------------------------------*/\

#sidebar { background-color: #000000; }