/*  
    Responsive Style Sheet for EEMUA
    2 April 2014
*/

@media only screen and (min-width: 1200px) {
    .wrap {
        width: 85.71em;
        padding: 0;
    }

    .main-nav .flexnav {
        height: 3.2em;
    }

        .main-nav .flexnav li.home {
            background: url('../images/home-icon.png' ) center 1em no-repeat #fff;
        }

            .main-nav .flexnav li.home:hover {
                background: url('../images/home-icon.png' ) center 1em no-repeat #f0f0f0;
            }

            .main-nav .flexnav li.home a {
                color: transparent;
                font-size: 0.75em;
                padding-top: 0;
                padding-right: 2em;
                height: 100%;
            }

    .footer-lower li {
        display: inline;
    }

        .footer-lower li:after {
            content: "";
            border-left: 2px solid #38cac7;
            height: 1em;
            margin: 0 0.72em;
        }
}


@media only screen and (min-width: 1025px) and (max-width: 1199px) {
    .logo {
        margin-top: -1.5em;
    }
    .wrap {
        width: 71.78em;
    }

    .logo {
        width: 46em;
    }

        .logo .strapline, .logo .summary {
            width: 30em;
        }

    .main-nav .flexnav li {
        margin-left: 0.25em;
    }

        .main-nav .flexnav li a {
            padding: 0.75em 0.68em 0;
        }

    .feature-slider {
        width: 28.75em;
    }

    .slider-caption {
        top: 30%;
        width: 80%;
    }

    .main-nav .flexnav {
        height: 3.2em;
    }

        .main-nav .flexnav li.home {
            background: url('../images/home-icon.png' ) center 1em no-repeat #fff;
        }

            .main-nav .flexnav li.home:hover {
                background: url('../images/home-icon.png' ) center 1em no-repeat #f0f0f0;
            }

            .main-nav .flexnav li.home a {
                color: transparent;
                font-size: 0.75em;
                padding-top: 0;
                padding-right: 2em;
                height: 100%;
            }

    .footer-column {
        width: 17.5%;
    }

    .footer-lower li {
        display: inline;
    }

        .footer-lower li:after {
            content: "";
            border-left: 2px solid #38cac7;
            height: 1em;
            margin: 0 0.72em;
        }

    .shop-actions {
        right: 0.72em;
    }

    .shop-filters .search input[type="text"], .news-search .search input[type="text"] {
        width: 13em;
    }

    .shop-feature .feature-left > img {
        max-width: 100%;
    }

    .shop-feature .feature-right {
        width: 74%;
    }

    .shopitem-left > img {
        max-width: 100%;
    }

    .shop-header .results, .search-header .results {
        width: 25%;
    }

    .shop-header .pagination, .search-header .pagination {
        width: 50%;
    }

    .shop-header .sorting, .search-header .sorting {
        width: 25%;
    }

    .social {
        clear: both;
        padding-top: 1em;
        text-align: center;
        width: 100%;
    }

    .member-nav ul li {
        padding: 0.75em 0.5em 0.3em;
    }

        .member-nav ul li:last-of-type {
            padding: 0.75em 0.5em 0.3em;
        }

    .profile-form .half-width {
        margin-left: 2em;
    }

    .left-column .feature-buttons {
        width: 17.9em;
    }

    .left-column .big-button {
        height: 6.44em;
        width: 6.44em;
    }
}

/*mobile login page styles 30/11/2016*/
@media only screen and (min-width: 1025px) {
    .main-nav .flexnav li:nth-last-child(2) {
        display: none;
    }
}


@media only screen and (max-width: 1024px) {
    .logo {
        width: 46em;
        margin-top: -1.5em;
    }

        .logo .strapline, .logo .summary {
            width: 30em;
        }

    header > .wrap {
        padding: 0;
    }

    .main-nav > .wrap, .main-content > .wrap {
        padding: 0;
    }

    .main-content {
        padding: 0;
        background: #fff;
    }

    .content-column {
        width: 100% !important;
        box-shadow: 0 0 0 transparent;
    }

    .right-column {
        display: none;
    }

    .flexnav.flexnav-show {
        background: #fff;
    }

    .main-nav .flexnav li.login, .main-nav .flexnav li.logged-in {
        display: none;
    }

    .main-nav .flexnav li {
        margin: 0;
        border-top: 1px solid #f0f0f0;
    }

        .main-nav .flexnav li.login, .main-nav .flexnav li.logged-in {
            border-top: 0 none;
        }

            .main-nav .flexnav li a, .main-nav .flexnav li.login a, .main-nav .flexnav li.logged-in a {
                line-height: 2.5em;
                padding: 0 0.5em;
            }

    .menu-button {
        font-size: 1.28em;
        color: #666;
        background: #f0f0f0;
        height: 2.5em;
        line-height: 2.5em;
        padding: 0 0 0 0.5em;
    }

        .menu-button .touch-button .navicon {
            color: transparent;
        }

        .menu-button .touch-button {
            background: url('../images/touch-button.png') center 10px no-repeat transparent;
        }

    .footer-column {
        width: 17%;
    }

        .footer-column.social {
            float: right;
        }

    .feature-buttons {
        width: 15%;
    }

    .big-button {
        width: 93%;
        height: 3.62em;
    }

        .big-button a {
            padding-top: 0;
        }

    .feature-slider {
        width: 55%;
    }

    .slider-caption {
        top: 25%;
    }

    .feature-event {
        width: 29%;
        margin: 0;
    }

    .facet-box {
        width: 31.5%;
    }

    h1 {
        margin-left: 0.35em;
    }

    .shop-actions {
        margin-top: 0.5em;
    }

    .left-column {
        width: 100% !important;
    }

    .sidebar-box-left.shop-filters {
        margin: 0 0 1em 0;
    }

    .filter_group.product-type li {
        background: none repeat scroll 0 0 #DDDDDD;
        display: inline-block;
        margin-bottom: 0.25em;
        padding: 0.25em 0.5em;
        border: 0 none;
    }

        .filter_group.product-type li > ul > li {
            background: #ccc;
        }

        .filter_group.product-type li label {
            width: auto;
        }

        .filter_group.product-type li > input {
            float: none;
        }

    .shop-filters p.small {
        margin: 0;
    }

    .left-column .shop-filters hr {
        margin: 0.5em 0;
    }

    .left-column .button.full {
        margin: 0 0 0.72em;
    }

    .shop-feature .feature-left > img {
        max-width: 100%;
    }

    .shopitem-left > img {
        max-width: 100%;
    }

    span.toggle-filters {
        display: inline;
        position: absolute;
        right: 0.74em;
        top: 0.74em;
    }

    .filter_group.product-type li.highlight {
        background: #025cc0;
    }

        .filter_group.product-type li.highlight > label {
            color: #fff;
        }

    .filter_group.product-type li input {
        display: none;
    }

    .shop-feature {
        margin-bottom: 0;
    }

    .shop-header .results, .search-header .results {
        width: 25%;
    }

    .shop-header .pagination, .search-header .pagination {
        width: 50%;
    }

    .shop-header .sorting, .search-header .sorting {
        width: 25%;
    }

    .social {
        clear: both;
        padding-top: 1em;
        text-align: center;
        width: 100%;
    }

    .top-nav ul {
        width: 40%;
    }

        .top-nav ul li {
            margin-left: 0;
        }

    .top-nav ul {
        float: none;
    }

        .top-nav ul li a {
            font-size: 1.28em;
            padding-top: 0;
            line-height: 2em;
        }

        .top-nav ul li {
            display: block;
            float: none;
            width: 100%;
            margin: 0;
        }

    ul.slimmenu {
        border-bottom: 4px solid #00ABA8;
    }

        ul.slimmenu li > ul {
            width: 100%;
            border-top: 0 none;
        }

            ul.slimmenu li > ul li i {
                display: none;
            }
}

@media only screen and (min-width: 861px) and (max-width: 1000px) {
    .logo {
        width: 43em;
    }

        .logo .strapline, .logo .summary {
            width: 27em;
        }

    .search {
        width: 16em;
    }

        .search input[type="text"] {
            width: 13em;
        }
}

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

    .logo {
        width: 46em;
    }

    .search {
        width: 100%;
        margin-top: 1.5em;
    }

        .search input[type="text"] {
            width: 94%;
        }

    .shop-feature .feature-right {
        width: 70%;
    }
}


@media only screen and (max-width: 768px) {
    /* Main tablet breakpoint */
    header {
        width: 100%;
        overflow: hidden;
        position: relative;
    }

    .logo {
        margin-top: 0.5em;
        width: auto;
    }

        .logo > a {
            float: left;
        }

        .logo .strapline {
            float: left;
        }

        .logo .summary {
            clear: both;
            margin-top: 1em;
            margin-left: 0;
        }

    .nav-collapse {
        margin-left: -10px;
        width: 150%;
        border-bottom: 4px solid #00aba8;
    }

    #custom-toggle {
        background: #00aba8;
        padding: 0.3em;
        width: 2.25em;
        height: 2em;
        float: right;
        margin-right: -10px;
    }

    .nav-toggle {
        float: right;
        text-indent: -9999px;
        position: relative;
        padding-left: 1.25em;
        margin-left: -10px;
    }

        .nav-toggle:before {
            content: "";
            position: absolute;
            top: 0.25em;
            left: 0;
            width: 1.75em;
            height: 0.25em;
            border-top: 0.8em double #fff;
            border-bottom: 0.3em solid #fff;
            margin-left: -10px;
            cursor: pointer;
        }


    .logo img {
        max-width: 120px;
        height: auto;
    }

    .logo .strapline {
        margin-top: 1.5em;
        font-size: 0.88em;
    }

    .logo .strapline, .logo .summary {
        width: auto;
    }

    .bxslider img {
        height: auto;
        max-width: 100%;
    }


    .search input[type="text"] {
        width: 85%;
    }

    .feature-buttons {
        width: 20%;
    }

    .big-button {
        width: 93%;
        height: 7.77em;
    }

    .feature-slider {
        width: 80%;
    }

    .feature-event {
        width: 80%;
        margin: 0.5em 0;
    }

        .feature-event img {
            display: none;
        }

        .feature-event > div {
            display: none;
        }

    .engage-left, .facet-box {
        width: 31%;
    }

    .subnav-item {
        width: 27%;
    }

    .shopitem-right {
        width: 83%;
    }

    .news-main-img, .news-second-img {
        max-width: 100px;
    }

    .footer-column {
        width: 16.5%;
    }

    ul.slimmenu {
        border-bottom: 0 none;
        width: 100%;
    }

    .logo {
        margin: -20px 10px 0;
    }
}


@media only screen and (max-width: 670px) {
    /* Phone breakpoint 1 */
    .logo .strapline {
        width: 60%;
    }

    .big-button {
        margin: 0 0 0.5em;
        width: 48.5%;
        height: 3em;
    }

        .big-button.committees, .big-button.discussions {
            float: right;
        }

    .slider-caption {
        position: relative;
        background: #fff;
        width: 100%;
        padding: 0;
    }

        .slider-caption h1 {
            padding: 0.5em 0.5em 0;
            font-size: 1.4em;
        }

        .slider-caption p {
            padding: 0 1em 1em;
            font-size: 1em;
        }

    .feature-buttons, .feature-slider, .feature-event {
        width: 100%;
    }

    .feature-event {
        min-height: 12em;
        height: auto;
    }

        .feature-event img {
            display: none;
        }

    .icon-container {
        text-align: left;
        width: 50%;
    }

        .icon-container img {
            float: left;
            margin-right: 1em;
        }

        .icon-container p {
            margin: 0.5em;
        }

    .engage-left, .engage-right, .facet-box {
        width: 100%;
    }

    .facet-box {
        margin: 0 0 1em;
    }

    .footer-column {
        width: 25%;
    }

    .tinynav {
        display: block
    }

    .footer-nav {
        display: none
    }

    ul.ui-tabs-nav {
        float: none;
        width: 100%;
    }

        ul.ui-tabs-nav li {
            float: left;
            width: 50%;
        }

            ul.ui-tabs-nav li a {
                display: block;
            }

    div.ui-tabs-panel {
        width: 100%;
    }

    .facet-box {
        margin-right: 0;
        width: 48.5%;
    }

        .facet-box:nth-of-type(odd) {
            margin-right: 0.72em !important;
        }

        .facet-box.blue-box:nth-of-type(3n+3) {
            margin-right: auto;
        }

    .shop-actions .shop-links {
        display: none;
    }

    .shop-actions .shop-basket {
        padding-left: 0.72em;
        background: #fff;
    }

    .shop-feature .feature-right {
        width: 70%;
    }

    .shopitem-right {
        width: 80%;
    }

    .shop-header .pagination, .shop-header .results, .shop-header .sorting, .search-header .results, .search-header .pagination, .search-header .sorting {
        width: 100%;
    }

    .shop-header .sorting, .search-header .sorting {
        margin-bottom: 0.72em;
    }

    .news-images {
        width: 30%;
        margin: 0;
    }

    .social {
        text-align: center;
    }

    .event-detail {
        width: 100%;
    }

    .event-actions {
        width: 100%;
    }
}

@media only screen and (max-width: 600px) {
    .subnav-item {
        width: 40%;
    }

    .shop-feature .feature-right {
        width: 69%;
    }

    .news-second-img {
        display: none;
    }

    .news-images .news-second-img {
        display: block;
    }

    /*mobile login page styles 30/11/2016*/
    .body-content .login-form input {
        width: 100% !important;
        margin-right: 0 !important;
        max-width: 100% !important;
    }

    .body-content .login-form ~ div {
        width: 100%;
        text-align: center;
        box-sizing: border-box;
    }
}

@media only screen and (max-width: 500px) {
    .tc-item {
        width: 46.5%;
    }

        .tc-item:nth-of-type(2n+3) {
            clear: both;
        }

    .icon-container {
        width: 100%;
    }
}


@media only screen and (max-width: 400px) {
    /* Phone breakpoint 2 */

    .logo .strapline {
        width: 50%;
    }

    .big-button {
        margin: 0.3em 0;
        width: 48.5%;
        height: 3em;
    }

        .big-button.committees, .big-button.discussions {
            float: right;
        }

    .facet-box > img {
        display: block;
    }

    .subnav-item {
        width: 80%;
    }

    .facet-box {
        margin: 0;
        width: 100%;
    }

    ul.ui-tabs-nav li {
        float: left;
        width: 100%;
    }

    .shop-feature .feature-right {
        width: 67%;
    }
}

@media only screen and (max-width: 1024px) {
    .logo {
        margin-left: 10px;
    }
}

@media only screen and (max-width: 768px) {
    .event-full-width ul.ui-tabs-nav li a {
        font-size: 12px;
        padding: 0.5em 0.75em 0.3em;
    }
}

@media only screen and (max-width: 670px) {
    h1 > div {
        display: block;
        float: none !important;
        margin-top: 10px;
        top: 0;
    }

    h1 {
        margin-bottom: 10px;
    }

    .event-full-width ul.ui-tabs-nav li a {
        font-size: 14px;
        padding: 0.5em 0.75em 0.3em;
    }

    .event-full-width .tabs {
        margin-top: 0px;
    }
}

@media (max-width: 480px) {
    .logo .strapline h3 {
        font-size: 14px;
        font-weight: regular;
        position: relative;
        top: -5px;
    }
}