/*
Theme Name: COLEwebdev Child Theme
Theme URI: https://www.colewebdev.com
Description: COLEwebdev Child Theme
Author: COLEwebdev
Author URI: https://www.colewebdev.com
Template: Divi
Version: 1.0
*/

/* Start your custom CSS bellow this comment
============================================ */
/* Change the hamburger to X when opened */
.page-id-118 .mobile_nav.opened .mobile_menu_bar:before {
    content: '\4d';
}

#top-menu > li:last-child > a {
background: #2A2F7C; /* Add border to last menu item */
color: #ffffff !important; /* Change current menu text color */
padding: 8px 12px !important; /* Change last menu item background color */
}
#top-menu > li:last-child > a:hover {
border: 2px solid #2A2F7C; /* Change background hover animation */
opacity: 1; /* Remove hover opacity standard animation */
}
#top-menu li.current-menu-item > a {
color: #2A2F7C !important; /* Change current menu text color */
padding: 8px 12px !important; /* Change current menu item padding */
border: 2px solid #2A2F7C; /* Change background hover animation */
}
#top-menu li a {
margin-bottom: 5px !important; /* Play with this margin to fix menu height */
}
/* Mobile */
.et_mobile_menu > li:last-child > a {
border: 2px solid #2A2F7C1;
}
.et_mobile_menu > li:last-child > a:hover {
background: #2A2F7C; 
opacity: 1;
}

#footer-info {
    text-align: center!important;
    float: none!important;
}

/* Hide Divi Main Navigation Menu */
#main-header { display:none; }
#page-container { 
	padding-top:0px !important; 
	margin-top:-1px !important 
}


/* Hide Divi Main Navigation Menu on mobile screen size only */
@media (min-width: 768px) {
#main-header { display:none; }
#page-container {
padding-top:0px !important;
margin-top:-1px !important
}
}

/* Place the word MENU after the mobile hamburger */
.page-id-45 .mobile_menu_bar:after {
    content: 'MENU';
    position: relative !important;
    bottom: 9px;
    left: 1%;
    color: #ffffff!important;
}

/* Place the word MENU after the mobile hamburger */
.page-id-169 .mobile_menu_bar:after {
    content: 'MENU';
    position: relative !important;
    bottom: 9px;
    left: 1%;
    color: #ffffff!important;
}

/* Change the hamburger to X when opened */
.page-id-45 .mobile_nav.opened .mobile_menu_bar:before {
    content: '\4d';
}

/* Place the word MENU after the mobile hamburger */
.page-id-118 .mobile_menu_bar:after {
    content: 'MENU';
    position: relative !important;
    bottom: 9px;
    left: 1%;
    color: #2a2f7c!important;
}