/*-----------------------------------------------------------------------------------*/
/*	Responsive WAMI Menu
/*-----------------------------------------------------------------------------------*/

.responsive-nav {
    font-family: futura-pt, Arial, Georgia, Verdana, sans-serif;
    position: fixed;
    z-index: 1300000000;
    top: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    width: 16.25rem;
    height: 100%;
}


/*-----------------------------------------------------------------------------------*/
/*	Brand & Search
/*-----------------------------------------------------------------------------------*/

.responsive-brand, .responsive-search {
    display: block;
    border-bottom:solid 1px #c69c6d;
    width: 100%;
    float: left;
}

.responsive-brand img {
	float:left;
	margin: 30px 40px 30px 40px;
}

.responsive-menu {
    margin: 0;
    padding: 0;
    list-style: none;
    float:left;
}

.responsive-menu-item {
	display: block;
}

.responsive-menu-item:hover {
    background-color: transparent;
}


/*-----------------------------------------------------------------------------------*/
/*	Overlay
/*-----------------------------------------------------------------------------------*/

.responsive-overlay {
    position: fixed;
    z-index: 1200000000;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .2);
}

.responsive-open .responsive-overlay {
    display: block;
}


/*-----------------------------------------------------------------------------------*/
/*	Hamburger
/*-----------------------------------------------------------------------------------*/

.responsive-text {
    font-family: futura-pt, Arial, Georgia, Verdana, sans-serif;
    position: fixed;
    top: 47px;
    left: 70px;
    font-size: 1em;
    color: #000;
    z-index: 1299999999;
    background-color: transparent;
    border: none;
    padding: 0;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    margin: 0;
    cursor: pointer;
    text-transform: uppercase
}

.responsive-hamburger {
    position: fixed;
    z-index: 1400000000;
    top: 40px;
    display: block;
    box-sizing: content-box;
    width: 32px;
    padding-top: 15px;
    padding-right: 16px;
    padding-bottom: 24px;
    padding-left: 16px;
    -webkit-transition: all .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
    transition: all .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
    -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
    border: 0;
    outline: 0;
    background-color: transparent;
}

.responsive-hamburger:hover {
    cursor: pointer;
    background-color: transparent;
}

.responsive-hamburger-icon {
    position: relative;
    display: block;
    margin-top: 10px;
}

.responsive-hamburger-icon,
.responsive-hamburger-icon:before,
.responsive-hamburger-icon:after {
    width: 100%;
    height: 2px;
    -webkit-transition: all .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
    transition: all .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
    background-color: #000;
    border-radius:1px;
}

.responsive-hamburger-icon:before,
.responsive-hamburger-icon:after {
    position: absolute;
    top: -10px;
    left: 0;
    content: '';
}

.responsive-hamburger-icon:after {
    top: 10px;
}

.responsive-open .responsive-hamburger-icon {
    background-color: transparent;
}

.responsive-open .responsive-hamburger-icon:before,
.responsive-open .responsive-hamburger-icon:after {
    top: 0;
}

.responsive-open .responsive-hamburger-icon:before {
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
}

.responsive-open .responsive-hamburger-icon:after {
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
}


/*-----------------------------------------------------------------------------------*/
/*	li classes
/*-----------------------------------------------------------------------------------*/

ul.main-menu, ul.social-media, ul.myaccount {
    display: inline-block;
    width: 100%;
	text-align: left;
}

ul.social-media {
}

ul.info-text {
	padding: 0;
    float: left;
    width: 100%;
}

ul.info-text p {
	line-height: 1.3;
	color: #fff;
	float:left;
	width:100%;
}

ul.search {
	display: inline-block;
	width:100%;
}

li.responsive-menu-social-media {
	font-size: 0px;
	float: left;
    padding: 5px 0 0 0;
}

li.social, li.legal {
	display:block;
	clear:both;
	}
	


/*-----------------------------------------------------------------------------------*/
/*	Accessibility
/*-----------------------------------------------------------------------------------*/

/*!
 * Only display content to screen readers
 * See: http://a11yproject.com/posts/how-to-hide-content
 */

.sr-only {
    position: absolute;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
}

/*!
 * Use in conjunction with .sr-only to only display content when it's focused.
 * Useful for "Skip to main content" links; see http://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1
 * Credit: HTML5 Boilerplate
 */

.sr-only-focusable:active,
.sr-only-focusable:focus {
    position: static;
    overflow: visible;
    clip: auto;
    width: auto;
    height: auto;
    margin: 0;
}


li.menu-item {
	width: calc(100% - 30px);
	margin-left: 0px;
    float: left;
}

li.menu-item ul.responsive-menu li.menu-item a.responsive-menu-item {
	padding-left:10px;
	}
	
li.menu-item ul.responsive-menu li.menu-item a.responsive-menu-item::before {
	content:"";
	padding-right:10px;
	}


/*-----------------------------------------------------------------------------------*/
/*	Dropdown
/*-----------------------------------------------------------------------------------*/

.responsive-dropdown-menu {
    display: none;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding: 0;
}

.responsive-dropdown-menu > li {
    width: 100%;
    list-style: none;
}

.responsive-dropdown-menu-item {
    line-height: 3.75rem;
    display: block;
    padding: 0;
    padding-right: .75rem;
    padding-left: 1.5rem;
    text-decoration: none;
    color: #fff;
}

.responsive-dropdown-menu-item:hover {
    color: #00AEEF;
    background-color: transparent;
}

/*-----------------------------------------------------------------------------------*/
/*	Open
/*-----------------------------------------------------------------------------------*/

.responsive-dropdown.open > .responsive-dropdown-menu {
    display: block;
}

.responsive-open {
	overflow: hidden;
}

/*-----------------------------------------------------------------------------------*/
/*	Dropdown Icon
/*-----------------------------------------------------------------------------------*/

.responsive-dropdown .responsive-icon {
    display: inline-block;
    width: 0;
    height: 0;
    -webkit-transition: opacity .2s ease, -webkit-transform .2s ease;
    transition: opacity .2s ease, -webkit-transform .2s ease;
    transition: transform .2s ease, opacity .2s ease;
    transition: transform .2s ease, opacity .2s ease, -webkit-transform .2s ease;
    -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
            transform: rotate(0deg);
    vertical-align: middle;
    border-top: 4px solid;    
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    float: right;
    margin-right: 20px;
    margin-top: 10px;
    margin-left: 4px;
}


/*-----------------------------------------------------------------------------------*/
/*	Icon Open
/*-----------------------------------------------------------------------------------*/

.responsive-dropdown.open .responsive-icon {
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
}


/*-----------------------------------------------------------------------------------*/
/*	Menu Position Left
/*-----------------------------------------------------------------------------------*/

.position--left .responsive-nav {
    left: -16.25rem;
    -webkit-transition: left .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
    transition: left .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
}

.position--left.responsive-open .responsive-nav,
.position--left .responsive-hamburger,
.position--left.responsive-open .responsive-navbar .responsive-hamburger {
    left: 0;
}

.position--left.responsive-open .responsive-nav {
	
	}

.position--left.responsive-open .responsive-hamburger {
    left: 16.25rem;
}

/*-----------------------------------------------------------------------------------*/
/*	SEARCH BAR
/*-----------------------------------------------------------------------------------*/

input[type=search] {
    -webkit-appearance:textfield;
    -webkit-box-sizing:content-box;
    box-sizing:content-box;
} 

input::-webkit-search-decoration, input::-webkit-search-cancel-button {
	display: none;
}

	
input[type=search]  {
	line-height: 1em;
	background: #ffffff;
	background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
	border: 1px solid #d1d1d1;
	color: #000000;
	width: calc(100% - 12px);
	padding:5px;
	font-size: 1em;
}

input[type="search"].search-field{
	border-radius: 5px;
}

ul.responsive-search.top {
	border-bottom: 1px solid #00AEEF;
}

ul.responsive-search.bottom {
	border-top: 1px solid #00AEEF;
}

/*-----------------------------------------------------------------------------------*/
/*	+++ CSS
/*-----------------------------------------------------------------------------------*/

.responsive-menu-item a {
	float: left;
	width:100%;
}

hr.menu {
	background-color: #c69c6d;
	height: 1px;
	width: 100%;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin: 0 0 0 0;
	float: left;
}