/*
Theme Name: Coffee Zen
Author: CorporateZen
Author URI: http://www.corporatezen.com/
Description: This Corporate Zen's first theme. This theme, like WordPress, is licensed under the GNU GPL. Users can quickly build different types of pages using our custom built tools and dynamic post types. We will be constitanly updating and monitoring this theme.
Version: 3.17.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: one-column, custom-colors, custom-logo, custom-menu, food-and-drink
Text Domain: zen
*/

/* START: CSS CLASSES */
.clear {
	clear: both !important;
}
/* END: CSS CLASSES */


.single-zen_page .page-header {
	display: none;
}

.sec_id_div {
	display: none;
}

.text-center {
	padding-left: 20%;
	padding-right: 20%;
}

.aligncenter {
	float: none;
	display: block;
	margin: 0 auto;
}

.text-right {
	padding-right: 20%;
	padding-left: 30%;
}

.alignright {
	float: right;
}

.text-left {
	padding-left: 20%;
	padding-right: 30%;
}

.alignleft {
	float: left;
}

.zen_tool_main {
	padding: 300px 0px 0px 0px;
	min-height: 700px;
}

.zen_tool_main p, h1 {
	margin: 0;
}


.wrap {
	max-width: 767px;
	/*max-width: 1200px;*/
	margin: 0 auto;
}

/* START: MENUS */
.navbar {
	margin-bottom: 0px;
    border: none;	
}

.footer_menu {
	text-align: center;
}

.footer_menu ul {
	display: inline-flex;
	list-style: none;
}

.footer_menu ul li {
	padding-top: 10px;
	padding-right: 10px;
}

#primary_nav_wrap ul li.current-menu-item,
.footer_menu ul li.current-menu-item {
	/*background:#ddd*/
}

#primary_nav_wrap .nav>li>a:hover,
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
	background-color: transparent;
}

#primary_nav_wrap .dropdown-menu>li>a:hover {
	/*background-color: var(--accent-color-1);*/
}

#primary_nav_wrap .nav .open>a {
	background-color: transparent;
	color: white;
}

#primary_nav_wrap ul li a:hover,
.footer_menu ul li a:hover {
	color: var(--accent-color-2);
}

#primary_nav_wrap ul,
#primary_nav_wrap ul ul {
	background: var(--primary-color);
	width: 100%;
}

.dropdown-menu>li>a {
	color: var(--secondary-color);
}

.dropdown-menu {
	font-size: var(--menu_size);
}

#menu-footer-menu {
	-webkit-padding-start: 0px;
}

.navbar .navbar-toggle .icon-bar {
    background-color: var(--secondary-color);
}

#menu-footer-menu a {
	color: var(--primary-color);
}

#menu-footer-menu a:hover {
	text-decoration: none;
}

/* END: menu */

/* START: logo */
#logo {
	max-width: 100%;
	max-height: 125px;
	padding: 10px;
}

.footer-site-info #footer_logo {
	max-width: 200px;
}

.footer-site-info {
	font-family: var(--menu_family) !important;
}
/* END: logo */

/* START: footer */
#copyright_text {
	text-align: center;
	font-family: var(--menu_family) !important;
}

.footer-site-info {
	text-align: center;
}

#copyright_text {
	margin: 0;
}
/* END: footer */


/* START: colors that change depending on scheme */

:root {
	/*
	--primary-color: #002a32;
	--secondary-color: #f40076;
	--tertiary-color: #bc5f04;
	
	--accent-color-1: #fb8b24;
	--accent-color-2: #d90368;*/
	
	--black-color: black;
	--white-color: white;
		
}

.dynamic_heading_1 {
	font-family: var(--heading_1_family);
	font-weight: var(--heading_1_weight);
	font-size: var(--heading_1_size);
}

.dynamic_heading_2 {
	font-family: var(--heading_2_family);
	font-weight: var(--heading_2_weight);
	font-size: var(--heading_2_size);
}

.dynamic_heading_3 {
	font-family: var(--heading_3_family);
	font-weight: var(--heading_3_weight);
	font-size: var(--heading_3_size);
}

.dynamic_menu,
.dynamic_menu ul li a {
	font-family: var(--menu_family) !important;
	font-weight: var(--menu_weight) !important;
	font-size: var(--menu_size) !important;
}

.dynamic_body {
	font-family: var(--body_family) !important;
	font-weight: var(--body_weight) !important;
	font-size: var(--body_size) !important;
}

.dynamic_button {
	font-family: var(--button_family) !important;
	font-weight: var(--button_weight) !important;
	font-size: var(--button_size) !important;
}

.font_color_1 {
	color: var(--primary-color);
}

.font_color_2 {
	color: var(--secondary-color);
}

.font_color_3 {
	color: var(--tertiary-color);
}

.font_color_4 {
	color: var(--accent-color-1);
}

.font_color_5 {
	color: var(--accent-color-2);
}

.font_color_6 {
	color: var(--black-color);
}

.font_color_7 {
	color: var(--white-color);
}

.background_color_1 {
	background-color: var(--primary-color);
}

.background_color_2 {
	background-color: var(--secondary-color);
}

.background_color_3 {
	background-color: var(--tertiary-color);
}

.background_color_4 {
	background-color: var(--accent-color-1);
}

.background_color_5 {
	background-color: var(--accent-color-2);
}

.background_color_6 {
	background-color: var(--black-color);
}

.background_color_7 {
	background-color: var(--white-color);
}

header#site_header {
	background-color: var(--accent-color-1);
}

header#site_header .nav_div {
	background-color: var(--primary-color);
	border-bottom: 3px solid var(--secondary-color);
}

header#site_header ul.sub-menu {
	border-bottom: 3px solid var(--secondary-color);
}

header#site_header .col-lg-4 {
	padding-left: 0px;
	padding-right: 0px;
}

#copyright {
	background-color: var(--primary-color);
}

#copyright_text {
	color: var(--white-color);
}

.footer_menu {
	background-color: var(--secondary-color);
}

.footer-site-info {
	background-color: var(--accent-color-1);
	color: var(--white-color);
}

#menu-main-menu li a {
	color: white;
}

a {
	color: var(--secondary-color);
}

a:hover {
	color: var(--accent-color-2);
}

.wp-color-picker {
	display: block !important;
}

.single-zen_page .wrap,
.zen_page-template-default .wrap  {
	max-width: none;
}

.single-zen_page .entry-header,
.type-zen_page .entry-header {
	display: none;
}

.contact-page .day {
	display: inline-block;
	min-width: 145px;
}

.contact-page-header h1 {
	color: var(--secondary-color);
	text-align: center;
	margin-bottom: 20px;
}

.zen_page-template-default .page-header {
	display: none;
}

#custom_homepage_header {
    width: 100%;
    text-align: center;
    height: 700px;
    background-size: cover;
}

#custom_homepage_header img{
	margin: 0 auto;
	width: 100%;
}

#custom_homepage_header p {
	position: relative;
	top: 500px;
	margin: 0;
	font-weight: 700;
    font-size: 48px;
    background: rgba(1,1,0,0.25);
    color: white;
}

#primary_nav_wrap {
	display: inline-flex;
}

#site_header .site-logo {
	float: left;
	background-color: var(--accent-color-1);
}

.site-footer .site_logo {
	float: none;
	background-color: transparent;
}

#copyright_text {
	font-size: 1.5rem;
}

h2.dynamic_heading_2 .entry-title {
	color: var(--primary-color);
}

.page-header {
	margin: 0;
	padding: 20px 0 0 0;
	border: none;
}

.linkstyle {
	color: var(--secondary-color) !important;
}

html, body {
  height: 100%;
  margin: 0;
  padding: 0;
}

.zen_tool_main h1 {
	margin-bottom: 30px;
}

.page p {
	margin-bottom: 20px;
}

.contact-page h1 {
	margin-bottom: 10px;
}

.menu_section {
	margin-bottom: 20px; 
	background-color: #2d2d2d; 
	color: #ffffff;
	padding-bottom: 10px;
	padding-top: 5px;
	border-radius: 2px;
}

.menu-page #menu .menu_section {
	text-align: center;
}

/*
#zen_wrapper {
  min-height: 100%;
  height: 100%;
  margin-bottom: -226px;
}
footer, #push {
  height: 226px;
}
*/

/***************** Responsive CSS *****************/

/* all media UNDER 1201px */
@media all and (max-width: 1201px) {
	#primary_nav_wrap {
	    margin-top: 0;
	}
}

/* all media UNDER 767px */
@media all and (max-width: 767px) {
	#site_header .site-logo {
		float: none;
	}
	
	#custom_homepage_header {
		height: 300px;
	}
	
	#site_header #logo {
		display: block;
		margin: 0 auto;
	}
	
	.site-logo {
		float: none;
		margin: 0 auto;
	}
	
	#primary_nav_wrap {
		display: block;
	}
	
	.zen_tool_main {
	    padding: 20px 0px 20px 0px;
	    min-height: 0;
	}
	
	.text-center {
		padding-left: 10%;
		padding-right: 10%;
	}
	
	.text-right {
		padding-right: 10%;
		padding-left: 20%;
	}
	
	.text-left {
		padding-left: 10%;
		padding-right: 20%;
	}
	
	.site-main {
		padding: 0 10%;
	}
	
	.contact-page .site-main {
		padding: 0;
	}
	
	.contact-page .wrap {
		padding: 0 10%;
	}
	
	.zen_page-template-default .site-main {
		padding: 0;
	}
	
	h1 {
		font-size: 36px !important;
	}
	
	h2 {
		font-size: 24px !important;
	}
	
	p, .contact-page .hours {
		font-size: 16px !important;
	}
	
	.contact-page .day {
		min-width: 100px;
	}
	
	.contact-page {
		/*text-align: center;*/
	}
}


/* wordpress required classes */
.wp-caption{}
.wp-caption-text{}
.sticky{}
.screen-reader-text{}
.gallery-caption{}
.bypostauthor{}