/*
Theme Name: SMOKE Enfold
Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the Enfold Wordpress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating wil be much easier then.
Version: 1.0
Author: Kriesi
Author URI: http://www.kriesi.at
Template: enfold
*/

/* TOC STRINGS
* General Styles
* Colors
* Fonts
* Fix Sassy Social Share PRE backgrounds
* Heading Font Overrides
* Main Menu Overrides
* Full Width Submenu Overrides
* Header Styles
* Home Page
* Inside Page Styles
* Footer Styles
* Mobile Portrait smaller
* Mobile Portrait larger
* Mobile Landscape to Tablet Portrait
* All Smart Phones
* Anything Over Smart Phones
* Tablet Portrait to standard 960
* ENFOLD All Tablet
* Tablet Landscape, up to 1200
* ENFOLD Full Screen
* Full Screen Desktop
* Full Screen Desktop Wider
*/

/* THESE STYLES APPLY TO ALL SCREEN WIDTHS
================================================== */



/* General Styles
================================================== */
.main_color strong {
  color: inherit;
}
#top .hide-under-12 {
  display: none;
}
#top .show-under-12 {
  display: inline;
}
#top .hide-under-480 {
  display: none;
}
#top .show-under-480 {
  display: block;
}
#top .content.av-content-full {
  /* padding: 20px 0; */
}
#top .center-text {
  text-align: center;
}
#top .content {

}
#top .smoke-hide {
  display:none !important;
}
#top #scroll-top-link {
  /*background-color: #EFEFEF;*/
}
.image-overlay {
  visibility: hidden;
}
#top .iconbox_content_title {
	text-transform: none;
}
#top .avia-button {
	font-weight: bold;
}
#top .round-corners {
	border-radius: 3px;
}
#top h1 a,
#top h2 a,
#top h3 a,
#top h4 a {
	color: #651e32;
}
#top h1 a:hover,
#top h2 a:hover,
#top h3 a:hover,
#top h4 a:hover {
	color: #273984;
}
#top .main_color a {
	font-weight: bold;
}

/* Colors
================================================== */
.red-heading {
  color: #E60000;
}

/* Fonts
================================================== */
#top blockquote {
	font-size: 20px !important;
}


/* Fix Sassy Social Share PRE backgrounds
================================================== */
#top .pasc-social-share pre {
  background-image: none;
  border: none;
  text-align: center;
}
#top .pasc-social-share pre div {
  display: inline-block;
}


/* Heading Font Overrides
================================================== */
h1, h2, h3, h4, h5, h6 {
  /*font-family: Georgia, serif;*/
}
.main_color h1, .main_color h2, .main_color h3,
.main_color h4, .main_color h5, .main_color h6 {
  /* color: #13074F; */
  /*font-weight: bold;*/
}
.modern-quote .av-special-heading-tag {
  font-weight: bold;
}
.template-page .entry-content-wrapper h1,
.template-page .entry-content-wrapper h2,
.template-page .entry-content-wrapper h3,
.template-page .entry-content-wrapper h4,
.template-page .entry-content-wrapper h5,
.template-page .entry-content-wrapper h6 {
  text-transform: none;
}

/* Main Menu Overrides
================================================== */
#top .av-main-nav .menu-item a {
  font-size: 16px;
}
/* color of main menu items */
#top .header_color .main_menu ul:first-child > li > a { 
  /*color: #2365AB !important;
  height: 45px !important;
  line-height: 45px !important;*/
} 
/* hover state of main menu items */
#top .header_color .main_menu ul:first-child > li a:hover { 
  /* color: #2365AB;
  background-color: #F0F0F4; */
} 
/* color of active menu item */
#top .header_color .main_menu ul:first-child > li.current-menu-item > a, 
#top .header_color .main_menu ul:first-child > li.current_page_item > a,
.header_color .main_menu ul:first-child > li.active-parent-item > a{ 
  /* color: #2365AB; */
}
/* Move main sub menus up so not as far from top level text */
.av_header_transparency .main_menu .av-main-nav .sub-menu {
	top: 75% !important;
}
/* color of mobile menu toggle */
.av_header_transparency #advanced_menu_toggle {
  /*color: #2365AB;
  Must comment these 2 out if use prod fam hdr img and normal hgt logo/menu area
  margin-top: 0; 
  right: -20px;*/
}
#advanced_menu_hide {
  /* background-color: #2365AB !important; */
}
/* Add arrows for main menu items w/sub menus */
.menu-item-top-level.dropdown_ul_available > a .avia-menu-text:after {
	content: "\e883";
	font-family:entypo-fontello;
	/*color: #900;*/
	position: relative;
	left: 5px;
	vertical-align: middle
}


/* Full Width Submenu Overrides
================================================== */



/* Header Styles
================================================== */
#top header {
	/*padding: 10px 0 !important;
	padding-bottom: 10px;*/
}
#top #header_meta {
	border-bottom: 1px solid #ebebeb;
}
#header_main {
	padding: 5px 0;
}
#top #header_main .inner-container {
	
}
.logo {
  /* display: none; */
}
#top #header.header-scrolled #header_main {
	/*padding: 0 !important;*/
}
.responsive #top .container_wrap_first main.content {
  /* padding-bottom: 0; */
}
#top .phone-info {
	font-size: 13px;
	/* font-weight: normal; */
}
#top .phone-info a:hover {
	text-decoration: underline;
}


/* Home Page 
================================================== */
#top #hos-pgtop-img .container .content {
	vertical-align: inherit;
	padding-top: 40px;
}
#top #hos-watermark img {
	max-height: 385px;
	width: auto;
}

/* Inside Page Styles
================================================== */
/* CF7 Contact Form */
#top #hos-contact-container .wpcf7-form input,
#top #hos-contact-container .wpcf7-form textarea {
	border-radius: 4px;
	border-color: #C5C5C5;
	color: #7C7C7C;
}
#top #hos-contact-container .wpcf7-form input:placeholder,
#top #hos-contact-container .wpcf7-form textarea:placeholder {
	color: #898989;
}
#top #hos-contact-container .wpcf7-form input[type=submit] {
	color: #FFFFFF;
	font-weight: bold;
	padding: 12px 25px;
}

/* Enfold Catalog for Deli Menu */
#top #hos-deli-menu-enf ul.av-catalogue-list {
	border: 0;
	display: grid;
	grid-template-columns: 1fr;
	grid-gap: 20px;
}
#top #hos-deli-menu-enf ul.av-catalogue-list li {
	/*width: 30%;
	margin-right: 4%;
	display: inline-block;*/
	vertical-align: top;
	background-color: #F8F8F8;
	border: 1px solid #C5C5C5;
	border-radius: 4px;
}
#top #hos-deli-menu-enf ul.av-catalogue-list li:nth-child(3) {
	/*margin-right: 0;*/
}
#top #hos-deli-menu-enf ul.av-catalogue-list li .av-catalogue-item {
	padding: 10px 15px;
}
#top #hos-deli-menu-enf ul.av-catalogue-list li .av-catalogue-item .av-catalogue-title,
#top #hos-deli-menu-enf ul.av-catalogue-list li .av-catalogue-item .av-catalogue-price {
	font-weight: bold;
}
#top #hos-deli-menu-enf ul.av-catalogue-list li .av-catalogue-item .av-catalogue-price {
	color: #CC0000;
}

/* Footer Styles
================================================== */
#footer {
	/* background-color: #6D8CE8; */
}
#top #custom_html-2 {

}
#footer .widget_nav_menu {

}
#footer .widget_nav_menu li {
	font-size: 15px;
}
#footer .widget_nav_menu a {

}
#footer a {
	font-weight: bold;
}
#footer .widget_nav_menu a:hover {
	text-decoration: underline;
}
#footer #hos-eph-footer {
	margin-top: 4px;
}
#footer #hos-eph-footer ul.avia-icon-list {
	margin-left: -5px;
}
#footer .flex_column.av_one_fourth:nth-of-type(4) #media_image-3 .wp-caption-text {
	font-weight: bold;
	font-size: 14px;
	font-family: 'raleway',Helvetica,Arial,sans-serif;
}
#socket {
	font-size: 12px;
	line-height: 17px;
}
#socket a:hover {
	text-decoration: underline;
}
#socket .copyright {
	float: none;
	text-align: center;
}

.show-mobile-blk {
	display: block !important;
}
.show-desktop-init {
	display: none !important;
}


/* SPECIFIC SCREEN WIDTHS, MOBILE FIRST
================================================== */

/* Mobile Portrait skinny */
@media only screen and (max-width: 339px) {
  #top .hide-under-640 {
    display: none;
  }
}

/* Mobile Portrait smaller */
@media only screen and (max-width: 360px) {
  #top .hide-under-640 {
    display: none;
  }
}

/* Mobile Portrait larger */
@media only screen and (min-width: 340px) and (max-width: 479px) {
  #top .hide-under-640 {
    display: none;
  }
}

@media only screen and (max-width: 479px) {
	/* Back to Top button (aka scroll-top-link) */
	.responsive #scroll-top-link {
		display: block;
		bottom: 10px;
		right: 10px;
	}
}

/* Mobile Portrait smaller */
@media only screen and (min-width: 480px) {
	#top .hide-under-480 {
		display: block;
	}
	#top .show-under-480 {
		display: none;
	}
}

/* Mobile Intermediate */
@media only screen and (min-width: 480px) and (max-width: 639px) {
  #top .hide-under-640 {
    display: none;
  }
}

/* Mobile Landscape to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 640px) and (max-width: 767px) {

}

/* All Smart Phones */
@media only screen and (max-width: 767px)  {
	#top #hos-pgtop-img-inside,
	#top #hos-pgtop-img-inside .container {
		max-height: 350px;
	}
}

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

}

/* Anything Over Smart Phones */
@media only screen and (min-width: 768px)  {
	.show-mobile-blk, .show-mobile-init {
		display: none !important;
	}
	.show-desktop-init {
		display: initial !important;
	}
	#footer .flex_column.first {
	  width: 24.5%;
	}
	#footer .flex_column.first #media_image-2 {
	  margin-top: -5px;
	}
	#footer .flex_column.first #custom_html-3 {
	  margin-top: -30px;
	}
	#footer .flex_column.av_one_fourth:nth-of-type(2) {
	  width: 18%;
	}
	#footer .flex_column.av_one_fourth:nth-of-type(3) {
	  width: 19%;
	}
}

/* Tablet Portrait to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	/*#top #hos-deli-menu-enf ul.av-catalogue-list {
		grid-template-columns: 1fr 1fr 1fr;
	}*/
}

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

/* ENFOLD All Tablet */
@media only screen and (min-width: 768px) and (max-width: 989px)  {

}

/* Tablet Landscape, up to 1200 */
@media only screen and (min-width: 960px) and (max-width: 1199px) {

}

@media only screen and (min-width: 960px) {
	#top #hos-deli-menu-enf ul.av-catalogue-list {
		grid-template-columns: 1fr 1fr 1fr;
	}
}

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

}

/* ENFOLD Full Screen */
@media only screen and (min-width: 990px)  {

}

/* Full Screen Desktop */
@media only screen and (min-width: 1200px)  {

}

/* Full Screen Desktop Wider */
@media only screen and (min-width: 1380px)  {

}


