/*
Theme Name:     Hestia Child
Theme URI:      https://themeisle.com/themes/hestia/
Author:         ThemeIsle
Author URI:     https://themeisle.com
Description:    Hestia is a modern WordPress theme for professionals. It fits creative business, small businesses, startups, corporate businesses, online agencies and firms, portfolios, e-commerce (WooCommerce), and freelancers. It has a multipurpose one-page design, widgetized footer, and a clean look. The theme is responsive, WPML, Retina ready, SEO friendly, and uses Material Kit for design.
Version:        1.1.24
License:        GNU General Public License v2 or later
License URI:    http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:    hestia
Template:       hestia
Tags: one-column, two-columns, custom-background, custom-colors, custom-header, custom-menu, featured-image-header, featured-images, flexible-header, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready
*/
/*----------------START CHILD----------------*/


html, body, button, input, select, textarea {
font-family: 'Montserrat', sans-serif;
}

body,h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.about h1, .about h2, .about h3, .about h4, .about h5 {
	font-family: 'Montserrat', sans-serif;
	font-weight: 300;
	line-height: 1.5rem;
}

.carousel .buttons {
    display: none;
}
div.paulies-logo img
{
	max-width: 600px;
    width: 100%;
    height: auto;
    margin: auto;
    margin-top: 3.5em;
    margin-bottom: 1em;
}	

.navbar{
	display: none;
}
.container
{
	position: relative;
}

.head-box-left {
    position: absolute;
    left: 7%;
    top: 5%;
    z-index: 1000;
}
.head-box-left p
{
	color:#fbfbfb;
font-size:1.4rem;
font-weight:400;
	line-height: 2rem;
}
.head-box-right{
	position: absolute;
	right:7%;
	top:5%;
	text-align: right;	
	color:#fbfbfb;
	z-index: 1000;
}
.head-box-right p
{
color:#fbfbfb;
font-size:1.6rem;
font-weight:400;
line-height: 2rem;
border-bottom: solid 1px #fbfbfb;
display: inline;
padding-bottom: 3px;
}

.social
{
	position:absolute;
	left:0;
	right:0;
	bottom:-20%;
}
.social img {
    max-width: 30px;
    margin: 0 10px 20px 10px;
}
p#check {
    font-size: 0.8em;
    text-align: center;
    position: absolute;
    bottom: -15%;
    left: 0;
    right: 0;
}
.page-header .container {
    padding-top: 15vh;
    color: #fbfbfb;
}

.page-header {
    height: 65vh;
}

.navbar-right {
    display: none;
}
.features {
    padding: 0px 0 50px;
 }

div.info {
    max-width: 360px;
    margin: 0 auto;
    padding: 10px 0 30px;
}

.col-md-4
{
width:24%;
}

.header-filter::before {
    background-color: rgba(0,0,0,0.3);
}

.carousel h4 {
    font-size: 1.7em;
   }

.main-raised {
    margin: -60px 0 0;
}
.row {
    margin-right: 0;
    margin-left: 0;
}
/*-------------COLUMN LAYOUTS--------------------*/
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*------ COLUMN SETUP------*/
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}
.col1of2 {
	display: block;
	float:left;
	margin: 1% 0 1% 3.9%;
}
.col:first-child { margin-left: 0; }

/*----GROUPING------*/
.group:before, .group:after {
	content:"";
	display:table;
}
.group:after {
	clear:both;
}
.group {
    zoom:1; 
}

/*------------------------GRID OF TWO-----------------*/
.col1of2 {
	width: 100%;
  height:100%;
}
.col1of2 {
	width: 48%;
  height:100%;
}


/*------------------------GRID OF TWO-----------------*/

.col4of4 {
	width: 100%;
  height:100%;
}
.col3of4 {
	width: 74.2%;
  height:100%;
}
.col2of4 {
	width: 39.2%;
   height:100%;
}
.col1of4 {
	width: 8.4%;
  height:100%;
}

/*------------------------GRID OF FIVE-----------------*/

.col3of3 {
	width: 100%;
  height:100%;
}
.col2of3 {
	width: 66.7%;
   height:100%;
}
.col1of3 {
	width:33.3%;
  height:100%;
}

/*----------------------------BOXES--------------------------------------*/

.section-box {
position:relative;
  width:99%;
  height:85%;
  background-color:rgba(255, 255, 255, 0.0);
  margin: 0;
  padding: 0;

}

/*---------------OPENING HOURS-------------------------*/
section.about
{
	padding-top:5px;
	padding-bottom:0;
	min-height: 100px;
	height:100%;
	background:#0A3321;
	}
div#hours{
	margin-top:1em;
}

div#hours.section-box{
    z-index: 4;
    position: absolute;
}
div#hours .col{
	margin-left:0;
	text-align: center;
	height:15%;
}

div#hours h3{
	width:50%;
	text-decoration: none;
    border-bottom: 1px solid #808285;
 	font-size:1.5rem;	
	margin:auto;
	padding-bottom:2%;
	color: #fbfbfb;
	font-weight:200;
	line-height: 1.8rem;
	
}

div#hours p
{
	text-align: center;
	color:#fbfbfb;
    font-size: 1.3rem;
    line-height: 1.25em;
	margin-top:2%;
	font-weight:200;
}

div#food p{
	font-size:1.25rem;
		
}


/*-------------Menus---------------------*/

h3.accordion-title {
	font-size: 1.8rem;
    color: #333;
    text-transform: uppercase;
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: 400;
}
h3.accordion-title:after{
	content: url("/wp-content/images/arrowdown.png");
	margin-top:0; 
	margin-right:-16px;
	padding-left: 8px;
}
.accordion-title {
    margin: 0;
    padding: 0;
    cursor: pointer;
	text-align:center;
}
.accordion-title:hover {}
.accordion-title:first-child {border: none;}
.accordion-title.open {cursor: default;}
.accordion-content {padding-bottom: 20px;}

	div#menus{
	background-color:#fbfbfb;
	margin-top:2em;
}

div#food{
	min-height:850px;
	height:100%;
	background:#fbfbfb
}

div#food p{
    font-weight: 400;
    font-size: 1.25rem;
    color: #333333;
    line-height: 1.6rem;
}

#food p.pizza {
    border-bottom-style: dashed;
    border-width: 1px;
    padding-bottom: 10px;
}

div#food h2{
	color: #0A3321;
    font-size: 1.6rem;
    text-align: center;
    text-transform: uppercase;
    font-weight: 400;
    border-bottom: #0A3321;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    padding-bottom: 3px;
	margin-bottom:0;
}

div#food h3{
	color: red;
	font-weight: 400;
    font-size: 1.4rem;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 0;
	
}

div#food .col.col2of4{
	margin-top:0;
}

.about .container{
	padding:0;
	max-width: 2000px;
	width: 100%;
}

/*------------------FOOTER--------------------*/

.footer-big .col-md-4 {
   	padding:0;
	height:60%;
	width:90%;
	margin:auto;
	float:none;
}

.footer-big {
	color: #c1a06c;
	padding: 10px 0;
}
.footer-black {
	background: #c1a06c	;
	background-size: 550% 250%;
}

.footer-black hr {
display: none;
}
footer .container{
    max-width: 1800px;
    width: 100%;
    margin: auto;
}

footer h2 {
	font-size: 1.7rem;
    color: #fbfbfb;
    text-transform: uppercase;
    padding-top: 0;
    padding-bottom: 10px;
    font-weight: 400;
	}

.copyright, .footer-menu
{display: none;}

/*----------------------CONTACT-------------*/
form.wpcf7-form.form-group {
    background: rgba(255,255,255,0.1);
    padding: 5%;
    padding-bottom: 0;
    max-height: 600px;
    height: 100%;
}

.form-group label.control-label {
    margin: 16px 0 0;
    color: #fbfbfb;
   
}

footer .form-group .form-control {
    color: #0A3321;
    height: 3rem;
    padding: 0;
    font-size: 1em;
    line-height: 1;
    font-weight: 400;
}
footer .form-group.your-message .form-control{
	height:11rem;
}

div#contact-us .form-group label {
	display: block;
    color: #fbfbfb;
    font-size: 1.25rem;
    font-weight: 200;
    line-height: 1.42857;
	margin-top: -1.2rem;
    margin-bottom: 0;
}
input[type="submit"], .btn
{
border-radius: 0;
box-shadow: none;
}



.card .header{
	margin-top:0;
	-webkit-box-shadow: none;
	box-shadow: none;
}
footer .col2of4 {
	padding-left:1%;
	padding-right:1%;
}

.col-sm-12.col-lg-12.form_field_wrap.contact_message_wrap {
    margin-top: 5px;
}

.form-group .form-control{
	color:#fbfbfb;
	height: 2.2em;
    padding: 0;
    font-size: 1em;
    line-height: 1;
	font-weight: 200;
}
label.control-label{
	font-size:1em;
	
}
.form-group {
    padding-bottom: 0;
}
.form-group label {
    color: #fbfbfb;
    font-size: 16px;
    font-weight: 200;
    line-height: 1.42857;
}


div.wpcf7-mail-sent-ok {
    border: 0;
    color: #333;
    font-size: 1.2rem;
    font-weight: 400;
}
div.wpcf7-response-output {
    margin: 20px 0 0 0;
    padding: 0.2em 1em;
}
div.wpcf7-validation-errors {
    border: 0;
    color: red;
    font-weight: 400;
    font-size: 1.2rem;
	margin-top: 0;
}

footer .btn {
    margin: 10px 1px;
    padding: 8px 18px;
}
p#details{
	border-top-style: solid;
    border-top-width: 1px;
    padding-top: 1rem;
	color:#fbfbfb;
	text-align: center;
	margin-top:0;
	line-height:2rem;
	width:70%;
	margin:auto;
}

footer h2
{font-size:1.8rem;
	color:#fbfbfb;
	text-align:center;
	margin-top:1%;
	margin-bottom:1%;
}

.form-group.label-floating.is-focused label.control-label, .form-group.label-floating:not(.is-empty) label.control-label {
	display: none;
}

footer.footer.footer-black.footer-big {
    min-height: 100px;
    height: 100%;
}
footer h3.accordion-title {
	font-size: 1.6rem;
    color: #fbfbfb;
    text-transform: uppercase;
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: 400;
}
footer h3.accordion-title:after{
	content: url("/wp-content/images/arrowdownwhite.png");
	margin-top:0; 
	margin-right:-16px;
	padding-left: 8px;
}
/*-----------------MOBILE QUERIES--------------------*/
@media (max-width:1400px){
	body.custom-background {
    background-size: 1400px!important;
   }
}
@media (max-width: 991px){
	
	body.custom-background {
    background-size: 1000px!important;
  }
	.form-group.label-floating label.control-label, .form-group.label-placeholder label.control-label {
    font-size: 0.9em;
    line-height: 1.42857;
	}
	.form-group .form-control {
     font-size: 1em;
   }
	
	div.paulies-logo img
{
	max-width: 500px;
    width: 100%;
    height: auto;
    margin: auto;
    margin-top: 5.5em;
    margin-bottom: 1em;
}	
	
	.social{
	position:absolute;
	left:0;
	right:0;
	bottom:-15%;
}
	
.page-header {
    height: auto;
    min-height: 50vh;
}
	.page-header .container {
    padding-top: 7vh;
	}

	.social img {
    max-width: 22px;
}
	.carousel h4 {
    margin-bottom: 4rem;
     	}
}
.footer .copyright {
    display: none;
	}
@media (max-width: 768px)
{
	.footer-big .col-md-4 {
    width: 100%;}
	
	div#wpgmza_map{
	height: 300px!important;
	}
	
	form.wpcf7-form.form-group{
		padding-top:7%;
	}
	p#details{
	font-size: 1.2rem;
	}
	div.paulies-logo img {
		max-width: 400px;}
	
	.carousel h4 {
    margin-bottom: 4.5rem;
     	}
	.head-box-left{
		left:2%;
		top:5%;
	}
	.head-box-right{
		right:3%;
		top:5%;
	}
	
	.head-box-left p, .head-box-right p{
		font-size:1.3rem;
		line-height: 1.8rem;
	}
	div#food .col2of4 
	{ width: 75%;
	float:none;
	margin:auto;}
    div#food .col1of4 	{
    display: none;
  }
	div#hours h3 {
		font-size:1.3rem;
    padding-bottom: 1%;
    width: 70%;
    padding-top: 1%;
    margin-top: 2%;
}
	.pirate_forms_wrap{
	height:24em;
	margin-top:2%;
}
	footer textarea#pirate-forms-contact-message.form-control {
    height: 5em;
}
.form-group .form-control {
    height: 2em;
    padding: 0;
   }
	.text-widget h2
	{	margin-bottom:4%;}
	footer .col2of4
	{ width: 90%; 
	margin:auto;
	float:none;}
	
	footer h2{
		font-size:1.6rem;
		margin-bottom:0;
		padding-bottom:0;
	}
	
	.col:first-child 
	{ margin-left: auto; }
	
	.container 
	{
    padding-right: 0;
    padding-left: 0;
  }
	div#wpgmza_map {
    margin-top: 18%;
	}
}
	
@media (max-width: 550px){
	p#details{
	font-size: 1.2rem;
		width: 100%;
	}
	body.custom-background {
    background-size: 800px!important;
   }
	p#check {
    font-size: 0.7em;
    bottom: -25%;
 }	
	div#hours p {
    font-size: 1.2rem;
 	}
	
	div.paulies-logo img
{
	max-width:350px;
	width:100%;
	margin-top:4em;
}
	.page-header .container {
    padding-top: 10vh;
	}
	
	.page-header{
		min-height:38rem;
	}
	.carousel h4{
		font-size:1.7rem;
		margin-bottom:40px;
	}
	
	
	div#food p {
    font-size: 1.1rem;
    line-height: 1.4rem;
}
	
	}
 
@media (max-width: 450px){
	.pirate_forms_wrap {
    height: 20em;
   	}
	.head-box-left p, .head-box-right p {
    font-size: 1.1rem;
    line-height: 1.4rem;
}
	.page-header .container {
    padding-top: 7vh;
	}
	.social img {
    max-width: 17px;
	margin: 0 5px 20px 5px;
}
	.page-header {
    height: auto;
    min-height: 33rem;
}
	.carousel h4 {
    margin-bottom: 30px;
     font-size: 1.1rem;
  	}
	div.paulies-logo img{
	max-width:250px;
	width:100%;
	margin-top:6em;
	margin-bottom:0;
	}
	
}
@media (max-width: 420px){
	div#food p {
    line-height: 1.3rem;
}
	h3.accordion-title{
	font-size:1.6rem;
	}
	footer h3.accordion-title {
		font-size: 1.4rem;}
	div#hours h3{
		font-size: 1.1rem;
		line-height:1.3rem;
	}
	div#hours p{
		font-size: 1rem;
	}
	
	.about .container {
    padding: 0;
    max-width: 2000px;
    width: 100%;
    min-height: 135px;
}	
}

@media (max-width: 380px){
	body.custom-background {
    background-size: 600px!important;
  }
	button#pirate-forms-contact-submit{
		font-size:1rem;
	}
	div.paulies-logo img {
    max-width: 200px;
	margin-top:4em;
	margin-bottom: 0;
}	
.page-header .container {
    padding-top: 6vh;
	}
	.page-header {
    height: auto;
    min-height: 30rem;
}
	.carousel h4 {
    margin-bottom: 30px;
     font-size: 1.2rem;
  	}
	.head-box-left p, .head-box-right p {
    font-size: 1rem;
    line-height: 1.3rem;
}
	footer h2, h3.accordion-title {
    font-size: 1.4rem;
	}
	
}
@media (max-width: 321px){
	.social img {
    max-width: 15px;
}
	div.paulies-logo img {
    margin-top:3.5em;
	}	
	.carousel h4 {
    margin-bottom: 27px;
     font-size: 1.2rem;
  	}
	
}
	

