/*
Theme Name: SuperWebPros Pro BB Theme
Theme URI: https://www.superwebpros.com
Version: 1.0
Description: The child theme used for our E-Commerce store
Author: SuperWebPros
Author URI: 
template: bb-theme
*/

:root {
  --primary: #3797FC;
  --secondary: #242C4A;
  --tertiary: #F83036;
  --quaternary: #8D3B72;
  --light: #EFE8DF;
  --lightGray: #F5F8FA;
  --lightPurple: #f6f6ff;
  --darkPurple: #637aca;
  --dark: #1D2127;
  --headerFontFamily:'Poppins';
  --bodyFontFamily:'Poppins';
  --hero: 10rem;
  --vixl: 6rem; /*60px H1 Size*/
  --vxl: 4.8rem; /*48px H2 Size*/
  --ivxl: 3.6rem; /*36px H3 Size*/
  --xxxl: 3rem; /*30px H4 Size*/
  --xxl: 2.4rem; /*24px H5 Size*/
  --xl: 2rem; /*20px H6 Size*/
  --md: 1.8rem; /*18px* Body Font*/
  --sm: 1.6rem; /*16px small */
  --xsm: 1.4rem;
  --overlay: rgba(0, 0, 0, 0.48);
  --danger: #F83036;

  --chat--color-primary: #3797fc;
  --chat--color-primary-shade-50: #db4061;
  --chat--color-primary-shade-100: #cf3c5c;
  --chat--color-secondary: #20b69e;
  --chat--color-secondary-shade-50: #1ca08a;
  --chat--color-white: #ffffff;
  --chat--color-light: #f2f4f8;
  --chat--color-light-shade-50: #e6e9f1;
  --chat--color-light-shade-100: #c2c5cc;
  --chat--color-medium: #d2d4d9;
  --chat--color-dark: #101330;
  --chat--color-disabled: #777980;
  --chat--color-typing: #404040;

  --chat--spacing: 1rem;
  --chat--border-radius: 0.25rem;
  --chat--transition-duration: 0.15s;

  --chat--window--width: 400px;
  --chat--window--height: 600px;

  --chat--header-height: auto;
  --chat--header--padding: var(--chat--spacing);
  --chat--header--background: var(--chat--color-dark);
  --chat--header--color: var(--chat--color-light);
  --chat--header--border-top: none;
  --chat--header--border-bottom: none;
  --chat--header--border-bottom: none;
  --chat--header--border-bottom: none;
  --chat--heading--font-size: 2em;
  --chat--header--color: var(--chat--color-light);
  --chat--subtitle--font-size: inherit;
  --chat--subtitle--line-height: 1.8;

  --chat--textarea--height: 50px;

  --chat--message--font-size: 1rem;
  --chat--message--padding: var(--chat--spacing);

  --chat--message--border-radius: var(--chat--border-radius);
  --chat--message-line-height: 1.8;
  --chat--message--bot--background: var(--chat--color-white);
  --chat--message--bot--color: var(--chat--color-dark);
  --chat--message--bot--border: none;
  --chat--message--user--background: var(--chat--color-secondary);
  --chat--message--user--color: var(--chat--color-white);
  --chat--message--user--border: none;
  --chat--message--pre--background: rgba(0, 0, 0, 0.05);

  --chat--toggle--background: var(--chat--color-primary);
  --chat--toggle--hover--background: var(--chat--color-primary-shade-50);
  --chat--toggle--active--background: var(--chat--color-primary-shade-100);
  --chat--toggle--color: var(--chat--color-white);
  --chat--toggle--size: 64px;
}

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

.pro-bg--overlay {
  background-color: var(--overlay);
  z-index: 10;
}

.pro-bg--lightGray{
  background-color: var(--lightGray);
}

.pro-full-padded--sm{
  padding: var(--sm);
}

.pro-font-size--sm{
  font-size: var(--sm);
}

.pro-font-size--md{
  font-size: var(--md);
}

.pro-top-padded--md{
  padding-top: var(--md);
}

.mautic-button {
    background-color: var(--primary) !important;
    color: white !important;
    font-size: var(--xl) !important ;
    padding: 10px 40px !important;
    border: none !important;
}

.mautic-button:hover {
    background-color: var(--secondary) !important;
}


.pro-text--primary {
  color: var(--primary);
}

.pro-text--secondary {
	color: var(--secondary);
}

.pro-text--xxl {
	font-size: var(--xxl);
}

.pro-text--xl {
  font-size: var(--xl);
}

.pro-text--md {
	font-size: var(--md);
}

.text-danger {
	color: var(--danger);
}

.feature h3{
	font-size: 1.5em;
}

blockquote.wp-block-quote{
	background: var(--lightPurple);
	margin: 1em 0;
	font-size: var(--xl);
	border-left: 6px solid var(--darkPurple);
}

/*Styles for Composite Products*/

.ywcp_components_container{
	border: dashed 2px var(--dark);
	padding: 5px;
	margin-bottom: var(--xsm);
}

.ywcp_components_single_item table.variations tr td.label {
	width: 160px !important;
}

.ywcp_step_navigation a{
	font-weight:800;
}

.ywcp_components_container h3{
	font-size: var(--md);
}

.ywcp_product_link a{
	font-size: var(--sm);
}

.ywcp_components_container p{
	font-size: var(--sm);
}

.ywcp_component_options_selection_container .ywcp_product_info {
	padding-left: 0px;
}

.ywcp_component_options_selection_container{
	box-shadow: none;
	background: #ffffff;
}

.ywcp_product_short_description {
	font-size: var(--xsm);
	margin-bottom: var(--sm);
}

.variations label{
	font-size: var(--sm);
	line-height: 1.3;
	font-weight: 400;
}

/* End yith styles */

/* Allow full width rows in gutenberg editor */
.row-full{
	width: 100vw;
	position: relative;
	margin-left: calc(72.5% - 50vw);
}

.row-full-single-column{
	width: 100vw;
	position:relative;
	margin-left: -50vw;
	margin-right: -50vw;
	left: 50%;
	right: 50%;
}

.row-extended{
	width: 60vw;
	position: relative;
	margin-left: -30vw;
	margin-right: -30vw;
	left: 50%;
	right: 50%;
}

.fl-page-content {
    overflow: hidden;
}

.alignwide {
	width: calc(100% + 20vw);
	position: relative;
	left: -10vw;
}

.alignfull {
	width: 100vw;
	margin-left: calc(50% - 50vw);
}

@media screen and (max-width: 767px) {
    .row-full, .row-extended {
    	width: 100vw;
    	position: relative;
    	left: 50%;
    	margin-left: -50vw;
     }
}

/* End full width row styles */

@media (min-width: 768px) {
  .pro-text--hero h1 {
  	font-size: var(--hero);
  }
}

/* tables font-size */
.table-font-size {
	font-size: 0.8em;
}

/* related posts: prev & next styling */
.post-title-next, .post-title-prev {
/* 	max-width: 300px; */
	width: 300px;
    display: inline-block;
	vertical-align: middle;
	padding-left: 10px;
	padding-right: 10px;
}

.post-title-next {
    text-align: left;
/*     margin-left: 10px; */
}

.post-title-prev {
	text-align: right;
/*     margin-right: 10px; */
}

.related-posts-thumbnail {
	border-radius: 5px;
}

.prev-post, .next-post {
	background: #c3c3c369;
/* 	border: 1px #c3c3c3 solid; */
    padding: 10px;
/*     border-radius: 5px; */
}

@media only screen and (max-width: 1200px) {
	.related-posts-thumbnail {
	max-width: 100px !important;
	}
	
}
@media only screen and (max-width: 960px) {
.post-title-prev, .post-title-next {
	/* 	max-width: 200px; */
	width: 250px;
	}
}

@media only screen and (max-width: 860px) {
	.post-title-prev, .post-title-next {
	/* 	max-width: 200px; */
	width: 250px;
	}
}

@media only screen and (max-width: 768px) {
.fl-node-hms95p17iky6.\.swp-posts-nav .nav-previous,
.fl-node-hms95p17iky6.\.swp-posts-nav .nav-next {
    display: flex !important;
    flex-direction: column !important;
}

	.prev-post, .next-post {
		display: flex;
    align-items: center;
    justify-content: center;
	}
	.post-title-prev, .post-title-next {
		flex-grow: .5;
	}
	
}

@media only screen and (min-width: 769px) and (max-width: 860px)
/* 	,only screen and (min-width: 961px) */
{
    .post-title-prev, .post-title-next {
	max-width: 200px;
	}
		#fl-main-content > div.fl-builder-content.fl-builder-content-1898 > div.fl-row.fl-row-full-width.fl-row-bg-none.fl-node-5fce63089fddc.fl-row-default-height.fl-row-align-center > div > div > div > div > div > div.fl-module.fl-module-fl-post-navigation.fl-node-hms95p17iky6.\.swp-posts-nav > div > nav > div
	{align-items: stretch;}
.fl-node-hms95p17iky6.\.swp-posts-nav .nav-previous,
	.fl-node-hms95p17iky6.\.swp-posts-nav .nav-next {
		display: flex;
}
	.prev-post, .next-post {
		height: 100%;
		display: flex;
		align-items: center;
	}
	.fl-node-hms95p17iky6.\.swp-posts-nav .nav-next > a
	{
		margin-left: auto;
	}

}

/* end related posts: prev & next styling */