/*
Copyright © 2013 Adobe Systems Incorporated.

Licensed under the Apache License, Version 2.0 (the “License”);
you may not use this file except in compliance with the License.
You may obtain a copy of the License at

http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an “AS IS” BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.
*/

/*<editor-fold desc="No edit">*/
/**************************/
/* Do not edit this part. It is part of the menu basic functioning.  */
/**************************/
/*---------------------- IMPORTAMT NOTE ------------------------------------ *
*                                                                            *
*    This file will be overwritten in every update of the plugin.            *
*    If you write your classes below you will loose all your custom work .   *
*    Please create all your custom classes in another file like style.css.   * 
*    You can also use a dedicated css file of you own and apply it from the  *
*    plugin settings.                                                        *
*                                                                            *
*****************************************************************************/
.accessible-megamenu .accessible-megamenu-top-nav-item {
	position: relative;
	display: block;
	list-style: none;
	float: left;
}

.accessible-megamenu :focus {
}

.accessible-megamenu .accessible-megamenu-top-nav-item a[aria-haspopup] {
	position: relative;
	display: block;
	z-index: inherit;
}

	.accessible-megamenu .accessible-megamenu-top-nav-item a[aria-haspopup]:hover,
	.accessible-megamenu .accessible-megamenu-top-nav-item a[aria-haspopup]:focus {
	}

	.accessible-megamenu .accessible-megamenu-top-nav-item a[aria-haspopup]:hover,
	.accessible-megamenu .accessible-megamenu-top-nav-item a[aria-haspopup]:focus,
	.accessible-megamenu .accessible-megamenu-top-nav-item a[aria-haspopup].open {
		z-index: 1002;
	}

	.accessible-megamenu .accessible-megamenu-top-nav-item a[aria-haspopup].open {
	}

.accessible-megamenu .accessible-megamenu-top-nav-item:first-child a[aria-haspopup] {
}

	.accessible-megamenu .accessible-megamenu-top-nav-item:first-child a[aria-haspopup].open {
	}

.accessible-megamenu .accessible-megamenu-panel {
	position: absolute;
	display: block;
	cursor: default;
	visibility: hidden;
	top: -9999em;
	/*max-height: 0px;*/
	overflow: hidden;
	opacity: 0;
}

	.accessible-megamenu .accessible-megamenu-panel.open {
		visibility: visible;
		top: 3em;
		opacity: 1;
		z-index: 1001;
	}



/* Next is for overriding .main-navigation ul ul if present */
.accessible-megamenu-panel .sub-list-0 {
	left: 0;
	position: relative;
	display: flex;
}

/*</editor-fold>*/
/* Keep the code above unchange. */
/****************************************************************************/
/* End of do not edit this part. It is part of the menu basic functioning.  */
/****************************************************************************/

/* You can start edit from here.*/
/* ATR Advonced Menu start*/
/****************** Optional classes ********************************************/
/*<editor-fold desc=".accessible-megamenu-panel.cols">*/

/*************** Layouts of panel & elements *******************/
/* These are suggestions only. you can use whatever class names you want */
/* Just make sure you change the appropriate fields in the menu editor accordingly */
/**************************************************************/

/* sub-list-1 is the first ul under the menu panels (thos that are opened on hover)*/
.accessible-megamenu-panel .sub-list-1 {
  width: 250px;
}

/* Classes for the panel wrapper */
/* Use in "Panel class - used only in top level items (optional)" text box of the panel parent item. */
.panel-75x22em {
  height: 30em;
  width: 75em;
}

.panel-50x22em {
	/*height: 22em;*/
	width: 55em;
}

.panel-50x20em {
	/*height: 20em;*/
	width: 50em;
}

.panel-form {
	/*height: 19em;*/
	width: 15em;
}

.panel-50x22em-a {
	width: 450px;
}

.panel-23x44em {
	/*height: 23em;*/
	width: 44em;
}

/* Classes for layout of the panel inner items */
/* Use in WP menu editor "CSS Classes (optional)" text box of the panel inner items. */
.atr-am-onethird {
	width: 32%;
}

.atr-am-twothirds {
	width: 65%;
}

.atr-am-half {
	width: 50%;
}

/* .panel-50x22em-a ul li {
	float: left;
	width: 200px;
} */

.panel-23x44em.accessible-megamenu-panel > ul > li.atr-am-monkey {
	border: medium none;
	width: 356px;
}

.panel-2-cols li {
	margin: 1%;
	width: 48%;
}
.atr-am-menu-home-1,.atr-am-menu-home-2,.atr-am-menu-home-4{
	width: 20%
}
.atr-am-menu-home-3{
	width: 40%;
}
/*************** End Layouts of panel & elements *******************/

/* Design */
.megamenu {
}

	.megamenu .accessible-megamenu {
		height: 56px;
		background: #333 none repeat scroll 0 0;
		border-bottom: 1px solid #090909;
		border-top: 1px solid #444;
		margin: 0;
	}

ul.accessible-megamenu > li {
	border-left: 1px solid #444;
	border-right: 1px solid #090909;
	list-style: none;
}

	ul.accessible-megamenu > li.accessible-megamenu-top-nav-item > a {
	  color: #ccc;
	  display: block;
	  padding: 5px 7px;
	  text-decoration: none;
	}
	.accessible-megamenu .accessible-megamenu-panel a {
	  font-size: 12px;
	}
	ul.accessible-megamenu > li.accessible-megamenu-top-nav-item > a .menu-item-title-att {
	  color: #f5caca;
	  font-size: 0.7em;
	  letter-spacing: 1.7px;
	  margin: 0;
	}

ul.accessible-megamenu li {
	list-style: none;
}



ul.accessible-megamenu > li > a img, ul.accessible-megamenu > li > a b {
  color: #d6bf31;
  float: left;
  height: auto;
  margin: 3px 6px 0 0;
  max-width: 19px;
}

.accessible-megamenu .accessible-megamenu-panel {
	display: flex;
	background: #333 none repeat scroll 0 0;
	border-bottom: 1px solid #090909;
	border-top: 1px solid #444;
	border-right: 1px solid #090909;
	border-left: 1px solid #444;
}
	.accessible-megamenu .accessible-megamenu-panel.open{ /* set the menu panels down from main menu items */
		top: 3em;
	}
	.accessible-megamenu .accessible-megamenu-panel .atr-am-menu-thumb > img {
		border: 1px solid #ccc;
		float: left;
		margin: 0 12px;
		width: 55px;
	}

	.accessible-megamenu .accessible-megamenu-panel ul.sub-list-0 > li {
		float: left;
		background: rgba(179, 179, 179, 0.2) none repeat scroll 0 0;
		box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
		float: left;
		margin: 5px;
		padding: 6px 12px;
	}

	.accessible-megamenu .accessible-megamenu-panel ul.sub-list-1 > li {
		background: rgba(179, 179, 179, 0.2) none repeat scroll 0 0;
		box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
		float: left;
		margin: 5px;
		padding: 6px 12px;
	}

	.accessible-megamenu .accessible-megamenu-panel, .accessible-megamenu .accessible-megamenu-panel a {
		color: #cfcfcf;
	}

		.accessible-megamenu .accessible-megamenu-panel .sub-list-1, .accessible-megamenu .accessible-megamenu-panel .sub-list-2, .accessible-megamenu .accessible-megamenu-panel .sub-list-3, .accessible-megamenu .accessible-megamenu-panel .sub-list-4 {
			box-shadow: none;
			float: left;
			left: auto;
			position: relative;
			margin: 0;
		}

		.accessible-megamenu .accessible-megamenu-panel .sub-list-0 li.home-sub-1 .sub-list-1 > li {
			width: 47%;
		}

		.accessible-megamenu .accessible-megamenu-panel .sub-list-0 li {
			float: left;
			margin: 0 0 13px;
		}

			.accessible-megamenu .accessible-megamenu-panel .sub-list-0 li > a {
				float: left;
				width: 100%;
				background: #333 none repeat scroll 0 0;
				box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
				margin: 5px;
				padding: 6px 12px;
			  display: block;
			  font-size: 17px;				
			}
			.atr-mm-menu-thumb {
			  background: #fff none repeat scroll 0 0;
			}			
.menu-item-content-from-post > p, .main-navigation ul ul a, .atr-mm-postexcerpt,.menu-item-subtitle {
  font-size: 0.7em;
}
.sub-list-0 b { /* controls the style of icont font in level 1 */
  color: #43de5b;
  margin: 0 6px 0 0;
}	
.menu-item-content-from-post {
  font-size: 0.8em; /* Controls the item from post */
}	
/* Shop panel */
.atr-am.shop-panel.accessible-megamenu-panel {
  width: 27em;
}
/* Product panel */
.accessible-megamenu .accessible-megamenu-panel.products-panel .sub-list-0 li > a {
  width: 105px;
}
.accessible-megamenu .accessible-megamenu-panel.products-panel .sub-list-0 li .sub-list-1 li > a {
  background: rgba(51, 18, 18, 0.83) none repeat scroll 0 0;
  font-size: 13px;
  width: 210px;
}
.accessible-megamenu .accessible-megamenu-panel.products-panel .atr-mm-menu-thumb {
  width: 75px;
  float: left;
  margin-right: 10px;
}
.accessible-megamenu .accessible-megamenu-panel.products-panel .sub-list-1 .atr-mm-menu-thumb {
  float: left;
  margin-right: 10px;
  width: 45px;
}

/* Contact form in menu */
.atr-am-menu-item-508 label {
  font-size: 12px;
}
.menu-item-content-from-post .wpcf7-form p {
  margin: 0;
  padding: 0;
}
.menu-item-content-from-post .wpcf7-form p .wpcf7-submit {
  font-size: 18px;
}
/* ATR Advonced Menu End*/