/* AAPFCO 2016 PUBLIC SITE MENU CSS */

/*
Item Name : Responsive CSS3 Multi Drop Down Menu
Item URI : http://codecanyon.net/item/responsive-css3-multi-drop-down-menu/4124019
Author URI : http://codecanyon.net/user/Pixelworkshop
Version : 1.1
*/

/*

TABLE OF CONTENTS

01 MENU BAR
02 DROP DOWNS
03 MEDIA QUERIES
04 DESKTOP VERSION
05 MOBILE VERSION

*/

.page_wrapper {
    width: 100%;
    margin: 0 auto;
}

/* 01 MENU BAR */

.responsive_menu_container {
    width: 100%;
    margin: 0 auto;
    position: relative;
    z-index: 9999;
    color: #FFFFFF;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
	margin-bottom: 1%;
}

.responsive_menu_fixed {
    width: inherit;
    position: fixed;
	padding: 10px;
    /* IE7 Fix */
    *width:expression(this.parentNode.currentStyle['width']);
}

.responsive_menu_fixed a {
	padding: 0 1px;
	text-decoration: none;
}

.responsive_menu_fixed a:hover {
	color: #1D4107;
}

.responsive_menu_fixed a:active {
	color: #1D4107;
}

.responsive_menu_fixed a:visited {
	color: #E3E98D;
}

.responsive_menu_container a, .responsive_menu_container label {
    color: #EEEEEE;
    cursor: pointer;
    -webkit-transition:color .3s;
    -moz-transition:color .3s;
    -o-transition:color .3s;
    -ms-transition:color .3s;
    transition:color .3s;    
}

.responsive_menu a:hover, .responsive_menu_container label:hover {
    color: #FFFFFF;
}

.responsive_menu {
    width: 100%;
    list-style: none;
    margin: 0;
    padding: 0;
}

.responsive_menu:before, .responsive_menu:after {
    content: " "; 
    display: table; 
}

.responsive_menu:after {
    clear: both;
}

.responsive_menu li {
    position: relative;
    -webkit-transition:background .3s;
    -moz-transition:background .3s;
    -o-transition:background .3s;
    -ms-transition:background .3s;
    transition:background .3s;    
}

.responsive_menu > li {
    float: left;
    padding-right: 5px;
}

.responsive_menu li > .parent {
    background-image: url("img/downArrow.png");
    background-position: right;
    background-repeat: no-repeat;
}
.responsive_menu li > .parent_r {
    background-image: url("img/downArrow_r.png");
    background-position: 150px;
    background-repeat: no-repeat;
}
.responsive_menu li > .parent_l {
    background-image: url("img/downArrow_l.png");
    background-position: 150px;
    background-repeat: no-repeat;
}
.responsive_menu a {
    text-decoration: none;
    padding: 10px 15px;
}
.responsive_menu > li > a {
    display: block;
}

/* 02 DROP DOWNS */

.responsive_menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
    min-width: 170px;
    background: #7F8989; 
}
.responsive_menu li li a {
    display: block;
    position: relative;
    z-index: 100;
}
.responsive_menu li > label {
    display: block;
    padding: 10px 20px 10px 15px;
}
.responsive_menu .dropdown_trigger {
    display: block;
    position: absolute;
    cursor: pointer;
    width: 100%;
    margin: 0;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
}

/* 03 COLORS */

.responsive_menu_grey, .responsive_menu_grey .toggle_menu_label {
    background: #7F8989;
}

/* 04 DESKTOP VERSION */
/* First Level */

.responsive_menu li ul {
    position: absolute;
    top: 60px;
    left: -999em;
    opacity:0;
    visibility:hidden;
    display:none\9;
}

.responsive_menu li > ul {
    -webkit-transition: opacity .2s .2s ease-in-out, top .2s .2s ease-in-out;
    -moz-transition: opacity .2s .2s ease-in-out, top .2s .2s ease-in-out;
    -o-transition: opacity .2s .2s ease-in-out, top .2s .2s ease-in-out;
    -ms-transition: opacity .2s .2s ease-in-out, top .2s .2s ease-in-out;
    transition: opacity .2s .2s ease-in-out, top .2s .2s ease-in-out;
}
.responsive_menu li li > ul {
    -webkit-transition: opacity .2s .2s ease-in-out;
    -moz-transition: opacity .2s .2s ease-in-out;
    -o-transition: opacity .2s .2s ease-in-out;
    -ms-transition: opacity .2s .2s ease-in-out;
    transition: opacity .2s .2s ease-in-out;
}

/* Other Levels */

.responsive_menu li li ul, .responsive_menu li ul.dropdown_left {
    top:0;
}
.responsive_menu > li:hover {
    background: #1D4107;
}
.responsive_menu li li:hover {
    background: #91A66E;
}

/* Showing Drop Downs on Mouse Hover */

@media screen and (min-width: 768px) {

.responsive_menu > li:hover > ul {
    top:41px;
    left:auto;
    visibility:visible;
    opacity:1;
    z-index: 999;
    display:block\9;
}

.responsive_menu li li:hover > ul {
    left: 100%;
    visibility:visible;
    opacity:1;
    z-index: 999;
    display:block\9;
}

.responsive_menu li li:hover > ul.dropdown_left {
    left: -100%;
}

.toggle_menu, .toggle_menu_label {
    display: none;
}

}

/* 05 MOBILE VERSION */

@media screen and (max-width: 767px) {

.responsive_menu_container .responsive_menu {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.responsive_menu_container .toggle_menu_label {
    display: block;
    padding: 10px 15px;
    cursor: pointer;
    color:#FFFFFF;
}

.toggle_menu_label:after {
    width: 24px;
    height: 24px;
    content: url("img/toggle.png");
    float: right;
}

.toggle_menu, .toggle_menu:checked {
    width: 100%;
    display: block;
    position: absolute;
    cursor: pointer;
    height: 40px;
    margin: 0;
    opacity: 0;
}

/* Hiding & Showing the menu elements */

.responsive_menu {
    position: absolute;
    background: #7F8989;
    opacity:0;
    visibility:hidden;
    -webkit-transition: opacity .3s ease-in-out;
    -moz-transition: opacity .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out;
    -ms-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
}

.toggle_menu:checked + .responsive_menu {
    opacity:1;
    visibility:visible;
} 

/* Menu Bar & Elements */

.responsive_menu li ul {
    display: block;
    width: 100%;
}

.responsive_menu > li {
    padding-right: 0;
    float: none;
}

.responsive_menu li:hover {
	background: #1D4107;
}

.responsive_menu li li:hover {
	background: #91A66E;
}

/* Placing Arrows */

.responsive_menu > li > .parent {
    background-position: 95% 50%;
}

.responsive_menu li li .parent, .responsive_menu li li .parent_r, .responsive_menu li li .parent_l {
    background-image: url("img/downArrow.png");
    background-repeat: no-repeat;
    background-position: 95% 50%;
}

/* Threaded Drop Downs */

.responsive_menu > li ul {
    top:auto;
    left:auto;
    width:auto;
    z-index: 999;
    visibility: visible;
    margin-left: 12px;
}

/* Drop Down Toggle - Animated */

.responsive_menu .dropdown_trigger + ul {
    max-height:0;
    opacity:0;
    visibility:hidden;
    -webkit-transition: opacity .3s ease-in-out;
    -moz-transition: opacity .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out;
    -ms-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
}

.responsive_menu .dropdown_trigger:checked + ul {
    position: static;
    max-height:999px;
    opacity:1;
    visibility:visible;
    z-index: 999;
    -webkit-transition: opacity .3s ease-in-out;
    -moz-transition: opacity .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out;
    -ms-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
}

/* Drop Down Toggle - Not Animated */

/*
    .responsive_menu .dropdown_trigger + ul {
    display: none;
}

.responsive_menu .dropdown_trigger:checked + ul {
    position: static;
    display: block;
}
    */

}