/*!
Theme Name: Vibe Bio
Theme URI: https://websentia.com/vibebio-theme/
Template: kadence
Author: Websentia Web Services
Author URI: https://websentia.com/
Description: A child theme for the Kadence Theme.
Version: 1.0.0
License: GNU General Public License v3.0 (or later)
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: vibebio
*/

/* Theme customization starts here
-------------------------------------------------------------- */
html {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-size: 62.5%;
}

/* .site-branding {
    ¡¡DON'T USE BG IMAGE FOR HEADER LOGO WITH SCROLL-SHRINKING HEADER
    BECAUSE IT SWOOPS DOWN THEN UP ON SCROLL RESIZE!!
     background-image: url(images/headerlogo.svg) ;
     background-repeat: no-repeat;
     background-size: contain;
}     */

/*Typography*/
/*heading sizes set in WP Customizer*/
.boldMagenta {
	font-weight: 600;
	color: #E3028F;
}
.colorMagenta {
	color: #E3028F;
}
.thinWhite {
	color: #fff;
	font-weight: 300;
}
h1 .boldMagenta, h1 .thinWhite {
	font-size: 7.4rem;
	line-height: 1.2;
}
body, .content-area, .content-area input, .content-area select, .content-area optgroup, .content-area textarea {
	font-size: 1.8rem;
}
.centerit {
	text-align: center;
}
.content-area a {
	font-weight: 600;
	text-decoration: none;
}
.content-area a:hover {
	text-decoration: underline;
}
.content-wrap blockquote {
  border-left: 4px solid var(--global-palette1);
  font-style: italic;
  font-size: 2.6rem;
  line-height: 1.25;
  font-weight: 300;
}
blockquote p::before {
  content: ' \201C ';
  display: inline-block;
}
blockquote p::after {
  content: ' \201D ';
  display: inline-block;
}

/*end Typography*/

.wp-block-button a {
	font-size: 2.2rem;
	border-radius: 6px;
}

/* header */
/* sizing the header logo rather than margin or padding - example 0.8 and max would be 1.0 */
.site-branding a.brand img.svg-logo-image {
	scale: 1.0;
}
/* header top section background color can be set with this rule or in the theme customizer settings - Customize - Header - Top Row - Design */
/* .site-top-header-wrap .site-header-row-container-inner {
	background-color: #f0f;
  } */
/* header main section background color can be set with this rule or in the theme customizer settings under Header Main Row / Design */
/* .site-main-header-wrap .site-header-row-container-inner {
	background-color: #0f0 !important;
} */
.mobile-navigation ul li {
	font-size: 1.6rem;
  }

/* end header */

/*gradient backgrounds -- add to both style.css and style-editor.min.css */
.has-black-to-grey-gradient-background {
     background: linear-gradient(
         160deg,
         #000000 0%,
         #888888 100%
     ) !important;
 }
 .has-dkgrey-to-grey-gradient-background {
     background: linear-gradient(
         160deg,
         #444444 0%,
         #888888 100%
     ) !important;
 }
 .has-grey-to-white-gradient-background {
     background: linear-gradient(
         160deg,
         #888888 0%,
         #ffffff 100%
     ) !important;
 }
 /* end gradient backgrounds*/

 .home .entry-meta {
     display: none;
 }
.flush-top .content-area {
	margin-top: 0;
}
.flush-bottom .content-area {
	margin-bottom: 0;
}
.site-top-footer-inner-wrap.site-footer-row {
  padding: 30px 0 10px !important;
}
.site-middle-footer-inner-wrap.site-footer-row {
  padding: 10px 0 10px !important;
}
.site-bottom-footer-inner-wrap.site-footer-row {
  padding: 10px 0 30px !important;
}
.site-top-footer-wrap, .site-middle-footer-wrap, .site-bottom-footer-wrap {
	background-color: #E2E5E8;
}
.site-top-footer-wrap .site-footer-top-section-1 {
	max-width: 228px;
}
.footer-widget-area h2 {
	font-size: 20px;
	margin-bottom: 5px !important;
}
.site-middle-footer-wrap .widget_block {
	margin-bottom: 0 !important;
}
.footer-widget-area ul {
	list-style: none;
	margin-left: 0;
	padding-left: 0 !important;
}


 @media only screen and (min-width: 300px) {
/* Column Classes
	--------------------------------------------- */

	.five-sixths,
	.four-sixths,
	.one-fourth,
	.one-half,
	.one-sixth,
	.one-third,
	.three-fourths,
	.three-sixths,
	.two-fourths,
	.two-sixths,
	.two-thirds {
		float: none;
		margin-left: 0%;
        width: 100%;
	}
	.mobileHide {
		display: none;
	}
 }
 @media only screen and (min-width: 480px) {

 }
 @media only screen and (min-width: 960px) {
	a.skip-link {
		font-size: 20px !important;
	  }

	
.quackquack .site-header-row-container-inner {
  padding-top: 5px;
  padding-bottom: 5px;
}
.woofwoof #main-header .header-button.button-size-custom {
  padding: 3px 15px 3px 18px;
}
    /* Genesis-esque columns */
    /* Column Classes
	--------------------------------------------- */

	.five-sixths,
	.four-sixths,
	.one-fourth,
	.one-half,
	.one-sixth,
	.one-third,
	.three-fourths,
	.three-sixths,
	.two-fourths,
	.two-sixths,
	.two-thirds {
		float: left;
		margin-left: 2.564102564102564%;
	}

	.one-half,
	.three-sixths,
	.two-fourths {
		width: 48.717948717948715%;
	}

	.one-third,
	.two-sixths {
		width: 31.623931623931625%;
	}

	.four-sixths,
	.two-thirds {
		width: 65.81196581196582%;
	}

	.one-fourth {
		width: 23.076923076923077%;
	}

	.three-fourths {
		width: 74.35897435897436%;
	}

	.one-sixth {
		width: 14.52991452991453%;
	}

	.five-sixths {
		width: 82.90598290598291%;
	}

	.first {
		clear: both;
		margin-left: 0;
	}
	.mobileShow {
		display: none;
	}
	.mobileHide {
		display: inline-block;
	}


 }
 @media print {

 }