/*
 Theme Name: Formidable Restaurant
 Theme URI: http://webartesanal.com/themes/formidable-restaurant
 Author: Carlos Doral Pérez
 Description: Formidable Restaurant is a beauty and elegant responsive HTML5 theme for restaurants, coffee shops and lounges. It's based on Corpo Theme from Aleksandra Łączek. This WordPress theme inherits all Corpo parent theme capabilities except scheme colors because this theme is made on red color style only.
 Version: 0.5
 License: GNU General Public License
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
 Tags: restaurant, coffe, lounge, elegant, beauty, red, custom-menu, featured-images, translation-ready, two-columns, one-column, responsive, responsive-layout, right-sidebar, restaurante, cafeteria, custom-background, custom-menu, custom-header, logo-header, featured-images, full-width-template, theme-options, threaded-comments

 Template: corpo

 (C) 2014 webartesanal.com
*/

@import url( "../corpo/style.css" );
@import url( "http://fonts.googleapis.com/css?family=Parisienne" );
@import url( "http://fonts.googleapis.com/css?family=Lato:400,100italic" );

/* ---------------------------------------------------------------------------------------- */
/* General
/* ---------------------------------------------------------------------------------------- */
body.custom-background {
  background-image: none !important;
  background-color: #444;
  background: url(img/bg2.jpg) 0 0 repeat !important;
}

/* ---------------------------------------------------------------------------------------- */
/* My grid
/* ---------------------------------------------------------------------------------------- */
.cdp-row {
}
.cdp-row:after {
  content: "";
  display: table;
  clear: both;
}
.cdp-col {
  float:left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.cdp-col:after {
  content: "";
  display: table;
  clear: both;
}
.cdp-x1_2 { width: 50%; }
.cdp-x1_3 { width: 33.33%; }
.cdp-x2_3 { width: 66.66%; }
.cdp-x1_4 { width: 25%; }
.cdp-x2_4 { width: 50%; }
.cdp-x3_4 { width: 75%; }
.cdp-x1_5 { width: 20%; }
.cdp-x2_5 { width: 40%; }
.cdp-x3_5 { width: 60%; }
.cdp-x4_5 { width: 80%; }
.cdp-pad-5h  { padding-left: 5px; padding-right: 5px; }
.cdp-pad-10h { padding-left: 10px; padding-right: 10px; }
.cdp-pad-10l { padding-left: 10px; }
.cdp-pad-10r { padding-right: 10px; }
.cdp-pad-10v { padding-top: 10px; padding-bottom: 10px; }
.cdp-pad-20h { padding-left: 20px; padding-right: 20px; }
.cdp-pad-20l { padding-left: 20px; }
.cdp-pad-20r { padding-right: 20px; }
.cdp-pad-20v { padding-top: 20px; padding-bottom: 20px; }

/* ---------------------------------------------------------------------------------------- */
/* Titles
/* ---------------------------------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {
  font-family: 'Parisienne', cursive;
  margin-bottom: 10px;
  color: #c1a85b;
  padding: 0 5px 0 8px;
}
h1 { font-size: 42px; line-height: 46px; }
h2 { font-size: 38px; line-height: 42px; }
h3 { font-size: 34px; line-height: 38px; }
h4 { font-size: 28px; line-height: 32px; }
h5 { font-size: 22px; line-height: 26px; }
h6 { font-size: 18px; line-height: 22px; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  color: #c1a85b;
}
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited {
  color: #99902d;
}

/* ---------------------------------------------------------------------------------------- */
/* Header
/* ---------------------------------------------------------------------------------------- */
#header {
  background: url(img/bg1.jpg) repeat;
  border-top: 5px solid #c1a85b;
  color: #99902d;
  -webkit-box-shadow: 0 0 80px rgba(0,0,0,.9);
  -moz-box-shadow: 0 0 80px rgba(0,0,0,.9);
  box-shadow: 0 0 80px rgba(0,0,0,.9);
}
#header h1 {
  font-family: 'Parisienne', cursive;
  color: #e8ca6d;
  text-align: center;
}
#header h1 a {
  line-height: 42px;
  color: inherit;
}
#header h1 a:hover, h1 a:visited {
  color: #fff;
}
#logo {
  float: none;
  padding: 15px 0 15px 0;
  -webkit-box-shadow: 0 0 80px rgba(0,0,0,.9);
  -moz-box-shadow: 0 0 80px rgba(0,0,0,.9);
  box-shadow: 0 0 80px rgba(0,0,0,.9);
}
#logo .site_tagline {
  text-transform: none;
  font-size: 14px;
  text-align: center;
}
.cdp-formidable {
  padding: 0 0 5px 0;
}
.cdp-formidable .cdp-wings {
  text-align: center;  
}
.cdp-formidable .cdp-starsl {
  text-align: left;
}
.cdp-formidable .cdp-starsr {
  text-align: right;
}
.cdp-formidable img {
  vertical-align: middle;
}

/* ---------------------------------------------------------------------------------------- */
/* Top menu
/* ---------------------------------------------------------------------------------------- */
nav#main-nav {
  float:none;
  font-family: 'Parisienne', cursive;
  text-align: center;
  margin-top: 0;
}
nav#main-nav li {
  background-color: rgba( 0, 0, 0, 0.2 );
  padding: 5px 5px;
  border: 0px solid #c1a85b;
  margin-right: 5px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
}
nav#main-nav li a {
  padding: 5px 10px 5px 5px;
  font-size: 18px;
}
nav#main-nav > ul > li > ul {
  margin: 10px 0 0 -5px;
}
nav#main-nav ul ul li {
}
nav#main-nav ul ul li a {
  padding: 5px 10px 5px 5px;
  font-size: 18px;
  color: #000;
}
nav#main-nav > ul > li > a {
  text-transform: none;  
  font-size: 18px;
}
nav#main-nav ul ul li:first-child > ul {
}

/* ---------------------------------------------------------------------------------------- */
/* Footer
/* ---------------------------------------------------------------------------------------- */
#footer {
  background: url(img/bg3.png) repeat, url(img/bg1.jpg) repeat;
  color: #99902d;
}
#footer a.social-link {
  margin-right: 10px;
  font-size: 24px;
  background-color: rgba( 0, 0, 0, 0.2 );
  padding: 5px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
}
#footer form.search {
}
#footer .search-input {
  display: inline-block;
  background-color: rgba( 0, 0, 0, 0.2 );
  padding: 5px;
  width: 100px;
  border: none;
  margin-right: 10px;
}
#footer .search-submit {
  display: inline-block;
}
#footer li,
#footer li b {
  color: #fff;
  color: #c1a85b;
}
#footer h4.widget-title {
  font-size: 20px !important;
}

/* ---------------------------------------------------------------------------------------- */
/* Sidebar
/* ---------------------------------------------------------------------------------------- */
#sidebar form.search {
}
#sidebar .search-input {
  display: inline-block;
  border: 1px solid #c1a85b !important;
  padding: 5px;
  width: 100px;
  border: none;
  margin-right: 10px;
  color:#c1a85b;
}
#sidebar .search-submit {
  display: inline-block;
}

/* ---------------------------------------------------------------------------------------- */
/* Slider settings
/* ---------------------------------------------------------------------------------------- */
.flexslider {
  height: 350px;
  overflow: hidden;
}
.flexslider li img {
  width: auto;
  height: auto;
  min-height: 100%;
  min-width: 100%;
}
.slides > li .caption-wrap {
  top: 230px;
}

/* ---------------------------------------------------------------------------------------- */
/* Projects
/* ---------------------------------------------------------------------------------------- */
.projects-slider {
}
.projects-slider .project {
  border: 0px solid #c1a85b;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.projects-slider .project .proj-description {
  background-color: #ed422c;
}
.projects-slider .project .proj-description h5 {
  color: #fff;
}

/* ---------------------------------------------------------------------------------------- */
/* Photo & images
/* ---------------------------------------------------------------------------------------- */
.project-media img,
.img-wrapper img {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #e5e5e5;
  padding: 20px;
  background-color: #f5f5f5;
  width: 100%;
  height: auto;
}
#content article .img-wrapper {
  border:0;
  padding: 0;
}
.entry-content p img {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #e5e5e5;
  padding: 20px 20px 20px 20px;
  background-color: #f5f5f5;
}
.wp-caption {
  background-color: #f5f5f5;
  padding: 20px;
}
.wp-caption img {
}

/* ---------------------------------------------------------------------------------------- */
/* Front page services
/* ---------------------------------------------------------------------------------------- */
.corpo_services_widget {
}
.corpo_services_widget a.more {
  display: inline-block;
  padding: 5px 10px;
  border: 1px solid #c1a85b;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  background-image: -moz-linear-gradient(bottom, #c1a85b, #e2c56b); 
  background-image: -ms-linear-gradient(bottom, #c1a85b, #e2c56b); 
  background-image: -o-linear-gradient(bottom, #c1a85b, #e2c56b); 
  background-image: -webkit-gradient(linear, left bottom, left top, from(#c1a85b), to(#e2c56b)); 
  background-image: -webkit-linear-gradient(bottom, #c1a85b, #e2c56b); 
  background-image: linear-gradient(bottom, #c1a85b, #e2c56b);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr="#c1a85b", endColorStr="#e2c56b"); 
}

/* ---------------------------------------------------------------------------------------- */
/* Sticky post
/* ---------------------------------------------------------------------------------------- */
#content article.post-excerpt.sticky {
  background-color: #f8f8f8;
}

/* ---------------------------------------------------------------------------------------- */
/* Removing schema color (set to red)
/* ---------------------------------------------------------------------------------------- */

/* 01. Basic Styles & Typography
================================================== */
    /* #Links */
  a:hover, a:focus { color: #ed422c; }
    table th { background: #ed422c; }

/* 03. Header
================================================== */    
    #logo  h1 a span{
        color: #ed422c;
    }
    /* Submenus */
    nav#main-nav ul ul li:hover > a {color:#ed422c;}   
    nav#main-nav > ul > li:hover > a { color: #ed422c; }
    nav#main-nav > ul > li.current_page_item > a { color: #ed422c; }
    nav#main-nav > ul > li.current_page_ancestor > a { color: #ed422c; }
    nav#main-nav > ul > li.current-menu-item > a { color: #ed422c; }
    nav#main-nav > ul > li > ul > li:first-child {border-top: 2px solid #ed422c;}    
    nav#main-nav > ul > li > ul:before {
        border-bottom: 20px solid #ed422c;
    }    
    
    /* Social icons */
    a.social-icon:hover { background: #ed422c; }
    
/* 04.Content
================================================== */  
    /* Home Page */
    #services div.widget .icon {color: #ed422c; }
    .project-nav a:hover { background: #ed422c; }

    /* Main Slider (Flex Slider) */
    .slides > li h3 { background-color: rgb(237, 66, 44); background-color: rgba(237, 66, 44, 0.8); }   
    .flexslider .flex-control-nav li a.flex-active { background-color: rgb(237, 66, 44); background: rgba(237, 66, 44, 0.8); }    
    
    /* Pagination */
    .wp-pagenavi .current, .wp-pagenavi a:hover { background: #ed422c; }
    
/* 05. Sidebar & Widgets
================================================== */    
    .widget .tabs li a.current { border-top: 2px solid #ed422c; }
    .widget_calendar caption { background: #E4402B; }
    .widget_calendar table td#today { background: #E4402B; }
    
/* 06. Footer & Prefooter widget area
================================================== */  
    #footer .widget a:hover { color: #ed422c; }    
    

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

@media screen and (max-width: 1040px) { 
}
@media screen and (max-width: 959px) {
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .flexslider {
    height: 200px;
  }
  .slides > li .caption-wrap {
    top: 130px;
  }
}
@media only screen and (max-width: 767px) {
  .flexslider {
    height: 200px;
  }
  .slides > li .caption-wrap {
    top: 130px;
  }
  .cdp-col {
    width: 100%;
  }
  #header {
    background: url(img/bg1.jpg) repeat;
  }
  #header .cdp-starsl,
  #header .cdp-starsr {
    display: none;
  }
  #logo {
    padding: 15px 0 0 0;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .flexslider {
    height: 200px;
  }
  .slides > li .caption-wrap {
    top: 130px;
  }
  .cdp-col {
    width: 100%;
  }
}
@media only screen and (max-width: 479px) {
  .flexslider {
    height: 200px;
  }
  .slides > li .caption-wrap {
    top: 150px;
  }
  .cdp-col {
    width: 100%;
  }
}