/*
 Theme Name:   Divi Child
 Theme URL:    http://cooldesign.co.za
 Description:  A Child Theme built for Divi
 Author:       Cool Design Digital Agency
 Author URL:   http://cooldesign.co.za
 Template:     Divi
 Version:      1
 License:      GNU General Public License v2 or later
 License URL:  http://www.gnu.org/licenses/gpl-2.0.html
*/
/* =========================================================================================== 
   INS MINERALS
/* =========================================================================================== */
/* GENERAL STYLING */

/* LINK UNDERLINE ON HOVER
================================================================== */
/* Underline on hover
------------------------------------------------------------------ */ 
.link-hover-underline a:hover {
	border-bottom: solid 2px;
}

/* PUT A RED LINE AND SHADOW ABOVE THE COOKIE POPUP BAR
================================================================== */
#cookie-law-info-bar {
	border-top: 5px solid #fc0202 !important;  /* logo red */
	padding-bottom: 25px !important;	
	-webkit-box-shadow: 0px -5px 20px 1px rgba(201,201,201,1);
	-moz-box-shadow: 0px -5px 20px 1px rgba(201,201,201,1);
	box-shadow: 0px -5px 20px 1px rgba(201,201,201,1);
}

.cli_messagebar_head {
	color: #333333 !important;
}

/* LOGO SIZE CONTROL ======================================================== */
/* Keep logo from getting too small on tablets 
---------------------------------------------------------------------------- */
#logo {
    max-height: 100%;
    margin-top: 0px; 
}


@media only screen and ( max-width: 1100px ) {
    #logo { 
    	margin-top: 0px;
    	max-height: 80%;
    }
} 

/* Right align top menu Phone and Email details
------------------------------------------------------- */
@media only screen and (min-width: 768px) {
    #et-info { float:right !important; }
}


/* SCROLL TO TOP BUTTON  ======================================================== */
/* Scroll to top button colour 
---------------------------------------------------------------------------- */
.et_pb_scroll_top.et-pb-icon {
	background: rgba(224, 75, 75, 0.9) none repeat scroll 0 0;
}



/* IMAGE HOVER EFFECTS ======================================================== */

/* Grow 
------------------------------------------------------------------------------ 
.img-hover-effect {
	transform: translateZ(0);
	transition-duration: 0.3s;
	transition-property: transform;
}

.img-hover-effect:hover {
	transform: scale(1.02);
	box-shadow: 7px 7px 7px #999999;
	border-color: #fafafa;
} */


/* MENU ITEMS ================================================================ */

/* PAINT A TOP-BORDER ABOVE THE MAIN MENU - DISABLED IN THIS THEME
------------------------------------------------------------------------------ 
#main-header {
	border-top: 3px solid #d6031c;
} */

/* PAINT A BOTTOM-BORDER BELOW THE MAIN MENU
------------------------------------------------------------------------------ 
#main-header {
	border-bottom: 10px solid #d6031c;
} */


/* MAIN HEADER BOTTOM BORDER SHADOW
------------------------------------------------------------------------------ 
#main-header {
	-webkit-box-shadow: 0 0px 0 0 rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 0px 0 0 rgba(0, 0, 0, 0.1);
	box-shadow: 0 0px 0 0 rgba(0, 0, 0, 0.1);
} */

/* Original code ----------
#main-header {
	-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
	box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
} /*


/* MENU HOVER COLORS - WHITE
------------------------------------------------------------------------------ 
#top-menu-nav #top-menu a:hover,
#mobile_menu_slide a:hover { 
    color: #ffffff !important; 
    opacity:1 !important;
} */

/* Menu hover colors - white underlined (top menu) and red for main menu
------------------------------------------------------------------------------*/
#top-menu-nav > ul > li > a:hover,
#et-secondary-menu > ul > li > a:hover,
#et-info-email:hover,
.et-social-icons a:hover {
	color: #ffffff;
	text-decoration: underline;
	opacity: 1.0; 
	font-weight: bold;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out; 
}
#top-menu-nav #top-menu a:hover { 
	color: red !important; 
	text-decoration: none;
}

#top-menu li li a:hover {
	color: red !important; 
	background-color: #ffffff;
	opacity: 1.0; 
	font-weight: bold;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out; 
}

#top-menu li li a  {
	font-size: 14px;
	line-height: 1.4em;
}


/* Show 'Download' icon on top menu items
------------------------------------------------------------------------------*/
@media all and (min-width: 981px) {
   selector { font-family: 'ETmodules'; }
   .menu-icons a { padding-left: 20px;  }
   .menu-icons a:before { font-family: 'ETmodules'; position: absolute; }
   #top-header .menu-icons a:before { left: 0px; top: 0px; }
   /********************* MENU ICONS ***************************/
   /*** DOWNLOAD ***/ .icon_download a:before { content: "\e092"; }
}


/* Increase sub-menu width
------------------------------------------------------------------------------------------------------ 
#top-menu li li a {
	padding: 3px 20px; 
	width: 230px;  */
/*         was 210px wide  
}  */


/* MISCELLANEOUS ITEMS ======================================================= */

/* FOOTER LINKS HOVER COLOUR
------------------------------------------------------------------------------*/
.footer-link-style a:hover  {
	color: #53e2eb ;
	text-decoration: underline;
	font-weight: bold; 
	opacity: 1.0
}

/* CHANGE LINKS-HOVER COLOUR - DISABLE FOR NOW
------------------------------------------------------------------------------ */
/*  Old color: #e2e2e2; 
    Old color: #d6031c   previous red */

a:hover {
	color: #b82626   /* deeper red */
} 

/* LINK UNDERLINE ON HOVER - WHITE LINK
----------------------------------------------------------------- */
.link-hover-underline-white a {
	color: #fff !important;
}

.link-hover-underline-white a:hover {
	text-weight: 800;
	border-bottom: solid 2px;
}

/* UL ENTRY-CONTENT DEFAULT
------------------------------------------------------------------------------ */
.entry-content ul li {
	list-style-type: square;
    padding-left: 10px;
    margin-bottom: 10px;
    line-height: 1.3em !important; 
}

/*  BULLET IMAGE - RED SQUARE 
------------------------------------------------------------------------------*/
.red-bullet  {
	list-style-image: url("/wp-content/uploads/2017/06/bullet.png"); 
}

.red-bullet-ind  {
	list-style-image: url("/wp-content/uploads/2017/06/bullet.png"); 
	margin-left: 20px;
}


/* RED TICK ICON BULLET
------------------------------------------------------------------------------*/
ul.red_tick li {
	list-style: none;
	list-style-position: outside;
}

ul.red_tick li:before {
	font-family: 'ETmodules';
	content: "\4e";
	font-size: 16px;
	font-weight: 700;
	color: red;
	padding-right: 8px;
	margin-left: -26px
}



/* RED BUTTON
------------------------------------------------------------------------------*/
.button-red {
/*	background-color: #b82626; */
	background-color: #eb1e23;
	border: none;
	border-radius: 5px;
	box-shadow: none;
	color: #000000;
	cursor: pointer;
	padding: 5px 8px;
	width: auto;
}

.button-red:hover {
/*	background-color: #eb1e23; */
	background-color: #fd2227;
	color: fff;
	text-decoration: none !important;
	font-weight: bold;
}


/* BLUE BUTTON
------------------------------------------------------------------------------*/
.button-blue {
	background-color: #2f9ef9; /* light blue */
	border: none;
	border-radius: 5px;
	box-shadow: none;
	color: #000000;
	font-weight: bold;
	cursor: pointer;
/*	padding: 5px 8px;  */
	padding: 8px 23px 8px 23px;
	width: auto;
}

.button-blue:hover {
	background: #ffffff;
	border: solid 2px #2f9ef9; /* light blue */
	color: #2f9ef9 !important;
	text-decoration: none !important;
	font-weight: bold;
}

/* PALE RED BUTTON
------------------------------------------------------------------------------*/
.button-pale-red  {
	background-color: #e04b4b;
	border: none;
	border-radius: 5px;
	box-shadow: none;
	color: #000000;
	font-weight: bold;
	cursor: pointer;
	padding: 8px 23px 8px 23px;
/*	width: auto; */
}

.button-pale-red:hover {
	background: #ffffff;
	border: solid 2px #e04b4b;
	color: #e04b4b !important;
	text-decoration: none !important;
	font-weight: bold;	
}

/* DRAW A HORIZONTAL LINE
------------------------------------------------------------*/ 
div.hr  {
	background: #4D70D7  no-repeat scroll center;
	width:100%;
	height: 4px;
}

div.hr hr {
	display: none;
}


/* RED VERTICAL DIVIDER FOR FOOTER 
------------------------------------------------------------*/ 
.v-divider   {
	color: #d6031c;
}


/* BLURBS & IMAGES EFFECTS ====================================== */

/* BOX SHADOW ON BLURBS
------------------------------------------------------------*/ 
.blurb  {
	box-shadow: 1px 1px 3px #d2d2d2;
}


/* BLURB - BIGGER BOX SHADOW ON HOVER - GREY
------------------------------------------------------------*/ 
.blurb:hover {
/*	background-color: #ffffff; */
	box-shadow: 0px 1px 18px rgba(23, 23, 23, 0.4);
	-moz-box-shadow: 0px 1px 18px rgba(23, 23, 23, 0.4);
	-webkit-box-shadow: 0px 1px 18px rgba(23, 23, 23, 0.4); 
}

/* BLURB HOVER EFFECT - GROW
------------------------------------------------------------------------------ */
@media only screen and ( min-width: 980px ) {
	.blurb-hover-effect {
		transform: translateZ(0);
		transition-duration: 0.3s;
		transition-property: transform;
	}

	.blurb-hover-effect:hover {
		transform: scale(1.05);
	}
}


/* IMAGE HOVER EFFECT - GROW
------------------------------------------------------------------------------ */
@media only screen and ( min-width: 980px ) {
	.img-hover-effect {
		transform: translateZ(0);
		transition-duration: 0.3s;
		transition-property: transform;
	}

	.img-hover-effect:hover {
		transform: scale(1.03);
		box-shadow: 3px 3px 7px #999999;
		border-color: #fafafa;
	}
}


/* VERTICAL CENTRE ALIGNMENT ====================================== */

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


/* COLLAPSE-O-MATIC
------------------------------------------------------------ 
.collapseomatic {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

.collapseomatic_content {
	border: 0 0 0 0;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}  */


/* Collapse-o-Matic
------------------------------------------------------------*/ 
.collapseomatic {
/*	Background-color: #d5d5d5; */
	Background-color: #e1e1e1; 
	font-family: Calibri,Helvetica,sans-serif;
/*	color: #046a9f; */
	color: #2468A5;
/*	font-size: 16px; */
	font-size: 18px;
/*	padding: 0px 0px 0 30px; */
	padding: 5px 0px 5px 30px;
	text-decoration: none;
	margin-bottom: -15px;
}

.collapseomatic_content {
/*	Background-color: #f3f3f3; */
	Background-color: #ffffff;
	margin: 0 0 0 0;
	border-style: none solid none solid;
	border-width: 30px;
/*	border-color: #f3f3f3; */
	border-color: #ffffff;
	padding: 10px 0 0 0;
}


/* GRAVITY FORMS ========================================================================= */

/* Submit Button Gravity Forms
------------------------------------------------------------------------------------------ */
body #gform_wrapper_1 .gform_footer input[type=submit],
body #gform_wrapper_2 .gform_footer input[type=submit]  { 
	width: 95%;
}

body .gform_wrapper .gform_footer input[type=submit] { 
	color: #ffffff;
	background: #e04b4b;
	font-size: 15px;
	font-weight: bold;
	letter-spacing: 1px;
	float:left; 
	margin-left: 10px; 
	height: 35px; 
	min-width: 150px; 
	border: none;
	border-radius: 4px;
}

body .gform_wrapper .gform_footer input:hover[type=submit] {
	background: #ffffff;
	border: solid 2px #e04b4b;
	color: #e04b4b !important;
}


/* GIVE GRAVITY FORM BOXES ROUNDED CORERS
------------------------------------------------------------ */

body .gform_wrapper .gform_body .gform_fields .gfield input[type="text"], body .gform_wrapper .gform_body .gform_fields .gfield input[type="email"], body .gform_wrapper .gform_body .gform_fields .gfield input[type="url"], body .gform_wrapper .gform_body .gform_fields .gfield input[type="tel"], body .gform_wrapper .gform_body .gform_fields .gfield input[type="password"], body .gform_wrapper .gform_body .gform_fields .gfield select, body .gform_wrapper .gform_body .gform_fields .gfield textarea {
	background-color: #fff;
	color: #333;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px; 
	box-shadow: 1px 1px 3px #d2d2d2;
}


/* GIVE ITEMS ROUNDED CORNERS
------------------------------------------------------------ */
.rounded-corners  {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
} 


/* Place an overlay of maps to prevent pointer events getting to them.  A click will activate the map
------------------------------------------------------------------------------------------------------ */
.map {
	width:100%;
	height:600px;	
}


.map-wrap {
	position:relative; 
}
	
.overlay {
	width:100%;
	min-height:600px; 
	position:absolute; 
	top:0;
}


/* TABLE WITH BLUE BORDERS ====================================== */

.blue-bordered-table td,
.blue-bordered-table tr  {
	border: 2px solid #2468a5;
} 

.blue-bordered-table th  {
	background-color: #2468a5;
	color: #ffffff!important; 
	font-weight: bold !important;
}

.gold-shade:td  {
	background-color: #ffeb5a !important;
}

/* MYBLURB
 ============================================================================================== */
.myblurb img {
/*    border: 2px solid #409cc7; */
	border: 2px solid #a6a6a6;
    border-radius: 50%;
    margin-top: -150px;
    margin-bottom: -30px;
}