@media only screen and (max-width: 64em) {
.ioc-member-dashboard .controls .controls__content {
    margin-top: .2rem; 
}
  .header__mobile-controls {

    display: block !important;

  }
}
@media only screen and (min-width: 64em) {

  .header__mobile-controls {

    display: none !important;

  }

}
/*JOIN US BLOCK*/
@media only screen and (max-width: 64em) {
.page {
    padding-top: 0;
}

.l-header {
    padding-top: 0;
    position: relative;
}    
.header__content {
    border-bottom: 0px solid #9d2235;
}

.joinUsBlock, .block-block-40 {
    
    float: left !important;
    text-align: center;
    margin: .5rem auto;
    
}
.logged-in .joinUsBlock, .logged-in .block-block-40 {
    display: none;
}
div.joinUs {
    margin: .5rem;
}
div.joinUs a[href]{
    color: #fff;
}
}


/*JOIN US BLOCK -- DESKTOP*/
@media only screen and (min-width: 64em){
    .joinUsBlock, .block-block-40 {
   
    display: table;
    float: right;
    
}
}

div.joinUs a[href]{
    color: #fff;
}


/*MOBILE MENU*/
/*ICON COLOR*/
.menu-bar__sub-menu-toggle::before {
    display: inline-block;
    vertical-align: middle;
    content: '';
    border: 6px solid transparent;
        border-top-color: transparent;
        border-top-style: solid;
        border-top-width: 6px;
        border-top: 9px solid #FFF; 
    position: relative;
    top: 9px;
}



/*TEXT COLOR*/
.menu-bar__item-anchor, .menu-bar__item-anchor.active, .menu-bar__item-anchor.active-trail {
    color: #000;
}


.menu-bar__list-item:hover .menu-bar__item-anchor {
    color: #9d2235;
}



/*TEXT SHADOW*/
.menu-bar__item-anchor, .hero-slider .field-name-field-tab-title, .hero-slider .field-name-field-tab-text {
    text-shadow: none;
}

/*BACKGROUND COLOR*/
.menu-bar__item-anchor {
    padding: 6px 15px 5px;
   /* background: #9d2235;*/
}

/*SUB-MENU*/
@media only screen and (max-width: 64em) {
    .menu-bar__sub-menu__item-anchor .active, .menu-bar__sub-menu__item-anchor:hover, .menu-bar__sub-menu a:hover {
        color: #9d2235;
    }


/*.menu-bar__sub-menu__list-item {
    color: #9d2235;
}*/

.menu-bar__sub-menu__item-anchor, .menu-bar__sub-menu a {
    padding: 8px 24px 7px;
    color: #9d2235;
}
}

/*MOBILE MENU TOGGLE -- ICONS AND BACKGROND*/

.header__mobile-menu-toggle.is-active {
    background: #fff;
}

.header__mobile-search-toggle.is-active {

    background: #fff;
    color: #333;

}

.header__mobile-menu-toggle:focus, .header__mobile-search-toggle:focus, .header__mobile-menu-toggle:hover, .header__mobile-search-toggle:hover, .header__mobile-menu-toggle:visited, .header__mobile-search-toggle:visited {

    background: #fff;

}

.header__mobile-menu-toggle {
    border-left: 0px solid #ccc;
    border-right: 0px solid #ccc;
   
}

.header__mobile-menu-toggle, .header__mobile-search-toggle {
    background-color: #fff;
    border-color: #fff;
    
}

.header__mobile-search-toggle.is-active .header__mobile-search-toggle__icon::before {

    content: url(/sites/all/themes/ioc/assets/images/search-icon.png);
    content: url(/sites/all/themes/ioc/assets/images/search-icon.svg);

}

@media only screen and (max-width: 64em) {
.header .search--header {

    padding: 8px 10px 7px;
    background: #fff;
    border: 2px solid #666;
    position: absolute;
    width: 100%;
    top: 100%;
    top: -webkit-calc(100% + 6px);
    top: calc(100% + 6px);
    z-index: 1001;
    display: none;

}

.joinUsBlock, .block-block-40 {

    float: left !important;
    text-align: center;
    margin: .5rem 0;

}

.header__links {

    margin-top: 10px;
    float: right;
    margin-right: 0;
    text-align: center;
    margin-left: 0;

}
.logged-in .header__links {
    float: left;
    margin-left: 4rem;
}
}

/*POSITION ICONS AT THE TOP*/
.header__mobile-menu-toggle__lines {
    height: 100%;
    display: inline-block;
    vertical-align: baseline;

}

.header__mobile-search-toggle__icon {
    height: 100%;
    display: inline-block;
    vertical-align: baseline;

}

/*.header__links {
    display: inline-block;
    float: left;
}*/

.not-logged-in li.newsletter a[href]{
   /* font-size: 130%;*/
}

