/*
 Theme Name:   House Rock - Divi
 Author:       VistaWorks
 Author URI:   http://vistaworks.com
 Template:     Divi
*/

/* This must be at the top of the file for the font to work */
@import url("https://hello.myfonts.net/count/2ded61");
  
@font-face {
	font-family: 'Appareo';
	src: url('/web/20221129080325im_/https://www.houserockkitchen.com/wp-content/themes/HouseRock-Divi/fonts/2DED61_0_0.eot');
	src: url('/web/20221129080325im_/https://www.houserockkitchen.com/wp-content/themes/HouseRock-Divi/fonts/2DED61_0_0.eot#iefix') format('embedded-opentype'),
	url('/web/20221129080325im_/https://www.houserockkitchen.com/wp-content/themes/HouseRock-Divi/fonts/2DED61_0_0.woff2') format('woff2'),
	url('/web/20221129080325im_/https://www.houserockkitchen.com/wp-content/themes/HouseRock-Divi/fonts/2DED61_0_0.woff') format('woff'),
	url('/web/20221129080325im_/https://www.houserockkitchen.com/wp-content/themes/HouseRock-Divi/fonts/2DED61_0_0.ttf') format('truetype');
}

@font-face {
  font-family: 'social-icons';
  src: url('/web/20221129080325im_/https://www.houserockkitchen.com/wp-content/themes/HouseRock-Divi/fonts/social-icons.eot?42751349');
  src: url('/web/20221129080325im_/https://www.houserockkitchen.com/wp-content/themes/HouseRock-Divi/fonts/social-icons.eot?42751349#iefix') format('embedded-opentype'),
       url('/web/20221129080325im_/https://www.houserockkitchen.com/wp-content/themes/HouseRock-Divi/fonts/social-icons.woff?42751349') format('woff'),
       url('/web/20221129080325im_/https://www.houserockkitchen.com/wp-content/themes/HouseRock-Divi/fonts/social-icons.ttf?42751349') format('truetype'),
       url('/web/20221129080325im_/https://www.houserockkitchen.com/wp-content/themes/HouseRock-Divi/fonts/social-icons.svg?42751349#social-icons') format('svg');
  font-weight: normal;
  font-style: normal;
}

/* ------------------------------------------------------
	Theme overrides */

html { font-size: 62.5%; }

p {
	font-size: 15px;
	font-size: 1.5rem;
}

h1 {
	font-size: 42px;
	font-size: 4.2rem;
}

h2 {
	font-size: 34px;
	font-size: 3.4rem;
}

h3,
h4 {
	font-size: 28px;
	font-size: 2.8rem;
}

h1,
h2,
h3,
h4, 
h5,
h6 {
	font-family: 'Appareo', 'Crimson Text', Georgia, "Times New Roman", serif !important;
}

/* Header Menu */

li,
.fullwidth-menu li {
	font-size: 15px;
	font-size: 1.5rem;
}

#top-menu li,
.fullwidth-menu li {
	font-family: 'Appareo', 'Crimson Text', Georgia, "Times New Roman", serif !important;
	text-transform: uppercase;
	font-size: 15px;
	font-size: 1.5rem;
	padding-right: 18px;
}

#top-menu a,
.et_mobile_menu a, 
#et_search_icon:before {
    color: #000 !important;
    font-size: 115%;
}

#top-menu > li > a {
	padding: 0 5px 3px;
	margin-bottom: 30px;
}

.et-fixed-header #top-menu > li > a {
	padding: 0 5px 1px;
	margin-bottom: 10px;
}

#top-menu .nav-button-red a:hover {
	background: #ee2e24;
}

#top-menu a:hover {
	background: url('https://www.houserockkitchen.com/wp-content/themes/HouseRock-Divi/images/line-yellow.png') 0 1px no-repeat;
	border-radius: 11px;
}

#top-menu .nav-button-red a {
	background: #ee2e24;
	color: #fff !important;
	border-radius: 5px;
	border-bottom: 3px solid #cc1811;
	transition: background 0.1s linear;
	padding: 5px !important;
}

#top-menu .nav-button-red a:hover {
	background: #f0635b;
}

/* Mobile Menu */

.nav ul li a:hover, 
.et_mobile_menu li a:hover { 
	color: #111; 
	background-color: #2b2b2b; 
}
  
.et_mobile_menu li a {
    border-bottom: 1px solid #81c100;
    font-weight: bold;
    text-align: center;
    color: #555 !important;
}

.et_mobile_menu li a:hover,
.et_mobile_menu li a:active {
	background: #81c100;
	color: #fff !important;
}

.et_mobile_menu li:last-child a {
	border-bottom: none;
}

#et_mobile_nav_menu a.mobile_nav .mobile_menu_bar:before {
	color: #81c100 !important;
    background: #fff;
    border-radius: 4px;
}

#et_mobile_nav_menu a.mobile_nav.opened .mobile_menu_bar:before {
	color: #fff !important;
	background: #81c100 !important;
}

header#main-header {
	background: transparent;
	background: rgba(255,255,255,0.4);
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}

header#main-header .et_nav_text_color_light #top-menu > li > a {
	color: #fff;
}
  
header#main-header.et-fixed-header,
.et_mobile_menu,
.nav li ul ,
#top-menu li.mega-menu > ul > li > a:first-child:hover,
.et-search-form {
    background-color: #fff !important;
}

.et_mobile_menu {
	border-color: #fff !important;
	top: 59px !important;
}

#et_mobile_nav_menu .mobile_menu_bar:before {
	color: #fff !important;
}

.et-search-form input {
    background-color: #2b2b2b;
    color: #999;
}

@media only screen and (max-width: 550px) {

	.et_fixed_nav #logo {
		margin-top: 11px;
		max-width: 220px;
	}

}

/* Footer */

#footer-bottom {
	background: #fff !important;
	border-top: 2px solid #aaa;
	position: relative;
	border-top: none;
}

#footer-info {
	float: none;
	text-align: center;
}

#footer-info a:hover {
	color: #81c100;
}

.home-page-blurb img {
		border-radius: 75px;
	}

#et-info > a {
	display: none;
}

#et-info span {
	font-size: 115%;
}


footer#main-footer {
	position: relative;
	padding-top: 4px;
	background: #898989;
}

.TA_restaurantWidgetWhite {
	width: 200px;
	margin: 0 auto;
}

#footer-widgets {
	padding: 18px 0 5px;
}

.footer-widget {
	margin: 0 !important;
	width: 33% !important;
}

.footer-widget .widget_text {
	width: 100%;
}

.footer-widget .widget_text h3 {
	color: #fff;
}

.footer-widget .widget_text a {
	color: #99e109;
}

.footer-widget .widget_text a:hover {
	color: #fff;
}

/* NEWSLETTER SIGN UP BOX */

.dgd_stb_box.default {
        font-family: 'Appareo', 'Crimson Text', Georgia, "Times New Roman", serif !important;
}

.dgd_stb_box.default form input[type=submit], .dgd_stb_box form input.submit {
        font-family: 'Appareo', 'Crimson Text', Georgia, "Times New Roman", serif !important;
}

/* Contact Us Page */

.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit], .gform_wrapper .gform_page_footer input.button, .gform_wrapper .gform_page_footer input[type=submit] {
	background-color: #99e109;
    font-family: 'Appareo', 'Crimson Text', Georgia, "Times New Roman", serif !important;
    width: 200px !important;
    padding: 10px;
    text-transform: uppercase;
    font-weight: bold;
    border-radius: 5px;
}

/* Features */

.et_pb_slide_image {
	padding-top: 28px;
}

.et_pb_bg_layout_dark h1,
.et_pb_bg_layout_dark h2,
.et_pb_bg_layout_dark h3,
.et_pb_bg_layout_dark h4,
.et_pb_bg_layout_dark h5,
.et_pb_bg_layout_dark h6 {
	text-shadow: 0 0 6px rgba(0,0,0,0.5);
}

@media only screen and (max-width: 980px) {

	.et_secondary_nav_two_panels #et-secondary-menu {
		margin: 0 !important;
		display: none;
	}

	.et_pb_column {
		padding-bottom: 0;
	}

	.footer-widget {
		width: 100%;
	}

}

/* Home page */

@media only screen and (max-width: 768px) {

	#home-big-text h2 {
		font-size: 25px;
		font-size: 2.5rem;
	}

}

/* ------------------------------------------------------
	Chow Now */

body .tmask {
	z-index: 99999;
}

body .tbox {
	z-index: 99999;
	top: 100px !important;
}

/* ------------------------------------------------------
	Page editor helper classes */

.background-repeat {
	background-repeat: repeat !important;
	background-size: auto !important;
}

.page-title-section {
	padding-top: 85px;
}

.top-offset {
	top: -85px;
	margin-bottom: -85px;
}

.top-offset .et_pb_fullwidth_header h1 {
	margin-top: 85px;
}

.nega-padding {
	padding: 150px 0;
}

.small-padding {
	padding: 30px 0;
}

.no-padding {
	padding: 0;
}

footer[class^="line-top-"]:before,
div[class^="line-bottom-"]:after,
div[class*=" line-bottom-"]:after,
div[class^="line-top-"]:before,
div[class*=" line-top-"]:before {
	content: "";
	position: absolute;
	top: -10px;
	left: 0;
	width: 100%;
	height: 24px;
	background-repeat: repeat-x;
	z-index: 1000;
	background-position: center center;
}

div[class^="line-bottom-"]:after,
div[class*=" line-bottom-"]:after {
	top: initial;
	bottom: -10px;
}

.line-bottom-black:after,
.line-top-black:before {
	background: url('/wp-content/themes/HouseRock-Divi/images/line-black.png');
}

.line-bottom-yellow:after,
.line-top-yellow:before {
	background: url('/wp-content/themes/HouseRock-Divi/images/line-yellow.png'); /* fcb034 */
}

.line-bottom-red:after,
.line-top-red:before {
	background: url('/wp-content/themes/HouseRock-Divi/images/line-red.png');
}

.line-bottom-gray:after,
.line-top-gray:before {
	background: url('/wp-content/themes/HouseRock-Divi/images/line-gray.png');
}

.line-bottom-green:after,
.line-top-green:before {
	background: url('/wp-content/themes/HouseRock-Divi/images/line-green.png'); /* 81c100 - darker green than logo */
}

.et_pb_testimonial:before {
	color: #81c100;
}

.et_pb_testimonial_description > p {
	font-style: italic;
}

.et_pb_testimonial_author {
	text-align: center;
}

.et_pb_testimonial_author:before {
	content: "- ";
}

p.et_pb_testimonial_meta {
	font-style: normal;
	text-align: center;
}

/*
*/

.button-red {
	font-family: 'Appareo', 'Crimson Text', Georgia, "Times New Roman", serif !important;
	background: #ee2e24;
	color: #fff !important;
	border-radius: 5px;
	border-bottom: 3px solid #cc1811;
	padding: 8px;
	font-size: 18px;
	font-size: 1.8rem;
}

.button-yellow {
	font-family: 'Appareo', 'Crimson Text', Georgia, "Times New Roman", serif !important;
	background: #fcb034;
	color: #fff !important;
	border-radius: 5px;
	border-bottom: 3px solid #dc9922;
	padding: 8px;
	font-size: 18px;
	font-size: 1.8rem;
}

.callout-right {
	float: right;
	width: 40%;
	border: 1px solid #81c100;
	padding: 20px;
	margin: 2px 0 2px 20px;
	background: #f3f3f3;
}

/* vw social icons */
[class^="social-icon-"]:before, [class*=" social-icon-"]:before {
	font-family: "social-icons";
	font-style: normal;
	font-weight: normal;
	speak: none;
	color: #99e109;

	display: inline-block;
	text-decoration: inherit;
	width: 1em;
	margin-right: .2em;
	text-align: center;

	font-variant: normal;
	text-transform: none;

	/* Animation center compensation - margins should be symmetric */
	/* remove if not needed */
	margin-left: .2em;

	/* you can be more comfortable with increased icons size */
	font-size: 100%;

	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

[class^="social-icon-"]:hover:before, [class*=" social-icon-"]:hover:before {
	color: #fff;
}

a.social-icon-tripadvisor:before {
	content: "\e804";
}

a.social-icon-facebook:before {
	content: "\e801";
	font-size: 90%;
	position: relative;
	top: -2px;
}

a.social-icon-googleplus:before {
	content: "\e800";
}

a.social-icon-youtube:before {
	content: "\e802";
}

/* ------------------------------------------------------
	Menu */

#hrk-menu h2 {
	background: #a8a9ad;
	color: #fff;
	padding: 3px 10px 5px;
	margin-bottom: 10px;
}

#hrk-menu h3 span.sub-heading { /* <span class="sub-heading"> */
	background: #a8a9ad;
	color: #fff;
	padding: 1px 40px 3px;
	margin-bottom: 10px;
	font-size: 22px;
	font-size: 2.2rem;
}

#hrk-menu h3.small-dark { /* class="small-dark" */
	background: #818286;
	color: #fff;
	padding: 1px 40px 3px;
	margin: -7px 0 10px;
	font-size: 17px;
	font-size: 1.7rem;
}

#hrk-menu h4 {
	color: #231f20;
	padding: 3px 10px 5px;
	margin-bottom: 10px;
	font-size: 20px;
	font-size: 2.0rem;
}

#hrk-menu h4 span.description { /* <span class="description"> */
	color: #828387;
	font-size: 85%;
}

#hrk-menu h4 span.description-dark { /* <span class="description-dark"> */
	color: #231f20;
	font-size: 85%;
}

#hrk-menu h4 span.diet-info { /* <span class="diet-info"> */
	color: #fcb034;
	font-size: 14px;
	font-size: 1.4rem;
}

#hrk-menu .gray-outline { /* class="gray-outline" */
	border: 1px solid #818286;
	margin-top: -10px;
}

#hrk-menu span.extra-small-text { /* <span class="extra-small-text"> */
	font-size: 12px;
	font-size: 1.2rem;
}
