/*
 Theme Name:   Beaconbridge Psychotherapy & Counselling
 Theme URI:    https://beaconbridgepsych.com.au
 Description:  A custom theme created for Beaconbridge Psychotherapy & Counselling
 Author:       Weber Design Studio
 Author URI:   https://weberdesignstudio.com.au
 Template:     generatepress
 Version:      0.1
*/

/* Typography */
h1, h2 {text-wrap:balance;}
.balance-text {text-wrap:balance;}
.phone-link {font-size:24px;}

/* Site Header */
header.sticky-header.elementor-sticky--effects {background-color:#2c5c55 !important; box-shadow: 0px 4px 33px 1px rgba(0, 0, 0, .37);}
header.sticky-header .bb-logo {transition: transform ease-in-out 0.3s;}

/* Home Hero and Title Block */
.bb-home-header {display:flex; flex-direction:column; min-height:60vh; justify-content:center; padding-top:180px; padding-bottom:90px; align-items:center; padding-left:80px; padding-right:80px;}
.bb-home-header .inside-page-hero {max-width:1400px; width:100%;}
.bb-title-header {display:flex; flex-direction:column; align-items:center; min-height:40vh; justify-content:center;}
.bb-title-header .inside-page-hero {max-width:800px;}
.pre-title {text-transform:uppercase; font-weight:600; color:#edae49;}

/* Services Cards */
.services-card-titlebox {position:relative;}
.services-card-icon {position:absolute !important;	left:0;	right:0; top:-20px;}
.services-card-icon img {background:#f8f5ef; padding:8px; border-radius:50% !important;}

.contact-card ul li:first-child {font-weight:bold;}

/* Footer */
.footer-list ul {margin-left:0; list-style-type:none; margin-bottom:0;}
.footer-list ul li {margin:5px 0;}

/* MEDIA QUERIES */

/* Min screen size 1280px */
@media screen and (min-width:1280px){
	.bb-home-header-inner-wrap {max-width:50% !important;}
}

/* Min screen size 1025px */
@media screen and (min-width:1025px){
	
	.bb-home-header-inner-wrap {max-width:60%;}
	
	header.sticky-header.elementor-sticky--effects {height:80px;}
	
	header.sticky-header.elementor-sticky--effects .bb-logo {
	transform: scale(.7);
		margin-left:-50px;}
	
	.bb-anchor {scroll-margin-top:110px;} /* Anchor links */
	
}

/* Max screen size 1024px */
@media screen and (max-width:1024px){

	.bb-home-header {min-height:60vh; padding-top:160px; padding-bottom:60px; padding-left:40px; padding-right:40px;}
	.bb-home-header-inner-wrap {width:100%;}
	.bb-title-header {min-height:45vh; padding-top:150px; padding-bottom:50px; padding-left:40px; padding-right:40px;}
	
	.bb-anchor {scroll-margin-top:140px;} /* Anchor links */
	
}

/* Max screen size 768px */
@media screen and (max-width:768px){
	
	header {background:#2c5c55 !important;}	
	
	.bb-home-header {padding-top:60px; min-height:40vh;}
	.bb-title-header {padding-top:60px; min-height:35vh;}
	
}

/* Max screen size 480px */
@media screen and (max-width:480px){

	.bb-home-header {padding-top:70px; padding-bottom:70px; padding-left:25px;padding-right:25px;}
	.bb-title-header {min-height:20vh; padding-top:60px; padding-bottom:60px; padding-left:25px; padding-right:25px;}
	
}