/*
Theme Name: Velocity Digital for: Sydney Garden
Theme URI: https://www.sydneygm.com.au/wp-content/themes/SydGarden_2025R0/
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 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:#ffffff;
	font-size: inherit;
	}

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

/* montserrat-regular - latin */
@font-face {
  font-display: swap;
  font-family: 'Montserrat300';
  font-style: normal;
  font-weight: 300;
  src: url('/wp-content/assets/fonts/montserrat/montserrat-v31-latin-300.woff2') format('woff2'), 
       url('/wp-content/assets/fonts/montserrat/montserrat-v31-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: 
  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;
}

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

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

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

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: 4rem; /* 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: 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.7rem;  /* minimum value */
  --val: 2.5vw;  /* preferred value = 2.5% viewport width */
  --max: 1.7rem;  /* 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: 1.4rem;  /* minimum value */
  --val: 2.5vw;  /* preferred value = 2.5% viewport width */
  --max: 1.4rem;  /* maximum value */
}

.pp-advanced-menu.full-screen .menu li a, .pp-advanced-menu.full-screen .menu li .pp-has-submenu-container a {
    --min: 2.0rem !important;
    --val: 2.5vw !important;
    --max: 3.0rem !important;
}


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

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

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

h4  {font-family: 'Montserrat700', helvetica, arial, sans-serif;}

.Montserrat300 h1,
.Montserrat300 h2,
.Montserrat300 h3,
.Montserrat300 h4,
.Montserrat300 h5,
.Montserrat300 {font-family: 'Montserrat300', helvetica, arial, sans-serif !important;}

.Montserrat700 h1,
.Montserrat700 h2,
.Montserrat700 h3,
.Montserrat700 h4,
.Montserrat700 h5,
.Montserrat700 {font-family: 'Montserrat700', helvetica, arial, sans-serif !important;}

.Subtext h4 {font-family: 'Montserrat300', helvetica, arial, sans-serif !important;
	font-size: 1.9rem !important;
	color: #84c447 !important;
}

.Service_text_width {
	max-width:450px;
	margin-left:80px;
}

@media (max-width: 767px) {
  .Service_text_width {
	max-width:100%x;
	margin-left:0px;
}
}

	
p {	font-family: 'Montserrat300', helvetica, arial, sans-serif; 
	line-height: 1.5; 
}



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

span {}
	
em, i {}

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

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

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


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

.Two_column ul  { /* Auto split text into two columns */
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
    margin-top:0rem;

    max-width: 450px;
}

ol {
	list-style-position: outside;
	max-width:880px; 
	color:#23282b;

}
		
ul {
	list-style-type: square !important;
	list-style-position: outside;
	list-style-image: none;
	/*margin: 0 auto;*/
	margin-left:-20px;
	font-family: 'Montserrat300', helvetica, arial, sans-serif; 
}


li a {
	color:#ff0000;
}
	
li + li {

}


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

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

.fa-chevron-up:before {
	content: "∧"  !important;
	font-style: normal;
	color:#000000;
	font-size: 4rem;
	margin-bottom:2.9rem;
}

.fa-chevron-up:before {margin-left:-0.4rem;}

.fa, .fas {
	font-weight: 900;
}



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




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




/* 9.00 BLOG MODULES SPECIFIC FORMATTING
*******************************************************************************************
*******************************************************************************************
*******************************************************************************************/



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


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




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

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



/* 13.00 SIDEBAR CONTROL
*******************************************************************************************
*******************************************************************************************
*******************************************************************************************/
	




/* 14.00 TABLE STYLE
*******************************************************************************************
*******************************************************************************************
*******************************************************************************************/

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



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



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



/* 18.00 BEAVER BUILDER MODUL CUSTOM PLUGIN CSS
*******************************************************************************************
*******************************************************************************************
*******************************************************************************************/


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


    
 
/* MAKE LIST COLUMN ON MOBILE WIDER */


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

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


.pp-content-grid-post-image {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    height: 100%;
    position: relative;
    overflow: hidden;
    margin: 0;
    transition: all 0.5s ease;
    will-change: transform;
}

.pp-content-grid-post-tile:hover .pp-content-grid-post-image {
    transform: scale(1.1);
}

.pp-content-grid-post-image a {
    display: block;
    width: 100%;
    height: 100%;
}

.pp-content-grid-post-image a:last-child:before {
    content: "";
    display: block;
    height: 100%;
    width: 100%;
    bottom: 0;
    z-index: 1;
    background: rgba(0,0,0,0.5);
    position: absolute;
	margin-left: -20px;
}



/* SMALL TILES CONTROL */
.pp-grid-tile-altered {
  position: absolute;
  bottom: 20%;
  pointer-events: none;
  z-index: 1;
  width: 100%;
}

.pp-content-grid-post-tile {
  height: 275px;
  text-align: center;
  margin: 0;
  padding: 0;
}

.pp-content-grid-post-tile h4 {
	font-size: 2rem !important;
	line-height: 1.2 !important;
	color: #fff;
	font-weight: bold;
}

.pp-content-grid-post-more-link a {
    font-size: 12px;
    text-align: center;
    color:#ffffff;
}



/* LARGE TILES CONTROL */
.pp-content-grid-post-tile_Large:hover .pp-content-grid-post-image {
    transform: scale(1.1);
}

.pp-grid-tile-altered_Large {
  position: absolute;
  bottom: 30%;
  pointer-events: none;
  z-index: 1;
  width: 100%;
}

.pp-content-grid-post-tile_Large {
    height: 375px;
    text-align: center;
}

.pp-content-grid-post-tile_Large h4 {
	font-weight: bold !important;
	color:#ffffff !important;
	line-height: 1.2;
}

.pp-content-grid-post-more-link_Large a {
    font-size: 12px;
    text-align: center;
    color:#ffffff;
}
   


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




/* POWERPACK IMAGE COMPARISON ROUNDED CORNERS */
.fl-module .pp-image-comp  img, .twentytwenty-container {
    border-radius: 40px;
}





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