/*
 Theme Name:   Tom & Jer Catering
 Theme URI:    
 Description:  Tom & Jer Catering theme based off of With Media base install and the Generate Press theme.
 Author:       With Media
 Author URI:   http://withmedia.ca
 Template:     generatepress
 Version:      0.1
 Tags: two-columns, three-columns, one-column, right-sidebar, left-sidebar, fluid-layout, responsive-layout, custom-header, custom-background, custom-menu, custom-colors, sticky-post, threaded-comments, translation-ready, featured-images, theme-options, light, white, dark, black, blue, brown, gray, green, orange, pink, purple, red, silver, tan, yellow
*/

/* Homepage */

#hp-section-tile {
	background-color: #bd2132;
	margin-bottom: 0;
	padding: 0;
}
#hp-section-tile .generate-sections-inside-container {
    padding-left: 0;
    padding-right: 0;
}

#hp-column-tile {
	background-color: #bd2132;
	margin: 0;
	padding: 65px 60px 25px 60px;
}

#hp-column-tile:hover, #hp-column-tile:hover a { 
    background-color: white;
	color: #3a3a3a;
}

.hp_testimonials .generate-sections-inside-container {
	max-width: 900px;
	padding-left: 80px;
	padding-right: 80px;
}

.hp_testimonials .sue-content-slider .owl-dots {
    position: inherit;
    left: 40%;
    margin: auto;
}

.hp_testimonials .su-quote-inner {
	font-size: 22px;
}

.bg-center {
	background-position: center center !important;
}

@media (max-width: 768px) {
#hp-section-tile .generate-sections-inside-container {
    padding-left: 0;
    padding-right: 0;
	}
#generate-section-1 .generate-sections-inside-container {
    padding-top: 46px;
    padding-bottom: 50px;
	}
#hp-column-tile {
	padding: 25px 20px 5px 20px;
}
.hp_testimonials .generate-sections-inside-container {
	padding-left: 10px;
	padding-right: 10px;
}
.hp_testimonials .su-quote-inner {
	font-size: 16px;
}
}

/* Normal Buttons */

.button,
.button:visited {
	display: inline-block;
	*display: inline;
	*zoom:1;
    padding: 10px 20px !important;
    border-radius: 2px;
	font-size: 20px;
	text-align: center;
	margin-bottom: 5px !important;
}

.button.big, .button.big:visited {
	padding: 15px 25px !important;
    font-size: 30px;
}

.button.outline.white,
.button.outline.white:visited {
	border: solid 2px #fff;
	background: none;
	color: #fff;
}

.button.outline.white:hover {
	border: solid 2px #3a3a3a;
	background: none;
	color: #3a3a3a;
}

.button.outline.red,
.button.outline.red:visited {
	border: solid 2px #bd2132;
	background: none;
	color: #bd2132;
}

.button.outline.red:hover {
	border: solid 2px #bd2132;
	background: #bd2132;
	color: #fff;
}

/* Homepage Hover Box Button Hover */

#hp-column-tile:hover .button.outline.white, #hp-column-tile:hover .button.outline.white:visited {
	border: solid 2px #3a3a3a;
}
/* ------------------------------- */

/* Contact Form */

.cf7-feedback textarea {
    width: 90%;
    height: 100px;
}

.cf7-feedback {
    background-color: #f1f1f1;
    padding: 15px;
}

#cf7-responsive-form{
	max-width:500px /*-- change this to get your desired form width --*/;
	margin:0;
        width:100%;
}
.cf7-form-row{
	width: 100%;
}
.cf7-column-half, .cf7-column-full{
	float: left;
	position: relative;
	padding: 0 20px 20px 0;
	width:100%;
	-webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
}
.cf7-clearfix:after {
	content: "";
	display: table;
	clear: both;
}