/*
Theme Name: Avada Child
Description: Child theme for Avada theme
Author: Brave Tale
Author URI: https://bravetale.ca
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/

body{
  -webkit-font-smoothing: antialiased;
text-rendering: optimizelegibility;
}
.desktop-only{
	display:none;
}
p em{
	font-size:1.15em !important;
}
h1 em, h2 em, h6 em{
	font-family: calluna, serif;
		font-size:1.06em !important;
}
h4 em, h5 em{
	font-family: calluna, serif;
	font-size:1.06em !important;
}
h3 em{
	font-family: calluna, serif;
	font-size:1.15em !important;
}
#blog-hero h2{
	font-size:.6em !important;
	line-height:1.2 !important;
}
.blog-contents h2{
	font-size:30px !important;
	margin-bottom:15px;
	line-height:37px !important;
}
.blog-contents h3, .blog-contents h4, .blog-contents h5, .blog-contents h6{
	margin-bottom:15px;
}
.fusion-toggle-heading{
	font-size:20px;
	line-height:1.3;
}
.pill-txt p{
	color:white !important;
	border:1px solid white;
	display:inline-block !important;
	font-size:19px;
	padding:5px 26px;
	border-radius:50px;
}
.weeks h2.fusion-title-heading{
	font-size:.6em !important;
	line-height:1.2 !important;
}
.standout p{
	font-size:22px;
}
.boxed{
	margin:0 !important;
}
.weeks strong{
	border-bottom:2.5px solid #7EBCA1 !important;
	font-weight:normal !important;
}
/*Header*/
.menu-btn{
	position:absolute;
	top:1.2em;
	right:65px;
}
#menu-mobile-en{
	backdrop-filter: blur(15px) !important;
	background:rgba(255,255,255,.9) !important;
	border-top:1px solid white !important;
}
#menu-mobile-en a, #menu-mobile-en li{
	background:none !important;
}
.header{
	z-index:999 !important;
}
.fusion-sticky-transition{	
	backdrop-filter: blur(5px) !important;
	background:rgba(255,255,255,.6) !important;
}
.header .awb-menu__main-a_button .menu-text{
	background:#090A5C;
	border-radius:50px;
	font-size:15px;
}
.header .awb-menu__main-a_button .menu-text:hover{
	background:#0842C4;
}
/*Footer*/
.footer{
	margin:15px !important;
}
.fusion-form-label-wrapper{
	display:none;
}
.fusion-form-field{
	margin:0 !important;
}
#email{
	padding-left:20px;
}
.fusion-form .fusion-fullwidth{
	padding:0 !important;
}
.fusion-form-submit-field button{
	position:relative;
	top:10px;
}
/*Home*/
.hero{
	margin-top:-6.7em !important;
}
.gradient{
	margin-top:-100px !important;
	z-index:999 !important;
}
.centered-flex{
	width:100% !important;
}
.words{
border:1px solid #060446;
	font-size:19px;
	padding:6px 25px;
	border-radius:50px;
	margin:15px 8px 0 0;	
	display:inline-block;
}
.words p{
	margin-bottom:0;line-height:1;
}
.into:after{
	content:'';
	width:100% !important;
	height:12%;
	margin-left:20px !important;
	position:absolute;
	border-bottom:2px solid black;
}
.connection{
	margin-left:50px;
}
.connection:before{
	content:url('/wp-content/uploads/2024/12/connection-arrow.svg');
	height:12%;
	position:absolute;
	left:-50px;
}
.port-hov .fusion-column-wrapper{
	border-radius:0 0 13px  13px !important;
}
.port-cont .fusion-image-element {
	position:relative !important;
	z-index:-999 !important;
}
.port-hov{
	margin-top:-10px !important;
}
.port-hov .fusion-button-text{
	border-bottom:1.5px solid #090A5C;
}
.port-hov .fusion-button-text:hover{
	border-bottom:1.5px solid #0842C4;
}
.quote-title:before{
	content:'“';
	position:absolute;
	left:19px;
	font-size:34px;
}
.quote-name{
	position:relative;
	margin-left:20px !important;
	margin-bottom:15px !important;
}
.quote-name:before{
	content:'– ';
	position:absolute;
	left:-20px;
	right:0;
}
.quote-portrait{
	margin-bottom:-36px !important;
}
.fusion-post-cards .fusion-carousel-item-wrapper .fusion-builder-row{
	height:100% !important;
}
.awb-swiper-button-next, .awb-swiper-button-prev{
	top:94.5% !important;
}
.blog-tile .fusion-title-heading{
	transition-timing-function: ease-in-out !important;
  transition: 0.2s;
}
.blog-tile:hover .fusion-title-heading{
	color:#0842C4 !important;
}
.blog-tile{
	position:relative;
}
.blog-tile .blog-cat{
	position:absolute;
	top:10px;
	left:18px;
	z-index:999;
	border:none !important;
}
.blog-tile .blog-cat a, .i-blog-cat a{
	text-decoration:none !important; 
}
.blog-cat span{
	border-radius:50px;
}
.fusion-tb-categories{
	border-radius:50px;
}
/*Services*/
#space-cont{
	margin-top:20px !important;
}
#team-pic{
	max-width:1400px;
	margin:20px auto 0 auto !important;
}

.packages .fusion-image-element{
	margin:35px 25px 25px 25px !important;
}
.packages .fusion-title-heading{
	margin:0 25px !important;
}
.packages p{
	margin:0 25px 35px 25px !important;
}
.package-prices{
	border-top:0.5px solid white;
	padding-top:10px !important;
}
.package-prices p{
	margin-bottom:12px !important;
}
.blog-contents blockquote{
	border:none !important;
	font-family: calluna, serif !important;
	font-size:1.2em !important;
	padding-left:20px !important;
}
.note blockquote{
	background:none !important;
	border-left:none;
	border-top:1px solid #20B9B8;
	border-bottom:1px solid #20B9B8;
	margin:10px 0 0 0;
	color:white;
	font-style:normal;
	padding:10px 0;
}
/*About*/
.top-box{
	z-index:2 !important;
	position:relative !important;
}
.molecule-img{
	display:none !important;
}
.bio-snippet em{
	font-family: calluna, serif;
	font-size:19px;
}
#gradient-cover{
	position:relative;
}
#gradient-cover:after{
	position:absolute;
	content:'';
	width:100%;
	height:90%;
	bottom:0;
	background-image: linear-gradient(to bottom, rgba(238,237,239,0), rgba(238,237,239,1));
}
.bio-btn{
	border:none;
	padding:0;
	color:#060446!important;
	border-bottom:1.3px solid #060446;
	font-size:15px;
	font-family:'EuclidCircularB-Medium';
	transition-timing-function: ease-in-out !important;
  transition: 0.2s;
	background:none !important;
}
.bio-btn:hover{
	color:#0842C4 !important;
	border-color:#0842C4 !important;
}
.kelly, .michele{
	position:relative;
	z-index:0 !important;
}
.kelly:after, .michele:after{
	content:'Brand Strategist';
	position:absolute !important;
	z-index:99999 !important;
	top:63% !important;
	color:white !important;
	left:20px;
border:1px solid white;
	font-size:19px;
	padding:10px 25px;
	border-radius:50px;
	backdrop-filter: blur(6px);
background:rgba(255,255,255,.1);
}
.michele:after{
	content:'Head of Design';
	top:73% !important;
}
.bio-cont{
	width:100%;
	margin-top:-7.5em !important;
	z-index:1 !important;
	position:relative;
}
.bio-name h3{
	margin-bottom:-.4em !important;
	margin-top:1em;
}
.bio-name{
	color:#1B91D0;
}
.modal-header{
	min-height:0 !important;
	border:none !important;
	padding:0 !important;
}
.close{
	margin-top:20px !important;
	margin-right:25px !important;
	padding:10px 20px !important;
	position:relative;
	z-index:999;
	background:none !important;
}
.fusion-modal{
	background:rgba(8,66,196,.75);
}
.modal-content{
	border-radius:13px !important;
	border:none !important;
	box-shadow:none !important;
}
.fusion-modal .modal-dialog{
	max-height:none !important;
	margin-top:10px;
	min-height:calc(100vh - 90px) !important;
}
/*Work*/
.work-port:hover .fusion-button-text{
	color:#0842C4 !important;
}
.work-port:hover .fusion-button{
	border-color:#0842C4 !important;
}
.work-port .fusion-button{
	border-bottom:1px solid #090A5C;
	border-radius:0 !important;
}
/*Portfolio Pieces*/
.deliverables{
	border-bottom:1px solid #090A5C !important;
	margin-bottom:20px !important;
	padding-bottom:5px;
}
.pterms p{
	border:1px solid #090A5C;
	display:inline-block !important;
	padding:5px 15px;
	border-radius:50px;
	margin:0 5px 13px 0;
}
.fusion-image-before-after-handle:before, .fusion-image-before-after-handle:after{
	display:none !important;
}
.fusion-image-before-after-handle{
	border:none !important;
}
.arrow-bul li{
	position:relative;
	list-style-type:none;
	margin-left:-10px;
	padding-bottom:7px;
}
.arrow-bul li:before, .arrow-bul li:before{
content:url('/wp-content/uploads/2025/01/arrow.svg');
	left:-22px;
	top:-2px !important;
	position:absolute;
}
.fusion-image-before-after-wrapper{
	border-radius:15px;
	box-shadow:0 0 20px rgba(0,0,0,.16) !important;
}
.fusion-image-before-after-horizontal .fusion-image-before-after-before-label:before, .fusion-image-before-after-after-label:before{
	letter-spacing:0.7px !important;
	border-radius:500px !important;
}
.quote-cont{
	position:relative !important;
}
.pin{
	position:absolute !important;
	right:25px;
	top:15px;
}
.quote-cont h3{
	margin-right:20px !important;
}
.quote-cont p em{
	font-size:1.15em !important;
	font-family: calluna, serif;
}
.pquote{
	position:relative;
}
.pquote:before{
	content:'“';
	position:absolute;
	left:-26px;
	font-size:34px;
}
.single-avada_portfolio #wrapper{
	background:url('/wp-content/uploads/2025/01/healthcare-branding-portfolio-background-scaled.jpg') !important;
	background-size:cover !important;
}
/*FAQ*/
.fusion-panel{
	border-radius:13px !important;
}
.page-id-14 #wrapper{
	background:url('/wp-content/uploads/2024/12/about-healthcare-branding-scaled.jpg') !important;
	background-size:cover !important;
}
.page-id-13 #wrapper{
	background:url('/wp-content/uploads/2024/12/medtech-blog-insights-scaled.jpg') !important;
	background-size:cover !important;
}
.page-id-11 #wrapper{
	background:url('/wp-content/uploads/2025/01/about-brave-tale-team-scaled.jpg') !important;
	background-size:cover !important;
}
.page-id-14 #main, .page-id-13 #main, .single-avada_portfolio #main, .page-id-11 #main{
	background:none !important;
}
/*Blog*/
.page-id-13 .fusion-post-cards .fusion-meta-tb{
	display:none !important;
}
.fusion-filter{
	margin-bottom:10px !important;
}
.fusion-filters li a{
	display:inline-block;
	border:none !important;
	background:white;
	padding:2px 22px;
	border-radius:50px;
}
.fusion-active a{
	background:#1B91D0 !important;
	color:white !important;
}
/*Blog Article*/
#subhead{
	font-size:30px !important;
}
.toc-ttl{
	border-bottom:1px solid rgba(255,255,255,.5);
	padding:15px 40px 22px 40px;
}
/*TABLET*/
@media only screen and (min-width: 550px){
.fusion-toggle-heading{
	font-size:22px;
	line-height:1.5;
}
/*Home*/
.centered-flex{
	width:100% !important;
	display:flex;
	justify-content:center;
}
.words{
	margin:1.5em 10px;
}
.into:after{
	content:url('/wp-content/uploads/2024/12/innovation-to-impact.svg');
	position:absolute;
	border-bottom:none;
}
.connection{
	margin-left:0px;
}
.connection:before{
	content:none;
}
.quote-title:before{
	left:44px;
}
.quote-name{
	margin-bottom:0 !important;
}
.weeks strong{
	display:inline-block !important;
}
.quote-portrait{
	margin-bottom:0 !important;
}
/*About*/
.molecule-img{
	position:absolute !important;
	top:50em !important;
	width:200px;
	right:-8% !important;
	z-index:1 !important;
	display:block !important;
}
.fusion-modal .modal-dialog{
	max-height:calc(100% - 90px) !important;
	margin-top:20vh;
}
.bio-pic{
	float:left;
	margin-right:30px;
	margin-top:-15px;
}
.bio-cont{
	margin-bottom:3em;
}
/*Blog Articles*/
#subhead{
	font-size:35px !important;
	margin-top:-15px !important;
}
}
/*DESKTOP*/
@media only screen and (min-width: 800px){
.desktop-only{
	display:block;
}
#blog-hero h2{
	font-size:1em !important;
}
/*Header*/
.fusion-sticky-transition{	background:rgba(255,255,255,.2) !important;
}
/*Footer*/
.fusion-form-submit-field button{
	position:relative;
	top:-37px !important;
	right:4px;
}	
.med-font{
	font-size:45px !important;
}
.port-cont{
	position:relative !important;
}
.port-hov{
	width:calc(100% - 40px) !important;
	transition-timing-function: ease-in-out !important;
  transition: 0.2s !important;	opacity:0;
	position:absolute !important;
	margin-top:0 !important;
}
.port-hov .fusion-column-wrapper{
	border-radius:13px !important;
}
.port-cont:hover .port-hov{transform: translate(0, -52%) !important;
	opacity:1;
	position:absolute !important;
}
.port-hov .fusion-button-text{
	border-bottom:1.5px solid #090A5C;
}
.weeks h2.fusion-title-heading{
	font-size:1em !important;
}
.quote-portrait{
	margin-bottom:20px !important;
}
.testis{
	padding-bottom:30px !important;
}
.awb-swiper-button-next, .awb-swiper-button-prev{
	top:94% !important;
}	
/*.swiper-slide{
	width:80% !important;
	margin-right:60px !important;
}*/
/*About*/
.molecule-img{
	position:absolute !important;
	top:27em !important;
	width:300px;
	right:-8% !important;
	z-index:1 !important;
	display:block !important;
}
.testi-cont .fusion-post-cards{
	overflow:visible !important;
}
/*Blog*/
.fusion-filter{
	margin-right:15px !important;
	margin-bottom:0 !important;
}
/*Blog Articles*/
#subhead{
	font-size:22px !important;
	margin-top:-15px !important;
}
/*Portfolio Pieces*/
.pterms p{
	font-size:18px;
	padding:5px 24px;
}
.pin{
	right:45px;
}
}