/* 
Theme Name: Cafe Revival
Author: broadbean
Template: super-skeleton
Version: 1.0
*/

/* =Shared
-------------------------------------------------------------- */
/*
font-family: 'Life Savers', cursive;
font-family: 'Patua One', cursive;
font-family: 'Open Sans', sans-serif;
*/

body
{
    background-color: #353636;
    color: #383836;
    font: 13px/19px 'Open Sans', "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; 
}

.ie7 body,
.ie8 body
{
    min-width: 1040px;
}

body 
{
    background: url('images/background-tile.jpg') top left fixed repeat;
}

body:after
{
    background-image: none;
}

.container
{
/*    -webkit-backface-visibility: hidden !important;*/
}

body, a, a.button, input[type="submit"].button
{
    font-family: 'Open Sans', sans-serif;
    
}

a, a:hover, a:visited, a:active{color: #f6f2e6;}
a{text-decoration: none;}

.ie8 a, .ie8 a:visited, .ie8 a:active{text-decoration: none;}
.ie7 a, .ie7 a:visited, .ie7 a:active{text-decoration: none;}

.the_content a, .the_content a:hover, .the_content a:visited, .the_content a:active
{
    color: #383836;
}

.the_content a,
.ie8 .the_content a:visited,.ie8 .the_content a:active,.ie7 .the_content a:visited,.ie7 .the_content a:active
{
    text-decoration: underline;
}

.the_content iframe
{
    width: 100%;
}
    
h1, h2, h3, h4, h5, h6
{
    color: #383836;
}
h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited
{
    font-family: 'Patua One', cursive;
    text-shadow: none;
}

h2.title, h1.title
{
    background: none;
    font-size: 1.9em;
    font-weight: 400;
    padding-bottom: 0;
}

h2.title span, h1.title span
{
    background: none;
    padding-bottom: 0;
}

h1 { line-height: 19px;}
h2 { font-size: 1.3em; font-weight: 400;line-height:1.45em;margin-bottom:20px;margin-top: 30px;}
h3 { font-size: 1.1em; line-height: 1.4em; }
h4 { font-size: 1.05em; }
h5 { font-size: 1em; }

strong
{
    color: #050505;
}


.float-left
{
    float: left;
}

/* Links & Buttons */

a:hover, button:hover
{
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70); 
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
    text-shadow: none;
    
}
button:hover
{
    text-decoration: none;
}

#accordion h2.title:hover
{
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
    text-shadow: none;
    text-decoration: none;
}


a.button, .button
{
    font-family: 'Open Sans', sans-serif;
    background: none;
    display: block;
    padding: 9px 20px;
    line-height: 25px !important;
    color: #000000 !important;
    font-size: 15px;
    font-weight: 700;
    text-align: left;
    text-decoration: none !important;
    text-shadow: none;
    text-transform: uppercase;
    border: none !important;
    -moz-border-radius: 0x !important;
    -webkit-border-radius: 0 !important;
    border-radius: 0 !important;
}

a.inline.button
{
    display: inline-block;
}

a.button:hover, input[type="submit"]:hover, input[type="submit"].button:hover, .slide-link:hover .blue.button
{
    opacity: 0.8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80); 
    background: none;
    border: none;
    text-decoration: none;
}

input[type="submit"],
input[type="submit"].button
{
    font-family: 'Open Sans', sans-serif;
    background: none;
    height: 35px;
    padding: 0 10px !important;
    color: #ede9de !important;
    font-size: 13px !important;
    font-weight: 700;
    text-align: center;
    text-shadow: none;
    text-transform: uppercase;
    min-width: 105px;
    -moz-border-radius: 0x;
    -webkit-border-radius: 0;
    border-radius: 0;
    border: none;
}

button
{
    -moz-border-radius: 0x;
    -webkit-border-radius: 0;
    border-radius: 0;
}

.black.button, .black.button:hover, input[type="submit"], input[type="submit"]:hover, input[type="submit"].black.button, .slide-link:hover .black.button
{
    background-color: #050505;
    z-index: 20;
}

.textured.link
{
    font-family: 'Patua One', cursive;
    background-image: url('images/textured-background-dark.jpg');
    overflow: hidden;
    color: #f6f2e6;
    padding: 15px 40px 15px 30px;
    font-size: 25px;
    line-height: 30px;
    position:relative;
    text-align: center;
}

.textured.link .arrow
{
    position: absolute;
    right: 13px;
    top: 30%;
}

blockquote 
{
    border-left: none;
}

blockquote, blockquote p
{
    color: #383836;
}

table
{
    margin: 20px 0;
    width: 100%;
    text-align: left;
}

table th
{
    color: #ffffff;
    background-color: transparent;
    font-size: 1.2em;
    font-weight: 600;
    padding: 0 0 8px 0;    
    text-align: left;
    width: 90%;
}

/*table th
{
    color: #000000;
    background-color: #ffffff;
}*/

table td
{
    text-align: left;
    border: none;
}

table td, table tr:hover td, table td:hover
{
    color: #ffffff;
    background-color: transparent !important;
    padding: 11px 15px 0 15px;
    font-size: 1.25em;
}

/*table tr.first td
{
    padding-top: 20px;
}*/

/*
table tr.alternate td, table tr.alternate
{
    background-color: #f1f2f3 !important;
}


table th.first, table td.first
{
    padding-left: 30px !important;
    max-width: 178px;
}

.ie7 table th.first, .ie7 table td.first
{
    padding-left: 30px !important;
    width: 178px;
}

table th.last, table td.last
{
    padding-right: 30px !important;
}
*/

table td.center, table th.center
{
    text-align: center;   
}

/*td select
{
    margin: 0;
    width: auto;
    min-width: 0;
    color: #ffffff;
    font-size: 1em;
}*/

/*td .blue.button
{
    margin-bottom: 0;
    padding: 2px 10px;
    font-size: 13px;
}


td input.blue.button
{
    height: auto;
    padding: 2px 10px !important;
}*/

/* Header */

#section-header
{
    background-image: url('images/textured-background-dark.jpg');
    
    margin-bottom: 0;
    position: relative;
    overflow: hidden;
    border-bottom: #ede9de solid 3px;
}


.ie7 #section-header
{
    height: 191px;
}
.ie7 #section-navigation .container
{
    z-index: 10;
}

#section-tophat
{
    background-image: none;
    padding-top: 0;
    padding-bottom: 0;
    border-bottom: none;
    background-color: transparent !important;
    
    text-shadow: none !important;
}


#section-tophat:after
{
    background: none;
    background-color: transparent !important;
    position: static;
}

#section-tophat a
{
    color: #f2eee3 !important;
    text-decoration: underline;
}

#section-tophat div.tophat-left
{
    text-align: right;
    height: 18px;
    
    font-size: 14px;    
    color: #f2eee3;
    padding: 7px 0 9px 0;
}

.ie7 #section-tophat div.tophat-left
{
    font-size: 13px;
}

#section-tophat div.tophat-left .contact-item
{
    display: inline;
    margin-right: 20px;
    font-weight: 600;
}
#section-tophat div.tophat-left .label
{
    font-weight: 800;
    color: #878860;
}

#section-tophat div.tophat-right
{
    float: right;
    margin-left: 13px;
}

.ie7 #section-tophat div.tophat-right
{
    width: 138px;
}

ul.social li{
    width: auto;
    height: 36px;    
    padding: 0 0 0 4px;
    opacity: 1;
}

.logospace
{
    position: relative;
}

.logospace a:hover
{
    opacity: 1;
}

h1#logo
{
    margin-top: 20px;
    margin-bottom: 37px;
    line-height: 0;
}


.gramophone-background
{
    background-repeat: no-repeat;
    width: 717px;
    height: 191px;
    position: absolute;
    right: -91px;
    bottom: 0;
}

.ie7 .gramophone-background,
.ie8 .gramophone-background
{
    background-image: url('images/gramophone-background.jpg');
    
}

.ie7 .gramophone-background
{   
    bottom: 7px;
}

.header-right
{
    margin-top: 50px;
    text-align: right;
    position: relative;
    font-weight: 600;
    font-size: 1.15em;
    line-height: 1.3em;
}

.header-right strong
{
    color: #383836;
    font-weight: 700;
}

.header-right .strapline
{
    font-family: 'Life Savers', cursive;
    font-weight: 700;
    font-size: 1.5em;
    line-height: 1.4em;
}


#section-navigation
{
   margin-top: 0;
   padding: 0;
   background-color: #6d6e47;
}

#section-navigation .sixteen.columns:after
{
    background-image: url('images/full-width-shadow.png');
    content: "\0020";
    display: block;
    width: 100%;
    height: 18px;
    position: absolute;
    bottom: -18px;
}

.sf-menu
{
    height: 55px;
}

.ie7 .sf-menu > li,
.ie8 .sf-menu > li
{
    height: 55px;
}

.sf-menu > li, .sf-menu > li:hover
{
    border: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    max-height: 55px;
}

.sf-menu li, .sf-menu a
{
    -moz-transition: none;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
}

.sf-menu > li:hover
{
    background: none;
    
}

.ie7 .sf-menu li:hover
{
    filter: none; 
}

.ie8 .sf-menu > li > a:hover
{
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(enabled=false)";
}

.ie8 .sf-menu > li:hover > a span
{
    color: #ccc !important;
}

.sf-menu > li:first-child > a, .sf-menu > li > a
{
    padding: 18px 0 19px 0 !important;
    max-height: 18px;
}


.sf-menu > li > a span
{
    font-family: 'Patua One', cursive;
    font-size: 21px;
    color: #f6f2e6 !important; 
    padding: 0 12px;
}

.sf-menu > li.last > a span
{
    padding-right: 0;
    border-right: 0;
}

.sf-menu > li:hover > a
{
    padding-bottom: 3px;

}

/*.ie7 .sf-menu > li > a, .ie8 .sf-menu > li > a
{
    font-size: 13px;
}*/

.sf-menu li.current-menu-item a
{
    background-repeat: no-repeat;
    background-position: top center;
}

.sf-menu li .arrow-down 
{
    display: none;
    width: 27px;
    height: 17px;
    background-image: url('images/arrow-down.png');
    margin: 0 auto;
    position:relative;
}

.sf-menu > li.current-menu-item > .arrow-down,
.sf-menu > li.current-menu-ancestor > .arrow-down
{
    
    display: block;
    
/*    position: absolute;
    width: 0; 
    height: 0; 
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-top: 17px solid #6d6e47;
    bottom: -17px;
    left: 37%;
    top: auto;
    line-height: 0;*/
}

.ie7 .sf-menu > li.current-menu-item > .arrow-down,
.ie7 .sf-menu > li.current-menu-ancestor > .arrow-down
{
    
    display: none;
}


/* Sub Nav */

.sf-menu li ul
{
    min-width: 198px;
    background-image: url('images/sub-nav-background.png') !important;
    background-repeat: repeat !important;
    background-color: transparent !important;
    padding: 0;
/*    display: block !important;
    visibility: visible !important;*/
    text-shadow: none;
    
}

.ie7 .sf-menu li ul
{
    background-image: none !important;
    background-repeat: no-repeat;
    background-color: #8e8f68 !important;
    z-index: 10;
}

.sf-menu li li
{
    background-color: transparent !important;
    border: none !important;
    padding: 0 0 0 0;
    margin-bottom: 0;    
    
}

.sf-menu li:hover ul, .sf-menu li.sfHover ul
{
    left: -10px;
    top: 55px;
    padding-top: 0;
}

.sf-menu ul li a, .sf-menu.light ul li a
{
    font-family: 'Patua One', cursive;
    color: #f6f2e6 !important;
    font-size: 17px;
    line-height: 22px;
    background-color: transparent !important;
    text-shadow: none !important;
    display: block;
    padding-top: 6px;
    padding-left: 23px;
    padding-right: 23px;
    padding-bottom: 6px;
    width: auto !important;
    border-bottom: 1px transparent solid !important;
    -moz-background-clip: padding;
    -webkit-background-clip: padding;
    background-clip: padding-box;
}

/*.ie8 .sf-menu ul li a, .ie8 .sf-menu.light ul li a, ie7 .sf-menu ul li a, .ie7 .sf-menu.light ul li a
{
    font-size: 13px;
}*/

.sf-menu ul li:first-child a
{
    padding-top: 15px;
}
.sf-menu ul li:last-child a
{
    padding-bottom: 20px;
}

.sf-menu li li:last-child
{
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
}

.sf-menu.light li li:hover, .sf-menu.light li li.sfHover, .sf-menu.light li li:focus, .sf-menu.light li li:hover, .sf-menu.light li li:active
{
    background-color: transparent !important;
    background-image: none !important;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
}

.sf-menu.light li li:hover a, .sf-menu.light li li.sfHover a, .sf-menu.light li li:focus a, .sf-menu.light li li:hover a, .sf-menu.light li li:active a
{
    background-color: transparent !important;
    opacity: 0.8 !important;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)" !important;
    filter: alpha(opacity=80) !important; 
    text-decoration: underline;
}

.ie7 .sf-menu.light li li:hover a, .ie7 .sf-menu.light li li.sfHover a, .ie7 .sf-menu.light li li:focus a, .ie7 .sf-menu.light li li:hover a, .ie7 .sf-menu.light li li:active a
.ie8 .sf-menu.light li li:hover a, .ie8 .sf-menu.light li li.sfHover a, .ie8 .sf-menu.light li li:focus a, .ie8 .sf-menu.light li li:hover a, .ie8 .sf-menu.light li li:active a
{
    background-image: none !important;
    
/*    opacity: 0.8 !important;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)" !important;
    filter: alpha(opacity=80) !important; */
    text-shadow: none;
}

select.chzn-select 
{
    height: 30px;
    padding: 6px;
    width: 100%; 
}

.home .breadcrumbs
{
    display: none;
}

.breadcrumbs
{
    margin-top: 30px;
    
}

.breadcrumbs .separator
{
    padding: 0 5px;
}



/* =Footer
-------------------------------------------------------------- */
hr.footer-rule
{
    border: #878860 solid 0;
    border-bottom-width: 6px;
}

hr.footer-rule.top
{
    margin: 70px 0 2px 0;
}

hr.footer-rule.bottom
{
    margin: 3px 0 0 0;
}

.ie7 hr.footer-rule.top,
.ie7 hr.footer-rule.bottom
{
    height: 6px;
}

.footer-newsletter
{
    background-color: #7a7957;
    background-image: url('images/textured-background-green.jpg');
    background-repeat: repeat;
    color: #ffffff;
}

.footer-newsletter .inner-content
{
    position: relative;
    height: 140px;
}

.footer-newsletter .newsletter-image
{
    background-image: url('images/mic-and-radio.png');
    background-repeat: no-repeat;
    width: 239px;
    height: 151px;
    position: absolute;
    left: 15px;
    top: -11px;
}

.footer-newsletter .widget
{
    margin-left: 277px;
}

.ie7 .footer-newsletter .widget
{
    margin-left: 0px;
}

.footer-newsletter .widget-title
{
    font-family: 'Life Savers', cursive;
    font-weight: 700;
    font-weight: 300;
    color: #050505;
    font-size: 2.1em;
    line-height: 1.3em;
    margin-top: 19px;
    margin-bottom: 0;
}

.ie7 .footer-newsletter .widget-title,
.ie7 .footer-newsletter .textwidget p,
.ie7 .footer-newsletter input.email
{
    margin-left: 277px;
}

.footer-newsletter .widget input.email
{
    float: left;
    margin-right: 12px;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    border: 0;
    font-size: 13px !important;
    padding: 5px 10px 5px 10px !important;
    font-family: 'Open Sans', sans-serif;
    width: 60%;
}

.ie7 .footer-newsletter .widget input.email
{
    left: 0px;
    position: relative;
    width: 380px;
}

.footer-newsletter .widget input[type="submit"]
{
    width: 30%;
    height: 29px;
    position: relative;
}

.ie7 .footer-newsletter .widget input[type="submit"]
{
    width: 199px;
}

.footer-newsletter .widget .textwidget p
{
    font-size: 1.15em;
    margin-bottom: 12px;
}

.footer-newsletter form
{
    margin-bottom: 0;
}



.full-width.footer
{
    background-color: #22221f;
    position: relative;
    overflow: hidden;
}

.footer-content
{
    padding: 50px 0 30px 0;
    color: #f6f2e6;
    min-height: 515px;
}

.footer-content .column
{
   margin-top: 20px;
   margin-bottom: 20px;
}

.footer .column-one .plan-outline
{
    /*background-image: url('images/plan-outline.png');
    background-repeat: no-repeat;
    background-position: -85px -10px;
    */
    position: absolute;
    max-width: 416px;
    left: -65px;
    top: -10px;
}

.footer-content .column-one .content-spacer
{
    margin-right: 33px;
    padding: 0;
}
.footer-content .column-one .widget
{
    margin-top: 73px;
    background: rgb(135, 136, 96); /* The Fallback */
    background: rgba(135, 136, 96, 0.4); 
    padding: 20px 26px 1px 26px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px; /* future proofing */
    -khtml-border-radius: 20px; /* for old Konqueror browsers */
}
.footer-content .column-one h3.widget-title
{
    font-family: 'Patua One', cursive;
    font-size: 2em;
    color: #b8b98d;
    margin-bottom: 5px;
}

.footer-content .column-one .textwidget
{
    font-size: 1.1em;
    line-height: 1.5em;
}

.footer-content .column-one .display-posts-listing .title
{
    display: none;
}

.footer-content .column-one .display-posts-listing .content
{
    background-color: transparent;
}

.footer-content .column-two .content-spacer
{
    padding-left: 40px;
}

.footer-content h3.widget-title
{
    font-family: 'Life Savers', cursive;
    font-weight: 700;
    font-size: 1.8em;
    color: #b8b98d;
    margin-bottom: 20px;
}

.footer-content h3.widget-title strong
{
    color: #ffffff;
}

/*.ie7 .footer-content h3.widget-title
{
    font-size: 1.6em;
}*/

.footer-content h4
{
    margin-top: 15px;
    margin-bottom: 0;
    font-size: 1.35em;
    line-height: 1.3em;
    color: #57bcba;
}

.footer-content a, .footer-content a:active, .footer-content a:visited
{
    color: #ffffff;
}

.footer-content .textwidget a,
.footer-content .widget_nav_menu a
{
    font-size: 1.15em;
}

.footer-content .textwidget .telephone
{
    font-size: 2.1em;
    line-height: 1.2em;
}

.footer-content .widget_sp_image a
{
    display: block;
}

.footer-content .widget_nav_menu ul#menu-services-menu
{
    margin-bottom: 50px;
}

.footer-content .widget_nav_menu li
{
    font-weight: 300;
    margin-bottom: 2px;
}

.footer-content .column
{
    position: relative;
}

.footer-content .twitter-follow-button,
.ie7 .footer-content iframe
{
    max-width: 90px;
    position: absolute;
    top: 0;
    right: 0;
}

.ie7 .footer-content .tweets li
{
    position: relative;
}



.footer-content .PI_SimpleTwitterTweets h3
{
    display: none;
}

.footer-content .tweets
{
    padding-top: 3px;
}
.footer-content .tweets li.avatar
{
    margin-left: 60px;
    margin-bottom: 20px;
    min-height: 48px;
}

.ie7 .footer-content .tweets li.avatar
{
    margin-left: 0;
    width: 280px;
    position: relative;
    left: 60px;
}

.footer-content .tweets li.avatar img
{
    margin-left: -60px;
}

.footer-content .tweets li.avatar a
{
    color: #b8b98d !important;
    font-size: 1em !important;
}

.footer-content .tweets li.avatar em
{
    display: none;
}

.footer-content .column-span
{
    float: right;
}

.footer-content .column-span .content-spacer
{
    margin-left: 60px;
    border: #c5c398 solid 1px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px; /* future proofing */
    -khtml-border-radius: 20px; /* for old Konqueror browsers */
    background-image: url('/content/uploads/cafe-revival-logo-narrow.png');
    background-repeat: no-repeat;
    background-position: 50px 15px;
    padding: 25px 5px 30px 240px;
}

.footer-content .contact
{
    font-size: 1.1em;
}
.footer-content .contact .telephone
{
    font-family: "Patua One", cursive;
    font-size: 1.85em;
    color: #ffffff;
    margin-bottom: 15px;
}

.footer-content .contact .telephone a
{
    font-size: 1em;
}

.footer-content .contact .telephone .option
{
    color: #b8b98d;
}

.footer-content .contact .email
{
    margin-top: 10px;
    font-weight: 700;
}

.footer-content .email a
{
    font-weight: 400;
    font-size: 1em;
    text-decoration: underline;
    
}

#section-sub-footer
{
    color: #c5c398;
    padding: 15px 0;
    font-size: 0.95em;
    font-weight: 600;
}

.ie7 .full-width, .ie8 .full-width
{
    min-width: 960px;
}

#section-sub-footer span
{
    padding: 0;
}

#section-sub-footer .copyright
{
    padding-top: 3px;
    float: left;
}

.footer-links
{
    text-align: right;
    float: right;
}

.footer-links a
{
    color: #c5c398 !important;
    text-decoration: none;
}

a.broadbean-link
{
    display: inline-block;
}

.ie8 a.broadbean-link
{
    display: inline;
}


.footer-links img 
{
    vertical-align: baseline;
}

.ie8 .footer-links
{
    width: 80%;
}

ul.sub-footer-menu
{
    margin-left: 0;
    padding: 0;
    display: inline;
    margin-right: 4px;
}

.sub-footer-menu li
{
    display: inline;
    list-style-type: none;
}

.sub-footer-menu li a
{
    border-right: 2px solid #c5c398;
    padding: 0 8px;
}

/* =Middle Content Area */

#main-content-wrapper
{
    background-image: url('images/background-dots.png');
    background-repeat: no-repeat;
    background-position: 51% -12px;
    padding-top: 50px;
}

/* =Homepage
-------------------------------------------------------------- */

.home h1, .home h2, .home h3
{
    color: #f6f2e6;
}

.home #main-content-wrapper 
{
    padding-top: 43px;
}

#homepage-frames
{
    overflow: hidden;
    text-align: center;
    position: relative;
  
}

#homepage-frames .container
{
    line-height: 0;
}

#homepage-frames img
{
    position: relative;
    left: -190px;
    max-width: 1361px;
    width: 142%;
    height: auto;
} 

.frame-text
{
    font-family: 'Life Savers', cursive;
    font-weight: 700;
    font-size: 26px;
    line-height: 38px;
    text-align: center;
    color: #f6f2e6;
    position: absolute;  
    left: 40px;
    bottom: 100px;
    width: 240px;
    height: 160px;
    
}

.frame-text a,
.ie8 .frame-text a:visited,.ie8 .frame-text a:active,.ie7 .frame-text a:visited,.ie7 .frame-text a:active
{
    font-family: 'Life Savers', cursive;
    font-weight: 700;
    font-size: 13px;
    line-height: 18px;
    text-decoration: underline;
    text-align: right;
    display: block;
    padding: 5px 8px 12px 0;
}

a.lamp-sign
{
    font-family: 'Life Savers', cursive;
    font-weight: 700;
    font-size: 19px;
    line-height: 24px;
    text-align: center;
    color: #f6f2e6;
    position: absolute;   
    right: 52px;
    bottom: 190px;
    width: 180px;
    display: block;
}

#accordion
{
    background-image: url('images/textured-background-dark.jpg');
    background-repeat: repeat;
    padding: 0;
    line-height: 0;
}

#accordion h2
{
    padding: 40px 105px 35px 55px;
    margin: 0;
    cursor: pointer;
    display: block;
    z-index: 10;
}

#accordion h2 .arrow
{
    position: absolute;
    right: 75px;
    top: 45px;
}

#accordion h2:hover .arrow,
#accordion h2 .arrow.rotated
{
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
}

#accordion h2:hover .arrow.rotated
{
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
}

#accordion .content
{
    padding: 0 55px 35px 55px;
    color: #f6f2e6;
    font-size: 1.15em;
    line-height: 1.7em;
    text-align: justify;
}

#accordion strong
{
    color: #f6f2e6;
}

#accordion .content .half.column.left
{
    padding-bottom: 200px;
    width: 47%;
    margin: 0 3% 0 0;
}

#accordion .content .half.column.right
{
    width: 47%;
    margin: 0 0 0 3%;
}

#accordion .content img.main-image
{
    position: absolute;
    left: -55px;
    bottom: -50px;
}

#accordion .content .find-us-button
{
    position: relative;
    margin-top: 70px;
    font-family: 'Patua One', cursive;
    font-size: 1.7em;
    line-height: 1.1em;
    float: right;
    text-align: center;
    display: block;
    padding: 19px 70px 19px 40px;
    background: -moz-linear-gradient(top,  rgba(255,255,255,0.05) 0%, rgba(255,255,255,0.1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.05)), color-stop(100%,rgba(255,255,255,0.05))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0.05) 0%,rgba(255,255,255,0.05) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255,255,255,0.05) 0%,rgba(255,255,255,0.05) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(255,255,255,0.05) 0%,rgba(255,255,255,0.05) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(255,255,255,0.05) 0%,rgba(255,255,255,0.05) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1affffff', endColorstr='#1affffff',GradientType=0 ); /* IE6-9 */
}

#accordion .content .find-us-button p
{
    font-size: 0.75em;
    margin-bottom: 0;
}

#accordion .content .find-us-button .arrow
{
    position: absolute;
    right: 13px;
    top: 33px;
}

#home-bottom
{
    margin-top: 100px;
}

.plan
{
    background-image: url('images/plan-heading-background.png');
    background-repeat: no-repeat;
    position: relative;
    padding-top: 190px;
    padding-left: 25px;
    margin-top: 25px;
}

.plan .heading
{
    position: absolute;
    left: 50px;
    top: 40px;

}

.plan .heading h2
{
    font-family: 'Life Savers', cursive;
    font-weight: 700;
    color: #ffffff;
    font-size: 30px;
    line-height: 1.5em;
    margin: 0;
}

.plan .heading .sub-heading
{
    color: #050505;
    font-size: 16px;
}

.plan .images a,
.plan .images img
{
    display: block;
    line-height: 0;
}

.promotion 
{
    background-image: url('images/promotion-frame-background.png');    
    background-repeat: no-repeat;
    background-position: right top;
    padding: 60px 91px 60px 110px;
/*    width: 300px;*/
    height: 552px;
}

.promotion a.content-wrapper
{
    color: #050505;
    display: block;
    position: relative;
    line-height: 0;
    overflow:hidden;
    height: 100%;
}

.promotion h2
{
    color: #050505;
    font-family: 'Patua One', cursive;
    font-size: 2.3em;
    line-height: 1.1em;
    text-align: center;
}

.promotion p
{
    font-size: 1.25em;
    line-height: 1.4em;
}

.promotion .textured.link
{
    position: relative;
    bottom: 38px;
}

#home-bottom .column.left
{
    width: 44%;
    margin: 0 0% 0 2%;
}

#home-bottom .column.right
{
    width: 52%;
    margin: 0 0 0 2%;
}

.listing .testimonials-widget
{
    margin-bottom: 30px;
}

.ie7 .join-location
{
  *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ', ');
}

.testimonials-widget.category-customer .author, .testimonials-widget.category-customer .location, .testimonials-widget.category-customer .join-location,
.sidebar .testimonials-widget.category-customer .credit
{
    visibility: hidden;
    display: none;
}

.ie8 .testimonials-widget img
{
    height: auto;
    width: auto;
}

#catapult-cookie-bar a
{
    color: #fff;
    text-decoration: underline;
}

/* =Default Page & 404
-------------------------------------------------------------- */

.page .main-content-area, 
.error404 .main-content-area
{
    margin-bottom: 0px;
}

.page .content,
.archive .content,
.single .content,
.error404 .content,
.search .content
{
    background-color: #f2eee3;
}


/*.page .the_content,
.error404 .the_content
{
    margin: 65px 80px;
    font-size: 1.15em;
    font-weight: 300;
}*/

/*.content-spacer
{
    padding-left: 28px;
    padding-right: 28px;
}*/

.content li
{
    list-style: disc outside;
    margin-left: 40px;
    margin-bottom: 2px;
}

.content img
{
    border: none;
   
}

.content img.alignnone
{
    margin-right: 30px;
}

.content .half.column img
{
     margin: 0;
}

.half.column.left
{
    width: 47%;
    margin: 0 3% 0 0;
}

.half.column.right
{
    width: 47%;
    margin: 0 0 0 3%;
}



/* =Menus
-------------------------------------------------------------- */
.menu.main-content-area
{
    margin-bottom: 0px;
}

.page .content-spacer,
.error404 .content-spacer
{
    padding: 0 44px;
}

.title-ribbon
{
    display: block;
    position: relative;
    left: -12px;
    margin: 33px 0 25px 0;
}
.title-ribbon .title,
.title-ribbon h1.title
{
    font-family: 'Patua One', cursive;
    font-size: 1.9em;
    padding: 15px 30px 16px 58px;
    height: 50px;
    width: 50%;
    float: left;
    min-width: 280px;
    background-image: url('images/textured-background-dark.jpg');
    color: #f2eee3;    
    margin-bottom: 0px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.eleven.columns .title-ribbon .title,
.eleven.columns .title-ribbon h1.title
{
    width: auto;
    padding: 15px 30px 16px 43px;
}

.ie7 .title-ribbon .title,
.ie7 .title-ribbon h1.title
{
    height: 20px;
}

/*.menu .title-ribbon .title:after
{
    content: "\0020";
    border-top: 25px solid transparent;
    border-right: 15px solid black;
    border-bottom: 25px solid transparent;
    height: 0;
}*/

.title-ribbon .ribbon-fold
{
    border-left: 12px solid transparent;
    border-right: 0px solid transparent;
    border-top: 15px solid black;
    position: absolute;
    bottom: -15px;
    height: 0;
    width: 0;
}

.title-ribbon .ribbon-tail
{
    border-top: 25px solid transparent;
    border-right: 15px solid #f2eee3;
    border-bottom: 25px solid transparent;
    background-image: url('images/textured-background-dark.jpg');
    height: 0;
    float: left;
}

.ie7 .title-ribbon .ribbon-fold,
.ie7 .title-ribbon .ribbon-tail
{
    display: none;
}

.menu h1.title
{
    font-family: 'Open Sans', sans-serif;
    font-size: 1.45em;
    font-weight: 700;
    line-height: 1.5em;
    background-image: url('images/textured-background-dark.jpg');
    color: #f2eee3;
    text-align: center;
    padding: 10px 0
}



.all-menu-items .column
{
    margin: 0;
    display: block;
}


.all-menu-items .content-spacer
{
    padding: 0 34px;
}

.all-menu-items article
{
    margin-left: 0px;
}

.sub-category h2
{
    margin-top: 30px;
}

.sub-category h2,
.sub-category h3
{
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    margin-bottom: 0px;
}

.sub-category h3
{
    margin-top: 10px;
}

.sub-category h2.no-description
{
    margin-bottom: 10px;
}

.sub-category .description
{
    font-weight: 300;
    margin-bottom: 20px;
}


.wppizza-article
{
    margin-bottom: 0px;
}

.article
{
    margin-bottom: 6px;
}

.wppizza-article-price
{
    font-size: 1em;
    padding-top: 0;
}
.wppizza-article-price-lbl
{
    font-size: 0.8em;
}
.wppizza-article-price>span:hover
{
    text-decoration: none;
    
}

.wppizza-article-price:hover
{
    cursor: default;
}

.wppizza-article-info
{
    margin-right: 60px;
}

.wppizza-article-info h2, .wppizza-article-info h3
{
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 1em;
}

.wppizza-article-info p
{
    display: inline;
    font-style: italic;
}

.wppizza-article-info.no-title p
{
    font-style: normal;
}

.wppizza-article-additives
{
    font-size: 1em;    
}

.after-menu
{
    margin-top: 20px;
}



/* =Services (Home & Sidebar)
-------------------------------------------------------------- */

.services
{
    margin-bottom: 15px;
    overflow: hidden;
    padding: 0 30px;
}

.home .services
{
    margin-bottom: 45px;
    padding: 0;
}

.services .widget_sp_image
{
    margin-bottom: 28px;
}

.services .content-spacer
{
    padding: 0 14px;
}

.home .services .content-spacer
{
    padding: 0;
}

.home .services .content-spacer
{
    padding: 0 5px 0 5px;
}
.home .services .widget-first .content-spacer
{
    padding: 0 10px 0 0;
}
.home .services .widget-last .content-spacer
{
    padding: 0 0 0 10px;
}

.services .widget_sp_image .content
{
    font-family: 'Patua One', cursive;
    text-align: center;
    background-image: url('images/textured-background-dark.jpg');
    overflow: hidden;
    
    color: #f6f2e6;
    padding: 11px 15px 11px 5px;
/*    position: relative;
    bottom: 87px;*/
    
}

.services .widget_sp_image .content
{
    
    position: relative;
/*    margin: 0 1px 0 8px;*/
}

.home .services .widget_sp_image .content
{
    padding: 15px 15px 20px 5px;
}

.services .widget-title
{
    font-size: 17px;
    color: #f6f2e6;
    line-height: 20px;
    font-weight: 400;
    margin: 0 0 2px 0;
}

.home .services .widget-title
{
    font-size: 25px;
    line-height: 30px;
}

.services .widget_sp_image-description
{
    font-size: 12px; 
    line-height: 17px;
}

.services .widget_sp_image-description p
{
    margin-bottom: 0px;
}

.home .services .widget_sp_image-description
{
    font-size: 19px; 
    line-height: 22px;
}

.services .widget_sp_image .arrow
{
    position: absolute;
    right: 8px;
    top: 22px;
    width: 17px;
    height: 17px;
}

.home .services .widget_sp_image .arrow
{
    right: 13px;
    top: 33px;
    width: 26px;
    height: 26px;
}


.services .image
{
    position: relative;
    line-height: 0;
    height: 209px;
}

.home .services .image
{
    height: 312px;
}

.ie7 .home .services .image
{
    height: 323px;
}

.ie8 .home .services .image
{
    height: 338px;
}

.services img
{
    position: relative;    
    margin-bottom: 0;
}


.ie7 .services .image img,
.ie8 .services .image img
{
    width: auto;
}

.home .services .image img
{
/*    max-width: 350px !important;    */
}


.term-cafe-and-takeaway.services .cafe-and-takeaway a.wrapper-link,
.term-cakes-and-drinks.services .cakes-and-drinks a.wrapper-link,
.term-evening-menu.services .evening a.wrapper-link,
.term-sandwich-delivery-bristol.services .sandwich-delivery-bristol a.wrapper-link
{
    background-image: url('images/arrow-down-textured.png');
    background-repeat: no-repeat;
    background-position: center 100%;
    padding-bottom: 22px;
}

.term-cafe-and-takeaway.services .cafe-and-takeaway .content,
.term-cakes-and-drinks.services .cakes-and-drinks .content,
.term-evening-menu.services .evening .content,
.term-sandwich-delivery-bristol.services .sandwich-delivery-bristol .content
{
    background-image: url('images/textured-background-dark-green.jpg');
    background-repeat: repeat;
}

.services .cafe-and-takeaway.widget .image img
{
    left: -6px;
}
.services .evening.widget .image img
{
    left: -4px;
}


.services .sandwich-delivery-bristol.widget .image img
{
    left: 5px;
}

a.wrapper-link
{
    display: block;
    padding: 0; 
}

.ie7 a.wrapper-link
{
    width: 100%;
    
    height: auto;
}

.ie7 a.wrapper-link .content
{
    cursor: pointer;
}



/* =Portfolio
-------------------------------------------------------------- */
.portfolio-nav
{
    margin-top: 40px;
}
.portfolio-nav a.button
{
    font-family: 'Open Sans', sans-serif;
    display: inline-block;
    font-size: 0.9em;
    background-color: #b8b98d;
    padding: 7px 13px;
    line-height: 1em !important;
}

.portfolio-nav a.button:hover
{
    background-color: #b8b98d;
}

.ie8 .portfolio-nav a.button
{
    padding: 7px 13px;
    line-height: 13px !important;
    height: 13px !important;
}

.portfolio-nav .half-bottom
{
    border-color: #b8b98d;
    border-bottom-color: #b8b98d;
}

.lightboxLink, .thumbLink
{
    display: none;
}

/* =Team
-------------------------------------------------------------- */

.team .member
{
    padding-top: 25px;
}

.team .frame
{
    margin-bottom: 25px;
    position: relative;
    width: 280px;
    height: 280px;
}


.team .frame.left
{
    float: left;
    margin-right: 30px;
}

.team .frame.right
{
    float: right;
    margin-left: 30px;    
}

.team .frame .picture
{
    position: absolute;
    top: 38px;
    left: 38px;
    max-width: 200px;
    max-height: 200px;
    
}

.team .frame .background
{
    position: absolute;
    top: -3px;
    background-image: url('images/team-member-frame.png');
    background-repeat: no-repeat;
    width: 280px;
    height: 280px;
}

.team .frame img
{
    margin: 0px;
}

.team .info h2
{
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    margin: 0;
}

.team .info .job-title
{
    margin-bottom: 20px;
}

/* =News & Offers
-------------------------------------------------------------- */

.archive .title-ribbon
{
    margin-bottom: 50px;
}

.post .content-spacer,
.article_nav.content-spacer,
.single .content-spacer,
.search .content-spacer
{
    padding: 0 34px;
}

.ie8 .aside img
{
    width: auto;
}

.aside.content-spacer
{
    padding-right: 0px;
}

.excerpt.content-spacer
{
    padding-left: 0px;
}

.post h2
{
    margin-top: 0;
}
.post h2 a
{
    text-decoration: none;
}

.article_nav 
{
    margin-bottom: 40px;
}

.article_nav a,
.ie8 .article_nav a:visited, .ie8 .article_nav a:active, .ie7 .article_nav a:visited, .ie7 .article_nav a:active
{
    color: #383836;
    text-decoration: underline;
}

/* =Explore
-------------------------------------------------------------- */
a.floor-link
{
    display: block;
    line-height: 0px;
}
a.floor-link img
{
    margin-bottom: 0px;
}
a.floor-link img.on,
.no-touch a.floor-link:hover img.off
{
    position: static;
}

a.floor-link img.off,
.no-touch a.floor-link:hover img.on
{
    position: absolute;
    left: -10000px;
}

/* =Sidebar
-------------------------------------------------------------- */

.sidebar .content-spacer
{
    padding: 60px 50px 0 50px;
}

.ie7 .sidebar .content-spacer
{
    padding-bottom: 36px;
}

.archive .sidebar .content-spacer,
.single .sidebar .content-spacer,
.search .sidebar .content-spacer
{
    padding: 0 0 0 5px;
}

.sidebar .widget
{
    position: relative;
    
    margin-bottom: 36px !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}




.archive .sidebar .widget,
.single .sidebar .widget,
.search .sidebar .widget
{
    margin-bottom: 20px !important;
}

.sidebar input#s
{
    background-color: #f2eee3;
    border-color: #c0b89e;
}


.sidebar h3.widget-title
{
    font-size: 1.5em;
}

.sidebar .widget_categories
{
    max-width: 275px;
    padding-top: 4px;
    padding-bottom: 4px;
}
.sidebar .widget_categories .frame-top
{
    position: absolute;
    top: -4px;
    background-image: url('images/frame-top.png');
    background-repeat: no-repeat;
    width: 276px;
    height: 81px;
    margin-top: 4px;
}

.sidebar .widget_categories .frame-middle
{
    background-image: url('images/frame-middle.png');
    background-repeat: repeat-y;
    padding: 0 17px 0 17px;
}

.sidebar .widget_categories .content
{
    margin: 0 5px 0 7px;
    background-color: #f2eee3;
    padding: 55px 25px;
}

.sidebar .widget_categories ul li
{
    margin-left: 18px;
}
.sidebar .widget_categories ul a,
.ie8 .sidebar .widget_categories ul a:visited, .ie8 .sidebar .widget_categories ul a:active, .ie7 .sidebar .widget_categories ul a:visited, .ie7 .sidebar .widget_categories ul a:active
{
    color: #383836;
    font-size: 1.2em;
    line-height: 1.8em;
    text-decoration: underline;
}

/*.sidebar .widget_categories ul a:hover
{
    text-decoration: none;
}*/

.sidebar .widget_categories .frame-bottom
{
    position: absolute;
    bottom: -4px;
    background-image: url('images/frame-bottom.png');
    background-repeat: no-repeat;
    width: 276px;
    height: 81px;
    margin-bottom: 4px;
}

.sidebar .widget_tag_cloud
{
     background-image: url('images/textured-background-dark-green.jpg');
     padding: 30px 30px 50px 30px;
}

.sidebar .widget_tag_cloud h3
{
    color: #f2eee3;
    margin-bottom: 20px;
}

.sidebar .widget_tag_cloud a,
.ie8 .sidebar .widget_tag_cloud a:visited, .ie8 .sidebar .widget_tag_cloud a:active, .ie7 .sidebar .widget_tag_cloud a:visited, .ie7 .sidebar .widget_tag_cloud a:active
{
    line-height: 1.2em;
    color: #f2eee3;
    text-decoration: underline;
}

/*.sidebar .widget_tag_cloud a:hover
{
    text-decoration: none;
}*/



.sidebar .widget_archive
{
     background-image: url('images/textured-background-green.jpg');
     padding: 30px 30px 30px 30px;
}

.sidebar .widget_archive h3
{
    color: #ffffff;
    margin-bottom: 20px;
}

.sidebar .widget_archive a,
.ie8 .sidebar .widget_archive a:visited, .ie8 .sidebar .widget_archive a:active, .ie7 .sidebar .widget_archive a:visited, .ie7 .sidebar .widget_archive a:active
{
    font-size: 1.2em;
    line-height: 1.2em;
    color: #ffffff;
    text-decoration: underline;
}



.sidebar .widget_sp_image
{
    margin-bottom: 76px;
    background-image: url('images/textured-background-dark.jpg');
}

.sidebar .widget_sp_image .image
{
    width: 53%;
    position: absolute;
    left: 10px;
    
}

.sidebar .widget_sp_image .content
{
    background-color: transparent;
    width: 42%;
    margin-left: 54%;
    padding: 26px 0px 27px 6px;
    text-align: center;
}

.ie8 .sidebar .widget_sp_image img
{
    height: auto;
    width: auto;
}


.sidebar .widget_sp_image h3.widget-title
{
    font-size: 2em;
    line-height: 1.1em;
    color: #f6f2e6; 
}

.sidebar .widget_sp_image .widget_sp_image-description
{
    margin-top: 10px;
    line-height: 1.45em;
}

.sidebar .widget .arrow
{
    display: none;
}

.sidebar .widget .small.arrow
{
    font-family: 'Patua One', cursive;
    font-size: 1.3em;
    display: inline-block;
    background-image: url('images/arrow-right.png');
    background-repeat: no-repeat;
    background-size: 17px 17px;
    background-position: right center;
    padding-right: 25px;
}

.ie7 .sidebar .widget .small.arrow,
.ie8 .sidebar .widget .small.arrow
{
    padding-right: 30px;
    line-height: 1.6em;
}

.sidebar .Testimonials_Widget_Widget
{
    background-repeat: no-repeat;
    height: 368px;
    display: table;
    width: 100%;
}


.ie7 .sidebar .Testimonials_Widget_Widget
{
    background-image: url('images/testimonials-frame.jpg');
    display: block;
    width: auto;
}

.ie8 .sidebar .Testimonials_Widget_Widget
{
    background-image: url('images/testimonials-frame.jpg');
}

.sidebar .Testimonials_Widget_Widget .bx-wrapper
{
    display: table-cell;
    vertical-align: middle;
    width: 100%;
}

.ie7 .sidebar .Testimonials_Widget_Widget .bx-wrapper
{
    display: block;
    width: auto;
}

.sidebar .Testimonials_Widget_Widget h3.widget-title
{
    display: none;
}

.sidebar .Testimonials_Widget_Widget img.testimonials-speech-bubble
{
    position: absolute;
    top: -40px;
    left: -40px;
    z-index: 10;
}

.sidebar .Testimonials_Widget_Widget .testimonials-widget-testimonials
{
    display: table-cell;
    vertical-align: middle;
}

.sidebar .Testimonials_Widget_Widget .bx-wrapper .testimonials-widget-testimonials
{
    display: block;
    vertical-align: auto;
    width: auto;
}

.ie7 .sidebar .Testimonials_Widget_Widget .bx-wrapper .testimonials-widget-testimonials
{
    width: 100%;
}

.sidebar .Testimonials_Widget_Widget .testimonials-widget
{   
    padding: 40px 90px 40px 90px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100% !important;
}

.ie7 .sidebar .Testimonials_Widget_Widget .testimonials-widget
{
    width: auto !important;
    margin-top: 50px;
}

.sidebar .Testimonials_Widget_Widget .testimonials-widget h3
{
    font-family: 'Open Sans', sans-serif;
    font-size: 1.9em;
    font-style: italic;
    font-weight: 700;
    margin-bottom: 15px;
    text-align: center;
    padding: 0 90px;
}

.sidebar .Testimonials_Widget_Widget .testimonials-widget blockquote
{
    padding: 0px;
    text-align: center;
    margin-bottom: 15px;
}

.sidebar .Testimonials_Widget_Widget .testimonials-widget blockquote p
{
    font-size: 0.95em;
    margin-bottom: 15px;
}


.sidebar .Testimonials_Widget_Widget .testimonials-widget p:first-child:before,
.sidebar .Testimonials_Widget_Widget .testimonials-widget p:last-child:after
{
    content: '"';
}

.sidebar .Testimonials_Widget_Widget .testimonials-widget .company
{
    font-weight: 700;
}

.widget .testimonials-widget-testimonial cite, .widget .testimonials-widget-testimonial div.credit
{
    margin-top: 0;
}

.testimonials-widget-testimonial cite:before, 
.testimonials-widget-testimonial div.credit:before
{
    content: none;
}

/* wpcf7 Contact Form */

.wpcf7
{
    max-width: 650px;
    width: 100%;
}

.wpcf7 .form-fields
{
    padding-top: 30px;
    padding-bottom: 30px;
}

.wpcf7 .field-row
{
    margin: 10px 0;
}

.wpcf7 label
{
    font-size: 1.1em;
    display: inline;
    font-weight: 600;
    cursor: pointer;
}

.wpcf7 label span
{
    color: #ffffff;
}

.wpcf7 label a,
.ie8 .wpcf7 label a:visited, .ie8 .wpcf7 label a:active, .ie7 .wpcf7 label a:visited, .ie7 .wpcf7 label a:active
{
    color: #ffffff;
    text-decoration: underline;
}

.wpcf7 .label-wrapper
{
    float: left;
    width: 30%;
    min-width: 150px;
    margin-top: 4px;
    text-align: right;
}

.wpcf7 .field
{
    margin-left: 35%;
}


.ie8 .wpcf7 .field input, .ie7 .wpcf7 .field input
{
    line-height: 28px;
}



.wpcf7 .field .sub-field
{
    float: left;
    width: 50px;
    margin-right: 10px;
}

.ie7 .wpcf7 .field .sub-field .wpcf7-form-control
{
    width: 35px !important;
    min-width: 35px !important;
}

.wpcf7 .required
{
    color: #00e4ec;
}

.wpcf7 .wpcf7-form-control-wrap
{
    display: block;
}

.wpcf7 .wpcf7-form-control
{
    outline : none;
    padding: 0 6px !important;
    height: 30px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
/*    background-color: #f1f1f1;*/
    margin-bottom: 9px;
    display: inline;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.ie7 .wpcf7 .wpcf7-form-control
{
    width: 95%;
}


.ie7 .wpcf7 input[type="submit"].wpcf7-form-control
{
    display: block;
    max-width: 200px;
    float: left;
    margin-left: 0 !important;
    left: 0;
}


.wpcf7 textarea.wpcf7-form-control
{
    height: auto;
    padding: 4px 6px !important;
}

.wpcf7 select.wpcf7-form-control
{
    padding: 0 0 0 2px !important;
    text-indent : 0.01px;
    text-overflow: '';
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    background-image: url('images/dropdown-arrow.gif');
    background-repeat: no-repeat;
    background-position: right center;    
}

.wpcf7 select.wpcf7-form-control::-ms-expand
{
    display: none;
}

.ie9 select.wpcf7-form-control, .ie8 select.wpcf7-form-control, .ie7 select.wpcf7-form-control
{
    padding: auto !important;
    background-image: none;
    background-repeat: no-repeat;
    background-position: right center;    
}

.wpcf7 .wpcf7-form-control-wrap.terms-and-conditions
{
    display: inline;
}

.wpcf7 .wpcf7-form-control-wrap.terms-and-conditions .wpcf7-not-valid-tip
{
    top: -18px;
    left: 5px;
    min-width: 200px;
}

.wpcf7 .wpcf7-form-control-wrap.terms-and-conditions input
{
    padding: 0 0 0 3px !important;
}

.wpcf7 .wpcf7-checkbox.wpcf7-form-control, .wpcf7 .wpcf7-checkbox.wpcf7-form-control .wpcf7-list-item
{
    padding: 0 !important;
    margin-top: 2px;   
    margin-left: 0;
}

.wpcf7 .wpcf7-checkbox .wpcf7-list-item
{
    display: block;
    clear: left;
}
.wpcf7 .wpcf7-checkbox .wpcf7-list-item label
{
    display: block;
    
    clear: left;
}

.wpcf7 .wpcf7-checkbox .wpcf7-list-item input[type="checkbox"]
{
    margin-top: 3px;
    float: left;
    padding: 0 5px 10px 5px !important;
}

.ie7 .wpcf7 .field .wpcf7-checkbox input
{
    margin-top: 0;
}

.wpcf7-checkbox .wpcf7-list-item span
{
    padding-top: 0;
    margin-top: 0;
    
}

.wpcf7 .wpcf7-checkbox .wpcf7-list-item-label
{
    
    margin-left: 22px;
    display: block;
}

.wpcf7 input[type="submit"]
{
    width: auto;
}

span.wpcf7-not-valid-tip
{
    color: #da1731;
    top: 5px;
    left: 10px;
    width: auto;
    position: absolute;
}

.cafe-area span.wpcf7-not-valid-tip
{
    position: static;
}

div.wpcf7-validation-errors
{
    border-color: red;
    background-color: #ffffff;
    color: #353636;
}

.wpcf7 .service .wpcf7-list-item {
display: block;
}
.wpcf7 .service {
    width: 50%;
    float: left;
}
.wpcf7 .service h3
{
    font-size: 1em;
    display: block;
    margin-top: 4px;
}

.ie7 .wpcf7 .service h3
{
    margin-top: 10px;
}

.wpcf7 .service .wpcf7-form-control-wrap
{
    margin-right: 10px;
}


button#catapultCookie
{
    text-shadow: none;
    border-radius: 0;
}

/* =Responsive
-------------------------------------------------------------- */



/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {

    .header-right
    {
        font-size: 0.9em;
        margin-top: 53px;
    }
    
    .header-right .strapline
    {
        font-size: 1.35em;
    }
    
    #section-navigation .sixteen.columns:after 
    {    
        background-size: 100% 100%;
    }
    
    .promotion 
    {
        background-size: 100% auto;
        padding: 40px 71px 48px 70px;
        height: 476px;
    }
    .promotion h2
    {
        font-size: 1.7em;
        line-height: 1em;   
    }
    
    .promotion p
    {
        font-size: 1em;
    }
    
    .textured.link
    {
        font-size: 20px;
        line-height: 25px
    }
    
    

    .footer-newsletter .widget .textwidget p
    {
        font-size: 1em;
    }
    
    .footer-content h3.widget-title
    {
        font-size: 1.4em;
        margin-bottom: 14px;
    }
    
    .footer-content .column-one h3.widget-title
    {
        font-size: 1.8em;
    }
    
    .footer-content h4
    {
        font-size: 1.1em;
    }  
    
    .footer-content .column-one .content-spacer
    {
        margin-right: 0px;
    }
    
    .footer-content .textwidget .telephone
    {
        font-size: 1.8em;
    }
    
    .sidebar .Testimonials_Widget_Widget
    {
        background-size: 100%;
        height: 273px;
    }
    
    .sidebar .Testimonials_Widget_Widget img.testimonials-speech-bubble
    {
        top: -50px;
        left: -45px;
        width: 30%;
    }
    
    .sidebar .Testimonials_Widget_Widget .testimonials-widget
    {
/*        height: 384px;*/
        padding: 30px 60px 30px 60px;
    }
    
    .sidebar .Testimonials_Widget_Widget .testimonials-widget h3
    {
        font-size: 1.4em;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .sidebar .Testimonials_Widget_Widget .testimonials-widget blockquote
    {
        margin-bottom: 10px;
    }
    .sidebar .Testimonials_Widget_Widget .testimonials-widget blockquote p
    {
        font-size: 0.8em;
        margin-bottom: 10px;
    }
   
}

@media only screen and (max-width: 860px)
{
    .flex-direction-nav .flex-next {opacity: 0;}
    .flex-direction-nav .flex-prev {opacity: 0;}
}

/* Desktops & Tablets only (stops images from being downloaded on mobile devices) */
@media only screen and (min-width: 768px) {
    
    .gramophone-background
    {
        background-image: url('images/gramophone-background.jpg');
    }    
    
    .sidebar .Testimonials_Widget_Widget
    {
        background-image: url('images/testimonials-frame.jpg');
    }
    
    .explore-floor
    {
        padding: 0 20%;
    }
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
     
    #section-header .gramophone-background
    {
        background-size: 520px 139px;
        width: 520px;
        height: 139px;
    }
    
    #section-tophat div.tophat-left
    {
        font-size: 12px;
    }
    
    h1#logo
    {
        margin-bottom: 24px;
    }
    
    #homepage-frames img
    {
        left: -128px;
        width: 134%;
    }
    
    .frame-text {
        font-size: 18px;
        line-height: 29px;
        left: 51px;
        bottom: 70px;
        width: 172px;
        height: 132px;
    }
    
    a.lamp-sign {
        font-size: 13px;
        line-height: 16px;
        right: 62px;
        bottom: 146px;
        width: 147px;
    }
    
    .sf-menu > li:first-child > a, .sf-menu > li > a
    {
        padding: 6px 0;
    }
    
    .sf-menu > li > a span
    {
        font-size: 16px;
        padding: 0 10px;
    }
    
    .services .four.columns
    {
        width: 172px;
        margin-left: 0px;
    }
    
    .services .image 
    {
        height: 157px;
    }
    
    .home .services .image 
    {
        height: 244px;
    }
    
    .home .services
    {
        margin-bottom: 25px;
    }

    .home .services .widget_sp_image .content
    {
        padding: 6px 12px 9px 4px;
    }
    
    .services .widget-title
    {
        font-size: 13px;
    }
    
    .home .services .widget-title
    {
        font-size: 18px;
        line-height: 24px;
    }
    
    .home .services .widget_sp_image-description {
        font-size: 14px;
        line-height: 21px;
    }
    
    .services .widget_sp_image .arrow
    {
        right: 4px;
        top: 20px;
    }
    .home .services .widget_sp_image .arrow
    {
        top: 23px;
        width: 18px;
        height: 18px;
        right: 8px;
    }
        
    #accordion h2.title
    {
        font-size: 1.5em;
        padding: 25px 105px 22px 55px;
    }
    
    #accordion h2 .arrow
    {
        top: 29px;
    }
    
    #accordion .content .half.column.left
    {
        padding-bottom: 43px;
    }
    
    #accordion .content img.main-image
    {
        left: -10px;
        bottom: -30px;
        width: 54%;
    }
    
    #home-bottom
    {
        margin-top: 75px;
    }
    
    .plan 
    {
        background-size: 100% auto;
    }
    
    .plan .heading
    {
        left: 45px;
        top: 34px;
    }
    
    .plan .heading h2 
    {
        font-size: 24px;
        line-height: 1.4em;
    }
    
    .plan .heading .sub-heading
    {
        font-size: 13px;
    }
    
    .sidebar .widget_categories .frame-top,
    .sidebar .widget_categories .frame-bottom
    {
        width: 219px;
        background-size: 100% 81px;
    }
   
    .sidebar .widget_categories .frame-middle
    {
        padding: 0 13px 0 12px;
        width: 219px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        background-size: 100% 1px;
    }    

    .sidebar .widget_sp_image img
    {
        margin: 0;
    }
    
    
    .sidebar a.wrapper-link
    {
        line-height: 0;
        display: block;
    }
    
    .sidebar .widget_sp_image .image 
    {
        width: 50%;
        left: 5px;
    }
    
    .sidebar .widget_sp_image .content 
    {
        
        width: 44%;
        margin-left: 50%;
    }
    
    .sidebar .widget_sp_image h3.widget-title
    {
        font-size: 1.1em;
        margin-bottom: 0;
    }
   
    .sidebar .widget_sp_image .widget_sp_image-description
    {
        font-size: 0.9em;
    }
    .sidebar .widget_sp_image-description a
    {
        font-size: 1.1em;
    }
    
    .sidebar .widget:after
    {       
        height: 15px;
    }

    .sf-menu li:hover ul, .sf-menu li.sfHover ul
    {
        
        padding-top: 0;
    }
    
/*    .page .the_content
    {
        margin: 45px;
    }*/
  
    .footer-content .twitter-follow-button
    {
        top: auto;
        bottom: -14px;
    }
    
    .footer-content .column-span
    {
        margin-top: 20px;
        width: 80% !important;
    }
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
        
    .home #section-header
    {
        margin-bottom: 0;
    }
    
    #section-tophat 
    {
        margin-bottom: 2px;
    }
    
    #section-tophat div.tophat-left .contact-item .label,
    #section-tophat div.tophat-left  .address.contact-item,
    #section-tophat div.tophat-left  .email.contact-item
    {
        display: none;
    }
    
    #section-tophat div.tophat-left .contact-item
    {
        display: inline-block;
    }

    #section-tophat div.tophat-right
    {
        margin-left: 0;
    }

    .logospace
    {
        position: absolute;
        top: 5px;
        left: 0;
        z-index: 10;
    }
    
    h1#logo
    {
       text-align: left;
       margin: 0;
       
    }
    
    h1#logo img
    {
        max-width: 30%;
    }

    ul.social
    {
        margin-bottom: 0 !important;
        height: 36px;    
    }

    .header-right
    {
        top: 0;
        left: 0;
        text-align: center;
        padding: 8px 0px;
        margin-top: 0;
        color: #f2eee3;
    }
        
    .header-right strong
    {
        color: #f2eee3;
    }
    
    .header-right .strapline
    {
        display: none;
    }

    #menu
    {
        float: none;
    }
    
    #section-navigation .navigation
    {
       margin-top: 10px;
       text-align: center;
    }
   

    #responsive-nav
    {
       margin: 0;
       width: auto !important;
       float: none;
    }

    select.chzn-select
    {
       height: auto !important;
       margin-bottom: 11px;
    }

    #homepage-frames
    {
        display: none;
    }
    
    .services
    {
        display: none;
    }
       
    #accordion h2.title
    {
        font-size: 1.5em;
        padding: 15px 20px 15px 20px;
    }
    
    #accordion .title img.arrow
    {
        display: none;
    }
    
    #accordion .content
    {
        padding: 0 20px 25px 20px;
        font-size: 1em;
        display: block !important;
    }
    
    #accordion .content .half.column.left,
    #accordion .content .half.column.right
    {
        padding-bottom: 0px;
        width: 100%;
        margin: 0 0 20px 0;
    }
    
    #accordion .content img.main-image
    {
        left: -20px;
        bottom: -40px;
        width: 64%;
    }
    
    #accordion .content .find-us-button
    {
        margin-top: 30px;
        font-size: 1.6em;
        padding: 19px 50px 19px 20px;
    }
    
    #accordion .content .find-us-button .arrow
    {
        top: 25px;
    }
    
    
    #home-bottom
    {
        margin-top: 0;
    }
    
    #home-bottom .column.left,
    #home-bottom .column.right
    {
        
        width: 100%;
        margin: 20px 0;
    }
        
    .promotion 
    {   
        height: 506px;
    }
    
    .menu h1.title
    {
        background-image: none;
        color: #383836;
        text-align: left;
        padding: 0;
        margin-bottom: 0;
    }
    
    .sidebar .Testimonials_Widget_Widget img.testimonials-speech-bubble
    {
        top: -20px;
        left: -25px;
        width: 30%;
    }
    
    .sidebar .Testimonials_Widget_Widget
    {
        height: auto;
        background-color: #E9E4D7;
    }
    
    .sidebar .Testimonials_Widget_Widget .testimonials-widget
    {
        
        
        padding: 20px;
    }
    
    .sidebar .Testimonials_Widget_Widget .testimonials-widget h3
    {
        padding: 0 20px 0 70px;
    }
    
    .sidebar .Testimonials_Widget_Widget h3.widget-title
    {
        display: none;
    }

    
    hr.footer-rule.top
    {
        margin-top: 90px;
    }
    
    .footer-newsletter .newsletter-image
    {
        width: 114px;
        height: 72px;
        background-size: 100% auto;
        left: 0px;
        top: -72px;
    }
    .footer-newsletter .widget
    {
        margin-left: 0px;
    }
    
    .footer-newsletter .widget-title
    {
        font-size: 1.9em;
        
    }
    
    .footer-newsletter .widget input.email
    {
        min-width: 100px;
        width: 50%;
    }
    
        
    .footer-content .widget_sp_image 
    {
        float: none;
        display: inline-block;
    }
    
    .footer-content
    {
        text-align: center;
    }
    
    .footer-content .column-one .widget
    {
        margin-top: 0px;
        text-align: left;
    }
    
    .footer .column-one .plan-outline
    {
        left: 0;
        right: 0;
    }
    
    .footer-content .tweets li.avatar
    {
        text-align: left;
    }
    
    .footer-content .column-span .content-spacer
    {
        margin-left: 0px;
        padding: 170px 20px 20px 20px !important;
        background-position: center 20px;
    }
    
    .footer-content .textwidget .telephone
    {
        font-size: 1.6em;
    }
    
    .footer-links 
    {
        text-align: center;
        float: left;
        width: 100%;
        line-height: 2em;
    }

    .footer-links 
    {
        padding-top: 0;
    }
    
    hr
    {
        margin-bottom: 25px;
    }
    
    .content-spacer
    {
        padding: 0 22px !important;
    }    
    
    .archive .sidebar .content-spacer,
    .single .sidebar .content-spacer,
    .search .sidebar .content-spacer
    {
        padding: 0 !important;
    }
   
    .title-ribbon
    {
        height: auto;
        width: 444px;
    }
    
    .title-ribbon .ribbon-tail
    {
        height: 0;
        width: 0;
        right: 0;
        bottom: -15px;
        border-right: 12px solid transparent;
        border-left: none;
        border-top: 15px solid #000000;
        border-bottom: none;
        position: absolute;
        float: none;
        background-image: none;
    }
    
    .title-ribbon h1.title,
    .title-ribbon .title
    {
        height: auto;
        float: none;
        width: 100% !important;
        min-width: 0px;
        padding-left: 36px;
        padding-right: 36px;
        font-size: 1.6em;
        line-height: 1.2em;
        
    }
    
    .all-menu-items
    {
        padding-bottom: 40px !important;
    }
    
    .sidebar .widget
    {
        margin-left: 0;
        margin-top: 20px;
    }
    
    .sidebar .widget_sp_image .image
    {
        text-align: center;
    }
    
    .half.column.left, .half.column.right
    {
        width: 100%;
        margin: 0 0 30px 0;
    }
    
    .alignright, .alignleft
    {
        float: none;
        display: block;
    }
    
    .team .frame.left, .team .frame.right
    {
        float: none;
        margin-left: 0px;
        margin-right: 0px;
    }
    

    .wpcf7 .label-wrapper
    {
        float: none;
        width: auto;
        min-width: 150px;
        margin-top: 4px;
        margin-bottom: 4px;
        text-align: left;
    }

    .wpcf7 .field
    {
        margin-left: 0;
    }
    
    .wpcf7 .service 
    {
        margin-left: 20px;
        width: 100%;
        float: none;
/*        width: 45%:*/
    }
    
    .wpcf7 .service h3
    {
        margin-top: 15px;
    }
    
}


/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
    
    
 
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
    
    
    .logospace img
    {
        max-width: 100%;
        height: auto;
    }
    
    ul.social li
    {
        padding: 0 1px;
    }
    
     #section-tophat .book-appointment
    {
        margin-left: 4px;
    }

    .header-right .telephone a
    {
        
    }
    
    .header-right .telephone .label, .header-right .mobile .label
    {
       display: none;
    }
    
    .home #main-content-wrapper
    {
        padding-top: 20px;
    }

/*    .home .one-third.column
    {
        margin: 10px 0 10px 0;
    }*/
    
    .services .one-third.column
    {
        width: 100px;
    }
    
    .services .widget_sp_image a.wrapper-link .image
    {
        text-align: center;
        height: 98px;
    }
    
    #accordion h2.title
    {
        font-size: 1.1em;
        padding: 15px 60px 15px 20px;
    }
    
    .plan 
    {
        background-size: 100% auto;
        padding-top: 134px;
    }
    
    .plan .heading
    {
        left: 26px;
        top: 26px;
    }
    
    .plan .heading h2 
    {
        font-size: 24px;
        line-height: 1.4em;
    }
    
    .plan .heading .sub-heading
    {
        font-size: 13px;
    }
    
    .promotion 
    {
        padding: 27px 50px 42px 50px;
        height: 355px;
    }
    .promotion h2
    {
        font-size: 1.4em;
        margin-top: 15px;
        margin-bottom: 10px;
    }
    
    .promotion p
    {
        font-size: 0.9em;
        margin-bottom: 10px;
    }
    
    .textured.link
    {
        font-size: 16px;
        line-height: 18px;
        padding: 10px 40px 10px 30px;
    }
    
    .textured.link .arrow
    {
        top: 15px;
        width: 15px;
        height: 15px;
        
    }
    
    
    
    .sidebar .Testimonials_Widget_Widget img.testimonials-speech-bubble
    {
        width: 36%;
    }
    
    .sidebar .Testimonials_Widget_Widget .testimonials-widget h3
    {
        font-size: 1.05em;
        padding: 0 0 0 50px;
    }
    
    
    .footer .column-one .plan-outline
    {
        left: -46px;
    }

    .footer-content .twitter-follow-button
    {
        position: relative;
        top: -12px;
    }

    .footer-content .fb_iframe_widget iframe
    {
        width: 286px !important;
        padding: 6px;
    }    
    
    .sidebar .widget_sp_image .image
    {
        position: static;
        margin: 0 auto;
    }
    
    .sidebar .widget_sp_image .content
    {
        width: 80%;
        margin: 0 auto;
        padding: 0 0 20px 0;
    }

    #colorbox
    {
        min-width: 240px;
        width: 90% !important;
        left: 5% !important;
    }

    .half.column.left, .half.column.right
    {
        width: 100%;
    }
    
    .title-ribbon
    {
        width: 324px;
    }
    
    .title-ribbon h1.title
    {
        font-size: 1.5em;
        padding-top: 17px;
    }

    .team .frame .background
    {
        left: -12px;
    }
    
    .team .frame .picture
    {
        left: 26px;
    }
    
    .wpcf7 .label-wrapper
    {
        float: none;
        width: auto;
    }
    
    .wpcf7 .field
    {
        margin-left: 0;
    }
}