/*---------------------------------------------------------------------------------

 Theme Name:   Preferra Policyholder Child
 Theme URI:    https://policyholder.naswassurance.org
 Description:  A child theme for the Preferra Policyholder Site
 Author:       Clayton Design Group
 Author URI:   https://claytondesigngroup.com
 Template:     Divi
 Version:      3.1.3
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

Add custom CSS below the line. DO NOT EDIT ABOVE apart from updating the version number.
Make sure to update the version line above each time this file is updated.

------------------------------ ADDITIONAL CSS HERE ------------------------------*/

#main-header {
box-shadow: 0 0px 0;
-moz-box-shadow: 0 0px 0;
-webkit-box-shadow: 0 0px 0; 
}
#logo {
 max-height: 200% !important;
 border-radius: 5px;
 margin-top: 15px;
 z-index: 100000; 
}
#top-menu li > a:after {
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
#top-menu li:hover > a:after {
-ms-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}

/* WP Forms Customization */
div.wpforms-container-full .wpforms-form input[type=submit], 
div.wpforms-container-full .wpforms-form button[type=submit] 
{background-color: #a8ca59!important; /* background */
	border: 2px solid #a8ca59!important; /* border */
	width: 100%;
	color: #ffffff!important; /* text color */
	font-family: oswald!important; /* text font */
	font-size: 18px;
	font-weight: 400; /* add style */
	text-transform: uppercase; /* Make letters uppercase */
	letter-spacing: 1px; /* space between letters */
}

div.wpforms-container-full .wpforms-form input[type=submit]:hover, 
div.wpforms-container-full .wpforms-form input[type=submit]:active, 
div.wpforms-container-full .wpforms-form button[type=submit]:hover, 
div.wpforms-container-full .wpforms-form button[type=submit]:active, 
div.wpforms-container-full .wpforms-form .wpforms-page-button:hover, 
div.wpforms-container-full .wpforms-form .wpforms-page-button:active {
    background-color: #ca596f; /* background */
    border: 4px solid #ca596f; /* border */
	color: #ffffff; /* text color */
}

/* ###### SIDEBAR MENU  ###### */

/* ###### Background color menu item ###### */
.et_pb_widget_area .menu .menu-item {
	background-color: #a8ca59;
	}

/* ###### Text color menu item ###### */
.et_pb_widget_area .menu .menu-item a {
	color: #ffffff;
}

/* ###### Background hover ###### */
.et_pb_widget_area .menu .menu-item:hover {
	background-color: #ca596f;;
}

/* ###### Text color hover ###### */
.et_pb_widget_area .menu .menu-item:hover a {
	color: #ffffff;
}

/* ###### Background color active menu item ###### */
.et_pb_widget_area .menu .current-menu-item {
	background-color: #5a59ca;
}

/* ###### Text color active menu item ###### */
.et_pb_widget_area .menu .current-menu-item a {
	color: #ffffff !important;
}

/* ###### Widget menu title size ###### */
.widget_nav_menu h4 {
	font-weight: normal !important;
        margin-bottom: 10px;
        font-size: 28px !important;
}

@media all and (max-width: 980px) {
.et_pb_column .et_pb_widget.widget_nav_menu {
	width: 100% !important;
}}

.et_pb_widget_area .menu .menu-item {
	padding: 10px 20px 10px 20px;
	-webkit-transition: all .3s ease-out;
        -moz-transition: all 0.3s ease-out;
        -ms-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
}

.et_pb_widget_area .menu .menu-item a {
	-webkit-transition: all .3s ease-out;
	 -moz-transition: all 0.3s ease-out;
        -ms-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
}

/*** Dot Navigation Style ***/

#top-header li > a:after {
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
#top-header li:hover > a:after {
-ms-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}