/*
Theme Name: The 105 Cafe Bistro
Author: Leigh Maher
Author URI: http://zorinwebsolutions.com;
Description: Clean, and minimal, designed to cater for a restaurant.
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Version: 1.0
Tags: black, blue, gray, pink, purple, white, yellow, dark, light, two-columns, left-sidebar, fixed-layout, responsive-layout, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
Text Domain: twentyfifteen

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/* Base Styles
=========================================== */

*,
*:before,
*:after {
box-sizing: border-box;  /*The width and height properties (and min/max properties) includes content, padding and border, but not the margin*/
}

/* Georgia doesn't look great in Chrome or Firefox so needed to use these*/
html, body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
}

html,
body {
  margin:0;
  padding:0;
  height:100%;
}
body {
  line-height: 1.5;
  color: #fff;
  font-size: 1em;
  background-color: #616055;
  font-family: Georgia, Times, 'Times New Roman', serif;
  padding-bottom: 74px;   /* Height of the footer */
}
a:link,
a:visited {
  text-decoration: underline;
  color: inherit;
}
a:hover,
a:active {
  text-decoration: none;
  color: inherit;
}
a:hover {
  text-decoration: none;
}
li a:link,
li a:hover,
li a:active,
li a:visited {
  color: #fff;
  text-decoration: none;
}
p,
span,
ol,
ul,
table,
table td {
  font-size: 1rem; /* 14px / 16px */
}
ol, ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: Montserrat, sans-serif;
  font-weight: 100;
}
h1,
h2,
h4 {
  text-transform: uppercase;
}
h4 {
  padding-bottom: 10px;
}
h2 {
  margin-bottom: 0;
}
h2,
h4 {
  margin-top: 0;
}
h3 a:link,
h3 a:visited {
  text-decoration: underline;
  color: inherit;
}
.right {
  float: right;
}
.left {
  float: left !important;
}
.txt-center {
  text-align: center !important;
}
.txt-right {
  text-align: right !important;
}
.txt-left {
  text-align: left !important;
}
.hide-for-small {
  display: none;
}
.hide-for-medium {
  display: none;
}
.hide-for-large {
  display: none;
}
.button {
  text-align: center;
  padding-top: 20px;
}
.button a {
  background: #821626;
  transition: 0.3s;
  border-radius: 0.2em;
  display: inline-block;
  padding: 6px 40px 6px 12px;
  text-align: center;
  border-bottom: 2px solid #5c1c26;
  border-right: 1px solid #5c1c26;
}
.button a:link,
.button a:visited {
  text-decoration: none;
}
.button a:hover {
  background: #CE233C;
  color: #fff;
}
.button a,
.button a:hover {
  background-image: url('./img/circle-right.svg');
  background-size: 16px;
  background-position: 90% 50%;
  background-repeat: no-repeat;
}
.block-bg-image {
    padding-top: 8px;
    padding-bottom: 30px;
}

.phone,
.email {
  width: 16px;
}
img,
.featured-single {
    max-width: 100%;
    height: 100%;
}

/* Wordpress Required Styles
=========================================== */

.wp-caption {
  margin-bottom: 1.6em;
  max-width: 100%;
}
.wp-caption-text {
  color: #707070;
  color: rgba(51, 51, 51, 0.7);
  font-family: "Noto Sans", sans-serif;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.5;
  padding: 0.5em 0;
}
.sticky {
  display: none;
}
.gallery-caption {
  color: #707070;
  color: rgba(51, 51, 51, 0.7);
  display: block;
  font-family: "Noto Sans", sans-serif;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.5;
  padding: 0.5em 0;
}
.bypostauthor > article .fn:after {
  top: 7px;
  left: 6px;
  }
  .alignleft {
  display: inline;
  float: left;
  padding: 8px 16px 8px 0;
}

.alignright {
  display: inline;
  float: right;
  padding: 8px 0 8px 16px;
}

.aligncenter {
  display: block;
  margin-right: auto;
  margin-left: auto;
}


/* Layout
=========================================== */

#wrapper {
  min-height: 100%;
  position:relative; /* Think I made this relative, and then made the footer absolute to create a sticky footer but it's not working */
}
.container {
  width: 95%;
  margin-left: auto;
  margin-right: auto;
  max-width: 1000px;
}
.row {
  padding-left: 10px;
  padding-right: 10px;
  margin-left: auto;
  margin-right: auto;
  max-width: 1000px;
}
/* I had to manipulate the class for the Trip Advisor icon as it wouldn't center. I had to change display to table-cell. Not sure why it worked, though */
.TA_restaurantWidgetGreen {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  display: inline-table;
}
.news-widget li a {
  text-decoration: underline;
}

/* The Grid Layout
Columns are 65px wide, with 20px gutters
=========================================== */

/* By applying this style we're telling the browser that we want to display these divs as columns in the smallest view port as set out below */
.columns-sm {
  float: left;
  margin-left: 2%;
  min-height: 1px;
}
.columns-sm:first-child {
  margin-left: 0;
}
.columns-sm:last-child {
  float: right;
}

/* Applying one of these tells the browser how many of the 12 available columns get applied to the particular div it's applied to */
.small-1 {
  width: 6.5%;
}
.small-2 {
  width: 15%;
}
.small-3 {
  width: 23.5%;
}
.small-4 {
  width: 32%;
}
.small-5 {
  width: 40.5%;
}
.small-6 {
  width: 49%;
}
.small-7 {
  width: 57.5%;
}
.small-8 {
  width: 66%;
}
.small-9 {
  width: 74.5%;
}
.small-10 {
  width: 83%;
}
.small-11 {
  width: 91.5%;
}
.small-12 {
  width: 100%;
}


/* Clearfix: clears the collapsing margins before and after the float;
================================ */

.row:after,
.group:after {
  content: " ";
  display: table;
  clear: both;
}


/* Modules
=========================================== */

/* hides the background images on smaller screens */
#fsi-full-bg {
  display: none;
}
.main-header {
  background-color: #821626;
}
.main-header .row {
  padding-top: 20px;
  min-height: 140px;
}
.logo {
  margin-top: 8px;
}
.logo-wrapper {
  text-align: center;
}
.main-nav {
  padding-bottom: 6px;
  margin: 0;
  text-align: center;
}
.main-nav li {
  display: inline-block;
  font-family: Cantarell;
/*  font-size: 1.5em;*/
  margin-bottom: 10px;
  margin-top: 10px;
}
.main-nav li a {
  display: block;
  padding: 8px;
  transition: 0.5s;
}
.main-nav li a:hover,
.current-menu-item  {
  background-color: #c7ab5e;
  border-radius: 0.2em;
}
.head-right {
  text-align: center;
}
.home-icon {
  width: 25px;
  height: 20px;
  padding: 0;
  margin: 0;
}
.intro-copy {
  text-align: center;
  margin-left: 2%;
  margin-right: 2%;
  padding-left: 8%;
  padding-right: 8%;
}
.intro-copy h1 {
  margin-top: 0;
  padding-top: 40px;
  font-size: 3em;
}
.intro-copy p {
  font-size: 1.4em;
  padding-bottom: 20px;
}
.hor-rule-feature {
  width: 100%;
  height: 12px;
  border: 0;
  border-top: 1px solid #fff;
  padding: 0;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0;
}
.main-pods-container,
.footer-widget-container,
.call-us-widget {
  background-color: rgba(199, 171, 94, 0.8);
  border-radius: 0.2em;
  margin-bottom: 20px;
  margin-top: 20px;
  padding: 20px;

}
.call-us-widget {
    font-size: 0.95rem;
}
.footer-widget-container {
  text-align: center;
}
.blog-sidebar-title {
  margin-top: 30px;
  margin-bottom: 10px;
}
#simple-social-icons-3 h2 {
  margin-top: 0;
}
.simple-social-icons ul li {
  text-align: center;
}
.call-us-widget {
  display: inline-block;
  padding: 10px;
  font-family: Cantarell, sans-serif;
}
.call-us-widget a {
  text-decoration: none;
}
.call-us-widget a:first-child {
    margin-right: 20px;
}
.call-us-widget img {
  margin: 4px 4px 0 0;
}
.call-us {
  text-align: center;
}
.main-pods-container p,
.main-pods-container > h3,
.footer-widget-container p,
.footer-widget-container > h3 {
  margin-top: 0;
}
table.menus-home,
table.menus-home td {
  width: 100%;
  padding: 0 4px;
}
.menu-icon {
  text-align: right;
}
.menu-icon img {
  width: 70px;
}
.menus-home h3 {
  text-decoration: underline;
}
.google-maps {
    position: relative;
    padding-bottom: 100%; /* This is the aspect ratio */
    height: 0;
    overflow: hidden;
    border: 6px solid #fff;
}
.google-maps iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}
.block-bg-image h4 {
  color: #fff;
  font-size: 1.5em;
  margin-bottom: 0;
}
.footer {
  background: #821626;
}
.footer.container {
  position: absolute;
  padding: 4px;
  bottom: 0;
  width: 100%;
  height: 74px;   /* Height of the footer */
}
.footer p,
.footer span {
  font-size: .75rem;
  text-align: center;
  margin-bottom: 0;
  padding-bottom: 6px;
}
.social-icon {
  width: 50px;
  margin: 10px 20px;
}
.cd-top {
  display: inline-block;
  height: 40px;
  width: 40px;
  position: fixed;
  bottom: 40px;
  right: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: rgba(130, 22, 38, 0.8) url(./img/back-to-top.png) no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: .5;
}

/* Widgets
================================ */

.simple-social-icons ul li a,
.simple-social-icons ul li a:hover {
  font-size: 300px;
  padding: 9px;
}

.widget-2 h4,
.simple-social-icons h4 {
  margin-top: 50px;
}

/* Contact Us Page
================================ */

table.opening-hours {
  width: 100%;
  margin-bottom: 20px;
}
table.opening-hours td {
  padding: 6px 10px;
  background: #821626;
}
#wpcf7-f333-p9-o1 {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
#wpcf7-f333-p9-o1 h2 {
  padding-bottom: 20px;
}
#wpcf7-f333-p9-o1 input[type="text"],
input[type="text"],
#wpcf7-f333-p9-o1 input[type="email"],
input[type="email"],
#wpcf7-f333-p9-o1 textarea,
textarea  {
  display:block;
  width: 100%;
  border: 1px solid #999;
  color: grey;
  margin-bottom: 10px;
  -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
}
#wpcf7-f333-p9-o1 input[type="text"],
#wpcf7-f333-p9-o1 input[type="email"],
input[type="text"],
input[type="email"] {
  height: 30px;
}
#wpcf7-f333-p9-o1 input[type="submit"],
input[type="submit"] {
  background: #821626;
  transition: 0.3s;
  border-radius: 0.2em;
  display: inline-block;
  text-align: center;
  color: #fff;
  border: none;
  border-bottom: 2px solid #5c1c26;
  border-right: 1px solid #5c1c26;
}
#wpcf7-f333-p9-o1 input[type="submit"]:hover,
input[type="submit"]:hover {
  background: #CE233C;
}
/* Puts the arrow icon on submit  */
/*#wpcf7-f333-p9-o1 input[type="submit"],
input[type="submit"],
#wpcf7-f333-p9-o1 input[type="submit"]:hover,
input[type="submit"]:hover {
  background-image: url('./img/circle-right.svg');
  background-size: 16px;
  background-position: 104px 50%;
  background-repeat: no-repeat;
}*/

#wpcf7-f333-p9-o1 label {
  padding-top: 10px;
}
#comments {
width:100%;
height:150px;
color: grey;
}


/* Menu Pages
================================ */

table.menu-table {
  width: 100%;
  margin-bottom: 40px;
}
table.menu-table td {
  padding-left: 10px;
  padding-right: 10px;
  vertical-align: bottom;
}
.drinks {
  margin-top: 40px;
  margin-bottom: 20px;
}
table.menu-table tr:nth-child(even) {
    border-bottom: 1px dotted white;
    font-style: italic;
}
table.menu-table td:nth-child(even),
table.menu-table td:nth-child(3) {
  text-align: right;
}
table.menu-table tr:nth-child(odd) {
    height: 45px;
}
table.menu-table tr:nth-child(1) {
  padding-top: 0;
}
table.menu-table .price {
  text-align: right;
}



/* Reviews Page
================================ */

.review-author {
  font-weight: bold;
  color: ;
}
.katb_input_style {
  float: none;
  width: 100%;
  margin: 0;
  padding: 0;
}


/* Image Gallery Page
================================ */
.image-gallery {
  padding-top: 10px;
}
.image-gallery li {
  display: inline-block;
  padding: 6px;
}



/* The Blog
================================ */

.wp-post-image {
  padding-right: 5%;
}
.entry-thumbnail {
  text-align: center;
  padding-top: 20px;
}
.entry-thumbnail img {
  width: 80%;
  height: 80%;
  max-width: 400px;
  max-height: 400px;
}
.blog aside,
.single aside {
  text-align: center;
}
.featured-single {
  float: left;
}
.entry-content {
  max-width: 90%;
  margin: 0 auto;
}
.blog h1,
.single h1 {
  font-size: 24px;
}
.blog h1 a:link,
.blog h1 a:visited {
  text-decoration: none;
}




/* Plugins
================================ */


.smooth_slider .smooth_slideri h2 {
  font-family: Cantarell, sans-serif !important;
}
.smooth_slider .smooth_slideri a:link {
  text-decoration: none !important;
}
.smooth_slider .smooth_slideri h2 a {
   font-size: 20px !important;
   line-height: 1.2 !important;
   text-decoration: underline !important;
}
.smooth_slider .sldr_title {
  display: none;
}
.smooth_slider .smooth_more a {
  display: none;
}
.smooth_slider .smooth_slideri span {
  display: none;
}
.smooth_slider .smooth_slideri {
  text-align: center;
}
.smooth_slider .smooth_next {
  background-image: url('./img/circle-right.svg') !important;
  background-size: 24px !important;
  position: relative !important;
  left: 85% !important;
  top: 25% !important;

}
.smooth_slider .smooth_prev {
  background-image: url('./img/circle-left.svg') !important;
  background-size: 24px !important;
  position: relative !important;
  left: 1% !important;
  top: 16% !important;
}
.smooth_slider {
  max-width: 100% !important;
}

/* Menus Page
================================ */

.menus img {
  margin-top: 24px;
}
.menus a {
  text-decoration: none;
}



/* 700px / 16px Medium Grid */
@media (min-width: 43.75em) {


    /* Pushing & Pulling the Columns Right & Left
  =========================================== */

  .medium-push-0 {
      position: relative;
      left: 0;
      right: auto; }

  .medium-pull-0 {
      position: relative;
      right: 0;
      left: auto; }

  .medium-push-1 {
      position: relative;
      left: 6.5%;
      right: auto; }

  .medium-pull-1 {
      position: relative;
      right: 6.5%;
      left: auto; }

  .medium-push-2 {
      position: relative;
      left: 15%;
      right: auto; }

  .medium-pull-2 {
      position: relative;
      right: 15%;
      left: auto; }

  .medium-push-3 {
      position: relative;
      left: 23.5%;
      right: auto; }

  .medium-pull-3 {
      position: relative;
      right: 23.5%;
      left: auto; }

  .medium-push-4 {
      position: relative;
      left: 32%;
      right: auto; }

  .medium-pull-4 {
      position: relative;
      right: 32%;
      left: auto; }

  .medium-push-5 {
      position: relative;
      left: 40.5%;
      right: auto; }

  .medium-pull-5 {
      position: relative;
      right: 40.5%;
      left: auto; }

  .medium-push-6 {
      position: relative;
      left: 21%;
      right: auto; }

  .medium-pull-6 {
      position: relative;
      right: 49%;
      left: auto; }

  .medium-push-7 {
      position: relative;
      left: 57.5%;
      right: auto; }

  .medium-pull-7 {
      position: relative;
      right: 57.5%;
      left: auto; }

  .medium-push-8 {
      position: relative;
      left: 68%;
      right: auto; }

  .medium-pull-8 {
      position: relative;
      right: 68%;
      left: auto; }

  .medium-push-9 {
      position: relative;
      left: 74.5%;
      right: auto; }

  .medium-pull-9 {
      position: relative;
      right: 74.5%;
      left: auto; }

  .medium-push-10 {
      position: relative;
      left: 83%;
      right: auto; }

  .medium-pull-10 {
      position: relative;
      right: 83%;
      left: auto; }

  .medium-push-11 {
      position: relative;
      left: 91.5%;
      right: auto; }

  .medium-pull-11 {
      position: relative;
      right: 91.5%;
      left: auto; }


  /* The Grid Layout
  Columns are 65px wide, with 20px gutters
  =========================================== */

  .medium-1 {
    width: 6.5%;
  }
  .medium-2 {
    width: 15%;
  }
  .medium-3 {
    width: 23.5%;
  }
  .medium-4 {
    width: 32%;
  }
  .medium-5 {
    width: 40.5%;
  }
  .medium-6 {
    width: 49%;
  }
  .medium-7 {
    width: 57.5%;
  }
  .medium-8 {
    width: 66%;
  }
  .medium-9 {
    width: 74.5%;
  }
  .medium-10 {
    width: 83%;
  }
  .medium-11 {
    width: 91.5%;
  }
  .medium-12 {
    width: 100%;
  }
  .columns-md {
  float: left;
  margin-left: 2%;
  /*min-height: 1px;*/
  }
  .columns-md:first-child {
    margin-left: 0;
  }
  .columns-md:last-child {
    float: right;
  }


   /* Offsetting Columns up to 11 places to the right
  =========================================== */

   .medium-offset-0 {
      margin-left: 0 !important; }

   .medium-offset-1 {
      margin-left: 8.5% !important; }

  .medium-offset-2 {
      margin-left: 17% !important; }

  .medium-offset-3 {
      margin-left: 25.5% !important; }

  .medium-offset-4 {
      margin-left: 34% !important; }

  .medium-offset-5 {
      margin-left: 42.5% !important; }

  .medium-offset-6 {
      margin-left: 51% !important; }

  .medium-offset-7 {
      margin-left: 59.5% !important; }

  .medium-offset-8 {
      margin-left: 68% !important; }

  .medium-offset-9 {
      margin-left: 76.5% !important; }

  .medium-offset-10 {
      margin-left: 85% !important; }

  .medium-offset-11 {
      margin-left: 93.5% !important; }


  /* Base Styles
  =========================================== */

  .hide-for-small {
    display: initial;
  }
  .hide-for-medium {
    display: none;
  }


  /* Modules
  =========================================== */

  #fsi-full-bg {
    display: initial;
  }
  .main-area {
    min-height: 1px;
  }
  .widgets {
  width: 100%;
  }
  .footer-widget-container {
    text-align: left;
  }
  .simple-social-icons ul.aligncenter {
    text-align: center !important;
  }
  .simple-social-icons ul li a, .simple-social-icons ul li a:hover {
    padding: 9px !important;
  }
  .page-id-11 .main-pods-container  {
    min-height: 419px;
  }
  .widget-2 h4,
  .simple-social-icons h4 {
    margin-top: 0;
  }
  .hailo {
    display: none;
  }



  /* Contact Us Page
  =========================================== */
  #contact-form {
  width: 70%;
  margin-left: auto;
  margin-right: auto;
  }



 /* Blog
  =========================================== */

  .entry-content {
    max-width: 100%;
    margin: 0;
  }
  .entry-thumbnail img {
  width: 100%;
  height: 100%;
  }
  .blog h1,
  .single h1 {
    font-size: 28px;
  }


}



/* 860px / 16px */
@media (min-width: 860px) {

  .page-id-11 .main-pods-container {
    min-height: 395px;
  }

}

/* 990px / 16px Large Grid */
@media (min-width: 61.75em) {

  .large-1 {
    width: 6.5%;
  }
  .large-2 {
    width: 15%;
  }
  .large-3 {
    width: 23.5%;
  }
  .large-4 {
    width: 32%;
  }
  .large-5 {
    width: 40.5%;
  }
  .large-6 {
    width: 49%;
  }
  .large-7 {
    width: 57.5%;
  }
  .large-8 {
    width: 66%;
  }
  .large-9 {
    width: 74.5%;
  }
  .large-10 {
    width: 83%;
  }
  .large-11 {
    width: 91.5%;
  }
  .large-12 {
    width: 100%;
  }
  .columns-lg {
  float: left;
  margin-left: 2%;
  min-height: 1px;
  }
  .columns-lg:first-child {
    margin-left: 0;
  }
  .columns-lg:last-child {
    float: right;
  }

    /* Base Styles
  =========================================== */

  .hide-for-medium {
    display: initial;
  }


    /* Modules
  =========================================== */

  .logo-wrapper {
    text-align: left;
  }
  .logo {
    width: 150px;
  }
  .main-nav {
    top: 19px;
    position: relative;
    text-align: right;
  }
  .main-nav li {
    font-size: initial;
  }
  .call-us {
    text-align: right;
  }
  .blog aside,
  .single aside {
  text-align: left;
  }
  .simple-social-icons ul.aligncenter {
    text-align: left !important;
  }
  .TA_restaurantWidgetGreen {
    display: inline;
  }
  .page-id-11 .main-pods-container {
    min-height: 370px;
}



/* 1441px / 16px Extra Large */
@media (min-width: 90.063em) {

  .xlarge-1 {
    width: 6.5%;
  }
  .xlarge-2 {
    width: 15%;
  }
  .xlarge-3 {
    width: 23.5%;
  }
  .xlarge-4 {
    width: 32%;
  }
  .xlarge-5 {
    width: 40.5%;
  }
  .xlarge-6 {
    width: 49%;
  }
  .xlarge-7 {
    width: 57.5%;
  }
  .xlarge-8 {
    width: 66%;
  }
  .xlarge-9 {
    width: 74.5%;
  }
  .xlarge-10 {
    width: 83%;
  }
  .xlarge-11 {
    width: 91.5%;
  }
  .xlarge-12 {
    width: 100%;
  }
  .columns-xl {
  float: left;
  margin-left: 2%;
  min-height: 1px;
  }
  .columns-xl:first-child {
    margin-left: 0;
  }
  .columns-xl:last-child {
    float: right;
  }

}