/*
Theme Name: Chapter One
Theme URL: http://www.chapteronerestaurant.com
Author: Rhys Jenkins http://www.weareopen.ie
*/


/* ------------ 480 BREAKPOINT -------------- */	
@media only screen 
and (max-width : 480px) {

    header	{
        height: auto;
    }

    .ogham  {
        margin: 0;
        height: 130px;
        background-image: none;
        float:none;
        width: 100%;
        position: none;
        clear: both;
    }
    .burger-container {
        display: none;
    }
    .main-nav-container {
        display: none;
    }
    .logo-container {
        float: none;
        width:100%;
    }

    .logo  {
        float: none;
        margin: 20px 0 0 -85px;
        position: absolute;
        left: 50%;
    }

    .mobile {
        display: block !important;	
        clear:both;
    }

    ul#menu-mobile {
        list-style: none;
        display: block;
        width: 100%;
        text-align: center;
        margin: 10px 0 0 0;
        font-size: 22px;
        font-family: "museo-sans", Helvetica, Arial, sans-serif;
        font-weight: 100;
        line-height:34px;
        background-color: #111111;
    }
    ul#menu-mobile li { 
        border-bottom: 1px solid #404040; line-height:34px;
        }
    ul#menu-mobile li a {
        display: block;
        text-transform: uppercase;
        }
    ul#menu-mobile li a:link {
        color: #aaaaaa;
        }
    ul#menu-mobile li a:visited {
        color: #aaaaaa;
        }	
    ul#menu-mobile li a:hover, ul#menu-mobile li a:focus {
        color: #ffffff; background-color: #333333;
        }
    ul#menu-mobile li a:active {
        color: #aaaaaa;
        }

    ul#menu-mobile li ul {
        padding: 0px; margin: 0px; border-top: 1px solid #404040; background-color: #242424;
        }
    ul#menu-mobile li ul li { 
        border-bottom: 1px solid #404040; line-height:30px;
        }
    ul#menu-mobile li ul li a:hover, ul#menu-mobile li ul li a:focus {
        color: #ffffff; background-color: #666666; display: block;
        }

    ul#menu-mobile li ul li ul {
        padding: 0px; margin: 0px; border-top: 1px solid #404040; background-color: #373737;
        }
    ul#menu-mobile li ul li ul li { 
        border-bottom: 1px solid #404040; line-height:30px;
        }
    ul#menu-mobile li ul li ul a:hover, ul#menu-mobile li ul li ul a:focus {
        color: #ffffff; background-color: #666666; display: block;
        }

    .themes ul {
        display: none;
    }

    .main-home {
        display: none;
    }
    .hide-mobile {
        display: none;
    }

    #new-royalslider-1 {
        display: none;
    }

    aside {
        width: 100%;
        float: none;
        margin: 20px 0 0 0;
        padding: 0 0 0 0;
        background-color: #222222;
    }

    .section-body {
        margin: 0;
        max-width: auto;
        background: #222222;
        width: 100%;
        float: none;
    }

    #container {
        margin: 0;
        max-width: auto;
        background: #222222;
        width: 100%;
        float: none;
    }

    p {
        font-size: 15px;
    }

    .order {
        width: 100%;
    }

    .social ul {
        list-style: none;
        width: 100%;
        margin: 20px 0 20px 20px;
    }

    .contact {
        margin: 0 0 0 0;
    }

    .opening {
        max-width: 100%;
        margin: 20px 0 0 20px;
        line-height: 22px;
        padding: 0 20px 0 0;
    }

    .contact ul {
        list-style: none;
        display: block;
        text-align: left;
        width: 200px;
        margin: 0 0 0 20px;
    }

    .contact ul li {
        font-size: 15px;
        width: 200px;
        font-family: "museo-sans", Helvetica, Arial, sans-serif;
        font-weight: 100;
        line-height:28px;
        color: #aaaaaa;
    }
    #menu-nav {
        display: none;
    }
    .block-split {
        width:100%;
        padding:10px;
    }
    .to-right {
        float:left;
    }
    .block-split p {
        padding-right:10px;
        line-height:22px;    
    }
    .open-cred {
        text-align: left;
        line-height:22px;
    }
    .overlay-book.open {
        width: 100%;
    }
    .overlay-book {
        top:0px;
    }
    .overlay-book .frame-container {
        display: block;
        margin: 50px auto;
        text-align: center;
        padding:0 0 60px;
    }
    .wrapper {
        padding:0 20px;
    }
    .book-container {
        width:220px;
    }
    a.book-button {
        padding:15px 30px;
    }
    .swiper-container {
        height:400px;
    }
    .slide-overlay {
        height:400px;
    }
    .overlay-book .button_container_book {
        top: 35px;
        left: 10px;
    }
    .inner-nav-block-container {
        width:100%;
    }
    .inner-block-content {
        width:100%;
        padding-top:40px;
    }
    .wrapper.main-content {
        padding:0 5%;
/*        max-width:300px;*/
        display: inline-block;
        margin:0 auto;
        position: relative;
    }
    .content-container {
        padding: 30px 0px 30px 0px;
    }
    .pad {
        padding: 0 5%;
    }

    .popup-hero img {
        height: 140px;
        width: 100% !important;
        object-fit: cover;
    }
    
     #popup-item .content-popup {
        left: calc(50% - 150px);
        top: calc(50% - 160px);
        width: 300px;
    }
    .pop-overlay {
        top:60px;
    }
    .content-popup .content-block-1 .pad-left p {
        font-size: 14px;
        padding: 0 0 15px;
    }
    .content-popup .content-block-1 a {
        display: block;
    }
    .content-popup .content-block-1 a .book-button {
        display: block;
        width:100%;
    }
    .logo {
        float:none;
        position: relative;
        left:0;
    }
    .logo-container img.logo {
        display: block;
        text-align: center;
        margin: 0 auto;
            left: 0px;
    }
    div#load_screen > div#loading { 
        top:12%;
        }
    .ross-pic {
        float: none;
        margin-top: 20px;
        display: block;
        padding-bottom: 50px;
        text-align: center;
        margin: 0 auto;
    }
    img.blog-name {
        float: none;
        margin-top: 20px;
        display: block;
        padding-bottom: 20px;
        text-align: center;
        margin: 0 auto;
    }
    h1.blog-title {
        margin-left: 0;
        text-align: center;
    }
    .blog-description p {
        margin: -10px 0 10px 0px;
    }
    .blog-description {
        width: 100%;
    }
        body.fixed {
        position:fixed;
    }
    .overlay-book.open {
        overflow-y: scroll;
        top:0px;
    }
    .overlay-book .frame-container p {
        margin-top:0px;
        padding-bottom:14px;
        text-align: left;
    }
    .woocommerce main {
        padding: 20px;
    }
    .woocommerce h1.page-title {
        padding:40px 0px;
        text-align: center;
    }
    ul.product-cat li {
        display: block;
        border-bottom: 1px solid #bcbcbc;
        padding: 15px 30px 15px 0px;        
    }
    ul.product-cat li:first-child {
        padding: 0px 30px 15px 0px;  
    }
    ul.product-cat li:last-child {
        border-bottom: none;
    }
    .woocommerce #container {
        margin-top:40px;
    }
    .woocommerce .woocommerce-ordering select {
        vertical-align: top;
        display: block;
        width: 100%;
        background-position: right 8px center;
        border: 1px solid #ccc;
        background: transparent;
        background-image: url(../images/arrow-open.png);
        background-repeat: no-repeat;
        background-size: 22px;
        border-radius: 1px;
        padding: 8px 0px;
        font-family: "museo-sans", Helvetica, Arial, sans-serif;
        font-style: normal;
        font-weight: 100;
        font-size: 15px;
        color: #bcbcbc;
        background-position: right 8px center;
    }
    .woocommerce .woocommerce-ordering {
        width:100%;
    }
    .woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering {
        float: none !important;
        margin-bottom:30px !important;
    }
    header.single-prod {
        padding: 40px 20px 0px;
    }
    .block-split p.urgent {
        display: none;
    }
    .mobile p.urgent {
        display: block;
        margin:20px auto;
        padding:0 20px;
        font-size:17px;
    }
    .inner {
        padding:0 20px;
    }
}