/*
 Theme Name:   Divi Child
 Theme URI:    http://divi.space/
 Description:  A Child Theme built for Divi on Divi Space
 Author:       Cool Design Digital Agency
 Author URI:   http://cooldesign.co.za
 Template:     Divi
 Version:      1
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
*/
/* =========================================================================================== 
   LOVE MY WORLD
/* =========================================================================================== */
/* GENERAL STYLING */

/* FIX WORDPRESS 5.7 SPACING PROBLEM
================================================================== */
body p:empty:before {
    content: none;
}

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

/* BUTTONS ALONGSIDE ONE ANOTHER
================================================================== */
.button-inline .et_pb_button_module_wrapper {
display: inline-block !important;
/* padding-bottom: 20px; */
margin: 0 10px 0 0;
}
.button-inline {
    text-align: center !important;
}


/* Shadow on hover over blurbs
------------------------------------------------------------*/ 
.blurb:hover {
/* background-color: #ffffff; */
 box-shadow: 0px 1px 18px rgba(23, 23, 23, 0.5);
 -moz-box-shadow: 0px 1px 18px rgba(23, 23, 23, 0.5);
 -webkit-box-shadow: 0px 1px 18px rgba(23, 23, 23, 0.5); 
  opacity:.75; 
}

/* Active menu item - blue color (not working by default)
------------------------------------------------------------*/ 
#top-menu li.current-menu-ancestor > a,
#top-menu li.current-menu-item > a {
    color: #8ac8f2 !important;
}

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

/* Increase sub-menu width - this is the sub-menu text width
----------------------------------------------------------------------------- */
#top-menu li li a {
	padding: 3px 20px; 
	width: 310px;   /* was 210px */
}

/* Sub-menu background width
----------------------------------------------------------------------------- */
.nav li ul  {
	width: 350px;
}

