﻿/* 
Theme Name: Peppermill Family Restaurant
*/
@import url(http://fonts.googleapis.com/css?family=Oswald:400,700);
h1, h2, h3, h4, h5 {
	font-family: 'Oswald', sans-serif !important;
	text-transform: uppercase;
	color: #676767;
}
h2 {
	font-size: 32px;
	margin-top: 30px;
	padding: 0 0 0 0px;
}
.col-sm-2.social-icon {
    display: none;
}
.col-sm-10.contact-info {
    width: 100%;
}
.paging.prepend {
    display: none;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
 #searchform input[type=text]{line-height:16px;}}
body {
	background: #6C6C6C !important;
	padding: 0 !important;
	margin: 0;
	color: #000 !important;
	line-height: 24px !important;
	overflow-x: hidden;
}

.ngg-gallery-thumbnail-box {
    margin-right: 14px !important;    margin-bottom: 14px;
}
div.wpcf7-validation-errors {
	border: 2px solid #ff0000;
}
div.page-content form#searchform.search-form div input#s {
	border-radius: 4px;
	width: 30%;
	margin-top:15px;
}
form#searchform.search-form div input#searchsubmit.search-btn {
	display: none !important;
}
.alert {
	margin-top: 15px;
}
p {
	line-height: 24px;
	color: #000;
}
a {
	outline: 0 !important;
}
div.tripadvisor {
	float: left;
	margin: -137px 0 0;
	padding: 0;
	position: relative;
	right: -242px;
	top: 0;
}
.cta a {
	color: #000;
}
ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
ul li {
	list-style: none;
	padding: 0;
	margin: 0;
}
img.alignleft, img.alignright {
	border: 5px solid #6F6F6F;
}
/* Container Part */
.caroufredsel_wrapper {
	height: 130px !important;
}
#main-top {
	background: url(images/header_bg.jpg) repeat-x left top;
	min-height: 181px;
	width: 100%;
	float: left;
}
#main-middle {
	background: url(images/body_bg.jpg) repeat left top;
	width: 100%;
	float: left;
}
#main-bottom {
	width: 100%;
	float: left;
	background: url(images/footer_bg.jpg) repeat-x left bottom;
}
/* Header Part */

.cta {
	font: bold 26px arial;
	margin-top: 65px;
	color: #282720;
	background: url(images/cta.png) no-repeat left 5px;
	padding: 5px 0 0 35px;
	text-align: right;
	display: inline;
	float: right;
}
.cta a:hover, .cta a:active, .cta a {
	color: #282720;
}
.logo {
	margin-top: 26px;
	float: left;
	padding: 0;
	max-width:180px !important;
}
img.alignnone {
	display: inline;
	height: auto;
	border: 5px solid #C5CCBC;
	margin: 10px 0 10px 10px;
}
.rightheader {
	padding: 0;
}
.footer-block .col-lg-9 {
    padding-left: 0;
}
.testimonials-widget-testimonials .alignleft, .testimonials-widget-testimonials .alignright {
    border: 0 none !important;
    display: block !important;
       margin: 0 !important;
}
.rightheader input[type=text] {
	border-radius: 5px;
	margin-top: 5px;
	border: #d5d4c6 1px solid;
	padding: 0 10px;
	min-width: 205px;
	min-height: 30px;
	line-height: 30px;
	background: #fff url(images/search_bg--.png) no-repeat right center;
}
 safari hack code  @media screen and (-webkit-min-device-pixel-ratio:0) {
 .rightheader input[type="text"] {
line-height:16px;
}
}
.page-content .event-list li {
	background: none;
	font-style: italic
}
.page-content .event-list h4 {
	text-align: right;
	font-style: normal
}
.banner {
	margin-top: 25px !important;
}
.slide-title {
	display: none;
}
.entry-meta {
	display: none;
}
.page-content footer {
	display: none;
}
/* Navigation Part */

.navbar {
	background-color: none !important;
	background: url(images/menu.png) no-repeat top center;
	width: 100%;
	min-height: 84px;
 *height:84px;
}
.responsive-slider.flexslider {
	margin-bottom: 0px !important;
}
.responsive-slider.flexslider .slides img {
	height: 490px !important;
	width: 940px !important;
}
.navbar-nav > li > a {
	padding: 20px 52px !important;
	color: #000000 !important;
	font-size: 16px;
	border-left: #c1c4bc 1px solid;
}
.navbar-nav > li:first-child a {
	border: none;
}
.navbar-nav > li > a:hover, .navbar-nav > li.current-menu-item a {
	background: url(images/hover.jpg) repeat-x top center;
	color: #fff !important;
}
/* Content Part */

.image_carousel img {
	border: 5px solid #6F6F6F;
	width: 191px !important;
	margin-right: 15px;
}
.aligncenter{border: 5px solid #6F6F6F !important;}
#Serives_Block {
	background: #810081 url(images/services-bg.jpg) repeat-x top center;
	min-height: 200px;
	padding: 35px 0 0;
	width: 100%;
	margin-top: -22px;
	color: #fff;
}
span.readmore a {
	background: url("images/read_more.jpg") repeat-x scroll left top;
	border-radius: 5px;
	color: #FFFFFF !important;
	display: inline-block;
	font-weight: bold;
	height: 28px;
	line-height: 28px;
	margin-top: 10px;
	padding: 0 6px;
	text-align: center;
	text-decoration: none !important;
	width: 89px;
}
div#Serives_Block div.col-lg-3 p {
	color: #fff;
}
blockquote {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    border-left: 0 none !important;
    font-size: 14px !important;
    margin: 0 !important;
    padding: 0 !important;
}
span.readmore a:hover {
	background: #000;
}
#Serives_Block h3 {
	color: #fff;
	font-size: 20px;
	padding: 0 0 10px 0;
	margin: 0;
}
.page-content {
	background: #fff !important;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	padding: 0 25px 15px 25px;
}
.page-content h3 {
	margin-top: 0;
}
.page .page-content, .search .page-content, .single .page-content {
	margin-top: -24px;
}
.home .page-content {
	margin-top: -24px;
}
.page-content ul li {
	background: url("images/arrow.png") no-repeat scroll left center rgba(0, 0, 0, 0);
	list-style: none outside none;
	margin: 0 0 10px;
	padding: 0 0 0 30px;
}
.navbar-nav {
	margin-bottom: 15px;
	margin-top: 60px;
}
.page-content .col-lg-12 {
	padding: 0;
	margin: 0;
}
.page-content table, .page-content td {
	border: none;
	padding: 0;
	margin: 0;
}
.page-content a {
	text-decoration: underline;
	color: #282828;
}
.flex-direction-nav li .prev {
	left: 5px !important;
}
.responsive-slider.flexslider .flex-direction-nav li .next {
	right: 5px !important;
}
.page-content a {
	color: #000;
}
.page-content a:hover {
	text-decoration: none !important;
	color: #000;
}
div.read-more a:hover, div.read-more a:focus {
	color: #fff !important;
	text-decoration: none !important;
}

.page-content td {
	padding: 10px 15px 0 0;
}
.page-content input[type=text] {
	background: #ebe4e4;
	border: 1px solid #ccc;
	padding: 5px;
	margin: 0 0px 0 0;
	width: 65%;
	border: none;
	height: 33px;
}
.page-content input[type=submit] {
	border-radius: 8px;
	margin: 0px 0px 0 0;
	padding: 5px 10px;
	background: #810081;
	border: none;
	color: #fff;
	float: left;
}
.page-content input[type=submit]:hover {
	background: #36352C;
}
.wpcf7 strong {
	color: #F00;
}
.page-content label {
	font-weight: normal;
	padding: 0;
	width: 35%;
	float: left;
}
.wpcf7 p.fan {
	text-align: left;
	width: 100%;
}
.page-content textarea {
	background: #ebe4e4;
	border: 1px solid #CCCCCC;
	padding: 5px;
	margin: 0 0px 0 0;
	height: 80px;
	width: 65%;
	border: none;
}
/* Footer Part */ 
.captcha-532 input[type=text]{ width:44%;}
footer {
	background: #DBB56E;
	border-top: 10px solid #FDFDB4;
	float: left;
	margin-top: -30px;
	width: 100%;
	padding-top: 40px;
	padding-bottom: 15px;
}
footer .col-lg-6, .footer-block .col-lg-6 {
	padding: 0 15px 0 0;
	font-size: 13px;
}
.copyright {
	color: #CAC6C6 !important;
}
footer .footer-line {
	border-bottom: #6f6f6f 1px solid;
	padding: 0 0 15px 0;
	margin-bottom: 15px;
}
.footer-block, .col-lg-6 h2 {
	padding: 0;
}
.footer-block, .col-lg-6 ul {
	list-style: none;
	padding: 0;
	margin: 0;
	float: right;
	width: 100%;
}
.footer-block, .col-lg-6 ul li {
	list-style: none;
	padding: 0;
	margin: 0;
	background: none;
}
.read-more {
	background: none !important;
	border: none !important;
	padding: 0px !important;
}
.pager li > a, .pager li > span {
	background: #5F1D24 !important;
	border: 0px solid #D6D6D6 !important;
	color: #FFFFFF !important;
	float: left;
	margin: 0;
	padding: 5px 10px;
	border-radius: 8px;
	text-decoration: none;
}
.pager li > a:hover, .pager li > a:focus {
	background: none repeat scroll 0 0 #000000 !important;
	color: #FFFFFF;
}
.read-more a {
	background: none repeat scroll 0 0 #810081;
	border: medium none;
	color: #FFFFFF;
	float: left;
	margin: 0;
	padding: 5px 10px;
	border-radius: 8px;
	text-decoration: none;
}
.read-more a:hover {
	background: none repeat scroll 0 0 #36352C;
	color: #FFFFFF !important;
}
.read {
	background: url("images/read_more.jpg") repeat-x scroll left top rgba(0, 0, 0, 0);
	border-radius: 5px;
	color: #FFFFFF !important;
	display: inline-block;
	font-weight: bold;
	height: 28px;
	line-height: 28px;
	margin-top: 10px;
	padding: 0 6px;
	text-align: center;
	text-decoration: none !important;
	width: 89px;
}
.read:hover {
	color: #000;
	background: #36352c;
}
.contact-info table {
	border: none;
	padding: 0;
	margin: 0;
}
.con_left {
	border-right: #6f6f6f 1px solid !important;
	padding-left: 0px !important;
}
.contact-info .con_right {
	padding: 0 0px 0 25px !important;
	width: auto;
}
.contact-info .con_right img.alignnone {
	border: none;
	margin: 3px 0 5px 0;
}
.contact-info td, .contact-info p {
	border: none;
	color: #000;
	font-size: 13px;
	line-height: 20px;
}
.contact-info td a, .contact-info p a {
	color: #000;
	text-decoration: underline;
	font-size: 13px;
}
.contact-info td a:hover, .contact-info p a:hover {
	text-decoration: none;
}
.contact-info td strong, .contact-info p strong {
	color: #810081;
}
#Social_Media h2 {
	float: left;
	font-size: 13px;
	font-style: italic;
	line-height: 35px;
	margin: 0;
	color: #fff;
	padding: 0 15px 0 27px;
	text-transform: none;
}
#Social_Media img {
	opacity: 0.8;
	-moz-opacity: 0.8;
}
#Social_Media img:hover {
	opacity: 1 !important;
	-moz-opacity: 1 !important;
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	transition: all 0.2s ease;
}
.menu ul {
	float: left;
	margin: 0px 0px 0 0px;
}
.menu ul li {
	border-left: 1px solid #000;
	display: inline-block;
	padding: 0 1px 0 5px;
	line-height: 10px !important;
}
.menu ul li:first-child {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
	border: medium none !important;
	padding-left: 0;
}
.menu ul li a {
	color: #000;
	font-size: 13px;
	padding: 0;
	text-decoration: none;
	line-height: 10px !important;
}
.menu li a:hover {
	   color: #000000;
    text-decoration: underline !important;
}
.menu li.current-menu-item a {
	   color: #000000;
    text-decoration: underline;
}
.copyright{color:#000 !important;}
.menu li.current-menu-item a:hover {
	   color: #000000;
    text-decoration: underline !important;
}
.smw_center img, .smw_left img {
	margin-right: 3px !important;
}
.slideshowlink {
	display: none;
}
span.wpcf7-not-valid-tip {
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #FF0000;
	font-size: 13px;
	left: 3px;
	padding: 2px;
	position: absolute;
	top: -7px;
	width: auto;
	z-index: 100;
}

@media all and (min-width:0) {

}

@media screen and (-webkit-min-device-pixel-ratio:0) {

}
.wpcf7-captchac {
	height: 33px;
	border: 2px solid #EBE4E4;
	margin-bottom:5px;
}
}
.readmore {
	width: 100px;
	height: 30px;
	text-decoration: none !important;
	line-height: 30px;
	background: #8aa51a;
	color: #fff !important;
	display: block;
	text-align: center;
}
.readmore:hover {
	text-decoration: underline !important;
}
.post-nav li {
	background: none !important;
}
.full-post h3 {
	font-size: 14px;
}
.full-post h3 a {
	background: url("images/arrow.png") no-repeat scroll left center rgba(0, 0, 0, 0);
	padding: 0 0 0 35px;
	cursor: pointer;
}
.full-post .post-content {
	padding: 0 0 0 35px;
}
.flex-control-nav {
	display: none;
}
iframe {
	border: 1px #333 solid !important;
}

@media (max-width:768px) {
	
.alignleft.imaage, .alignright.imaage {
    height: auto;
    width: 100%;
}
	.footer-block .col-lg-3 {
    padding-left: 0;
}
.page-content label{
	width: 100%;
}
.ngg-gallery-thumbnail img{ width:120px;}
.ngg-gallery-thumbnail-box {
    margin-bottom: 11px;
    margin-right: 11px !important;
}
div.tripadvisor {
	right: -197px;
}
#Social_Media {
	width: 152px;
	margin: 0 auto;
}
#Serives_Block h3 {
	text-align: left;
}
.page-content input[type=text] {
	background: none repeat scroll 0 0 #EBE4E4;
	border: medium none;
	height: 33px;
	margin: 0;
	padding: 5px;
	width:100%;
}
.page-content textarea {
	background: none repeat scroll 0 0 #EBE4E4;
	border: medium none;
	height: 80px;
	margin: 0;
	padding: 5px;
	width: 100%;
}
.contact-info .con_right {
	padding: 0 0 0 20px !important;
	text-align: left;
}
.contact-info {
	text-align: center;
}
.con_left {
	border-right: 1px solid #525143 !important;
	padding-left: 0 !important;
	text-align: left;
}
#Serives_Block {
	text-align: center;
}
.via_shortcode a.prev, .via_shortcode a.next {
	display: block !important;
	top: 35%;
	visibility: visible !important;
}
.socialmedia-buttons {
	width: auto;
	float: left;
	display: block;
}
.responsive-slider.flexslider .slides img {
	height: auto!important;
}
.page-content input[type=submit] {
	margin: 0 15% 0 0;
}
.wpcf7 p.fan {
	margin-right: 15%;
	width: 85%;
}
.contact-info .con_right img.alignnone {
	border: medium none;
	margin: 3px 0 3px 0;
}
div#Serives_Block div.col-lg-3 p {
	margin-bottom: 0px;
	text-align: left;
}
}

@media (max-width:480px) {
	.logo {
	margin-top: 26px;
	float: left;
	padding: 0;
	max-width:54% !important;
}
	.responsive-slider.flexslider .slides img {
	height: 235px!important;
}
	.navbar-brand:hover, .navbar-brand:focus {
    background-color: rgba(0, 0, 0, 0);
    color: #777777 !important;
    text-decoration: none;
}
	div.page-content form#searchform.search-form div input#s {
	border-radius: 4px;
	width: 70%;
}
	.contact-info .con_right{padding:0 !important;}
.ngg-gallery-thumbnail img{ width:120px;}
.ngg-gallery-thumbnail-box {
    margin-bottom: 16px;
    margin-right: 16px !important;
}
div.entry div.row div.col-sm-6 h3 {
	margin-top: 20px;
}
div.tripadvisor {
	float: none;
	margin: none;
	padding: 0;
	position: relative;
	right: 0;
	top: 0;
	margin: 10px 0;
}
.navbar-toggle {
	border: 1px solid #5d5c5c !important;
	background: #737373 !important;
}
.navbar-toggle:hover, .navbar-toggle:focus {
	background-color: #DDDDDD !important;
}
.con_left {
	border-right: 0px solid #525143 !important;
}
.contact-info .con_right img.alignnone {
	border: none;
	margin: 3px auto;
}
.con_left, .contact-info .con_right {
	text-align: center;
}
img.alignnone {
	margin: 3px 0;
}
img.alignright, img.alignleft, img.aligncenter {
	width: 100% !important;
	height:auto;
}
div#Serives_Block div.col-lg-3 p {
	color: #fff;
}
.navbar-nav > li > a:hover, .navbar-nav > li > a:focus {
	background: #5f1d24 !important;
}
.navbar-nav > li > a:hover, .navbar-nav > li.current-menu-item a {
	background: #810081 !important;
}
.navbar-nav > li > a {
	background: #FDFDB4 !important;
	color: #000000 !important;
}
.via_shortcode a.prev, .via_shortcode a.next {
	top: 29%;
}
.wpcf7 p.fan {
	width: 85%;
}

.wpcf7 p.fan {
	width: 100%;
}
.page-content input[type=submit] {
	margin-right: 0;
}
.page-content label {
	width: 100%;
}
.logoimg {
	width: 100% !important;
}
.page-content input[type=text] {
	width: 100%;
}
.page-content textarea {
	width: 100%;
}
.c_none {
	display: none;
}
.page-content {
	background: #fff !important;
}
.cta {
	margin-bottom: -4px;
	margin-top: 5px;
}
.image_carousel img {
	width: 165px !important;
}
div.tripadvisor {
	right: -31%;
}
}

@media (max-width:320px) {
		.logo {
	max-width:68% !important;
}
#main-top{
	background:url("images/header_bg.jpg") repeat-x scroll left -25px rgba(0, 0, 0, 0);
}
		.responsive-slider.flexslider .slides img {
	height: 151px!important;
}
	
.ngg-gallery-thumbnail img{ width:121px;}
.ngg-gallery-thumbnail-box {
    margin-right:5px !important;    margin-bottom:5px;
}
.wpcf7 p.fan {
	width: 100%;
}
.page-content input[type=submit] {
	margin-right: 0;
}
.logoimg {
	width: 100% !important;
}
.page-content {
	background: #fff;
}

.image_carousel img {
	width: 190px !important;
}
div.tripadvisor {
	right: -20%;
}
}

@media (min-width: 601px) and (max-width: 990px) {
.image_carousel img {
	border: 5px solid #6F6F6F;
	margin-right: 15px;
	width: 146px !important;
	margin-top: 10px;
}
#Social_Media {
	margin: 0 auto;
	width: 159px;
}
.navbar-nav > li > a {
	padding: 20px 37px!important;
}
.responsive-slider.flexslider .slides img {
	height: auto!important;
}
.wpcf7 p.fan {
	width: 68%;
	margin-right: 20%;
}
.page-content input[type=submit] {
	margin-right: 15%;
}
}

@media (min-width: 601px) and (max-width: 767px) {
#Social_Media {
	margin: 0 auto;
	width: 284px;
}
.navbar-brand {
	display: inherit !important;
	max-width: 100%;
}
}

@media (max-width:479px) {
.page-content label, .page-content input[type=text], .page-content textarea {
	width: 100%;
	float: none;
}
img.alignright {
	display: inline;
	float: right;
	height: auto;
	margin: 10px 0 10px 10px;
	width: 100%;
}
img.alignleft {
	display: inline;
	float: left;
	height: auto;
	margin: 10px 0 10px 10px;
	width: 100%;
}
img.aligncenter {
	display: inline;
	height: auto;
	margin: 10px 0 10px 10px;
	width: 100%;
}
alignnone {
	border: 5px solid #C5CCBC;
}
}
