/*
Theme Name: Velocity Digital for: Shape Scaper
Theme URI: https://shapescaper.serveropsghq.com/wp-content/themes/shapescaper_2024r1
Version: 1.0
Description:  2024 Build V 1.0
Author: Velocity Digital
Author URI: hhttps://www.velocityhost.com.au
template: bb-theme
*/


/* INDEX

1.00 CORE TEXT SIZE SETTINGS
2.00 BASE FONT FORMATTING
3.00 LIST SETTINGS
4.00 BLOCK QUOTE
5.00 IMAGES
6.00 POSITIONALS
7.00 SCROLL TO TOP
8.00 HOVER EFFECTS
9.00 HEADER + MENU SPECIFIC FORMATTING
10.00 SITE BODY SPECIFIC FORMATTING
11.00 BLOG SPECIFIC FORMATTING
12.00 FOOTER SPECIFIC FORMATTING
13.00 CONTROL SVG ICONS
14.00 SIDEBAR CONTROL
15.00 TABLE STYLE
16.00 CSS EFFECTS
17.00 GALLERIES
18.00 CUSTOM PLUGIN CSS

*/

.Overlay__L1 { /* SVG OVERLAY EFFECT */
	position: absolute;
	width:1400px;
	height:1000px;
	margin-right:0;
	z-index: 3;
	opacity: .3;
	overflow: visible;
	stroke: #ff0000 !important;
	fill:none;
	fill-rule:nonzero;
	stroke-width:0.15px;
	}

/* KILL
*******************************************************************************************
*******************************************************************************************
*******************************************************************************************/

/* KILL IMAGE DRAG */
img { pointer-events: none; }

/* KILL TEXT SELECT */
.No_click {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	}

/* RETINA IMAGE DISPLAY 
*******************************************************************************************
*******************************************************************************************
*******************************************************************************************/

.retina-image img {
    width: 50% !important;
    height: 50% !important;
	}

/* SET BASE DOCUMENT SETTINGS
*******************************************************************************************
*******************************************************************************************
*******************************************************************************************/

html {
    font-size: 10px;
	}

body {
	background-color:#ffffff;
	}

/* CALL FONTS VIA ASSETS DIRECTORY
*******************************************************************************************
*******************************************************************************************
*******************************************************************************************/


/* montserrat-regular - latin */
@font-face {
  font-display: swap;
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: url('/wp-content/assets/fonts/poppins/poppins-v8-latin-regular.woff2') format('woff2'), 
       url('/wp-content/assets/fonts/poppins/poppins-v8-latin-regular.ttf') format('truetype'); 
	}
	
@font-face {
  font-display: swap;
  font-family: 'Poppins300';
  font-style: normal;
  font-weight: 300;
  src: url('/wp-content/assets/fonts/poppins/poppins-v20-latin-300.woff2') format('woff2'), 
       url('/wp-content/assets/fonts/poppins/poppins-v20-latin-300.ttf') format('truetype'); 
	}

/* montserrat-regular - latin */
@font-face {
  font-display: swap;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('/wp-content/assets/fonts/montserrat/montserrat-v26-latin-regular.woff2') format('woff2'), 
       url('/wp-content/assets/fonts/montserrat/montserrat-v26-latin-regular.ttf') format('truetype'); 
	}

/* montserrat-500 - latin */
@font-face {
  font-display:  swap; 
  font-family: 'Montserrat500';
  font-style: normal;
  font-weight: 500;
  src: url('/wp-content/assets/fonts/montserrat/montserrat-v26-latin-500.woff2') format('woff2'), 
       url('/wp-content/assets/fonts/montserrat/montserrat-v26-latin-500.ttf') format('truetype'); 
	}

/* montserrat-600 - latin */
@font-face {
  font-display: swap; 
  font-family: 'Montserrat600';
  font-style: normal;
  font-weight: 600;
  src: url('/wp-content/assets/fonts/montserrat/montserrat-v26-latin-600.woff2') format('woff2'), 
       url('/wp-content/assets/fonts/montserrat/montserrat-v26-latin-600.ttf') format('truetype'); 
	}

/* montserrat-700 - latin */
@font-face {
  font-display: swap;
  font-family: 'Montserrat700';
  font-style: normal;
  font-weight: 700;
  src: url('/wp-content/assets/fonts/montserrat/montserrat-v26-latin-700.woff2') format('woff2'), 
       url('/wp-content/assets/fonts/montserrat/montserrat-v26-latin-700.ttf') format('truetype'); 
	}

/* montserrat-800 - latin */
@font-face {
  font-display: swap; 
  font-family: 'Montserrat800';
  font-style: normal;
  font-weight: 800;
  src: url('/wp-content/assets/fonts/montserrat/montserrat-v26-latin-800.woff2') format('woff2'), 
         url('/wp-content/assets/fonts/montserrat/montserrat-v26-latin-800.ttf') format('truetype');
	}

/* montserrat-900 - latin */
@font-face {
  font-display: swap;
  font-family: 'Montserrat900';
  font-style: normal;
  font-weight: 900;
  src: url('/wp-content/assets/fonts/montserrat/montserrat-v26-latin-900.woff2') format('woff2'),
       url('/wp-content/assets/fonts/montserrat/montserrat-v26-latin-900.ttf') format('truetype');
	}

/* 1.00 CORE TEXT SIZE SETTINGS
*******************************************************************************************
*******************************************************************************************
*******************************************************************************************/

p, a, p a, h1, h2, h3, h4, h5, h6 {
	overflow-wrap: break-word;
	-webkit-hyphens: manual;
	-ms-hyphens: manual;
	hyphens: manual;
	text-rendering: optimizelegibility;
	}

.Masthead h1, h1, h2, h3, h4, h5, h6, .drop, p, .menu-item-text, ol, li, table, blockquote p, blockquote cite {
  /*  Font minimum, preferred and maximum value */
  font-size: clamp(var(--min), var(--val), var(--max));
	}

.Masthead h1 {
  --min: 1.4rem;  /* minimum value */
  --val: 5vw;  /* preferred value = 5% viewport width */
  --max: 3.0rem;  /* maximum value */
	}
	
	
h1 {
  --min: 2.9rem;  /* minimum value */
  --val: 5vw;  /* preferred value = 5% viewport width */
  --max: 4.0rem;  /* maximum value */
	}

h2 {
  --min: 2.6rem; /* minimum value */
  --val: 4vw; /* preferred value = 4% viewport width */
  --max: 4rem; /* maximum value */
	}

h3 {
  --min: 2.4rem;  /* minimum value */
  --val: 3vw;  /* preferred value = 3% viewport width */
  --max: 3.5rem;  /* maximum value */
	}

h4 {
  --min: 2.2rem; /* minimum value */
  --val: 3vw; /* preferred value = 3% viewport width */
  --max: 3rem; /* maximum value */
	}

h5 {
  --min: 2.1rem;  /* minimum value */
  --val: 3vw;  /* preferred value = 3% viewport width */
  --max: 2.8rem;  /* maximum value */
	}

h6 {
  --min: 2.0rem; /* minimum value */
  --val: 3vw; /* preferred value = 3% viewport width */
  --max: 2.6rem; /* maximum value */
	}

.drop {
  --min: 2rem;  /* minimum value */
  --val: 2.5vw;  /* preferred value = 2.5% viewport width */
  --max: 8rem;  /* maximum value */
	}


p, ol, li {
  --min: 1.4rem;  /* minimum value */
  --val: 2.5vw;  /* preferred value = 2.5% viewport width */
  --max: 1.7rem;  /* maximum value */
	}

.menu-item-text {
  --min: 1.6rem;  /* minimum value */
  --val: 2.5vw;  /* preferred value = 2.5% viewport width */
  --max: 1.6rem;  /* maximum value */
	}

table {
  --min: 1.6rem;  /* minimum value */
  --val: 2.5vw;  /* preferred value = 2.5% viewport width */
  --max: 1.8rem;  /* maximum value */
	}

blockquote p, blockquote cite {
  --min: 2.0rem;  /* minimum value */
  --val: 2.5vw;  /* preferred value = 2.5% viewport width */
  --max: 2.5rem;  /* maximum value */
	}


/* 2.00 BASE FONT FORMATTING
*******************************************************************************************
*******************************************************************************************
*******************************************************************************************/

body {font-family: 'Montserrat', helvetica, arial, sans-serif;}

h1, h2, h3, h4, h5, h6 {font-family: 'Montserrat500', sans-serif;}

.montserrat100 p, .montserrat100 h1, .montserrat100 h2, .montserrat100 h3, .montserrat100 h4, .montserrat100 h5, .montserrat100 h6 {font-family: 'Montserrat500', sans-serif;}

	
p {
	font-family: 'Poppins', helvetica, arial, sans-serif; 
	line-height: 1.5; 
	max-width:880px; 
	margin: 0 auto;
	color:#23282b;
	margin-bottom: 1em;
	}

ol, li {
	font-family: 'Poppins300', helvetica, arial, sans-serif; 
	line-height: 1.5; 
	max-width:880px; 
	margin: 0 auto;
	color:#23282b;
	margin-bottom: 1em;
	}

p + p {}

span {}
	
i, em {}

strong {}

.bold, p .bold {}

.X_Bold, p .X_Bold {}

.Xx_Bold, p .Xx_Bold {}

br { /* MAKE BR LINE WRAPS MORE READABLE */
	  content: "";
	  margin: 2em;
	  display: block;
	  font-size: 24%;
	  outline: red;
	}



/* 3.00 LIST SETTINGS
*******************************************************************************************
*******************************************************************************************
*******************************************************************************************/

ol {
	list-style-position: outside;
	margin-top: 1rem;
	margin-right:1rem;
	margin-bottom: 1.5rem;
	}
		
ul {
	list-style-type: square !important;
	list-style-position: outside;
	list-style-image: none;
	margin-top: 1rem;
	margin-right:1rem;
	margin-bottom: 1.5rem;
	}

li {
	/*  text-indent: 0.5em; This will affect menu - enclose in module specific style */
	}


li a {
	color:#ff0000;
	}

li + li {
	margin-top: 1.2rem;
	}

/* 4.00 BLOCK QUOTE
*******************************************************************************************
*******************************************************************************************
*******************************************************************************************/

blockquote {
	margin-top:2rem;
	margin-bottom: 2rem;
	padding: 0.25em 40px;
	position: relative;
	border: 0;
	}

 blockquote p {
 	font-family: Georgia, serif !important;
 	font-style: italic;
 	text-align: left;
 	color: #87acf7;
 	line-height: 1.45;
	}

blockquote:before {
	display: block;
	content: "\201C";
	font-size: 15rem;
	position: absolute;
	left: -20px;
	top: -50px;
	color: #87acf7;
	}

@media (max-width: 767px) {	
	
	blockquote {text-align: left;}
	
	blockquote:before {
		display: block;
		content: "\201C";
		font-size: 12.5rem;
		position: absolute;
		left:-10px;
		top: -45px;
		color: #87acf7;
		}
	}

blockquote cite {
color: #999999;
display: block;
margin-top: 5px;
	}

blockquote cite:before {
content: "\2014 \2009";
	}

/* 5.00 IMAGES
*******************************************************************************************
*******************************************************************************************
*******************************************************************************************/

img a {border-bottom: none;}

/* ENSURE IMAGES DISPLAY AREA IS CLICKABLE */
.img, img a, .fl-photo-content a {
	display: block;
	margin-left: auto;
	margin-right: auto;
	z-index:1000 !important;
	}

.fl-post-grid-image a, .fl-photo a {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

.fl-photo {z-index: 4;}

/* 6.00 POSITIONALS
*******************************************************************************************
*******************************************************************************************
*******************************************************************************************/

#Position__z-zero {
	z-index: 0;
	position: relative;
	}

#Position__z-five {
	z-index: 5;
	position: relative;
	}

#Position__z-ten {
	z-index: 10;
	position: relative;
	}

#Position__z-fifteen {
	z-index: 15;
	position: relative;
	}

#Position__z-twenty {
	z-index: 20;
	position: relative;
	}

.No_Margin-zero-auto p {
	margin-left:0;
	}

/* IN POST IMAGE FORMATTING */
img {
	margin:0 auto;
	margin-top: 0;
	padding-left: 0em;
	padding-right: 0em;
	pointer-events:auto;
	}

.wp-video{
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	}

iframe {
    display: block;
    margin-left: auto;
    margin-right: auto;
    border-style:none;
	}


/* 7.00 SCROLL TO TOP
*******************************************************************************************
*******************************************************************************************
*******************************************************************************************/


/* IMAGE BASED */
#fl-to-top {
	display: inline-block;
	text-decoration: none;
	text-align: center;
	width: 5rem;
	height: 5rem;
	border-radius: 50%;
	background-color: rgba(255, 255, 255, 0.6);
	padding: 0.3rem;
	border: 2px solid #000000;
	background-image: url('/wp-content/assets/img/up-arrow.png');
	background-repeat: no-repeat;
	background-position: center;
	width:40px;
	height:40px;
	}

.fa-chevron-up:before {
	content: none !important;
	}



/* 8.00 HOVER EFFECTS
*******************************************************************************************
*******************************************************************************************
*******************************************************************************************/
  

:root {
    --mainColor: rgba(202, 164, 67, 0.53);
	}

p a, #Blog a {
  background:
     linear-gradient(
       to bottom,
       var(--mainColor) 0%,
       var(--mainColor) 100%
     );
	 background-position: 0 100%;
  	background-repeat: repeat-x;
  	background-size: 0px 0px;
  	text-decoration: none;
  	transition: background-size .5s;
	}

p a, #Blog p a {
	color: #ff0000;
	text-decoration: underline dotted #333333;
	}

p a:hover, #Blog a:hover {
  background-size: 6px 100%;
  color: #333333;
	}

#Blog .fl-post-feed-image a {display: block;}

#Blog img {
	margin-bottom: 1em;
	}

.No_Link_hover a, .No_Link_hover p a, .No_Link_hover a:hover {
	background-image: none;
	text-decoration: none;
	background-size: 100% 100%;
	background-position: 100%;
	position: relative;
	background-repeat: no-repeat;
	}


/* 9.00 HEADER + MENU SPECIFIC FORMATTING
*******************************************************************************************
*******************************************************************************************
*******************************************************************************************/


/*Dynamic Underline BB Menu item and colour active menu item*/
.menu > li > a, .fl-has-submenu-container a, .sub-menu > li > a {
	text-decoration: none;
	font-family: 'RobotoC_500', sans-serif !important; 
	font-size: 1.5rem;
	color: #000;
	}

.menu > li > a::after, .fl-has-submenu-container a::after, .sub-menu > li > a::after {
	content: '';
	position: absolute;
	width: 100%;
	height: 1px;
	background-color: #ca5818;
	bottom: 0;
	left: 0;
	transform: scale(0);
	transition: .2s all ease-out;
	}

.menu > li > a:hover::after, .fl-has-submenu-container a:hover::after, .sub-menu > li > a:hover::after {
  transform: scale(1)
  }

/* Highlight current menu item */
.menu > li.current-menu-item > a { 
    color: #ca5818 !important;
    }

/* Highlight current perant menu item */   
.menu > li.current-menu-item .fl-has-submenu-container > a { 
    color: #ca5818 !important;
    }


/*Control for Page/Child submenu*/

/* Parent Page menu item */
.menu > li.current-menu-parent a, .main_menu > li.current-menu-ancestor a {
    color: #ca5818 !important; 
	}

/* Submenu Child Pages Default */
.menu > li.current-menu-parent ul li a, .main_menu > li.current-menu-ancestor ul li > a {
    color: #000  !important;
    }

/* Submenu Child Pages Current */
.menu > li.current-menu-parent ul li.current-menu-item a, .main_menu > li.current-menu-ancestor ul li.current-menu-item > a {
    color: #ca5818 !important;
	}
	



/* BEAVER BUILDER MENU ADJUSTMENTS */

.fl-menu .sub-menu {
	z-index: 25;
	}
	
@media (max-width: 767px) {
  .sub-menu .menu-item a::before {
	    font-family: '';
		content: '';
		font-weight: 900;
		margin-right: 0;
		margin-left: -10px;
		}
	}

.fl-menu .sub-menu {
	min-width: 200px;
	}

@media (max-width: 767px) {
  .fl-menu {
  	  text-align: left;
  	  margin-left:10px;
  	  }
	}

/* POWERPACK ADVANCED MENU ADJUSTMENTS */ 
.pp-advanced-menu li.pp-menu-cart-item .pp-menu-cart-icon {
	  margin-right: 25px;
	  }

/* PowerPack Menu Underline State */
.pp-advanced-menu .menu > li > a:hover,
.pp-advanced-menu .menu > li > .pp-has-submenu-container > a:hover {
  border-style: solid;
  border-top-width: 0px;
  border-bottom-width: 3px;
  border-left-width: 0px;
  border-right-width: 0px;
  border-color: #ffffff;
  background-color: #666b73;
	}

.pp-advanced-menu .menu > li.current-menu-item > a {
  border-style: solid;
  border-top-width: 0px;
  border-bottom-width: 3px;
  border-left-width: 0px;
  border-right-width: 0px;
  border-color: #ffffff;
  background-color: #666b73;
	}

/* 10.00 SITE BODY SPECIFIC FORMATTING
*******************************************************************************************
*******************************************************************************************
*******************************************************************************************/


/* 11.00 BLOG SPECIFIC FORMATTING
*******************************************************************************************
*******************************************************************************************
*******************************************************************************************/

#PP_Content-grid p {
	font-size: 0.75rem;
	line-height: 3;
	}
	
#PP_Content-grid h1 {
	font-size: 1.5rem;
	line-height: 1;
	}
	

/* POWERPACK CONTENT GRID */	
#PP_Content-grid	 .pp-content-post-meta  {
	font-size: 0.55rem;
	line-height: 1;
	}

#PP_Content-grid .pp-more-link-button  {
	font-size: 0.75rem;
	}


/* THEMER POST MODULE */
#PP_Content-grid .fl-post-feed-more, #PP_Content-grid .fl-post-grid-more {
	font-size: 0.8rem;
	line-height: 1;
	color: #ff0000 !important;
	}

#PP_Content-grid .fl-post-feed-meta  {
	font-size: 0.55rem;
	line-height: 1;
	}


/* OTHER */
.rt-reading-time {
	font-size: 1rem;
	line-height: 1.5;
	color: #786448;
	}



/* 12.00 FOOTER SPECIFIC FORMATTING
*******************************************************************************************
*******************************************************************************************
*******************************************************************************************/


	
/* 13.00 CONTROL SVG ICONS
*******************************************************************************************
*******************************************************************************************
*******************************************************************************************/	

.Icon_container {
    display: flex; justify-content: center;
}

.Icon_Masthead {
	max-width: 150px; 
	display: block; 
	margin: 0 auto;
	}

.Icon_Masthead-Footer {
	max-width: 185px; 
	display: block; 
	margin: 0 auto;
	}

.icon, icon a:active  {
    width: 55px;
    height: auto;
    stroke-width: .15rem;
    stroke-linejoin: round;
    stroke-linecap: round;
    stroke: none;
    fill: #ffffff;
	}


.icon a:hover  {
	stroke: none;
	fill: #ff0000;
	}

@media (max-width: 767px) {	
	
	.icon, icon a:active  {
		width: 30px;
	    margin: 0 auto;
		stroke-width: .15rem;
		stroke-linejoin: round;
		stroke-linecap: round;
		stroke: none;
		fill: #ffffff;
		}
	}

/* 14.00 SIDEBAR CONTROL
*******************************************************************************************
*******************************************************************************************
*******************************************************************************************/
	
#Sidebar_Fixed {  
	position: -webkit-sticky;
	position: sticky;
	top: 150px;
	}

/* 15.00 TABLE STYLE
*******************************************************************************************
*******************************************************************************************
*******************************************************************************************/

table {
	width: 100%;
	border-collapse: collapse;
	border: 0px solid #000000;
	border-spacing: 2px 2px;
	}

thead {
	height: 35px;
	background-color: #000000;
	color: #ffffff
	}
	
th, td {
	padding: 2px;
	text-align: center;
	}
	
tr:nth-child(even) {
	background-color: #ffffff;
	}

/* 16.00 CSS EFFECTS
*******************************************************************************************
*******************************************************************************************
*******************************************************************************************/
.CSS_Column { /* Auto split text into two columns */
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
	}
	
.CSS_Column p {
	margin-bottom:0em;
	margin-top:0em;
	padding: 0.5em;
}
	
@media (max-width: 767px) {	
	.CSS_Column {
    -webkit-column-count: 1; /* Chrome, Safari, Opera */
    -moz-column-count: 1; /* Firefox */
    column-count: 1;} 
	}


/* 17.0 NEW WP GALLERY CUSTOM STYLE via: theme.fm/how-to-style-your-wordpress-gallery : ALWAYS ENSURE IMAGES DISPLAY AREA IS CLICKABLE
*******************************************************************************************
*******************************************************************************************
*******************************************************************************************/

 /* ACF Video Gallery */
.V_Container {
  display: grid;
  grid-template-columns: repeat(2, 50%);
  grid-gap: 1em 1em;
}

.V_Content {
  padding:15px;
}

.V_Text p {
 margin-top: 20px !important;
  padding-bottom:30px !important;
}

@media (max-width: 767px) {	
	.V_Container {grid-template-columns: repeat(1, 100%);}
	.V_Content { padding:5px;}
	.V_Text p {
		margin-top: 5px !important;
		padding-bottom:55px !important;
		}
}



.gallery { margin: 0 auto 1px; }

.gallery .gallery-item {
	float: left;
	margin-top: 0;
	text-align: center;
	width: 33.33%;
	font-size: 0px;
	}

.gallery-columns-1 .gallery-item { width: 100%; }

.gallery-columns-2 .gallery-item { width: 50%; }

.gallery-columns-4 .gallery-item { width: 33.33%; }

.gallery-columns-4 .gallery-item { width: 25%; }

.gallery-columns-5 .gallery-item { width: 20%; }

.gallery img, .gallery img a  {
	box-shadow: none;
	border: 0px solid white;
	padding: 7px;
	background: #ffffff;
	margin: none ;
	display: block;
	margin-left: auto;
	margin-right: auto; 
	}
.gallery img:hover {
	background: white;
	}
.gallery-columns-1 .attachment-medium {
	max-width: 100%;
	height: auto;
	}
.gallery-columns-2 .attachment-medium {
	max-width: 92%;
	height: auto;
	}
.gallery-columns-3 .attachment-medium {
	max-width: 88%;
	height: auto;
	}
.gallery-columns-4 .attachment-thumbnail {
	max-width: 84%;
	height: auto;
	}
.gallery .gallery-caption {
	color: #888;
	font-size: 12px;
	margin: 0 0 12px;
	}
.gallery dl, .gallery dt { margin: 0; }

.gallery br+br { display: none; }


/* 18.0 WOOCOMMERCE
*******************************************************************************************
*******************************************************************************************
*******************************************************************************************/


/* 18  .00 CUSTOM PLUGIN CSS
*******************************************************************************************
*******************************************************************************************
*******************************************************************************************/


/* PLUGIN OVERRIDE: Beaver Builder
********************************************************************************************/

/* ADVANCED ROW GRADIENT OVERLAY - NEEDS TO HAVE GRADIENT OVERLAY ACTIVATED AT ROW LEVEL TO WORK *//
/*.fl-row-content-wrap::after {
background: rgb(0,0,0) !important;
background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(255,255,255,0) 50%, rgba(0,0,0,1) 100%) !important; 
} */

/* EQUAL HEIGHT BUTTONS  /beaverjunction.com/bottom-aligned-buttons-on-columns */ 
.equal-height-buttons {
align-content: flex-end;
flex: 1 1 0;
display: grid;
}

.fl-post-grid-post {
    background: #fff;
    border: none;
    }
    
 
/* MAKE LIST COLUMN ON MOBILE WIDER */
  @media (max-width: 767px){
.fl-post-feed-post.fl-post-feed-image-beside, .fl-post-feed-post.fl-post-feed-image-beside-content, .fl-post-feed-post.fl-post-feed-image-beside-right, .fl-post-feed-post.fl-post-feed-image-beside-content-right {
  max-width: 100% !important;
  margin-left: auto;
  margin-right: auto;}
  }
  
/* Power Pack Content Grid Style 9
*******************************************************************************************/
.pp-content-post.pp-grid-style-9 .pp-post-featured-img a:last-child:before {
    content: "";
    display: block;
    height: 70%;
    width: 100%;
    position: absolute;
	bottom: 0;
    z-index: 1;
    background: -moz-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 0%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,0,0,0)),color-stop(0%,rgba(0,0,0,0)));
    background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 0%);
    background: -o-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 0%);
    background: -ms-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 0%);
    background: linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 0%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='', endColorstr='', GradientType=0);
  }
    
.pp-content-post.pp-grid-style-9:hover .pp-post-featured-img a:last-child:before {
	background-color: rgba(0,0,0,0);

}

.Image-bloc {
    width: 100%;
    margin-top: 0em;
    margin-bottom: 0em;
}

/* Full Stripe Buttons
*******************************************************************************************/
.wpfs-form button.wpfs-btn {
  background-color: red;
  color: #ffffff;
}






/* WP EDITOR TEXT SETTINGS
*******************************************************************************************/
#WPEditor_Styles h1, #WPEditor_Styles h2, #WPEditor_Styles h3, #WPEditor_Styles h4, #WPEditor_Styles h5 {margin: 25px 0px 20px 0px}
	
#WPEditor p {}

#WPEditor a {
	text-decoration: none;
	}
	
#WPEditor a:hover {
	text-decoration: none;
	}

#WPEditor img a { border-bottom: none;}

#WPEditor i, #WPEditor em {}

#WPEditor strong {}



/* Recolour Critical BB Edit Buttons
*******************************************************************************************/

[data-action="discard"] {
    background: none;
    color: #CE3F40 !important;
}

[data-action="discard"]:after {
    content: "\00a0 changes ×";
}

[data-action="discard"]:hover{
	background: #CE3F40 !important;
}

[data-action="draft"]:hover {
    background: #047857 !important;
}

[data-action="publish"] {
    background: #059669!important;
}

[data-action="publish"] {
    background: #047857 !important;
}

[data-action="dismiss"] {
    background: #047857 !important;
}

.fl-builder-publish-actions >.fl-builder-button-group {
    gap: 4px;
}

.fl-builder-button-group > .fl-builder-button {
    border-radius: 3px !important;
}

.fl-builder-bar .fl-builder-button-group > .fl-builder-button {
  border-radius: 5px !important;
  margin-left: 5px !important;
  flex: 1 0 auto;
  text-align: center;
  justify-content: space-around;
}

/* Assistant - Less annyoing button
*******************************************************************************************/

body .fl-asst .fl-asst-window-button {
border-radius: 3px;
width: 37px;
height: 37px;
opacity: 0.6;
}
body .fl-asst .fl-asst-window-layer.fl-asst-window-layer-is-dragging:after {
border-radius: 3px;
width: 37px;
height: 37px;
}
body .fl-asst .fl-asst-window-button:focus {
box-shadow: none;
}
body .fl-asst .fl-asst-window-button svg {
filter:grayscale(100%);
max-width: 50%;
max-height: 50%;
}