/* Style the buttons that are used to open and close the accordion panel */
.accordion {
    background-color: #eee;
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active, .accordion:hover {
    background-color: #ccc; 
}


/* Style the accordion panel. Note: hidden by default */
.panel {
    padding: 0 18px;
    display: none;
    background-color: white;
    overflow: hidden;
}
/* Add Icons */
.accordion:after {
    font-family: "FontAwesome";
    content: "\f067"; /* Unicode character for "plus" sign (+) */
    font-size: 13px;
    color: #777;
    float: right;
    margin-left: 5px;
}

.active:after {
    content: "\f068"; /* Unicode character for "minus" sign (-) */
}














		.background-dark, .primary-color-dark .background-primary {
		    background-color: #282828 !important;
		}
		
		
		
		
		
		/*
		.section {
		    padding: 6rem 1.25rem;
		}
		
		@media only screen and (max-width: 735px){
		.section {
		    padding: 1rem 1.25rem;
		}
		}
		*/
		.background-dark.background-transparent, .primary-color-dark .background-primary.background-transparent {
		    background-color: rgba(0, 0, 0, 0.4) !important;
		}
		
		
		
		.background-transparent {
		    background: none;
		}
		
		/*
		.background-transparent {
		    background: rgba(40, 40, 40, 0.8) !important;
		}
		*/
		
		@media screen and (max-width: 768px){
		.nav-text::after {
		    color: #002633;
		    display: inline-block;
		    font-size: 1.4rem;
		    margin-left: 0;
		    margin-top: 30px;
		}
		}
		
		
		
		@media screen and (max-width: 768px){
		.top-nav li a, .background-white .top-nav li a {
		    background: #fff none repeat scroll 0 0;
		    font-size: 1.4em;
		    padding: 1.2em 1em;
		    text-align:left;
		}
		}
		
		nav.fixed, .fixed nav {
		    background: rgba(255, 255, 255, 0.9) !important;
		    border-bottom: 1px solid rgba(0, 0, 0, 0.09);
		    padding: 0 2em;
		}
		
		.hero-heading {
		    font-family: "georgia",sans-serif;;
		    letter-spacing: 3px;
		    font-size:48px;
		}
		@media only screen and (max-width: 1068px){
		.hero-heading {
		    font-size: 40px;
		    line-height: 1.05;
		    font-weight: 500;
		    letter-spacing: .008em;
		    font-family: "georgia",sans-serif;;
		}
		}
		
		@media only screen and (max-width: 735px){
		.hero-heading {
		    font-size: 31px;
		    line-height: 1.05;
		    font-weight: 500;
		    letter-spacing: .008em;
		    font-family: "georgia",sans-serif;;
		}
		}
		
		.hero-intro {
		    font-family: "Open Sans",Arial,sans-serif;
		    letter-spacing: normal;
		    font-size:22px;
		}
		
		.background-grey, .primary-color-grey .background-primary {
		    background-color: #f2f2f2 !important;
		}
		
		.promos {
		    color: #000;
		    font-size: 0.85rem;
		    line-height: 1.6rem;
		}
		
		.button.button-black-stroke, a.button.button-black-stroke, a.button.button-black-stroke:link, a.button.button-black-stroke:visited, .primary-color-black .button.button-primary-stroke, .primary-color-black a.button.button-primary-stroke, .primary-color-black a.button.button-primary-stroke:link, .primary-color-black a.button.button-primary-stroke:visited {
		    background: #282828;
		    border: 1px solid #282828;
		    box-shadow: none;
		    color: #fff;
		}
		
		.button.button-dark-stroke, a.button.button-dark-stroke, a.button.button-dark-stroke:link, a.button.button-dark-stroke:visited, .primary-color-dark .button.button-primary-stroke, .primary-color-dark a.button.button-primary-stroke, .primary-color-dark a.button.button-primary-stroke:link, .primary-color-dark a.button.button-primary-stroke:visited {
		    background: none;
		    border: 1px solid #282828;
		    box-shadow: none;
		    color: #282828;
		}
		
		.button:hover, a.button:hover, a.button:link:hover, a.button:visited:hover {
		    box-shadow: 0 0 100px 100px rgba(255, 255, 255, 0.25) inset;
		}
		
		.button.button-dark-stroke:hover, a.button.button-dark-stroke:hover, .primary-color-dark .button.button-primary-stroke:hover, .primary-color-dark a.button.button-primary-stroke:hover {
		    background: #282828 none repeat scroll 0 0;
		    color: #fff;
		}
		
		#nav .logo-link-text {
		    position: absolute;
		    clip: rect(1px 1px 1px 1px);
		    clip: rect(1px, 1px, 1px, 1px);
		    -webkit-clip-path: inset(0px 0px 99.9% 99.9%);
		    clip-path: inset(0px 0px 99.9% 99.9%);
		    overflow: hidden;
		    height: 1px;
		    width: 1px;
		    padding: 0;
		    border: 0;
		    top: 50%;
		}
		
		.footer-social span {
		    position: relative;
		    top: -6px;
		}
		
		.background-dark, .background-dark p, a.background-dark, a.background-dark:visited, a.background-dark:link, .background-dark a, .background-dark a:link, .background-dark a:visited, .background-dark a:hover, .background-dark a:active, .primary-color-dark .background-primary, .primary-color-dark .background-primary p, .primary-color-dark a.background-primary, .primary-color-dark a.background-primary:visited, .primary-color-dark a.background-primary:link, .primary-color-dark a.background-primary:visited, .primary-color-dark .background-primary a, .primary-color-dark .background-primary a:link, .primary-color-dark .background-primary a:visited, .primary-color-dark .background-primary a:hover, .primary-color-dark .background-primary a:active {
		    color: #777;
		}
		
		h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
		    font-family: "georgia";
		}
		
		p {
		    color: #777;
		    font-size: 1rem;
		    line-height: 1.6rem;
		}
		
		.text-facebook {
		    color: #282828;
		    position: relative;
		    top: 5px;
		    margin: 0 2px 0 10px;
		}
		
		.text-facebook:hover {
		    color: #3b5998;
		
		}
		
		.text-twitter {
		    color: #282828;
		    position: relative;
		    top: 5px;
		    margin: 0 2px 0 0px;
		}
		
		.text-twitter:hover {
		    color: #55acee;
		
		}
		
		.text-google-plus {
		    color: #282828;
		    position: relative;
		    top: 5px;
		    margin: 0 2px 0 0px;
		}
		
		.text-google-plus:hover {
		    color: #dd4b39;
		
		}
		
		
		
		.room-name {
		    margin-bottom: 5px;
		    padding-bottom: 5px;
		    border-bottom: 1px solid #d6d6d6;
		}
		
		/* ROOMS */
		.section-rooms {
		    padding: 3rem 1.25rem 3rem 1.25rem;
		}
		
		
		/* STAYING AT THE LYGON ARMS */
		/*#stay .margin2x > .s-12, #stay .margin2x > .m-6, #stay .margin2x > .l-6 {
		    padding: 0;
		}*/
		.section-stay {
		    border-top: 1px solid #d6d6d6;
		    padding: 3rem 1.25rem 1.75rem 1.25rem;
		}
		.stay-title {
		    margin: 0 1.25rem 5px 1.25rem;
		    padding-bottom: 5px;
		    border-bottom: 1px solid #d6d6d6;
		}
		/*
		#stay .margin2x > .s-12.left, #stay .margin2x > .m-6.left, #stay .margin2x > .l-6.left {
		    padding: 0 1.25rem 0 0;
		}
		#stay .margin2x > .s-12.right, #stay .margin2x > .m-6.right, #stay .margin2x > .l-6.right {
		    padding: 0 0 0 1.25rem;
		}
		*/
		
		.aa-award {
		    padding: 15px;
		}
		
		.aa-awards {
		    border-right: 1px solid #e5e5e5;
		    padding-right: -1.25rem;
		
		}
		
		.page-title {
		    margin-bottom: 5px;
		    padding-bottom: 5px;
		    border-bottom: 1px solid #d6d6d6;
		}
		
		h1, .h1 {
		    font-size: 1.4rem;
		}
		
		
		
		.inn-facilities li {
		    list-style-type: none;
		    margin-left: -20px;
		    padding: 4px 10px 2px 10px;
		}
		
		.inn-facilities li:nth-child(odd) {
		    background: #e3e1e2;
		    padding: 4px 10px 2px 10px;
		    text-transform: uppercase;
		}