/******************************************************************************************************************* 	
Theme Name: Restaurant-Child
	Template: organic-restaurant
	Theme URI: http://www.organicthemes.com/theme/restaurant-theme/
	Description: A beautiful WordPress theme designed for the food and drink industry.
	Author: Organic Themes
	Author URI: http://www.organicthemes.com
	License: GNU General Public License v2 or later
	License URI: http://www.gnu.org/licenses/gpl-2.0.html
	Version: 4.3.1
	Text Domain: restaurant
	Tags: photoblogging, light, gray, white, one-column, two-columns, three-columns, right-sidebar, fluid-layout, custom-background, custom-header, custom-menu, featured-images, featured-image-header, flexible-header, full-width-template, theme-options, translation-ready, sticky-post, post-formats, featured-images
	
	The CSS, XHTML and Design are released under the GPL:
	http://www.opensource.org/licenses/gpl-license.php

******************************************************************************************************************/

@import url("../organic_restaurant/style.css");


h1{
    font-family: 'Oswald', 'Helvetica Neue', Arial, sans-serif;
    font-style: normal;
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: 0px;
    text-transform: uppercase;
    margin: 0px;
    padding: 0px 0px 12px 0px;
    font-size:20pt;
}

h2 {
    font-family: 'Playfair Display', Georgia, serif;
    font-style: normal;
    font-size: 1.8em;
    font-weight: 400;
    line-height: 1.2;
    color:#999900;
}

.title {border-bottom: 0px; font-size: 16pt; font-family: 'Open Sans', Arial, Helvetica, sans-serif; }

.headline {font-size: 20pt;}
.headline.img-headline {display: none;}
.wrapper-home {text-align: center; width: 100%;}
.padded {padding: 0px;}
.outline {border: 0px;}

.feature-img.page-banner {background-position: bottom center; background-size: cover; background-attachment: scroll;}

.sidebar {background-color:#FFFFFF;}
.sidebar.blog {padding: 10px;}

.cat-post-item {border-bottom: 0px;}

table th {padding: 8px 20px;}
table td {padding: 5px 20px;}


.btn-warning { 
	background-color: #f99500;
    padding: 10px;
    color: #fff !important;
    border-radius: 5px;
    text-align: center;
}
a.btn-warning:hover { text-decoration: none; background-color: #d88509;}

/* Columns */
.sidebar {padding: 10px;}
.row .three {width: 17.75%;}
.row .five {width: 24.25%;}
.row .eight {width: 58%;}

/* Smartphones */
@media (max-width: 480px) {
.col-1 {float: left; width: 100%;}
.col-2 {float: left; width: 100%;}
.col-3 {float: left; width: 100%;}
.col-4 {float: left; width: 100%;} 

}




     
/* Smartphones to Tablets */
@media (min-width: 481px) and (max-width: 767px) {

.col-1 {float: left; width: 48%; padding-right:2%;}
.col-2 {float: left; width: 48%;}
.col-3 {float: left; width: 48%; padding-right:2%;}
.col-4 {float: left; width: 48%;}
}
   



  
/* Tablets */
@media (min-width: 768px) and (max-width: 959px) {

.col-1 {float: left; width: 23%; padding-right:2%;}
.col-2 {float: left; width: 23%; padding-right:2%;}
.col-3 {float: left; width: 23%; padding-right:2%;}
.col-4 {float: left; width: 23%; padding-right:2%;}

}






/* Desktop */
@media (min-width: 960px) and (max-width: 1199px) {

.col-1 {float: left; width: 23%; padding-right:2%;}
.col-2 {float: left; width: 23%; padding-right:2%;}
.col-3 {float: left; width: 23%; padding-right:2%;}
.col-4 {float: left; width: 23%;}
}
  


   
/* Large Display */
@media (min-width: 1200px) {

.col-1 {float: left; width: 23%; padding-right:2%;}
.col-2 {float: left; width: 23%; padding-right:2%;}
.col-3 {float: left; width: 23%; padding-right:2%;}
.col-4 {float: left; width: 23%; padding-right:2%;}
 
}