/*
Theme Name: Velocity Host for: Puggles ELC
Theme URI: https://boilerplate.serveropsghq.com/wp-content/themes/puggles_2026r0/
Version: 1.0
Description: 2024 Build V 1.0
Author: Pixelated Commerce
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 IMAGES
5.00 POSITIONALS
6.00 SCROLL TO TOP
7.00 TEXT HOVER EFFECTS
8.00 HEADER + MENU SPECIFIC FORMATTING
9.00 BLOG MODULES SPECIFIC FORMATTING
10.00 BLOG/MAGAZINE SPECIFIC FORMATTING
11.00 FOOTER SPECIFIC
12.00 CONTROL SVG ICONS
13.00 SIDE BAR CONTROL
14.00 TABLE STYLES
15.00 CSS EFFECTS
16.00 GALLERIES
17.00 WOOCOMMERCE
18.00 BEAVER BUILDER MODULES CUSTOM CSS NOT ELSEWHERE  
19.00 POWERPACK MODULES CUSTOM CSS NOT ELSEWHERE

*/





/* 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:#faf6ec;
	font-size: inherit;
	}

.fl-page-content {
  background-color: #faf6ec;
}

:root {
	/*set the max character count per line > CSST > Creative Measure */
  --measure: 95ch;
}

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

/* montserrat-light - latin */
@font-face {
  font-display: swap;
  font-family: 'Montserrat100';
  font-style: normal;
  font-weight: 100;
  src: url('/wp-content/assets/fonts/montserrat/montserrat-v31-latin-100.woff2') format('woff2'), 
       url('/wp-content/assets/fonts/montserrat/montserrat-v31-latin-100.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');
	}
	
/* noto-serif-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Serif';
  font-style: normal;
  font-weight: 400;
  src: url('/wp-content/assets/fonts/notoserif/noto-serif-v33-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('/wp-content/assets/fonts/notoserif/noto-serif-v33-latin-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* noto-serif-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Serif 500';
  font-style: normal;
  font-weight: 500;
  src: url('/wp-content/assets/fonts/notoserif/noto-serif-v33-latin-500.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('/wp-content/assets/fonts/notoserif/noto-serif-v33-latin-500.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* noto-serif-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Serif 600';
  font-style: normal;
  font-weight: 600;
  src: url('/wp-content/assets/fonts/notoserif/noto-serif-v33-latin-600.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('/wp-content/assets/fonts/notoserif/noto-serif-v33-latin-600.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* 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;
}

h1,h2,h3,h4,h5,h6 {
	text-wrap: balance;
}

p {
	white-space: unset;
	text-wrap: wrap;
}

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));
}


	
h1 {
  --min: 2.9rem;  /* minimum value */
  --val: 5vw;  /* preferred value = 5% viewport width */
  --max: 4.5rem;  /* maximum value */
}

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

h3 {
  --min: 2.2rem;  /* 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: 3.0rem; /* maximum value */
}

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

h6 {
  --min: 2.0rem; /* minimum value */
  --val: 3vw; /* preferred value = 3% viewport width */
  --max: 2.3rem; /* 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.3rem;  /* minimum value */
  --val: 2.5vw;  /* preferred value = 2.5% viewport width */
  --max: 1.4rem;  /* 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: 'Noto Serif', serif;}

h1 {line-height: 1.3;}
h2 {line-height: 1.3;}
h3 {line-height: 1.3;}
h4 {line-height: 1.3;}
h5 {line-height: 1.3;}
h6 {line-height: 1.3;}


.Light {font-family:'Montserrat100', helvetica, arial, sans-serif;}

.Statement p {
	--min: 1.6rem;  /* minimum value */
	--val: 2.5vw;  /* preferred value = 2.5% viewport width */
	--max: 2.2rem;  /* maximum value */
	font-family:'Noto Serif', helvetica, arial, sans-serif;
	font-style: italic;
	max-width: 908px;
  }

.Section_heading h2 {color: #0075f9; font-family: 'Noto Serif';}
.Section_subheading h3 {color:#ff00bb;}
	
p, li {
	font-family: 'Montserrat', helvetica, arial, sans-serif; 
	line-height: 2.1; 
	/*sets the max characters per line to measure set in root */
	max-inline-size: var(--measure);
	margin-inline: auto;
	color:#7a7b44; /*DK GREEN*/
}

p + p {margin-top: 1em;}

.Max_width p {max-width: 450px}

span {}
	
em, i {}

strong, b {font-family: 'Montserrat600';}

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

hr {border: solid 2px #265c80;}



/* 3.00 LIST SETTINGS - Assign class to text modules.
*******************************************************************************************
*******************************************************************************************
*******************************************************************************************/

.Body_text ol, .CSS_Column ol {
	list-style-position: outside;
	margin: 0 auto;
	margin-top: 2em;
	margin-bottom: 2em;
	color:#23282b;
	text-indent: 1em;
}
		
.Body_text ul, .CSS_Column li {
	list-style-type: square !important;
	list-style-position: outside;
	list-style-image: none;
	margin: 0 auto;
	margin-top: 1em;
	margin-bottom: 1em;
	text-indent: 1em;
}

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


.Body_text li a {
	color:#ff0000;
}
	
.Body_text li + li, .CSS_Column li + li {
	margin-top: 1rem;
}


/* 4.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;
}

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



/* 5.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;
}


/* 6.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;
}



/* 7.00 TEXT HOVER EFFECTS
*******************************************************************************************
*******************************************************************************************
*******************************************************************************************/

/* BASIC P TEXT HOVER EFFECT */

p a, .Link a  {
	color: #cf4241;
	text-decoration: none;
	border-bottom: ;
}

p a:hover, .Link a:hover  {
	color: #7a7b44 !important;
	text-decoration: none;
	border-bottom: ;
}

.No_Link_hover a {
	background-image: none;
	text-decoration: none;
	background-size: 100% 100%;
	background-position: 100%;
	position: relative;
	background-repeat: no-repeat;
	display: inline-block;
}

.No_Link_hover a:after  {
    content: "";
    display: inline-block;
    background: none;
    width: 0px;
    height: 0px;
}

.No_Link_hover p a:hover, .No_Link_hover a:hover {
	color: #ff0000;
}

.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;
	}




/* 8.00 HEADER + MENU SPECIFIC FORMATTING
*******************************************************************************************
*******************************************************************************************
*******************************************************************************************/


.Contact_link a:link {
	font-family: 'Montserrat600', helvetica, arial, sans-serif;
	color: #cf4241;
}

.Contact_link_sub a:hover {
	color: #7a7b44 !important;
}

.Contact_link_sub a:link {
	font-family: 'Montserrat', helvetica, arial, sans-serif;
	color: #cf4241;
}
	
.Contact_link_sub a:hover {
	color: #cf4241 !important;
}



/* BEAVER BUILDER MENU ADJUSTMENTS */
@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: 300px;
}

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


/* 9.00 BLOG MODULES 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;
}


/* 10.00 BLOG (MAGAZINE) SPECIFIC FORMATTING
*******************************************************************************************
*******************************************************************************************
*******************************************************************************************/


/* ARCHIVE PAGE FORMATTING
*******************************************************************************************
*******************************************************************************************/

/* ASSIGN #Magazine TO ROW */

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

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

/* MAKE LIST COLUMN ON MOBILE WIDER */
@media (max-width: 810px){
.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;}
}
 
	
/* ASSIGN .Magazine_front TO COLUMN */

.Magazine_Front h1 {font-family: 'Montserrat', verdana, arial, sans-serif !important; color:#23282b; line-height: 1;} 
.Magazine_Front h2 {font-family: 'Montserrat', verdana, arial, sans-serif !important; color:#23282b; line-height: 1;} 
.Magazine_Front h3 {font-family: 'Montserrat', verdana, arial, sans-serif !important; color:#23282b; line-height: 1;} 
.Magazine_Front h4 {font-family: 'Montserrat', verdana, arial, sans-serif !important; color:#23282b; line-height: 1;}
.Magazine_Front h5 {font-family: 'Montserrat', verdana, arial, sans-serif !important; color:#23282b; line-height: 1;}
.Magazine_Front h6 {font-family: 'Montserrat', verdana, arial, sans-serif !important; color:#23282b; line-height: 1;}

.Magazine_Front p {font-family: 'Montserrat', helvetica, arial, sans-serif !important; color:#23282b; line-height: 1.4; font-size: 1.55rem;}


/* READING TIME */
.rt-label.rt-prefix, .rt-time, .rt-label.rt-postfix, .fl-post-feed-author, fl-post-feed-author a, .fl-post-feed-more {
	font-family: 'Montserrat', verdana, arial, sans-serif !important;
}

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


 /* POWERPACK READ MORE */
.fl-node-6hx35oqjybzk .pp-content-post .pp-more-link-button, .fl-node-6hx35oqjybzk .pp-content-post .pp-add-to-cart a, .fl-node-6hx35oqjybzk .pp-post-event-calendar-cost form .tribe-button {
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    font-size: 1.5rem;
    border: 1px solid #ff0000;
}

 /* BEAVERBUILDER READ MORE */
.fl-post-feed-more {
    margin-top: 15px;
    display: inline-block;
    font-size: 1.5rem;
        padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
        border: 1px solid #ff0000;
}

.fl-page-content a:hover {
    text-decoration: underline;
}


 /* POWERPACK POSTS NUMBERED PAGINATION */
.page-numbers .page-numbers {
	border-color: #000000;
	border-radius: 10px;
	font-size:1.2rem;
	color:#000000;
}

#Main_text .current {
	background-color: #000000;
	border-color: #000000;
	color: #ffffff;
}

.page-numbers a {
	color: #000000;
	border-color: #000000 !important;
}

.page-numbers a:hover {
	background: #000000 !important;
	color: #ffffff;
	border-color: #000000 !important;
}


 /* BEAVERBUILDER POSTS NUMBERED PAGINATION */
  .fl-builder-pagination li span.current {
  background: none;
  text-decoration: none;
  font-size: 1.3rem;
  border:0;
  font-family: 'Montserrat';
  color: #ff0077;
  border: 1px solid #000000;
}

.fl-builder-pagination li a.page-numbers {
	border: 0px ;
	display: inline-block;
	padding: 5px 10px;
	margin: 0 0 5px;
	font-size: 1.3rem;
	font-family: 'Montserrat';  
}

.fl-builder-pagination li a:hover.page-numbers {
	background-color: #0f0f0f;
    color: #ff0077;
}

a.prev, a.next {
  display: none !important;
  font-size: 0 !important;
}

  @media (max-width: 767px){
	.fl-builder-pagination li span.current {
		font-size: 1.3rem;
		}

	.fl-builder-pagination li a.page-numbers {
		font-size: 1.3rem; 
		padding: 10px 10px;
		margin: 0 auto;
	}
}

/* SINGLE POST PAGE FORMATTING
*******************************************************************************************
*******************************************************************************************/


/* ASSIGN TO ROW */

.Magazine_No-Click img {
	pointer-events:none;}

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



/* ASSIGN TO META TEXT MODULES */

.Magazine_Body__Meta, .Magazine_Body__Meta p {
	font-family: 'Montserrat', verdana, arial, sans-serif !important;
	font-size:1.3rem !important;
	margin-left:0;
	}

.Magazine_Body__Meta a, .Magazine_Body__Meta p a {
	color: #000000;
	border-bottom: 1px solid #333333;
}

.Magazine_Body__Meta a:hover, .Magazine_Body__Meta p a:hover {
	color: #ff0000;
	text-decoration: none !important;
}

/* ASSIGN TO FRONT LOAD KEYWORDS STYLING */
.Front_Load_Keywords p {
	font-family: 'Montserrat', verdana, arial, sans-serif !important;
	font-size:1.7rem !important;
	color: #ff5500;
	margin-left:0;
}

.Front_Load_Keywords li {
	font-size:1.7rem !important;
	margin-left:1.5em;
}
/* ASSIGN TO POST CONTENT MODULE TO SET FONT STYLING */

.Magazine_Body__Single_body_Title h2 {
	margin-top:1em;
	margin-bottom:1em;
	color: #554b32;
}

.Magazine_Body__Single_body_Subtext h3 {
	font-style: italic;
	color: #b7b063;
}

/* AUTO DROP CAP TO THE FIRST LETTER OF THE FIRST PARA */
.Magazine_Body__Single_body__Drop p:first-child:first-of-type:first-letter  {
	float:left;
	font-family: 'Montserrat', verdana, arial, sans-serif;
	font-size:10rem !important;
	font-weight: 900;
	margin-right:0.08em;
	line-height:60% !important;
	color: #000000 !important;
}

.Magazine_Body__Single_body p {
	font-family: 'Montserrat', verdana, arial, sans-serif;
	color:#000000;
}

.Magazine_Body__Single_body p + p {
	margin-top: 40px;
	
}

.Magazine_Body__Single_body hr {
	width: 300px;
	border: 1px solid #000000;
	margin-top:50px;

}

.Magazine_Body__Single_body img { 
	max-width:98%;
	margin-top: 2em;
	margin-bottom: 2em;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

 @media only screen and (max-width: 810px) {		
	.Magazine_Body__Single_body img { width:100%;
	}
}	


/* P TEXT HOVER EFFECTS > IF DIFFERENT FROM MAIN SETTINGS */

:root {
    --mainColor: #cccccc;
}

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

.Magazine_Body__Single_body p a  {
	color: #333333;
}

/* .Magazine_Body__Single_body a:after {
    content: "";
    display: inline-block;
    background: url('') no-repeat top right;
    width: 0px;
    height: 0px;
} */

.Magazine_Body__Single_body p a:hover {
	background-size: 6px 100%;
	color: #333333;
  	text-decoration: underline;
  	border: none;
}
	
	


/* BLOCK QUOTE CONTROL */

.Magazine_Body__Single_body blockquote {
	margin: 0 auto !important; 
	border-left: 1px solid #23282b;
	border-bottom: 1px solid #23282b;
	font-style: italic;
	max-width:600px;
	margin-bottom: 1.5em !important;
	padding-top: 2rem !important;
	padding-bottom: 3rem !important;
	}

.Magazine_Body__Single_body blockquote p {
	text-align: left !important;
	padding-left: 1em;
	color: #6b6b6b !important;
	margin-left: 1em !important;
	
	}

.Magazine_Body__Single_body blockquote p:first-child:first-of-type:first-letter {
	font-size: 2rem !important;
	margin-top: 1rem;
	font-size: 2.8rem !important;
}
	
.Magazine_Body__Single_body blockquote p + blockquote p { margin-top: 1rem;}

@media (max-width: 810px){
	.Magazine_Body__Single_body blockquote {
		margin: 0 auto !important; 
		border-left: 1px solid #23282b;
		border-bottom: 1px solid #23282b;
		font-style: italic;
		max-width:600px;
		margin-left: 1em !important;
		margin-top: -1em !important;
		margin-bottom: 1.5em !important;
		padding-top: 2rem !important;
		padding-bottom: 2rem !important;
}

	.Magazine_Body__Single_body blockquote p {
		text-align: left !important;
		padding-left: 1em;
		color: #786448 !important;
}
	
	.Magazine_Body__Single_body blockquote p + blockquote p {
		margin-top: 1rem;
		}
}

.Magazine_Video, .Magazine_Body__Single_body video {
	padding-top: 20em;
	padding-left: 0em;
	padding-bottom: 2em;
	padding-right: 0em;
	margin: 0 auto;
}  

/* LIST CONTROL */
.Magazine_Body__Single_body ol {
	list-style-position: outside;
	margin: 0 auto;
	margin-top: 2em;
	margin-bottom: 2em;
	max-width:880px; 
	color:#23282b;
	text-indent: 1em;
}
		
.Magazine_Body__Single_body ul {
	list-style-type: square !important;
	list-style-position: outside;
	list-style-image: none;
	margin: 0 auto;
	margin-top: 2em;
	margin-bottom: 2em;
	max-width:880px; 
	color:#23282b;
	text-indent: 1em;

}

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

.Magazine_Body__Single_body li a {
	color:#ff0000;
}
	
.Magazine_Body__Single_body li + li {
	margin-top: 1.2rem;
}


/* 11.00 FOOTER SPECIFIC FORMATTING
*******************************************************************************************
*******************************************************************************************
*******************************************************************************************/


.Footer p, .Footer p a {
	font-size: 1.4rem;
}

.Footer h5 {
	font-size: 1.6rem;
}

/* IMPORTANT!! OVERRIDE MAIN MENU SETTINGS */

.Footer .menu > li > a {color: #fff !important;}

.Footer .menu > li > a:hover {
	color:#c4fff5 !important;
	text-decoration:none;
}

.Footer .menu > li > a::after{
	content: '';
	position: absolute;
	width: 100%;
	height: 1px;
	background-color: #ffffff ;/* This colours the underline */
	bottom: 0;
	left: 0;
	transform: scale(0);
	transition: .2s all ease-out;
	}

.Footer .menu > li > a:hover::after {
  transform: scale(1)
}
	

	
/* 12.00 CONTROL SVG ICONS
*******************************************************************************************
*******************************************************************************************
*******************************************************************************************/	




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


/* Side Bar Page + Child menu */
.wpb_page_list ul {
	list-style-position: inside;
	list-style-image: none;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	text-indent: -3em;
	}
		
.wpb_page_list li {
  	list-style-type:circle !important;
  		font-size: 1.2rem;
	line-height: 2;
	font-weight: bold;
	}

.wpb_page_list li::marker {
	color: blue;
	}

ul.children {
	list-style-type: disc !important;
	}

.children li {
		font-weight: normal !important;
	}

.children li::marker {
	color: #blue;
	}



/* 14.00 TABLE STYLE > OVERRIDES THE WYSIWIG TABLE SETTINGS
*******************************************************************************************
*******************************************************************************************
*******************************************************************************************/

table {
	max-width: 92% !important;
	border-collapse: collapse;
	border: 1px solid #000000;
	border-spacing: 2px 2px;
	margin-top:2em !important;
	margin-bottom:2em !important;
	margin: 0 auto;
	}

thead td {
	height: 35px;
	background: #000 !important;
	color: #fff;
}
	
th, td {
	padding: 5px !important;
	text-align: left;
	border: 1px solid #000000;
}
	
tr:nth-child(even) {
	background-color: #efefef !important;
}

/* 15.00 CSS EFFECTS
*******************************************************************************************
*******************************************************************************************
*******************************************************************************************/

.
	

/* 16.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 */



/* WP GALLERY CONTROL */
.gallery { margin: 0 auto; }

.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-3 .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: 4px solid white !important;
	padding: 0;
	background: #ffffff;
	margin: none ;
	display: block;
}

.gallery img:hover {
	background: #efefef;
}

.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; }


/* 17.0 WOOCOMMERCE
*******************************************************************************************
*******************************************************************************************
*******************************************************************************************/



/* 18.00 BEAVER BUILDER MODUL 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; 
} */



.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;}
  }



/* 19.00 POWERPACK CUSTOM PLUGIN CSS
*******************************************************************************************
*******************************************************************************************
*******************************************************************************************/

/* Power Pack Content Grid Style 9
*******************************************************************************************/


/* Power Pack Content Grid - CUSTOM
*******************************************************************************************/


/* Full Stripe Buttons
*******************************************************************************************/

/* Newsletter
*******************************************************************************************/





/* 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 {}