/*
Theme Name: Mesmerize PRO CPSUSA
Theme URI:https://extendthemes.com/go/mesmerize-home/
Author: Horea Radu
Author URI:https://extendthemes.com/
Description: Mesmerize is an incredibly flexible, multipurpose WordPress theme that can help you create an amazing website easier than ever, by drag and drop. It comes with a predesigned home page, 5 header designs and over 30 ready to use content sections that you can easily customize. It also has lots of customization options (video background, slideshow background, header content types, gradient overlays, etc) that will help you create a beautiful, unique website in no time. Mesmerize is responsive so it works on mobile devices out of the box and it is also WooCommerce ready. DEMO: https://extendthemes.com/go/mesmerize-demos/
Version: 1.1.54
License: GNU General Public License version 3
License URI: http://www.opensource.org/licenses/gpl-license.php GPL v3.0 (or later)
Tags: entertainment, food-and-drink, portfolio, one-column, two-columns, right-sidebar, grid-layout, custom-header, custom-menu, custom-logo, full-width-template, theme-options, translation-ready, featured-images, threaded-comments
Text Domain: mesmerize
Template: mesmerize-pro
*/
body{
  max-width: 2400px;
  margin: auto;
}

#page-top {
 	max-width: 2400px; 
}

.color1 {
  color: #343a40;
}
.color2 {
  color: #ac0000;
}
.color3 {
  color: #fbc02d;
}
.color4 {
  color: #38c37a;
}
.color5 {
  color: #169fd4;
}
.color6 {
  color: #013243;
}
.color7 {
  color: #eeeeee;
}
.color8 {
  color: #f5fafd;
}
.color9 {
  color: #fafafa;
}
.color10 {
  color: #f4f7f6;
}
.color11 {
  color: #f0f8f4;
}


.bg-color1 {
  background-color: #343a40;
}
.bg-color2 {
  background-color: #ac0000;
}
.bg-color3 {
  background-color: #fbc02d;
}
.bg-color4 {
  background-color: #38c37a;
}
.bg-color5 {
  background-color: #169fd4;
}
.bg-color6 {
  background-color: #013243;
}
.bg-color7 {
  background-color: #eeeeee;
}
.bg-color8 {
  background-color: #f5fafd;
}
.bg-color9 {
  background-color: #fafafa;
}
.bg-color10 {
  background-color: #f4f7f6;
}
.bg-color11 {
  background-color: #f0f8f4;
}

.border-color1 {
  border-color: #343a40;
}
.border-color2 {
  border-color: #ac0000;
}
.border-color3 {
  border-color: #fbc02d;
}
.border-color4 {
  border-color: #38c37a;
}
.border-color5 {
  border-color: #169fd4;
}
.border-color6 {
  border-color: #013243;
}
.border-color7 {
  border-color: #eeeeee;
}
.border-color8 {
  border-color: #f5fafd;
}
.border-color9 {
  border-color: #fafafa;
}
.border-color10 {
  border-color: #f4f7f6;
}
.border-color11 {
  border-color: #f0f8f4;
}

.wpfront-custom-message {
  color: #FFFFFF;
  padding: 15px 150px 15px 0;
  text-align: left !important;
  line-height: 0;
}
.wpfront-custom-message>h4 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  color: #FFFFFF;

  margin-bottom: 15px;
}

#wpfront-notification-bar a.wpfront-button {
  padding: 15px;
  line-height: 1.4rem;
  font-weight: 400;

  box-sizing: border-box;
  height: auto;
  font-family: "Open Sans";
  font-size: 0.75rem;
  transition: all 0.3s linear;
  min-width: 7rem;
  padding: 0.55rem 1.5rem;
  font-weight: 600;
  letter-spacing: 1px;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
  line-height: 1.5rem;
  border: 2px solid #ffffff;  
}
#wpfront-notification-bar a.wpfront-button:hover {
  border-color: rgba(255,255,255,0.6);
  color: rgba(255,255,255,0.7);
}


#cookie-law-info-bar .cli-plugin-button {
  /*small*/
  min-width: 4rem;
  font-weight: 400;

  font-size: 0.65rem;
  padding: 0.3rem 1.2rem;
  margin: 0.3rem 0.1rem 0rem;
  line-height: 1.4rem;
  font-weight: 400;

  transition: all 0.3s linear;
  
  border-radius: 0px;

  height: auto;
  font-family: "Open Sans";
  color: #fff;
  background-color: #03a9f4;
  letter-spacing: 1px;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  -webkit-appearance: none;
  margin-bottom: 0.75rem;
}
#cookie-law-info-bar .cli-plugin-main-link {
  margin: 0.3rem 0.5rem 0rem;
}
#cookie-law-info-bar {
  padding: 10px 0px 0px;
}

/*fix for bkg image not appearing - add w/ !important */
.mesmerize-inner-page .page-content, .mesmerize-inner-page .content, .mesmerize-front-page.mesmerize-content-padding .page-content {
	background-color: transparent;
}

@media (max-width: 768px) {
  #main-product-squares .col-padding {
    margin: 1% !important;
    max-width: 90% !important;
  }
  .image-group-left-4 {
    margin-bottom: 2rem;
  }
  .left-images {
    margin-bottom: 0;
  }
  .content-section > .row:not(.no-spacing) > div:not(.no-gutter-col), .content-section > div:not(.gridContainer) > .row:not(.no-spacing) > div:not(.no-gutter-col) {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}
#main-product-squares>div>div {
	justify-content: center;
}
#main-product-squares .col-padding {
    margin: 0 1.5rem;
    max-width: 30%;
}

#content-header[data-parallax-depth] {
	background-position: center -150px !important;
}
#content-header-shortimg[data-parallax-depth] {
	background-position: center -300px !important;
}
#content-header-tallimg[data-parallax-depth] {
	background-position: center -100px !important;
}

/*hides default header on inner pages*/
.mesmerize-inner-page .header-wrapper {
  /* display: none; */
}
.inner-header-description {
  padding-bottom: 0px !important;
}
.inner-header-description h1.hero-title {
  display:none;
}

.header-homepage h1.hero-title {
  font-size: 4rem;
}

[data-id|=counters] h3 {
	padding-left: 0.5rem;
}

.header-homepage.color-overlay.cp-video-bg {
  padding-top: 90px !important;
}

#main-product-squares img {
  margin: 0px;
}

h1, h1, h2, h3, h4, h5, h6 {
  margin-bottom: 8px;
}

.navigation-bar {
  padding-top: 0px;
  padding-bottom: 0px;
}

input,
textarea,
select {
  height: 40px;
}

input.small, input.comment-meta, input.comment-reply-link,
textarea.small,
textarea.comment-meta,
textarea.comment-reply-link,
select.small,
select.comment-meta,
select.comment-reply-link {
  height: 36px;
}

input.big,
textarea.big,
select.big {
  height: 48px;
}

ul.dropdown-menu li {
  padding: 0.5rem 1rem;
}

ul.dropdown-menu ul li a {
  padding: 0.75rem 1.5rem;
}

ul.dropdown-menu > li > ul {
  left: 0rem;
  box-shadow: none;
}

.offcanvas_menu li.open > a, .offcanvas_menu li.open > a:hover {
  background-color: transparent;
  color: #2395F6;
  border: none;
}

.footer-content-lists .footer-column-black {
  background-color: #000000;
}

button.outline.color10:hover, .button.outline.color10:hover {
  border-color: rgba(255,255,255,0.6) !important;
  color: rgba(255,255,255,0.7) !important;
}

.mb-0 {
  margin-bottom: 0px !important;
}

.product-header{
  font-size: 4.5rem;
  line-height: 1;
  word-wrap: normal !important;
}

.product-header-container {
  z-index: 9999;
}



@media only screen and (max-width: 500px){
  .product-header{
	font-size: 3rem;
  }
}

@media only screen and (min-width: 2000px){
  .product-header{
	font-size: 6rem;
  }
}

@media only screen and (max-width: 800px) {
	div#logo-carousel-free-4268.logo-carousel-free {
		display: none !important;
	}
}
