/*
Theme Name:     BioBlue Theme
Theme URI:      https://themeisle.com/themes/neve/
Template: 			neve
Author:         ThemeIsle
Author URI:     https://themeisle.com
Description:    Boylen Child Theme
Version:        1.0.0
License:        GNU General Public License v2 or later
License URI:    http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:    neve
Tags: blog, custom-logo, e-commerce, rtl-language-support, post-formats, grid-layout, one-column, two-columns, custom-background, custom-colors, custom-header, custom-menu, featured-image-header, featured-images, flexible-header, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready, accessibility-ready, wide-blocks, block-styles
*/

@import url(https://claimvista.site/wp-content/themes/boylen-child-bioblue/css/dev.css);


/* » COLOURS
**************************************************/
	:root {
		--color1:	var(--nv-primary-accent);
		--color2:	var(--nv-secondary-accent);
		--color3: var(--nv-c-1);
		--color4:	var(--nv-c-2);
		--color5:	var(--custom-1);
		--color6: var(--nv-text-color);
		--gray05: hsl(0, 0%, 95%);
		--gray10: hsl(0, 0%, 90%);
		--gray20: hsl(0, 0%, 80%);
		--gray30: hsl(0, 0%, 70%);
		--gray40: hsl(0, 0%, 60%);
		--gray50: hsl(0, 0%, 50%);
		--gray60: hsl(0, 0%, 40%);
		--gray70: hsl(0, 0%, 30%);
		--gray80: hsl(0, 0%, 20%);
		--gray90: hsl(0, 0%, 10%);

		--light: var(--gray10);
		--mid: var(--gray50);
		--dark: var(--gray80);
	}

	.bg-color1 {background-color: var(--color1);}
	.bg-color2 {background-color: var(--color2);}
	.bg-color3 {background-color: var(--color3);}
	.bg-color4 {background-color: var(--color4);}
	.bg-color5 {background-color: var(--color5);}
	.bg-color6 {background-color: var(--color6);}
	.bg-dark {background-color: var(--dark);}
	.bg-mid {background-color: var(--mid);}
	.bg-light {background-color: var(--light);}

	.txt-color1 {color: var(--color1);}
	.txt-color2 {color: var(--color2);}
	.txt-color3 {color: var(--color3);}
	.txt-dark {color: var(--dark);}
	.txt-mid {color: var(--mid);}
	.txt-light {color: var(--light);}

/* » UTILITY
**************************************************/
.mb0{
	margin-bottom: 0 !important;
}
.component-heading{
	margin: 55px 0 5px !important;
	padding: 10px 0;
	border-top: 1px dashed silver;
	font-family: monospace !important;
}
	/* --> mobile view */
	@media only screen and (max-width: 768px) {
		.hide-mobile{
			display: none !important;

	}
}

/* » BUTTONS
**************************************************/
.wp-block-button .wp-block-button__link,
.gform_wrapper.gravity-theme .gfield input[type="submit"],
.button.button-primary{
	color: #fff;
	background: var(--color2);
	background-image: linear-gradient(90deg,#0f73e1 0%,transparent 25%,transparent 75%,#d057dc 100%);
	background-repeat: no-repeat;
	background-size: 400% 100%;
	background-position: center;
	border-radius: 25px;
	position: relative;
	transition: all 1s ease;
	font-family: "Balto-Bold";
	font-weight: 700;
}
.wp-block-button .wp-block-button__link:hover,
.gform_wrapper.gravity-theme .gfield input[type="submit"]:hover,
.button.button-primary:hover{
	background-image: linear-gradient(90deg,#0f73e1 0%,transparent 25%,transparent 26%,#d057dc 100%);
	background-size: 100% 100%;
	background-position: left;
	color: #fff;
}
.wp-block-button .wp-block-button__link::before,
.button.button-primary::before{
	content: "\f061";
	font-family: "Font Awesome 5 Free";
	display: inline-block;
	margin-right: 10px;
	transition: all 0.4s ease;
	font-weight: 900;
}
.button.button-primary::before{
	content: "\f095";
}
.wp-block-button .wp-block-button__link:hover::before,
.button.button-primary:hover::before{
	margin-right: 4px;
	margin-left: 6px;
}
	/* --> mobile view */
	@media only screen and (max-width: 768px) {
		.wp-block-button .wp-block-button__link,
	.gform_wrapper.gravity-theme .gfield input[type="submit"],
	.button.button-primary{
		font-size: 14px;
		padding: 4px 12px;
	}

	}


/* » FORMS
**************************************************/
/* Service Chooser */
.gform_wrapper.gravity-theme form.service-chooser .gfield input[type="submit"]{
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}
.gform_wrapper.gravity-theme form.service-chooser .gform_fields {
	grid-column-gap: 0;
}
.gform_wrapper.gravity-theme form.service-chooser .ginput_container_select{
	height: 100%;
}
.gform_wrapper.gravity-theme form.service-chooser select {
	border: 1px solid var(--color2);
	border-radius: 25px 0 0 25px !important;
	box-shadow: none;
	height:100%;
	padding: 0 0 0 15px;

	-webkit-appearance: none;
  -moz-appearance: none;
  background: url(https://claimvista.site/wp-content/themes/boylen-child-bioblue/assets/images/down-arrow.svg);
  background-repeat: no-repeat;
  background-position-x: 94%;
  background-position-y: center;
	background-color: #fff;
}

/* » TYPOGRAPHY
**************************************************/
	h1,h2,h3,h4,h5{
		color: var(--color1);
	}
	h5{
		margin-bottom: 5px;
	}
	h6{
		color: var(--color6);
		font-family: "Balto-Book";
		margin-bottom: 10px;
		font-weight: 400;
	}
	p{
		margin-bottom: 1rem;
	}
	ul.arrow-list li{
		color: var(--color1);
		font-weight: 700;
		font-family: "Balto-Bold";
		padding-inline-start: 15px;
		margin-bottom: 20px;
	}
	ul.arrow-list li::marker{
		content: '\f061';
		font-family: 'Font Awesome 5 Free';
	}
	strong,b{
		font-weight: 700;
		font-family: "Balto-Bold";
	}

/* »  SLIDERS
**************************************************/
	.bb-testimonials-slider .slick-track{
		display: flex;
		gap: 35px;
	}
	.bb-testimonials-slider .item{
		background-color: #fff;
		padding: 30px;
	}
	.bb-testimonials-slider .item .logo{
		max-height: 60px;
		display: block;
		margin-bottom: 20px;
	}
	.bb-testimonials-slider .item .name{
		font-weight: bold;
		color: #000;
	}
	.bb-testimonials-slider .item .company{
		margin-bottom: 20px;
	}
	.bb-testimonials-slider .item .body{
		color: var(--color1);
	}
	.bb-testimonials-slider .slick-dots{
		list-style-type: none;
		display: flex;
		justify-content: center;
		gap: 5px;
	}
	.bb-testimonials-slider .slick-dots li button{
		border-radius: 50%;
		color: transparent;
		width: 10px;
		height: 10px;
		padding: 3px;
		font-size: 0;
		background-color: transparent;
		box-shadow: inset 0 0 0 3px var(--color5), 0 0 0 1px var(--color1);
	}
	.bb-testimonials-slider .slick-dots li.slick-active button{
		background-color: var(--color1);
	}


	/* » OVERRIDES
**************************************************/
	.wp-block-group.cta-row.is-layout-flex{
		justify-content: center;
		align-items: flex-end;
	}
	.gform_wrapper.gravity-theme form.service-chooser .gform_footer{
		display: none;
	}
	.gform_wrapper.gravity-theme form.service-chooser .gfield_validation_message,
	.gform_wrapper.gravity-theme form.service-chooser .validation_message {
		display:none;
	}

	/* --> mobile view */
	@media only screen and (max-width: 768px) {
		/*features-icons*/
		.wp-block-themeisle-blocks-advanced-columns.features-icons .innerblocks-wrap {
			display: flex;
			flex-wrap: wrap;
		}
		.wp-block-themeisle-blocks-advanced-columns.features-icons .innerblocks-wrap .wp-block-themeisle-blocks-advanced-column{
			width: 50%;
			flex: unset;
		}
		/*button strip*/
		.button-strip .wp-block-buttons{
			width: 100%;
			justify-content: center;
		}
		.button-strip .gform_wrapper{
			width: 100%;
		}
		.button-strip .gform_wrapper.gravity-theme form.service-chooser .gform_fields {
			display: flex;
			justify-content: center;
		}
		.wp-block-group.cta-row.is-layout-flex {
			justify-content: center;
			align-items: center;
			flex-direction: column;
		}
	}


	/* » COUNTER
	**************************************************/
	.bb-counter,
	.bb-counter .odometer.odometer-auto-theme, .odometer.odometer-theme-default{
		color: var(--color1);
		font-size: 40px;
		font-family: "Balto-Bold";
		font-weight: 700;
		line-height: normal;
	}

/* » LOCATION MAP
**************************************************/
	#cities #nt,
	#cities #tas,
	#cities #qld,
	#cities #qld2,
	#cities #nsw,
	#cities #vic,
	#cities #sa,
	#cities #wa{
		cursor: pointer;
		transition: all 0.4s ease;
	}

	#nt:hover circle, 
	#tas:hover circle, 
	#qld:hover ellipse, 
	#qld2:hover ellipse, 
	#nsw:hover circle, 
	#vic:hover circle, 
	#sa:hover ellipse, 
	#wa:hover ellipse {
		stroke-width: 3px !important;
		transition: 0.3s all ease;
	}

	.pulse circle, .pulse ellipse {
		stroke-width: 3px !important;
		/* stroke: #1e1e6e !important; */
		fill: #1e1e6e !important;
	}

	.locations .wp-block-group{
		padding: 12px;
		background-color: #fff;
		transition: all 0.8s ease;
	}
	.locations .wp-block-group.active{
		background-color: #E5ECF8;
	}
	.locations .wp-block-group h4{
		margin-bottom: 8px;
	}
	/* --> mobile view */
	@media only screen and (max-width: 768px) {
		.locations h3,
		.locations .wp-block-group{
			display: none;
		}
		.locations .wp-block-group.active{
			display: block;
		}
	}


	/* » STRETCH IMAGE
	**************************************************/
	.wp-block-media-text.stretch-image figure{
		/* left image */
		margin-left: calc(50% - 50vw);
	}
	.wp-block-media-text.stretch-image.has-media-on-the-right figure{
		/* right image */
		margin-left: initial;
		margin-right: calc(50% - 50vw);
	}
	.wp-block-media-text.stretch-image .wp-block-media-text__media {
		background-size: cover;
		height: 100%;
		min-height: 250px;
	}
	.wp-block-media-text.stretch-image .wp-block-media-text__content{
		/* left image */
		padding: 100px 0 100px 14%;
	}
	.wp-block-media-text.stretch-image.has-media-on-the-right .wp-block-media-text__content{
		/* right image */
		padding: 100px 14% 100px 0;
	}
	/* --> mobile view */
	@media only screen and (max-width: 768px) {
		.wp-block-media-text.stretch-image .wp-block-media-text__content{
			/* left image */
			padding: 20px 0;
		}
		.wp-block-media-text.stretch-image.has-media-on-the-right .wp-block-media-text__content{
			/* right image */
			padding: 20px 0;
		}

	}


	/* » FOOTER
	**************************************************/
	#site-footer{
		background-color: #020842;
		padding-top: 100px;
		padding-bottom: 100px;
		position: relative;
	}
	#site-footer::after{
		content: '';
		position: absolute;
		top: -115px;
		right:0;
		left:0;
		height: 130px;
		background-image: url(https://claimvista.site/wp-content/themes/boylen-child-bioblue/assets/images/footer-border.svg);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: top center;
		z-index: 2;
	}
	#site-footer h4{
		margin-bottom: 10px;
	}
	#site-footer .widget{
		margin-bottom: 0;
	}
	#site-footer a{
		color: #fff;
		text-decoration: none;
	}
	#site-footer .fa-brands{
		color: #fff;
		background-color: var(--color2);
		border-radius: 50%;
		padding: 10px;
		display: inline-block;
		width: 38px;
		height: 38px;
		text-align: center;
		vertical-align: middle;
	}
	/* --> mobile view */
	@media only screen and (max-width: 768px) {
		#site-footer .widget{
			text-align: center;
			margin-bottom: 20px;
		}

	}


	/* » PAGE BANNER
	**************************************************/
	.wp-block-cover.page-banner{
		position: relative;
		padding: 100px 0;
		margin-bottom: 50px;
		min-height: 75vh;
	}
	/* --> mobile view */
	@media only screen and (max-width: 768px) {
		.wp-block-cover.page-banner{
			position: relative;
			padding: 0px 0;
		}
	}

	.wp-block-cover.page-banner::before{
		content: '';
		position: absolute;
		bottom: 0;
		right:0;
		left:0;
		height: 210px;
		background-image: url(https://claimvista.site/wp-content/themes/boylen-child-bioblue/assets/images/banner-border.png);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: top center;
		z-index: 2;
	}


	/* » HEADER
	**************************************************/
	@keyframes bg-animate {
    0%   {background-size: 400%;background-position:left}
    100% {background-size: 100%;background-position:center}
}
header.header {
	position: fixed;
	z-index: 99;
	width: 100%;
}
body.scrolled header.header{
		animation-name: bg-animate;
		animation-duration: 1s;
		background-image: url(https://claimvista.site/wp-content/themes/boylen-child-bioblue/assets/images/bg-header-2.webp);
		background-size: cover;
		background-position: center;
	}

	/* » MENU
	**************************************************/
	.builder-item--primary-menu .nav-ul li a{
		color: #fff;
	}
	.builder-item--primary-menu .nav-ul li:hover .wrap > a{
		color: var(--color5);
	}
	.builder-item--primary-menu .nav-ul li.nv-active > .wrap > a{
		color: var(--color5);
	}
	.menu-mobile-toggle .icon-bar{
		background-color: #fff;
	}
	.header-menu-sidebar-bg{
		background-color: var(--color1);
	}