/*
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.4
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: coffee-zen
*/

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

/* END: CSS CLASSES */


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

.entry-content img {
	max-width: 100% !important;
}

.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;
}

.wrap-with-sidebar {
	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;
}

.footer_menu ul li a {
	color: var(--primary-color);
}

.footer_menu ul li a:hover {
	text-decoration: none;
}

.site-description {
	color: var(--secondary-color);
}

aside#secondary li {
	list-style: none;
}

aside#secondary {
	padding: 70px 10px 20px 10px;
}

form#searchform {
	padding-bottom: 20px;
}

.comment-form-comment label:first-child {
	display: block;
}

.post-thumbnail {
	max-width: 100%;
    text-align: center;
    height: 350px;
    background-size: cover;
}

.entry-content img {
	padding: 10px;
}

.entry-header h1 {
	margin-top: 72px; 
	margin-bottom: 48px;
}

#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 */
.site-logo img {
	padding: 10px;
	max-width: 200px;
	height: auto;
}

.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);
}

.widget_search {
	font-size: 0.75em;
}

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

.site-description, .site-title {
	padding-left: 10px;
	padding-top: 10px;
}

#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;
}

.the_sidebar_div {
	margin-top: 120px;
}

.current-menu-item a {
	color: var(--accent-color-1);
}

#searchform label {
	font-size: 0.75em;
}

/*
#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;
	}
	
	.the_sidebar_div {
		text-align: center;
	}
	
	.the_sidebar_div ul li {
		margin-left: -40px !important;
	}
}

/* all media UNDER 767px */
@media all and (max-width: 767px) {
	.entry-header h1 {
		margin-top: 30px; 
		margin-bottom: 24px;
	}
	
	.the_sidebar_div {
		margin-top: 20px;
	}
	
	#site_header .site-logo {
		float: none;
	}
	
	#custom_homepage_header {
		height: 300px;
	}
	
	#site_header .site-logo img {
		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{}