/* Set Header inner container max width to 900px */
.container.clearfix.et_menu_container {
	width: 100%;
	max-width: 900px;
}

/* Remove border top of mobile dropdown menu */
.et_mobile_menu {
	border-top: none;
}

/* Add more spacing between each item in the header (default: 22px) */
#top-menu li {
    padding-right: 40px;
}


/* Set Header font weight to 400 */
ul#top-menu li a {
	font-weight: 400;
}

/* Set the header font of the current page link to bold */
#top-menu .current_page_item a {
    font-weight: bold;
}

/* Contact Form Success Message Design */
.et-pb-contact-message p {
	background: #25ff0024;
    padding: 32px 24px !important;
    font-family: "Montserrat";
    font-size: 16px;
    line-height: 1.7em;
    text-align: center;
    border-radius: 7px;
}

/* Mobile Collapsible effect */
.et_pb_menu .et_mobile_menu .menu-item-has-children > a,
#main-header .et_mobile_menu .menu-item-has-children > a {
    background-color: transparent;
    position: relative;
}

/* Add the plus (+) as indicator of dropdown/collapsible */
.et_pb_menu .et_mobile_menu .menu-item-has-children > a:after, 
#main-header .et_mobile_menu .menu-item-has-children > a:after {
    font-family: 'ETmodules';
    text-align: center;
    font-weight: 600;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    position: absolute;
    font-size: 18px;
    content: '\4c';
    top: 11px;
    right: 13px;
}

/* Close icon (X) mark as indicator to close the dropdown */
.et_pb_menu .et_mobile_menu .menu-item-has-children.visible > a:after,
#main-header .et_mobile_menu .menu-item-has-children.visible > a:after {
    content: '\4d';
}

.et_pb_menu .et_mobile_menu ul.sub-menu,
#main-header .et_mobile_menu ul.sub-menu,
.et-db #et-boc .et-l .et_pb_menu .et_mobile_menu li ul.sub-menu {
    display: none !important;
    visibility: hidden !important;
    opacity: 0;
    transition: opacity 0.5s, display 0.5s allow-discrete;
    opacity: 1;
}
.et_pb_menu .et_mobile_menu li.visible > ul.sub-menu,
#main-header .et_mobile_menu li.visible > ul.sub-menu,
.et-db #et-boc .et-l #main-header .et_mobile_menu li.visible > ul.sub-menu,
.et-db #et-boc .et-l .et_pb_fullwidth_menu .et_mobile_menu li.visible > ul.sub-menu,
.et-db #et-boc .et-l .et_pb_menu .et_mobile_menu li.visible > ul.sub-menu {
    display: block !important;
    visibility: visible !important;
}

body #pojo-a11y-toolbar {
    top: 44vh !important;
}


/* For accessibility icon */
.pojo-a11y-toolbar-overlay{
	width: 200px;
    max-height: 40vh;
    overflow: overlay;
}

/* Postion the icon in the bottom part when the accessibility is expanded */
.pojo-a11y-toolbar-toggle{
    bottom: 0;
}

@media screen and (max-width: 820px) {
    /* Add small spacing in the left and right side of the header from tablet to mobile */
    .container.clearfix.et_menu_container {
        padding: 0 5%;
    }

    /* Set menu item font weight to normal from tablet to mobile */
    #et-top-navigation {
        font-weight: 400;
    }
}