/*!
Theme Name: Norebro Child
Theme URI: http://norebro.colabr.io/
Author: Colabrio Team
Author URI: http://colabr.io/
Description: Norebro is flexible and high performance multipurpose WordPress Theme for personal and corporate use. It comes with the most popular WordPress page builder Visual Composer. Create gorgeous pages and layouts fast and easy without coding.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: norebro
Text Domain: norebro-child
Tags: one-column, two-columns, left-sidebar, right-sidebar, custom-colors, custom-header, custom-menu, featured-images, full-width-template, post-formats, theme-options, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/

/* Set Up for the Home Page */

.norebro-bar {
	display: none;
}

.norebro-with-panel #page, .norebro-with-panel .site-footer {
	margin: 0 !important;
}

/* .header-title {
	display: none;
} */


/* End of the Set Up for The Home Page */

/* Start Website Global Branding  */

:root {
	--primary: #0E1748;
	--secondary: #fde6a1;
	--secondary-accent: #cd9a66;
	--tranpancy-black: rgba(0,0,0,.5);
	--text-color: #908E8E;
}

body {
	font-size: 16px;
	font-family: "Open Sans", "Helvetica Neue", Arial;
}


body .page-container {
/* 	margin-top: 2rem !important; */
}

body.home .page-container {
	margin-top: 0 !important;
	margin-bottom: 0 !important
}

body:not(.home) .header-title {
	top: -100px;
/* 	This eliminates space from moving this image back up to the top */
 	margin-top: -50px; /*friendly for both desktop and mobile */
}

h1, h2, h3, h4, p {
	font-size: "Open Sans", "Helvetica Neue", Arial;
	color: var(--text-color);
	font-weight: 300;
}

h1, h1.title {
	font-size: 3rem;
	line-height: 3rem;
	margin-bottom: 0 !important;
}

h1.page-title  {
	font-size: 2.5rem !important;
}

h2, h2.title {
	font-size: 2.5rem;
	line-height: 2.5rem;
	margin-bottom: 0 !important;
}

body.post-template-default h2 {
	margin-bottom: 1rem !important;
}

h3, h3.title {
	font-size: 2rem;
	line-height: 2rem;
	margin-bottom: 0 !important
}

p {
	font-size: 1rem;
	line-height: 1.5rem !important;
}

p a {
	color: var(--secondary-accent) !important;
}

footer a:visited {
/* 	This is making visited links turn back to yellow while hovered */
/* 	color: var(--secondary) !important;  */
}

.heading .subtitle {
	font-size: 1.5rem !important;
	line-height: 2rem !important;
	margin: 0 !important;
	text-align: center !important;
}

.btn {
	border-radius: 5px !important;
	background: var(--primary);
	border-color: var(--primary);
}

.call-to-action-btn {
	background: var(--secondary);
	border-color: var(--secondary);
	color: var(--primary);
}

.call-to-action-btn:hover {
	background: var(--secondary-accent);
	border-color: var(--secondary);
}

.btn-contact-us {
	border-color: var(--primary);
	border-radius: 5px !important;
	background: var(--primary);
	opacity: 0.9;
}

.btn-contact-us:hover {
	background: transparent;
	opacity: 1;
	color: white;
}

.contact-form .btn {
	border-radius: 5px !important;
	background: var(--primary);
	border-color: var(--primary);
}

.contact-form .btn:hover {
	color: var(--primary) !important;
	background: transparent;
}

/* Start of Nav Bar CSS*/

.menu-other {
	display: none !important;
}

#masthead .site-title img, #masthead .site-title a img {
	height: 60px;
	margin-top: 5px;
}

#primary-menu .nav-item:hover {
	background: #333333 !important;
}

#masthead.site-header.header-fixed {
	height: 81px;
}

/* End of Nav Bar CSS*/

/* Start of Footer CSS */

.site-footer {
	background: var(--primary);
	padding: 10px !important;
}

.site-footer ul li,
.site-footer .widget a {
	color: white;
	position: relative;
	
}

.site-footer .widget-title {
	margin-bottom: 1.5rem !important;
}

.site-footer ul .item-title::before {
	content: ">";
	position: absolute;
	left: -20px;
	top: -1px;
} 

.site-footer h3, h4 {
	color: white;
}

.site-footer h3 {
	font-size: 32px !important;
}

.site-footer .wp-block-social-link {
/* 	height: 0 !important; */
	padding: 0 !important;
}

.site-footer .wp-block-social-link-anchor {
	padding: 10px !important;
	border-radius: 50%;
	background: var(--secondary);
}

.site-footer .wp-block-social-link-anchor svg {
	height: 20px !important;
	width: 20px !important;
	color: var(--primary) !important;
}

.site-footer #block-8, #block-7 {
	margin-bottom: -20px !important
}

.widgets-column {
	display: grid;
	place-items: center;
}

footer #nav_menu-2 .menu-footer-links .nav-item {
	margin-left: 1.5rem;
}

/* End of Website Global Setting */


/* Start of Home Page CSS*/

.home-propaganda h2,
.home-propaganda h3 {
	display: inline-block;
	color: white;
	background: var(--tranpancy-black);
	margin: 1.5rem 0 !important;
	padding: 0 10px; 
	font-weight: 300;
	line-height: 1.5;
}

.home-propaganda h2 {
	font-size: 1.8rem;
}

.home-propaganda h3 {
	font-size: 1.5rem;
}

.home-propaganda-1 h2,
.home-propaganda-1 h3 {
	margin-left: 15px !important;
}

.home-propaganda {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.page-container {
	margin-top: 0 !important;
}

/* Start of Home Page Slider CSS */

#rev_slider_2_1_wrapper {
	background: #404040 !important;
}

rs-fullwidth-wrap {
	top: -100px
}

@media screen and (max-width: 768px) {
	rs-fullwidth-wrap {
		top: 0;
	}
}

/* End of The Home Page CSS */

/* Start of About Us Page CSS */
.vp-title-header {
	display: none !important;
}

/* End of About Us Page CSS*/

/* Start of Flavors Page CSS */

.banner-box .image-wrap .overlay {
	box-shadow: none !important;
	-webkit-box-shadow: none !important;
}

.banner-box-row .wpb_wrapper {
	display: grid;
	place-items: center;
}

.banner-box {
	width: 80% !important;
}

.banner-box .content h4 {
	color: var(--text-color);
	font-weight: 400;
}

.banner-box .content {
	border-bottom: none !important;
}

/* End of Flavors Page CSS */

/* Start of Storefronts Page CSS*/

.tab-box.vertical .button {
	background: var(--secondary-accent);
	text-align: center;
	margin-bottom: 1px;
	border: 5px;
	display: block;
}

.tab-box {
	display: flex;
	flex-direction: row;
}

.tab-box .buttons {
	padding-right: 0 !important;
}

.tab-box.vertical .button.active {
	background: white;
}

.tab-box.vertical .buttons .line {
	display: none;
}

.buttons-wrap {
	margin: 0 !important;
}

.items {
	background: white;
}

.items h3 {
	font-size: 1.1rem;
}

.storefronts-call-to-action-heading h4 {
	background: #555555;
	padding: 5px 0
}

@media only screen and (max-width: 752px) {
	.tab-box {
		flex-direction: column;
	}
	.tab-box.vertical .buttons-wrap {
		max-width: 100%;
		width: 100%
	}
	
	.tab-box.vertical .items {
		width: 100%;
		max-width: 100%;
	}
}

/* End of Storefronts Page CSS*/

/* Start of Contact Us Page CSS */

.contact-us-info h4, .contact-us-info p {
	color: var(--text-color);
}

.contact-us-info h4 a {
	color: var(--secondary-accent);
}

.contact-us-info h4 a:hover {
	color: var(--secondary);
}

/* End of Contact Us Page CSS */

/* Start of Ingredients Page CSS */

.flavors-list tr td {
	text-align: center;
}

/* End of Ingredients Page Css */

/* Start of Blog Page CSS */

body.blog .site-content {
	background-color: #F0F0F0 !important;
}

body.blog .header-title {
	display: none;
}

body.blog .page-container {
	margin-top: 2rem !important;
}

body.blog .tags a {
	background-color: var(--primary) !important;
	border-color: var(--primary) !important;
	border-radius: 5px !important;
	color: #dddddd !important;
}

body.blog .tags a:hover {
	color: #ffffff !important;
	background-color: rgba(0, 0, 0, 0.3) !important;
}

body.blog .content {
	text-align: center;
}

body.blog .blog-grid {
	background-color: #ffffff;
	padding: 20px;
	height: 430px;
	max-height: 460px;
	box-sizing: border-box;
}

body.blog .blog-grid:hover a {
	color: var(--secondary-accent);
}

body.blog footer .data {
	color: var(--secondary-accent);
}

body.blog .blog-grid img {
	max-height: 226px !important;
}

body.blog .blog-grid.boxed .content {
	padding: 10px 0 0  !important;
}

body.blog .blog-grid  {
	max-width: 450px;
}

/* End of Blog Page CSS*/

/* Start of Post Page CSS*/
.sidebar-left {
	display: none;
}

.related-post-heading, .related-posts {
	display: none;
}

#comment:focus {
	border-color: var(--secondary-accent) !important;
}

body.post-template-default .site-content {
	background-color: #F0F0F0;
}

body.post-template-default  .submit-comment {
	color: white;
	background: var(--primary);
	border-color: var(--primary);
}

body.post-template-default  .submit-comment:hover {
	color: var(--primary);
	background: transparent;
	border-color: var(--primary);
}

/* End of Post Page CSS*/

/* Start of Mobile Responsive CSS*/


/* Start of Header CSS*/

@media screen and (max-width: 1024px) and (min-width: 769px) {
	
	
  #mega-menu-wrap > ul > li > a {
		padding: 0 5px; 
		font-size: .8rem;
	  	border-radius: 50px;
	} 
	
	#masthead .site-title img, #masthead .site-title a img {
		height: 35px;
		margin-top: 10px;
	}
	.site-footer .widgets .widgets-column {
		margin-top: -10px !important;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
	}
}


@media screen and (max-width: 768px) {
	
	/* Start of General CSS*/
	
	h1, h2, h3, h4 {
		text-align: center;
	}
	
	.contact-us-title {
		margin: 1rem 0 !important; 
	}
	
	body.post-template-default  h2, 
	body.post-template-default h2.title {
		font-size: 1.8rem;
		margin-bottom: 1.5rem !important; 
	}
	
	body.post-template-default  h3, body.post-template-default h3.title {
		font-size: 1.5rem;
	}
	
	#post-178 h4 {
		font-size: 1.5rem
	}

	.header-title h1.page-title {
		font-size: 1.8rem !important; 
		word-break: keep-all !important;
		margin-top: 2.5rem;
		line-height: 36px !important;
	}
	
	#hamburger-menu {
		color: white !important;
	}
	
	#masthead #site-navigation.main-nav, #mega-menu-wrap > ul .sub-menu {
		background: var(--primary) !important;
	}
	
	#primary-menu .nav-item:hover {
		background: var(--secondary) !important;
		color: var(--primary) !important;
	}
	
	#primary-menu .current-menu-item {
		background: var(--secondary) !important;
	}
	
	
	#mega-menu-wrap > ul > li.current-menu-item > a::before, #mega-menu-wrap > ul > li.current-menu-ancestor > a::before {
		top: 55% !important;
	}

	
	/* End of General CSS*/
	
	/* Start of the Home Page CSS */
	
	.call-to-action-1 {
		padding: 1rem 0;
	}
	
	.call-to-action-1 h3.title {
		margin: 1rem 0 !important
	}

	#masthead .site-title img, #masthead .site-title a img {
		max-height: 125px !important;
	}
	.mobile-banner-col .vc_column-inner {
		height: 80vh;
	}

	#masthead.header-4 .hamburger-menu {
		float: right;
		margin-top: 20px;
	}
	.hamburger-menu::before {
		content: 'MENU';
		color: #fff;
		margin-right: -20px;
		font-size: 12px;
	}
	#masthead.header-5 .menu-other {
		padding-right: 20px;
	}
	.site-branding .search {
		display: none;
	}
	#masthead .menu-other > li.social {
		padding: 0 0px;
	}
	#masthead .menu-other > li.social > a {
		padding: 0 5px;
	}
	#masthead #site-navigation.main-nav, #mega-menu-wrap > ul .sub-menu {
		background: rgba(1, 1, 1, 0.97);
	}
	#masthead #site-navigation.main-nav #mega-menu-wrap #primary-menu .menu-link span:before, #masthead #site-navigation.main-nav #mega-menu-wrap #secondary-menu .menu-link span:before {
		height: 0px; 
	}
	#mega-menu-wrap > ul > li > a, #masthead #site-navigation.main-nav #mega-menu-wrap #primary-menu .mega-menu-item > a.menu-link {
		border-bottom: 1px solid #85898b !important;
		font-weight: 400 !important;
		padding: 15px 35px !important;
		font-size: 20px !important;
		line-height: 28px !important;
	}
	#masthead #site-navigation.main-nav #mega-menu-wrap #secondary-menu .mega-menu-item > a.menu-link, #masthead #site-navigation.main-nav #mega-menu-wrap #primary-menu .mega-menu-item > a.menu-link{
		color: #fff;
		font-weight: 500;
		font-size: 18px;
	}
	.testimonials {
		margin: 0 10% !important;
	}
	.testimonials blockquote {
		font-size: 16px;
		text-align: justify !important;
	}
	.testimonials {
		margin: 0 10%;
	}
	footer .widget ul li a {
		font-size: 1rem !important;
	}
	.site-footer .widgets .widgets-column {
		margin-top: -10px !important;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
	}
	.site-footer .left, .site-footer .right {
		text-align: center !important;
	}
	.hide-mobile {
	display: none;
	}
	
	.widget {
		margin: .5rem 0;
	}
	
	/* Start of Flavors Page CSS */
	
	#post-188 .vc_column-inner {
		padding: 0 !important;
	}
	
	#post-188 table td, table th, .wp-block-table td, .wp-block-table th {
		padding: 0 !important;
		font-size: .9rem;
	}
}