@charset "UTF-8";

/*
=====================================================

Style elements that will appear in the front end only

=====================================================
*/ 
@import "style-common.css";


body {
	font-family: "Barlow", sans-serif;
	font-weight: 400;
	font-style: normal;	
	font-size: 16px;
}


header {
	width: 100%;
	/*min-height: 150px;*/
	min-height: 130px;
	background-color: #e8e4e1; 
}
header .wp-block-group {
	padding-top: 10px;
}


footer {
	width: 100%;
	min-height: 360px;
	background-color: var(--u-blue);
}


.mega-toggle-blocks-right {
	padding-top: 30px;
}


@media only screen and (max-width: 480px){

	.hide-mobile {
		display: none;
	}

	.container {
		padding-left: 10px;
		padding-right: 10px;
	}

	#referral-form input:not(.wpcf7-submit), #referral-form textarea, #referral-form #file-upload {
		width: 100%;
	}

	#general-form input:not(.wpcf7-submit), #general-form textarea {
		width: 100%;
	}	

	header figure {
		text-align: center;
	}
	header img {
		width: 100% !important;
		height: auto;
	}

	#meet-surgeon-left {
		width: 100%;
		background-size: contain;
	}
	#meet-surgeon-right-content {
		width: 100%;
	}

	#home-clinic-locations-group {
		width: 100%;
		float: unset;
		padding-left: 10px;
		padding-right: 10px;
	}
	#home-clinic-locations-group p {
		font-size: 1.4em !important;
	}
	#home-appointments-inquiries {
		padding-left: 10px;
		padding-right: 10px;
	}



	#home-blue-purple-cols {
		float: unset;
		margin-left: auto;
		margin-right: auto;
	}

	#patient-experiences {
		padding-left: 10px !important;
		padding-right: 10px !important;
	}
	.sp-testimonial-free-section .sp-testimonial-client-testimonial, .sp-testimonial-free-section .sp-testimonial-client-testimonial p { 
		font-size: 20px;
	}

	#contact-us {
		padding-left: 10px;
	}
	#contact-us p {
		font-size: 1.4em !important;
	}

	#contact-clinic-locations-group {
		width: 100%;
		padding-left: 10px !important;
		padding-right: 10px !important;
	}
	#contact-clinic-locations-group p {
		font-size: 1.4em !important;
	}
	#contact-appointments-inquiries {
		padding-left: 10px;
		padding-right: 10px;
	}


	#footer-container {
		padding-left: 10px !important;
		padding-right: 10px !important;
	}
	#footer-container p, #footer-container h2 {
		/*font-size: 1.4em !important;*/
	}

	#home-clinic-locations-bg {
		background-image: url("/wp-content/themes/urology-2025/assets/images/home-clinics-bg-sm-screen.png");
	}
	#home-clinic-locations .wp-block-column p {
		max-width: 280px;
	}
}


@media only screen and (max-width: 740px){
	#home-hero-text-mobile {
		display: block;
		width: 100%;
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 20px;	
		margin-bottom: -80px;
	}
	#home-hero-text {
		display: none;
	}

	#referral-form input:not(.wpcf7-submit){
		width: 100%;
	}
	#referral-form textarea {
		width: 100%;
	}
	#referral-form #file-upload {
		width: 100%;
	}
}



@media only screen and (max-width: 781px){
	header #header-col-left {
		text-align: center;
	}

	header .mega-toggle-blocks-right {
		padding-top: 30px;
	}
	header :where(.wp-block-columns.is-layout-flex){
		gap: unset !important;
	}
	header :where(.wp-block-columns) {
		margin-bottom: 0em;
	}		
}


@media only screen and (max-width: 1024px){
	#contact-clinic-locations-group {
		padding-left: 2.375em;
	}	
	#header-left {
		justify-content: center;
	}

	#footer-container, #patient-experiences {
		padding-left: 2.375em;
	}
	#patient-experiences {
		padding-right: 2.375em;
	}

	#meet-surgeon-right-content {
		width: 100%;
	}

	header .wp-block-columns {
		justify-content: center;
	}
}



@media only screen and (max-width: 1280px) {
}





/* Slide in menu */
@media only screen and (max-width: 3000px) {
    #mega-menu-wrap-header-menu .mega-menu-toggle + #mega-menu-header-menu {
        width: 300px;
        margin-top: 0px;
        padding-top: 40px;
    }
}