/*
Theme Name: Velocity Digital for: Exigence
Theme URI: https://www.exigence.com.au/wp-content/themes/exigence_2024r0
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 Woocommerce
18.00 CUSTOM PLUGIN CSS
*/


/* HEX EFFECT
*******************************************************************************************
*******************************************************************************************
*******************************************************************************************/
.overlay { /* SVG OVERLAY EFFECT */
	position: absolute;
	width:900px;
	height:1500px;
	margin-right:100px;
	z-index: 2;
	opacity: 0.4;
	overflow: visible;
	}



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


/* Roboto */

@font-face {
  font-display: swap;
  font-family: 'RobotoC_100';
  font-style: normal;
  font-weight: 100;
  src: url('/wp-content/assets/fonts/roboto/roboto-condensed-v27-latin-100.woff2') format('woff2'), 
       url('/wp-content/assets/fonts/roboto/roboto-condensed-v27-latin-100.ttf') format('truetype'); 
}

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



@font-face {
  font-display: swap;
  font-family: 'RobotoC_Regular';
  font-style: normal;
  src: url('/wp-content/assets/fonts/roboto/roboto-condensed-v27-latin-regular.woff2') format('woff2'), 
       url('/wp-content/assets/fonts/roboto/roboto-condensed-v27-latin-regular.ttf') format('truetype'); 
}

@font-face {
  font-display: swap;
  font-family: 'Roboto_100';
  font-style: normal;
  font-weight: 100;
  src: url('/wp-content/assets/fonts/roboto/roboto-v30-latin-100.woff2') format('woff2'), 
       url('/wp-content/assets/fonts/roboto/roboto-v30-latin-100.ttf') format('truetype'); 
}


@font-face {
  font-display: swap;
  font-family: 'Roboto_300';
  font-style: normal;
  font-weight: 300;
  src: url('/wp-content/assets/fonts/roboto/roboto-v20-latin-300.woff2') format('woff2'), 
       url('/wp-content/assets/fonts/roboto/roboto-v20-latin-300.ttf') format('truetype'); 
}


@font-face {
  font-display: swap;
  font-family: 'Roboto_Regular';
  font-style: normal;
  src: url('/wp-content/assets/fonts/roboto/roboto-v20-latin-regular.woff2') format('woff2'), 
       url('/wp-content/assets/fonts/roboto/roboto-v20-latin-regular.ttf') format('truetype'); 
}

/* Industry */
@font-face {
  font-display: swap; 
  font-family: 'Industry';
  font-style: normal;
  src: url('/wp-content/assets/fonts/industry/industry-light.woff') format('woff'),
  	url('/wp-content/assets/fonts/industry/industry-light.woff2') format('woff2'),  
}



/* 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: 3.9rem;  /* minimum value */
  --val: 5vw;  /* preferred value = 5% viewport width */
  --max: 5.5rem;  /* maximum value */
	}

h2 {
  --min: 3.0rem; /* minimum value */
  --val: 4vw; /* preferred value = 4% viewport width */
  --max: 4.8rem; /* 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.6rem;  /* 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: 4.5rem;  /* maximum value */
	}


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

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

h1, h2, h3, h4, h5, h6 {
	font-family: 'Industry', sans-serif;
	line-height: 1.1;
	color: #ff0077;
	text-transform: uppercase;
	}
	
.Case__study h2 {
	font-size: 3.5rem !important;
	padding: 30px 0px 10px 0px;
	text-transform: uppercase;
	}

.100__C, .100__C p, {font-family: 'RobotoC_100', sans-serif;}

.500__C, .500__C p, {font-family: 'RobotoC_500', sans-serif !important;}

.Reg__C, .Reg__C p, .Reg__C a {font-family: 'RobotoC_Regular', sans-serif;}

.100, .100 p, {font-family: 'Roboto_100', sans-serif;}

.300, .300 p, {font-family: 'Roboto_300', sans-serif;}

.Industry, .Industry p {
	font-family: 'Industry', sans-serif;
	line-height: 1.1;
	}


p {
	font-family: 'Roboto_100', helvetica, arial, sans-serif; 
	font-weight: 100;
	line-height: 1.75;
	color: #F0F0F4;
	font-feature-settings: "kern", "liga", "pnum";
	letter-spacing: 1px;
	}


.Two_column { /* Auto split text into two columns */
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
	}
	
@media (max-width: 767px) {	
	.Two_column {
    -webkit-column-count: 1; /* Chrome, Safari, Opera */
    -moz-column-count: 1; /* Firefox */
    column-count: 1;} 
	}


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

ol {
	margin-top: 2em;
	margin-bottom:2em;
	margin-top: 2em;
	margin-bottom:2em;
	line-height: 2;
	color: #ffffff;
	}
	
ul {
	list-style-type: square !important;
	list-style-position: outside;
	list-style-image: none;
	margin-top: 2em;
	margin-bottom:2em;
	line-height: 2;
	color: #ffffff;
	}

/* MAKE LIST TWO COLUMN */		
.Body_text ul {
	-moz-column-count: 2;
    -moz-column-gap: 40px;
    -webkit-column-count: 2;
    -webkit-column-gap: 40px;
    column-count: 2;
    column-gap: 40px;
	}



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

blockquote {
	margin-left:-20px;
	padding-left: .75em;
	margin-top:3em;
	margin-bottom: 3em;
	border-left: 16px solid #f07;
    border-left-width: 16px;
	}

blockquote p {
	font-family: 'Industry', sans-serif !important;
	font-size: 4rem !important;
	line-height: 1.25;
	text-transform: uppercase;
	}



@media (max-width: 767px) {	
	blockquote {
	margin-left:-10px;
	padding-left: .75em;
	margin-top:3em;
	margin-bottom: 3em;
	border-left: 16px solid #f07;
    border-left-width: 12px;
	}

blockquote p {
	font-size: 3rem !important;
	line-height: 1.25;
	}

}

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

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



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

#Position_zTop {
	z-index: 10;
	position: relative;
	}

#Position_zBottom {
	z-index: 0;
	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
*******************************************************************************************
*******************************************************************************************
*******************************************************************************************/

a {color:#ff0077;}

a:hover {color:#ffffff;}

a:visited {color:#ffffff;}


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

.menu > li > a::after, .fl-has-submenu-container a::after, .sub-menu > li > a::after {
	content: '';
	position: absolute;
	width: 100%;
	height: 1px;
	background-color: #fff;
	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: #ff0077 !important;
    }

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


/*Control for Page/Child submenu*/

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

/* Submenu Child Pages Default */
.menu > li.current-menu-parent ul li a, .main_menu > li.current-menu-ancestor ul li > a {
    color: #fff  !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: #ff0077 !important;
	}
	
	


.dashicons, .dashicons-before::before {
  margin-right:5px;
 }


/* BEAVER BUILDER MENU ADJUSTMENTS */
@media (max-width: 767px) {
  .fl-node-095fvximuycp .sub-menu .menu-item a::before {
    font-family: '';
    content: '';
    font-weight: 900;
    margin-right: 0;
    margin-left: -10px;
  }
}

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

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

.fl-menu-mobile-flyout {
    width: 98% !important;
    }



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


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




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

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

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


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

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


/* 16.00 CSS EFFECTS
*******************************************************************************************
*******************************************************************************************
*******************************************************************************************/

.V__line::after {
	border-left: 1px solid #bebebe;
	height: 78px;
	left: 50%;
	margin-left: -3px;
	top: 0;
	margin: 0 auto;
	}


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



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


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

.Image-bloc {min-width:100px !important;}

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

/* ADVANCED ROW GRADIENT OVERLAY - NEEDS TO HAVE GRADIENT OVERLAY ACTIVATED AT ROW LEVEL TO WORK -- Apply at row level 
.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; 
} */

a.fl-button {
		font-family: 'RobotoC_500', sans-serif !important; 
		font-size: 1.7rem;
		}

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

.fl-post-feed-post {
  border-bottom: 1px solid #313131;
}
 
/* 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;}
  }
  
 /* POSTS NUMBERED PAGINATION */
  .fl-builder-pagination li span.current {
  background: none;
  text-decoration: none;
  font-size: 5rem;
  border:0;
  font-family: 'Industry';
  color: #ff0077;
}

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

.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: 3rem;
		}

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

 /* PREVIOUS / NEXT NAVIGATION */

.nav-links a {
  display: inline-block;
  font-family: 'Industry';
  text-transform: uppercase;
  }

.nav-links a:hover {
  text-decoration: none;
  }

.nav-links .nav-next {
  text-align: left !important;
}

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