/*
Theme Name: BiziBakes Main Site
Theme URI: https://www.bizibakes.com
Version: 1.10
Description: This is for BiziBakes Website only.
Author: BiziBakes
Author URI: https://www.bizibakes.com
template: bb-theme
*/

/*-------------------------------------------------------
	ADD TOP ROW PADDING (FIRST ROW) IF TRANSPARENT HEADER ACTIVE ON PAGE
-------------------------------------------------------*/
/* [class*="-transparent"] #fl-main-content .fl-row:first-child .fl-row-content-wrap {
  padding-top: 100px;
}

@media only screen and (max-width: 767px) {
  [class*="-transparent"] #fl-main-content .fl-row:first-child .fl-row-content-wrap {
    padding-top: 100px;
  }
} */

/* ----------------------
  BiziBakes STYLES
---------------------- */
/*Load custom fonts */
@font-face {
  font-family: "Playlist Script";
  src: url("fonts/playlist_script-webfont.woff2") format("woff2"),
    url("fonts/playlist_script-webfont.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Sifon";
  src: url("fonts/sifonn_basic-webfont.woff2") format("woff2"),
    url("fonts/sifonn_basic-webfont.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Aleo";
  src: url("fonts/aleo-regular-webfont.woff2") format("woff2"),
    url("fonts/aleo-regular-webfont.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Aleo";
  src: url("fonts/aleo-bold-webfont.woff2") format("woff2"),
    url("fonts/aleo-bold-webfont.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Aleo";
  src: url("fonts/aleo-bolditalic-webfont.woff2") format("woff2"),
    url("fonts/aleo-bolditalic-webfont.woff") format("woff");
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: "Aleo";
  src: url("fonts/aleo-italic-webfont.woff2") format("woff2"),
    url("fonts/aleo-italic-webfont.woff") format("woff");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "Aleo";
  src: url("fonts/aleo-light-webfont.woff2") format("woff2"),
    url("fonts/aleo-light-webfont.woff") format("woff");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Aleo";
  src: url("fonts/aleo-lightitalic-webfont.woff2") format("woff2"),
    url("fonts/aleo-lightitalic-webfont.woff") format("woff");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "Brusher";
  src: url("fonts/brusher-webfont.woff2") format("woff2"),
    url("fonts/brusher-webfont.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Kollektif";
  src: url("fonts/kollektif-italic-webfont.woff2") format("woff2"),
    url("fonts/kollektif-italic-webfont.woff") format("woff");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "Kollektif";
  src: url("fonts/kollektif-webfont.woff2") format("woff2"),
    url("fonts/kollektif-webfont.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Kollektif";
  src: url("fonts/kollektif-bold-webfont.woff2") format("woff2"),
    url("fonts/kollektif-bold-webfont.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Kollektif";
  src: url("fonts/kollektif-bolditalic-webfont.woff2") format("woff2"),
    url("fonts/kollektif-bolditalic-webfont.woff") format("woff");
  font-weight: 700;
  font-style: italic;
}

/* Apply the custom font to headings */
/*h1,h2,h3,h4,h5,h6 {*/
/*	font-family: 'Playlist Script', Arial, sans-serif;*/
/*}*/

/* Change Typography for Mobile Devices  */
@media only screen and (max-width: 767px) {
  /* ----------------------
	TYPOGRAPHY 
	---------------------- */
  body {
    font-size: 16px;
  }
  /*	h1{font-size:4.2em; margin-top: 50px; margin-bottom: 35px;}*/
  /*	h2{font-size:3.5em; margin-top: 50px; margin-bottom: 25px; line-height: 1.2;}*/
  /*	h3{font-size:3em; margin-top: 50px; margin-bottom: 35px;}*/
  /*	h4{font-size:2.5em; margin-top: 50px; margin-bottom: 25px; line-height: 1.2;}*/
  /*	h5{font-size:2em; margin-top: 50px; margin-bottom: 25px; line-height: 1.2;}*/
  /*	h6{font-size:1.6em; margin-top: 50px; margin-bottom: 25px; line-height: 1.2;}*/
}

/* Increase spacing between paragraphs for better readability */
/*p {margin: 0 0 20px;}*/

html {
  font-size: 1em;
}

p {
  margin-bottom: 1.3em;
}

h1,
h2,
h3,
h4 {
  margin: 1.414em 0 0.5em;
  font-weight: inherit;
  line-height: 1.2;
}
h1 {
  margin-top: 0;
  font-size: 3.998em;
}
h2 {
  font-size: 2.827em;
}
h3 {
  font-size: 1.999em;
}
h4 {
  font-size: 1.414em;
}
small,
.font_small {
  font-size: 0.707em;
}

/* Text shadow - specific to H-tag if bizishadow class added to module */
.bizishadow h1 {
  text-shadow: 2px 2px 5px #191919;
}
.bizishadow p,
.bizishadow h3 {
  text-shadow: 1px 1px 3px #191919;
}
a.notext-deco:hover,
a.notext-deco:focus {
  text-decoration: none;
}

/* Style for designated signature */
.signature {
  /* Rotates specific class of text */
  -webkit-transform: rotate(-10deg);
  -moz-transform: rotate(-10deg);
  -ms-transform: rotate(-10deg);
  -o-transform: rotate(-10deg);
  transform: rotate(-10deg);
  padding: 0 0.3em;
}

.font-120 {
  /* font 120% greater than current size */
  font-size: 1.2em !important;
}
.font-150 {
  /* font 150% greater than current size */
  font-size: 1.5em !important;
}
.font-200 {
  /* font 200% greater than current size */
  font-size: 2em !important;
}

/* --------------------------
  Load Example Font Styles
--------------------------- */
@font-face {
  font-family: "sifonnbasic";
  src: url("sifonn_basic-webfont.woff2") format("woff2"),
    url("sifonn_basic-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
span.sifonnbasic {
  font-family: "sifonnbasic" !important;
}

@font-face {
  font-family: "brusher";
  src: url("brusher-webfont.woff2") format("woff2"),
    url("brusher-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
span.brusher {
  font-family: "brusher";
}

@font-face {
  font-family: "aleolight";
  src: url("aleo-light.woff2") format("woff2"),
    url("aleo-light.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
span.aleolight {
  font-family: "aleolight";
}

@font-face {
  font-family: "kollektifregular";
  src: url("kollektif-webfont.woff2") format("woff2"),
    url("kollektif-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
span.kollektifregular {
  font-family: "kollektifregular";
}

/* Reduce logo section width in header */
/*  @media (min-width: 768px) {*/
/*Change logo wrapper width*/
/*    .fl-page-header-primary .row > div:first-child {*/
/*      width: 20%;*/
/*    }*/
/*Change header content wrapper width*/
/*    .fl-page-header-primary .row > div:last-child {*/
/*      width: 80%;*/
/*    }*/
/*  }*/

/*@media screen and (max-width: 767px) {*/
/* Adjust Mobile Nav Padding */
/*    .fl-page-header-container.container {*/
/*      padding-top: 0;*/
/*    } */
/*    .home .navbar-transparent {*/
/*      background-color: #ffffff;*/
/*      padding-top: 0;*/
/*    }*/
/*    .fl-page-nav-right .fl-page-header-logo {*/
/*      padding-top: 10px;*/
/*    }*/
/*    .fl-page-nav-toggle-icon .fl-page-nav .navbar-toggle {*/
/*      top: 20px;*/
/*    }*/

/*}*/

@media only screen and (max-width: 767px) {
  .bg-color-mobile .fl-row-content-wrap {
    background-image: none; /* hides background image on small devices to show colour only */
  }
}

/* ----------------------
  Convert blog posts to a grid layout on medium devices and above
---------------------- */
@media only screen and (min-width: 992px) {
  .fl-archive .fl-post {
    width: 48%;
    float: left;
    margin-left: 4%;
  }
  .fl-archive .fl-post:nth-child(odd) {
    margin-left: 0;
    clear: both;
  }
}

/* ------------------------
SINGLE POST TOP SECTION DESIGN STYLING
------------------------ */
/* Add the black gradient fade overlay */
.gradient-fade {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: -moz-linear-gradient(
    top,
    transparent 0%,
    transparent 15%,
    rgba(0, 0, 0, 0.85) 100%
  );
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, transparent),
    color-stop(15%, transparent),
    color-stop(100%, rgba(0, 0, 0, 0.85))
  );
  background: -webkit-linear-gradient(
    top,
    transparent 0%,
    transparent 15%,
    rgba(0, 0, 0, 0.85) 100%
  );
  background: -o-linear-gradient(
    top,
    transparent 0%,
    transparent 15%,
    rgba(0, 0, 0, 0.85) 100%
  );
  background: -ms-linear-gradient(
    top,
    transparent 0%,
    transparent 15%,
    rgba(0, 0, 0, 0.85) 100%
  );
  background: linear-gradient(
    to bottom,
    transparent 0%,
    transparent 15%,
    rgba(0, 0, 0, 0.85) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#d9000000',GradientType=0 );
}
/* Style the content in our new Post Header section */
.bb-top-post-header {
  position: relative;
  padding: 12% 0 9%;
  color: #fff;
}
.bb-top-post-header a:link,
.bb-top-post-header a:visited {
  color: #fff;
}
.bb-top-post-header .fl-post-title {
  color: #fff;
  margin-bottom: 0;
}
.bb-top-post-header .fl-post-meta {
  position: relative;
  margin-top: 35px;
}
.bb-top-post-header .fl-post-meta > span {
  display: block;
  float: left;
  width: 100%;
  padding-left: 100px;
}
.bb-top-post-header .fl-post-meta .fl-sep {
  display: none;
}
.bb-top-post-header .fl-post-author {
  font-size: 1.5em;
}
.bb-top-post-header img {
  position: absolute;
  top: -5px;
  left: 0;
}

/* Hide tools button in admin-bar */
/*.fl-builder-tools-button {*/
/*  display: none !important;*/
/*}*/

/* Hide customizer font sizes */
/*#customize-control-fl-h1-font-size, #customize-control-fl-h1-line-height, #customize-control-fl-heading-font-line1, #customize-control-fl-h1-letter-spacing,*/
/*#customize-control-fl-h2-font-size, #customize-control-fl-h2-line-height, #customize-control-f2-heading-font-line1, #customize-control-fl-h2-letter-spacing,*/
/*#customize-control-fl-h3-font-size, #customize-control-fl-h3-line-height, #customize-control-f3-heading-font-line1, #customize-control-fl-h3-letter-spacing,*/
/*#customize-control-fl-h4-font-size, #customize-control-fl-h4-line-height, #customize-control-f4-heading-font-line1, #customize-control-fl-h4-letter-spacing,*/
/*#customize-control-fl-h5-font-size, #customize-control-fl-h5-line-height, #customize-control-f5-heading-font-line1, #customize-control-fl-h5-letter-spacing,*/
/*#customize-control-fl-h6-font-size, #customize-control-fl-h6-line-height, #customize-control-f6-heading-font-line1, #customize-control-fl-h6-letter-spacing {*/
/*    display: none !important;*/
/*}*/