/*
Theme Name: LaBota
Theme URI: http://www.restaurantlabota.com/
Author: La Bota
Author URI: http://www.restaurantlabota.com/
Description: Restaurant La Bota
Version: 1.0.0
License: Tots els drets reservats
License URI: http://www.restaurantlabota.com/
*/

/* GLOBAL --------------------------------------------------------------------*/
body {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 12px;
    line-height: 20px;
    color: #333;
    background-image: url(img/bkgs/body.jpg);
    background-repeat: repeat;
}

body.home {
    background-image: url(img/bkgs/body-home.jpg);
}

a {
    color: #a71c20;
}

a:hover,
a:active,
a:focus {
    text-decoration: none;
    color: #aa4433;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Oranienbaum', sans-serif;
    text-transform: uppercase;
    font-weight: 400;
}

h1 {
    color: #666;
    font-size: 28px;
    line-height: 29px;
}

h2 {
    font-size: 20px;
    line-height: 20px;
}

h3 {
    font-size: 18px;
    line-height: 18px;
}

h4 {
    font-size: 16px;
    line-height: 16px;
}

h5 {
    font-size: 14px;
    line-height: 14px;
}

h6 {
    font-size: 13px;
    line-height: 13px;
}

ul {
    padding: 0;
    margin: 0;
}

li {
    list-style: none;
}

.no-gutter > [class*='col-'],
.no-gutter[class*='col-'] {
    padding-right:0;
    padding-left:0;
}

.no-gutter-left[class*='col-'] {
    padding-left: 0;
}

.no-gutter-right[class*='col-'] {
    padding-right: 0;
}

.alignnone,
.aligncenter,
img.alignnone,
img.aligncenter {
    clear: both;
    margin: 10px auto;
}

.alignleft,
img.alignleft {
    float: left;
    margin: 10px 10px 10px 0;
}

.alignright,
img.alignright {
    float: right;
    margin: 10px 0 10px 10px;
}

.wp-caption,
.gallery-caption {
    display: none;
}

.gallery {
    margin: 10px auto;
    clear: both;
}

/* HEADER --------------------------------------------------------------------*/
#header {
    border-top: 1px solid #851e21;
    background-image: url(img/bkgs/header.jpg);
    background-repeat: repeat;
}

#header a {
    color: #dedede;
}

#header #logo-container {
    margin-top: 24.5px;
}


/* Top info */
#header #header-top-info {
    text-align: right;
    text-transform: uppercase;
    color: #dedede;
}

#header #language-selector,
#header #header-top-phone,
#header #header-top-home {
    display: inline-block;
}

#header #header-top-home a {
    margin-right: 10px;
    vertical-align: -2px;
    display: inline-block;
    width: 16px;
    height: 14px;
    background-image: url(img/icons/home.png);
    background-repeat: no-repeat;
    background-position: top left;
}

#header #header-top-home a:hover {
    background-position: bottom left;
}

#header #language-selector {
    text-transform: uppercase;
    color: #a71c20;
}

#header #language-selector a {
    color: #fff;
    font-weight: 600;
}

#header #language-selector a,
#header #language-selector-current,
#header #header-top-phone {
    display: inline-block;
    border-right: 1px solid rgb(247, 247, 247);
    border-right: 1px solid rgba(247, 247, 247, .2);
    padding: 10px 10px 0 10px;
    height: 38px;
    line-height: 28px;
    -webkit-background-clip: padding-box;
    background-clip:         padding-box;    
}

#header #language-selector-current {
    border-left: 1px solid rgb(247, 247, 247);
    border-left: 1px solid rgba(247, 247, 247, .2);
     background-color: #a71c20;
    color: #fff;
    -webkit-background-clip: padding-box;
    background-clip:         padding-box;    
}

#header #language-selector a:hover {
    color: #a71c20;
}

#header #header-top-phone {
    padding: 10px 20px 0 20px;
    font-weight: 600;
}


/* Nav */
#header #nav {
    text-align: right;
    margin-top: 8px;
    height: 66px;
}

#header #nav ul {
    margin: 0;
}

#header #nav > ul > li:first-child > a,
#header #nav > ul > li:nth-child(2) > a {
    border-left: 1px solid rgb(247, 247, 247);
    border-left: 1px solid rgba(247, 247, 247, 0.2);
    -webkit-background-clip: padding-box;
    background-clip:         padding-box;        
}

#header #nav ul li {
    display: inline-block;
    line-height: 20px;
    text-align: center;
    height: 72px;
    position: relative;
    z-index: 9;
}

#header #nav ul li a {
    display: block;
    text-transform: uppercase;
    height: 66px;
    position: relative;
    padding: 0 15px; 
}

#header #nav > ul > li > a {
    border-right: 1px solid rgb(247, 247, 247);
    border-right: 1px solid rgba(247, 247, 247, 0.2);
    -webkit-background-clip: padding-box;
    background-clip:         padding-box;    
}

#header #nav ul li:hover > a,
#header #nav ul li.current-menu-item > a,
#header #nav ul li.current_page_item > a,
#header #nav ul li.current_page_parent > a,
#header #nav ul li.current-menu-ancestor > a {
    color: #a71c20;
}

#header #nav > ul > li > a > span.nav-link {
    display: table-cell;
    vertical-align: middle;
    height: 66px;
    line-height: 11px;
}

#header #nav > ul > li > a span.nav-link .nav-link-first-line,
#header #nav > ul > li > a span.nav-link .nav-link-second-line {
    display: block;
}

#header #nav ul li a > span.nav-arrow {
    width: 7px;
    height: 5px;
    position: absolute;
    display: none;
    bottom: 10px;
    left: 50%;
    margin-left: -3.5px;
    background-image: url(img/elements/dropdown.png);
    background-repeat: no-repeat;
    background-position: top left;
}

#header #nav ul li.menu-item-has-children a span.nav-arrow {
    display: block;
}

#header #nav > ul li.menu-item-has-children > a {
    cursor: default;
}

#header #nav ul li:hover > a span.nav-arrow,
#header #nav ul li.current-menu-item > a span.nav-arrow,
#header #nav ul li.current_page_item > a span.nav-arrow,
#header #nav ul li.current_page_parent > a span.nav-arrow {
    background-position: bottom left;
}

#header #nav ul li > ul {
    display: none;
    position: absolute;
    margin: 0;
    padding: 0;
    left: 0;
    top: 72px;
    background-color: rgba(25, 25, 25, 0.9);
    z-index: 99;
}

#header #nav ul li:hover > ul {
    display: block;
}

#header #nav > ul > li.menu-item-has-children:after {
    width: 0;
    height: 0;
    display: none;
    border-style: solid;
    padding-top: 2px;
    border-width: 0 4.5px 4px 4.5px;
    border-color: transparent transparent #191919 transparent;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -4.5px;
    content: ' ';
    -moz-opacity: 0.9;
    -khtml-opacity: 0.9;
    opacity: 0.9;
}

#header #nav > ul > li.menu-item-has-children:hover:after {
    display: block;
}

#header #nav ul li > ul li {
    display: block;
    height: auto;
    position: relative;
    text-align: left;
    padding: 0;
    border-left: 0;
    border-right: 0;
}

#header #nav ul li > ul li a {
    padding: 7px 20px;
    height: auto;
    width: 250px;
    min-width: 250px;
    border-top: 1px solid rgb(247, 247, 247);
    border-top: 1px solid rgba(247, 247, 247, .2);
    -webkit-background-clip: padding-box;
    background-clip:         padding-box;
}

#header #nav ul li > ul li:first-child > a,
#header #nav ul li > ul li:first-child:hover > a {
    border-top: none;
}

#header #nav ul li > ul li:hover a {
    border-color: #a71c20;
}

#header #nav ul li > ul li:hover a,
#header #nav ul li > ul li a:hover,
#header #nav ul li.current-menu-ancestor > ul li.current-menu-item a,
#header #nav ul li.current-menu-ancestor > ul li.current_page_item  a,
#header #nav ul li.current-menu-ancestor > ul li.current_page_parent a {
    color: #fff;
    background-color: #a71c20;
    cursor: pointer;
}

#header #nav ul li > ul li a span.nav-link {
    padding: 0;
    display: initial;
    height: auto;
    text-align: center;
}

#header #nav ul li > ul li a span.nav-arrow,
#header #nav ul li.menu-item-has-children > ul li a span.nav-arrow {
    display: none;
}

#header #nav ul li > ul li > ul {
    left: -100%;
    top: 0;
    margin-left: -1px;
}

#header #nav ul li > ul li:first-child:hover > ul li a,
#header #nav ul li > ul li:hover > ul li a {
    background-color: transparent;
    border-top: 1px solid rgb(247, 247, 247);
    border-top: 1px solid rgba(247, 247, 247, .2);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

#header #nav ul li > ul li:hover > ul li:first-child a {
    border-top: 0;
}

#header #nav ul li > ul li:hover > ul li a:hover,
#header #nav ul li.current-menu-ancestor > ul li.current-menu-ancestor > ul li.current-menu-item a,
#header #nav ul li.current-menu-ancestor > ul li.current-menu-ancestor > ul li.current_page_item  a,
#header #nav ul li.current-menu-ancestor > ul li.current-menu-ancestor > ul li.current_page_parent a {
    background-color: #aa4433;
    border-top-color: #aa4433;
}

/* FOOTER --------------------------------------------------------------------*/
#footer-social {
    background-image: url(img/bkgs/footer-social.jpg);
    background-repeat: repeat;
    text-align: center;
}

#footer-social .container {
    position: relative;
}

#footer-social a.social-link {
    display: inline-block;
    margin: 10px 5px;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: top left;
}

#footer-social a.social-link:hover {
    background-position: bottom;
}

#footer-social a.social-link.social-facebook {
    background-image: url(img/social/facebook.png);
    width: 8px;
    height: 16px;
}

#footer-social a.social-link.social-twitter {
    background-image: url(img/social/twitter.png);
    width: 20px;
    height: 14px;
}

#footer-social a.social-link.social-linkedin {
    background-image: url(img/social/linkedin.png);
    width: 16px;
    height: 14px;
}

#footer-social a.social-link.social-youtube {
    background-image: url(img/social/youtube.png);
    width: 17px;
    height: 20px;
}

#footer-widgets {
    background-image: url(img/bkgs/footer.jpg);
    background-repeat: repeat;
    color: #fff;
    padding: 35px 0 65px 0;
}

#footer-widgets h5 {
    font-size: 28px;
    line-height: 28px;
    margin: 0 0 20px 0;
}

#footer-widgets p {
    margin: 0;
}

#footer-widgets p a {
    color: #fff;
}

#footer-widgets p a:hover {
    text-decoration: underline;
}

#footer-widgets .widget-images {
    margin-left: -2px;
}

#footer-widgets .widget-images a.img-container {
    display: block;
    width: 33%;
    float: left;
    padding: 2px;
}

#footer-widgets .widget-images a.img-container img {
    width: 100%;
    border: 2px solid #fd8e8b;
    display: block;
}

#footer-widgets .widget-images a.img-container:hover img {
    border-color: #fff;
}

#footer-widgets .widget-images .all-images-link a {
    margin-top: 2px;
    color: #fff;
    margin-left: 2px;
}

#footer-widgets .widget-images .all-images-link:hover a {
    text-decoration: underline;
}

#footer-widgets .widget-twitter .tweet-container {
    margin-bottom: 8px;
    padding-left: 29px;
    background-image: url(img/elements/twitter.png);
    background-repeat: no-repeat;
    background-position: 0 3px;
}

#footer-widgets .widget-twitter .tweet-container p {
    color: #fd8e8b;
}

#footer-widgets p.widget-contact-address,
#footer-widgets p.widget-contact-phone,
#footer-widgets p.widget-contact-mail {
    background-repeat: no-repeat;
    background-position: 0 3px;
    margin-bottom: 10px;
    padding-left: 25px;
}

#footer-widgets p.widget-contact-address {
    background-image: url(img/elements/icon-home.png);
}

#footer-widgets p.widget-contact-phone {
    background-image: url(img/elements/icon-phone.png);
}

#footer-widgets p.widget-contact-mail {
    background-image: url(img/elements/icon-mail.png);
}

#footer-copyright {
    background-image: url(img/bkgs/body.jpg);
    background-repeat: repeat;
    padding: 5px 0;
    text-transform: uppercase;
}

#footer-copyright ul {
    padding: 0;
    margin: 0;
    text-align: right;
}

#footer-copyright ul li {
    display: inline-block;
}

#footer-copyright ul li a {
    color: #333;
    padding: 0 12px 0 18px;
    background-image: url(img/elements/bullet.png);
    background-repeat: no-repeat;
    background-position: left center;
}

#footer-copyright ul li:first-child a {
    padding-left: 0;
    background-image: none;
}

#footer-copyright a:hover {
    color: #a71c20;
}

#to-top {
    position: absolute;
    top: -70px;
    right: -27px;
    width: 29px;
    height: 30px;
    display: block;
    background-color: #313131;
    background-image: url(img/elements/to-top.png);
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
    z-index: 99;
}

#to-top .to-top-text {
    position: absolute;
    font-size: 11px;
    color: #fff;
    font-weight: 600;
    line-height: 11px;
    text-transform: uppercase;
    padding: 8px 5px;
    width: 60px;
    left: 50%;
    margin-left: -30px;
    bottom: 40px;
    background-color: #a71c20;
    z-index: 99;
    text-align: center;
    display: none;
    cursor: pointer;
}


#to-top .to-top-text:after {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 4.5px 0 4.5px;
    border-color: #a71c20 transparent transparent transparent;
    content: '';
    position: absolute;
    bottom: -5px;
    left: 50%;
    margin-left: -4.5px;
}

#to-top:hover .to-top-text {
    display: block;
}

/* HOME ----------------------------------------------------------------------*/

/* Home Slider */
#home-slider {
    width: 100%;
    height: 440px;
    display: block;
    position: relative;
}

#home-slider ul li {
    width: 100%;
    height: 440px;
    background-size: cover;
    background-position: center center;
}

#home-slider .bx-controls {
    position: absolute;
    height: 60px;
    width: 100%;
    top: 50%;
    margin-top: -30px;
}

#home-slider .bx-controls .bx-controls-direction {
    position: relative;
}

#home-slider .bx-controls .bx-controls-direction a {
    position: absolute;
    top: 0;
    width: 60px;
    height: 60px;
    display: block;
    background-position: center;
    background-repeat: no-repeat;
    overflow: hidden;
    background-color: rgba(255, 255, 255, 0.8);
}

#home-slider .bx-controls .bx-controls-direction a:hover {
    background-color: #fff;
}

#home-slider .bx-controls .bx-controls-direction a.bx-prev {
    left: 0;
    background-image: url(img/elements/home-slider-left.png);
}

#home-slider .bx-controls .bx-controls-direction a.bx-next {
    right: 0;
    background-image: url(img/elements/home-slider-right.png);
}


/* Home featured */
#home-featured {
    margin-top: -10px;
    margin-bottom: 40px;
}

#home-featured .home-featured-item {
    padding: 0 2px;
    color: #fff;
}

#home-featured .home-featured-image {
    background-color: #000;
    min-height: 140px;
    border-bottom: 1px solid #aa4433;
    background-size: cover;
    background-position: center;
    position: relative;
}

#home-featured .home-featured-image-hover {
    background-image: url(img/bkgs/home-featured-image-hover.png);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 8;
    visibility: hidden;
}

#home-featured .home-featured-item:hover .home-featured-image-hover {
    visibility: visible;
}

#home-featured .home-featured-price-container {
    width: 70px;
    height: 70px;
    display: table;
    position: absolute;
    left: 50%;
    margin-left: -35px;
    top: 50%;
    margin-top: -35px;
    text-align: center;
    font-family: 'Oranienbaum', sans-serif;
    font-size: 20px;
    background-color: #a71c20;
    border: 1px solid #891a1c;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

html.native-android #home-featured .home-featured-price-container {
    -ms-transform: none;
    -webkit-transform: none;
    transform: none;
}

#home-featured .home-featured-price-container span {
    display: block;
}

#home-featured .home-featured-price {
    display: table-cell;
    vertical-align: middle;
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

html.native-android #home-featured .home-featured-price {
    -ms-transform: none;
    -webkit-transform: none;
    transform: none;
}

#home-featured .home-featured-price-container .home-featured-price-text {
    font-size: 12px;
    text-transform: uppercase;
}

#home-featured .home-featured-arrow {
    position: absolute;
    width: 31px;
    height: 16px;
    display: block;
    bottom: -1px;
    left: 50%;
    margin-left: -15.5px;
    background-image: url(img/elements/home-featured-arrow.png);
    background-repeat: no-repeat;
    background-position: top center;
    z-index: 9;
}

#home-featured .home-featured-read-more {
    position: absolute;
    font-size: 11px;
    color: #fff;
    font-weight: 600;
    line-height: 11px;
    text-transform: uppercase;
    padding: 8px 5px;
    width: 80px;
    left: 50%;
    margin-left: -40px;
    bottom: 20px;
    background-color: #aa4433;
    z-index: 11;
    text-align: center;
    visibility: hidden;
}

#home-featured .home-featured-read-more:after {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 4.5px 0 4.5px;
    border-color: #aa4533 transparent transparent transparent;
    content: '';
    position: absolute;
    bottom: -5px;
    left: 50%;
    margin-left: -4.5px;
}

#home-featured .home-featured-item:hover .home-featured-read-more {
    visibility: visible;
}

#home-featured .home-featured-info {
    padding: 18px 23px;
    background-image: url(img/bkgs/home-featured.jpg);
    background-repeat: repeat;
}

#home-featured .home-featured-item:first-child {
    padding-left: 0;
}

#home-featured .home-featured-item:last-child {
    padding-right: 0;
}

#home-featured .home-featured-item h2 {
    margin-top: 0;
}

#home-featured .home-featured-item p {
    margin: 0;
}

#home-featured .home-featured-more-info {
    color: #aa4433;
}

#home-featured .home-featured-link {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
}

#home-featured .home-featured-item:hover .home-featured-link {
    background-color: rgba(255, 255, 255, 0.2);
}

/* CTA */
#home-cta .cta-container {
    background-color: #a64332;
    padding: 25px 30px;
    margin-bottom: 40px;
}

#home-cta .cta-container h2 {
    font-size: 22px;
    line-height: 26px;
    text-transform: uppercase;
    color: #fff;
    float: left;
    max-width: 700px;
}

#home-cta .cta-container a.button {
    max-width: 115px;
    float: right;
    margin-top: 9px;
}


/* Shortcuts */
#home-shortcuts {
    margin-bottom: 36px;
}

#home-shortcuts .home-shortcut {
    padding: 0 2px;
    margin-bottom: 4px;
    color: #fff;
}

#home-shortcuts > row .home-shortcut:first-child {
    padding-left: 0;
}

#home-shortcuts > row .home-shortcut:last-child {
    padding-right: 0;
}

#home-shortcuts .home-shortcut-content {
    padding: 22px 25px;
    background-image: url(img/bkgs/home-featured.jpg);
    background-repeat: repeat;    
}

#home-shortcuts .home-shortcut-content h2 {
    font-size: 22px;
    line-height: 26px;
    margin-top: 0;
    margin-bottom: 6px;
}

/* Book */
#home-shortcuts .home-shortcut-content.home-shortcut-book p {
    margin-top: 6px;
}

#home-shortcuts .home-shortcut-content.home-shortcut-book a.button {
    color: #303030;
    line-height: 15px;
    padding: 8px 15px;
    text-align: center;
}

/* Testimonial */
#home-shortcuts .home-shortcut-testimonial {
    padding-bottom: 19px;
}

#home-shortcuts .home-shortcut-testimonial-quote {
    position: relative;
    border-bottom: 1px solid #aa4433;
}

#home-shortcuts .home-shortcut-testimonial-quote p {
    margin-top: 6px;
    margin-bottom: 19px;
    line-height: 19px;
    font-size: 14px;
}

#home-shortcuts .home-shortcut-testimonial-arrow {
    position: absolute;
    display: block;
    bottom: -11px;
    right: 16px;
    width: 13px;
    height: 11px;
    background-position: top left;
    background-repeat: no-repeat;
    background-image: url(img/elements/home-testimonial-arrow.png);
}

#home-shortcuts .home-shortcut-testimonial-author {
    text-transform: uppercase;
    text-align: right;
    margin-top: 14px;
    margin-bottom: 0;
}

#home-shortcuts .home-shortcut-testimonial-author span {
    font-weight: 600;
}

/* Ubication */
#home-shortcuts .home-shortcut-content.home-shortcut-ubication:hover {
    background-image: url(img/bkgs/home-featured-hover.jpg);
}

#home-shortcuts .home-shortcut-content.home-shortcut-ubication h2 {
    position: relative;
    margin-bottom: 15px;
    padding-right: 50%;
}

#home-shortcuts .home-shortcut-content.home-shortcut-ubication h2 span {
    font-size: 12px;
    position: absolute;
    bottom: 3px;
    right: 0;
    line-height: 16px;
    text-transform: none;
    font-family: 'Source Sans Pro', sans-serif;
}

#home-shortcuts .home-shortcut-content.home-shortcut-ubication .home-shortcut-ubication-link {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

#home-shortcuts .home-shortcut-content.home-shortcut-ubication .home-shortcut-ubication-image {
    width: 100%;
    height: 80px;
    display: block;
    overflow: hidden;
}

/* Facebook */
#home-shortcuts .home-shortcut-content .home-shortcut-facebook-content {
    position: relative;
}

#home-shortcuts .fb-like-iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 310px !important;
    height: 28px !important;
    overflow: hidden;
    display: block;
}

#home-shortcuts .fb-comments-container {
    margin-top: 15px;
    height: 80px;
    overflow: hidden;
}

/* DEFAULT PAGE --------------------------------------------------------------*/
#page-default-content {
    margin-bottom: 40px;
}

.page-top-image {
    width: 100%;
    display: block;
    height: 220px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-bottom: 1px solid #9e230a;
}

h1.page-title {
    margin-top: 36px;
    margin-bottom: 23px;
}

.page-default-content li {
    padding: 0;
    background-image: url(img/elements/list.png);
    background-repeat: no-repeat;
    background-position: 1px 7px;
    padding-left: 18px;
    margin-bottom: 5px;
}

.page-extras li {
    padding: 0;
    margin-bottom: 5px;
}

.page-default-content li img {
    margin: 0;
    vertical-align: -4px;
}

.page-extras li img {
    margin: 0 5px 0 0;
    vertical-align: -4px;
}

.page-extras {
    margin-top: 27px;
}

.page-default-content p:first-child {
    margin-top: 0;
}

.page-default-docs {
    margin-top: 25px;
}

.page-default-doc {
    margin-bottom: 6px;
}

.page-default-doc a {
    color: #a71c20;
    text-transform: uppercase;
}

.page-default-doc a:hover {
    text-decoration: underline;
}


.page-default-images {
    margin-top: 25px;
}

.page-default-image {
    padding: 1px !important;
    position: relative;
}
.page-default-image a {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
}

.page-default-image img {
    width: 100%;
    height: auto;
}

.page-default-image .page-default-image-hover {
    top: 0;
    left: 0;
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 9;
    background-color: rgba(170, 69, 51, 0.5);
    visibility: hidden;
}

.page-default-image:hover .page-default-image-hover {
    visibility: visible;
}

.page-default-image .page-default-image-hover .page-default-image-hover-content {
    position: relative;
    width: 100%;
    height: 100%;
    display: block;
}

.page-default-image .page-default-image-hover .page-default-image-hover-content .page-default-image-hover-title {
    position: absolute;
    padding: 0;
    bottom: 0;
    width: 100%;
    height: 35px;
    line-height: 35px;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    background-color: rgba(29, 27, 25, 0.60);
    overflow: hidden;
    padding: 0 15px;
}

.page-default-image .page-default-image-hover .page-default-image-hover-content .page-default-image-hover-title:before {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 14px 14px 14px;
    position: absolute;
    content: '';
    display: block ;
    top: -14px;
    left: 50%;
    margin-left: 14.5px;
}

#side-navigation {
    margin-top: -36px;
}

#side-navigation.no-top-image {
    margin-top: 0;
}

#side-navigation .name,
#side-navigation ul li a  {
    color: #fff;
    text-transform: uppercase;
    padding: 8px 20px;
}

#side-navigation .name {
    height: 36px;
    background-color: rgba(29, 27, 25, 0.95);
}

#side-navigation ul {
    background-color: #aa4433; 
}

#side-navigation ul li {
    border-top: 1px solid rgb(255, 255, 255);
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    -webkit-background-clip: padding-box;
    background-clip:         padding-box;
    float: none;
}

#side-navigation ul li:first-child {
    border-top: none;
}

#side-navigation ul li a {
    display: block;
    background-color: #aa4433; 
}

#side-navigation ul li a:hover {
    background-color: #ab5040;
}

#side-navigation ul li a.active,
#side-navigation ul li a.active:hover {
    background-color: #891a1c;
    cursor: default;
}

/* MAP */
#map-canvas {
    height: 450px;
    margin-bottom: 40px;
}

/* GALLERY */
.gallery-container {
    margin-top: 35px;
}

.gallery-container.first-container {
    margin-top: 0;
}

.gallery-container h3 {
    font-family: 'Source Sans Pro', sans-serif;
    margin-bottom: 10px;
    color: #959595;
    font-weight: 400;
    font-size: 14px;
}

.gallery-container a.img-container {
    display: block;
    padding: 2px;
}

.gallery-container a.img-container .img-content {
    position: relative;
}

.gallery-container a.img-container img {
    width: 100%;
    height: auto;
}

.gallery-container a.img-container .img-container-hover {
    background-color: rgba(133, 30, 33, 0.9);
    background-image: url(img/elements/zoom.png);
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    z-index: 2;
}

.gallery-container a.img-container:hover .img-container-hover {
    display: block;
}

/* FORMS */
form {
    padding-top: 20px;
    padding-bottom: 40px;
}

.field-container {
    margin-bottom: 30px;
}

.field-n-container,
.field-n,
.form-message-container,
.form-message {
    display: none;
}

.form-message-container.visible,
.form-message.visible {
    display: block;
    color: #891a1c;
    font-size: 14px;
}

.field-submit-container {
    text-align: right;
    margin-top: 10px;
}

.select-field-container {
    position: relative;
}

label {
    display: inline-block;
    padding-right: 21px;
}

label.away-label {
    padding-left: 45px;
}

input[type="text"],
textarea {
    padding: 5px 0;
    display: inline-block;
    border: none;
    background-color: transparent;
    border-bottom: 2px solid #e0e0e0;
}

textarea {
    vertical-align: -33px;
    resize: none;
}

input[type="text"]:focus,
input[type="text"]:active,
textarea:focus,
textarea:active,
select:focus,
select:active {
    outline: none;
}

.field-error input[type="text"],
.field-error textarea {
    border-bottom-color: #a71c20;
}

select {
    width: 75px;
    cursor: pointer;
    display: inline-block;
}

select option {
    background-color: #fff;
}

a.button,
button {
    border: 0;
    display: block;
    font-size: 13px;
    color: #aa4433;
    text-transform: uppercase;
    line-height: 14px;
    font-weight: 600;
    text-align: left;
    padding: 16px 35px;
    -webkit-box-shadow: 0px 1px 0px 0px rgba(205,205,205,1);
    -moz-box-shadow: 0px 1px 0px 0px rgba(205,205,205,1);
    box-shadow: 0px 1px 0px 0px rgba(205,205,205,1);
    background: #f4f4f4;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y0ZjRmNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkOWQ5ZDkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #f4f4f4 0%, #d9d9d9 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f4f4), color-stop(100%,#d9d9d9));
    background: -webkit-linear-gradient(top, #f4f4f4 0%,#d9d9d9 100%);
    background: -o-linear-gradient(top, #f4f4f4 0%,#d9d9d9 100%);
    background: -ms-linear-gradient(top, #f4f4f4 0%,#d9d9d9 100%);
    background: linear-gradient(to bottom, #f4f4f4 0%,#d9d9d9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#d9d9d9',GradientType=0 );
}

.page-extras a.button {
    margin-top: 35px;
    padding: 25px 20px;
    text-align: center;
}

.page-extras a.button.is-first {
    margin-top: 0;
}

button {
    padding-top: 11px; 
    padding-bottom: 11px;
    display: inline-block;
}

a.button:hover,
button:hover {
    outline: none;
    background: #eae1e0;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VhZTFlMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjZGNkY2QiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #eae1e0 0%, #cdcdcd 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eae1e0), color-stop(100%,#cdcdcd));
    background: -webkit-linear-gradient(top,  #eae1e0 0%,#cdcdcd 100%);
    background: -o-linear-gradient(top,  #eae1e0 0%,#cdcdcd 100%);
    background: -ms-linear-gradient(top,  #eae1e0 0%,#cdcdcd 100%);
    background: linear-gradient(to bottom,  #eae1e0 0%,#cdcdcd 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eae1e0', endColorstr='#cdcdcd',GradientType=0 );
}

a.button:active,
button:active {
    outline: none;
    -webkit-box-shadow: 0px -1px 0px 0px rgba(205,205,205,1);
    -moz-box-shadow: 0px -1px 0px 0px rgba(205,205,205,1);
    box-shadow: 0px -1px 0px 0px rgba(205,205,205,1);
    background: #ffffff;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkMWQxZDEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #ffffff 0%, #d1d1d1 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#d1d1d1));
    background: -webkit-linear-gradient(top,  #ffffff 0%,#d1d1d1 100%);
    background: -o-linear-gradient(top,  #ffffff 0%,#d1d1d1 100%);
    background: -ms-linear-gradient(top,  #ffffff 0%,#d1d1d1 100%);
    background: linear-gradient(to bottom,  #ffffff 0%,#d1d1d1 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d1d1d1',GradientType=0 );

}

a.button:focus,
button:focus {
    outline: none;
}

#ui-datepicker-div {
    width: 250px !important;
}