/*
 Theme Name:   Women in Voice Divi Child Theme
 description: >-
   A child theme of the Divi theme for use by Women in voice and it's chapters/users
 Author:       Jennie Stenhouse Romina Pankoke.
 Template:     Divi
 Version:      1.0.0
*/

.whiteHeader{
  color:white;
}
.wiv-button-blue{
  background: #29a4a8;
  border-radius: 20px;
  color:white;
}
.wiv-button-blue:hover{
  background: #29a4a8!important;
  border-radius:20px!important;
}
/*
 Theme Name:   Women in Voice Divi Child Theme
 description: >-
   A child theme of the Divi theme for use by Women in voice and it's chapters/users
 Author:       Jennie Stenhouse Romina Pankoke.
 Template:     Divi
 Version:      1.0.0
*/

.whiteHeader{
  color:white;
}
/*sets the colour of the dropdown hover*/
#top-menu li li a:hover { background-color:#cff8fa !important; }

/*makes images into circles*/
.circular img {
 border-radius: 50%;
}

.white{
	color:white!important;
}
/* button styling for light circle modules */
.lightCircle a.et_pb_button {
color: #ffffff!important;
border-radius: 20px;
background-color: #29a4a8;
}

.lightCircle:hover a.et_pb_button {
 opacity: 1 !important;
	background-color: #29a4a8!important;
 
}
/* button styling for dark circle modules */
.blueCircle a.et_pb_button {
color: #29a4a8!important;
border-radius: 20px;
background-color: #FFFFFF;
	font-size:16px;
}

.blueCircle:hover a.et_pb_button {
 opacity: 1 !important;
	background-color: #FFFFFF!important;
 
}


.whiteText{
	color:white!important;
	
}
/* top menu hover effect */
#top-menu .current-menu-item a::before,
#top-menu .current_page_item a::before {
 content: "";
 position: absolute;
 z-index: 2;
 left: 0;
 right: 0;
}
#top-menu li a:before {
 content: "";
 position: absolute;
 z-index: -2;
 left: 0;
 right: 100%;
 bottom: 50%;
 background: #29a4a8; /*** COLOR OF THE LINE ***/
 height: 3px; /*** THICKNESS OF THE LINE ***/
 -webkit-transition-property: right;
 transition-property: right;
 -webkit-transition-duration: 0.3s;
 transition-duration: 0.3s;
 -webkit-transition-timing-function: ease-out;
 transition-timing-function: ease-out;
}
#top-menu li a:hover {
 opacity: 1 !important;
}
#top-menu li a:hover:before {
 right: 0;
}
#top-menu li li a:before {
 bottom: 10%;
}

.whiteLink a{
	color:#fff!important;
}
@media only screen and (max-width: 980px) {
    .social-columns .et_pb_column {
    width: 16%!important;
			display:inline-block;
			margin-left:auto;
}
}
 
@media only screen and (max-width: 479px) {
    .social-columns .et_pb_column {
		width: 25%!important;
		display:inline-block;
		margin-left:auto;
}
}

.rv_button.closed:after {content:"\33";}
.rv_button.opened:after{content:"\32";}

.social-icons-bigger.et_pb_social_media_follow li a.icon::before {
width: 40px;
line-height: 40px;
font-size: 26px;
}
.social-icons-bigger.et_pb_social_media_follow li a.icon {
width: 40px;
height: 40px;
}
.four-colour-mobile .et_pb_column {
	width: 50%!important;
	display:inline-block;
	margin-left:auto;
}

.mobile_menu_bar:after {
 position: relative !important;
 content: 'MENU';
 bottom: 9px;
 left: 10%;
 color: #29a4a8;
}
.mobile_nav.opened .mobile_menu_bar:before {
 content: '\4d';
}
.mobile_nav.opened .mobile_menu_bar li.current-menu-item > a {
    color: #29a4a8; !important;
}
.et_mobile_menu li a:hover
{
     color: #29a4a8 !important;
     opacity:1 !important;
}
.mobile_nav ul#mobile_menu .current_page_item>a { 
	color: #29a4a8!important; background-color: rgba(255,255,255,0.1) }

.et-social-eventbright a.icon:before {
    content: "\e09c"
}
.et-social-meetups a.icon:before {
    content: "\e09c"
}
.social-media-follow-custom > .et_pb_social_network_link {
    display: inline-block;
	padding:10px;
}
.company_logo{
	width:250px;
	
}
.wiv_gf_button
{
	color: #ffffff!important;
	border-radius: 20px;
	background-color: #29a4a8;

	font-size: 20px;
	font-weight: 500;
	padding: .3em 1em;
	line-height: 1.7em!important;
	width:250px;
}
.wiv_gf_button:hover{
background-color: #29a4a8!important;
}
.wiv_gf_button:hover::after{
 content: attr(data-icon);
}
.wiv-apply-now
{
	color: #ffffff!important;
	border-radius: 20px;
	background-color: #29a4a8;

	font-size: 20px;
	font-weight: 500;
	padding: .3em 1em;
	line-height: 1.7em!important;
	width:250px;
	}
.wiv-apply-now:hover{
	background-color: #29a4a8!important;
}