/*
Theme Name: Twenty Twenty-Five
Theme URI: https://wordpress.org/themes/twentytwentyfive/
Author: the WordPress team
Author URI: https://wordpress.org
Description: Twenty Twenty-Five emphasizes simplicity and adaptability. It offers flexible design options, supported by a variety of patterns for different page types, such as services and landing pages, making it ideal for building personal blogs, professional portfolios, online magazines, or business websites. Its templates cater to various blog styles, from text-focused to image-heavy layouts. Additionally, it supports international typography and diverse color palettes, ensuring accessibility and customization for users worldwide.
Requires at least: 6.7
Tested up to: 6.7
Requires PHP: 7.2
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwentyfive
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, style-variations, accessibility-ready, blog, portfolio, news
*/

/*
 * Link styles
 * https://github.com/WordPress/gutenberg/issues/42319
 */

 @import url('https://fonts.googleapis.com/css2?family=Fira+Sans+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

a {
	text-decoration-thickness: 1px !important;
	text-underline-offset: .1em;
}

/* Increase the bottom margin on submenus, so that the outline is visible. */
.wp-block-navigation .wp-block-navigation-submenu .wp-block-navigation-item:not(:last-child) {
	margin-bottom: 3px;
}

/* Increase the outline offset on the parent menu items, so that the outline does not touch the text. */
.wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content {
	outline-offset: 4px;
}

/* Remove outline offset from the submenus, otherwise the outline is visible outside the submenu container. */
.wp-block-navigation .wp-block-navigation-item ul.wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	outline-offset: 0;
}

/*
 * Progressive enhancement to reduce widows and orphans
 * https://github.com/WordPress/gutenberg/issues/55190
 */
h1, h2, h3, h4, h5, h6, blockquote, caption, figcaption, p {
	text-wrap: pretty;
}

/*
 * Change the position of the more block on the front, by making it a block level element.
 * https://github.com/WordPress/gutenberg/issues/65934
*/
.more-link {
	display: block;
}


/* Sephience website styles */

/* Button styles */
.wp-block-buttons .wp-block-button a {
	padding: 15px 8px;
	font-size: 16px;
	line-height: 1;
	border-radius: 8px;
	min-width: 206px ;
    font-weight: 700;
}

.wp-block-buttons .wp-block-button a:hover {
	background-color: #FBAA19 !important;
	color: #363273 !important;
}

footer .wp-block-buttons .wp-block-button a:hover{
	background-color: transparent !important;
	color: white !important;
}

footer .wp-block-buttons .wp-block-button a {
	min-width: 100px;
	font-weight: 400;
	padding: 0 12px;
}

footer .wp-block-buttons .wp-block-button a:hover {
	text-decoration: underline;
}

footer a.wp-block-button__link.wp-element-button {
	text-align: left;
}


/* Header */

.header .approved-header-title,
.header .approved-header-subtitle {
	font-family: 'Poppins', sans-serif;
	font-weight: 500;
    text-transform: uppercase;
}

.header .approved-header-title {
    font-size: 50px;
}

.header .approved-header-subtitle {
    font-size: 24px;
    letter-spacing: 6px;
    margin-top: 0;
}

.header .header-logo {
    margin-top: 40px;
}

.header {
	background: radial-gradient(124.45% 133.5% at 51.27% 9.83%, #363273 0%, #1C1837 100%);
	padding-bottom: 50px;
}

.header .top-nav {
	justify-content: flex-end;
	padding: 12px 65px;
	margin: 0 auto;
}

.header .top-nav ul {
	list-style: none;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(3, auto);
	align-items: center;
	justify-content: center;
	gap: 1rem;
	margin: 0;
}

.header .top-nav ul li {
	position: relative;
	padding: 0 20px;
	text-align: center;
	margin: 0;
}

.header .top-nav li:not(:last-child)::after {
	content: "";
	position: absolute;
	right: -0.5rem;
	top: 50%;
	transform: translateY(-50%);
	width: 1px;
	height: 22px;
	background: #ffff;
}

.header .top-nav ul li a {
	text-decoration: underline;
	font-size: 14px;
	font-family: 'Fira Sans';
    font-weight: 500;
}

.header .top-nav ul li a:hover {
	text-decoration: underline;
	color: #66B2E7;

}

.header .header-text {
	margin: 0;
	padding: 30px 0;
}

.header .header-text {
	text-align: center;
	width: 100%;
	text-transform: uppercase;
}

.header .header-logo {
	display: flex;
	justify-content: center;
}

.header .header-logo img{
	margin: 0 auto;
}

/* Footer */
.footer {
	margin: 0 auto;
	padding: 42px 0;
}

.footer .footer-content {
	padding: 0 36px 0 70px;
	max-width: 1024px;
}

.footer .footer-content a,
.footer .footer-content p {
	font-size: 14px;
	line-height: 1;
	font-family: "Roboto";
}

.footer .footer-content .footer-logo-links {
	gap: 99px;
}

.footer .footer-links, .footer .footer-links nav {
	justify-content: space-between;
	flex: 1;
	margin-top: 5px;
}

.footer .footer-links ul {
	list-style: none;
	padding: 0;
	margin: 0;
	display: contents;
	justify-content: space-between;
	flex: 1;
}

.footer .footer-links li {
	margin: 0;
}

.footer .footer-links li a {
	text-decoration: none;
}

.footer .footer-links li a:hover {
	text-decoration: underline;
}

.footer .footer-content .footer-copy {
	padding-top: 34px;
	margin: 0;
}

.footer .footer-content .footer-copy p {
	margin: 0;
	padding-bottom: 16px;
}

.column-patients-care {
	color: #2B285C;
	padding: 20px 17px 30px;
	gap: 50px;
	justify-content: center;
}

.column-patients-care .wp-block-column {
	display: flex;
    align-items: center;
    flex-direction: column;
    position: relative;
} 

.column-patients-care .wp-block-column:first-child::after {
    content: "";
    position: absolute;
    top: calc(100% + 25px);
	left: 0;
	right: 0;
	width: 100%;
	height: 1px;
	background: #0062A0;
}

.column-patients-care .wp-block-column p:first-child {
	letter-spacing: 2px;
}
.column-patients-care .wp-block-column figure + p, .column-announcement .wp-block-column figure + p {
	font-weight: 700;
	font-size: 16px;
}

.column-patients-care .wp-block-column p:nth-last-child(2) {
	margin-top: 0;
	text-align: center;
} 

.column-announcement {
	color: #2B285C;
	padding: 35px 17px;
	gap: 90px;
	justify-content: center;
	flex-direction: column;
	align-items: center !important;
	margin: 0;
}

.column-announcement .wp-block-column {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
}

.column-announcement .wp-block-column * {
	max-width: 537px;
}
.column-announcement .wp-block-column p {
	text-align: center;
}

.column-announcement .wp-block-column:first-child {
	position: relative;
}

.column-announcement .wp-block-column:first-child::after {
    content: "";
    position: absolute;
    top: calc(100% + 45px);
	left: 0;
	right: 0;
	width: 100%;
	height: 1px;
	background: #0062A0;
}

.column-announcement .wp-block-column:first-child img {
    width: 47px;
}

.column-announcement .wp-block-column:last-child img {
    width: 61px
}

/* 404 and 500 error pages*/
.page-500, .error404 {
	background: rgba(215, 215, 227, 0.5);
	margin: 0 auto;
}
.column-error {
	max-width: 1024px;
	padding: 30px 17px 86px;
	margin: 0 auto;
	color: #363273;
	align-items: flex-end;
	gap: 60px;
}

.column-error > div:first-child {
	text-align: center;
}

.column-error > div:first-child p:first-child{
	font-size: 150px;
	line-height: 1;
	font-weight: bold;
}
.column-error > div:first-child p:last-child{
	font-size: 30px;
	line-height: 1;
	font-weight: bold;
	text-transform: uppercase;
}

.column-error > div:last-child {
	font-size: 24px;
}

.column-error > div:last-child p{
	margin-top: 0;
}

.column-error > div:last-child p:first-child{
	font-weight: 700;
}

.column-error > div .wp-block-buttons{
	margin-top: 48px;
}


.custom-heading {
font-family: "Fira Sans Condensed", sans-serif !important;
font-size: 42px;
font-style: normal;
font-weight: 700;
line-height: 42px; 
letter-spacing: 0px !important;
text-transform: capitalize;
}


/* Media Queries */

@media (min-width: 781px) {
	.column-patients-care .wp-block-column:first-child::after {
		content: "";
		position: absolute;
		right: -63px;
		top: 50%;
		left: auto;
		transform: translateY(-50%);
		width: 1px;
		height: 209px;
		background: #2B285C;
	}
	.column-patients-care {
		gap: 126px;
	} 
	.column-patients-care .wp-block-column {
		max-width: 350px;
	} 
	.column-patients-care .wp-block-column figure{
		height: 69px;
	} 
	.column-patients-care .wp-block-column:first-child img{
		width: 55px;
	} 
	.column-patients-care .wp-block-column p:nth-last-child(2) {
		max-width: 328px;
	}
	.column-announcement {
		gap: 80px;
		padding: 30px 64px 52px;
	}
	
	.column-announcement .wp-block-column:first-child::after {
		top: calc(100% + 40px);
	}

	.column-announcement .wp-block-column:first-child img {
		width: 67px;
	}

	.column-error {
		padding: 69px 17px 135px;
		gap: 48px;
	}

	.column-error > div:first-child p:first-child{
		font-size: 200px;
	}
	.column-error > div:first-child p:last-child{
		font-size: 40px;
	}
}

/* Desktop and Tablet */
@media (min-width: 900px) {
	.column-patients-care {
		padding: 20px 64px 36px;
	}
}

/* Mobile Styles */
@media (max-width: 900px) {
	h1 {
		font-size: 30px;
		letter-spacing: 8px;
	}

	.footer .is-layout-flex {
		gap: 10px;
	}

	.header .top-nav {
		padding: 12px 17px;
	}

	.header .header-text {
		padding: 30px 0 !important;
	}

	.footer .footer-content {
		padding: 0 30px 0 34px;
	}

	.footer .footer-content .footer-logo-links {
		gap: 52px;
		flex-direction: column;
		align-items: flex-start;
	}

	.footer .footer-links ul {
		flex-direction: column;
		gap: 5px;
		justify-content: flex-start;
        align-items: flex-start;
		margin: 0;
	}

	.footer .footer-content .footer-copy {
		padding-top: 35px;
	}

}

.wp-block-columns.has-background.is-layout-flex.wp-container-core-columns-is-layout-28f84493.wp-block-columns-is-layout-flex {
	margin-bottom: 0;
	padding: 0;
}

ul.ul-mb-0 > li:last-child {
	margin-bottom: 0 !important;
}


@media (max-width: 781px) {
	.header .top-nav ul li:last-child {
		padding-right: 0;
		padding-left: 10px
	}

	.header .top-nav ul li:first-child {
		padding-left: 0;
	}

	.header .top-nav ul li {
		padding: 0 5px;
	}

	.header .top-nav ul {
		gap: 0.5rem;
	}

	.header .top-nav li:not(:last-child)::after {
		right: -0.2rem;
	}

	.header .top-nav {
		padding: 12px 35px;
	}

	.header .header-logo img{
		max-width: 212px;
	}

	.column-patients-care {
		padding: 20px 32px 30px;
	
	}

	.column-patients-care .wp-block-column:first-child img{
		width: 44px;
	} 
	.column-patients-care .wp-block-column:last-child img{
		width: 101px;
	}
	.column-error > div:last-child {
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.column-error > div:last-child p {
		text-align: center;
	}
	.header .approved-header-title {
		font-size: 29px;
		padding: 0 10px;
		font-weight: 500;
		margin-bottom: 5px;
		letter-spacing: 8px;
	}
	.header .approved-header-subtitle {
		font-size: 15px;
		padding: 0 10px;
		letter-spacing: 4px;
	}
	.header .header-logo {
		margin-top: 27px;
	}

	.footer {
		padding-top: 27px;
	}

	footer .wp-block-buttons.is-layout-flex.wp-block-buttons-is-layout-flex {
		flex-direction: column;
		justify-content: start;
		text-align: left;
		align-items: flex-start;
	}

	footer .wp-block-buttons .wp-block-button a {
		padding: 0;
	}


	.footer .footer-links, .footer .footer-links nav {
		flex-direction: column;
		align-items: flex-start;
		margin: 0;
	}

	h2.custom-heading {
		margin-bottom: 33px !important;
	}
	
}

/* Input and Select styles */
input,
select,
textarea {
    font-size: 16px;
    line-height: 1.5;
}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"],
input[type="number"],
input[type="tel"],
input[type="search"],
input[type="date"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="week"],
input[type="month"],
select {
    font-size: 16px;
	font-family: 'Poppins', sans-serif;
	line-height: 19px;
}

.select-wrapper {
	position: relative;
	width: 100%;
  }
  
  .select-wrapper select {
	appearance: none;
  }
  
  .custom-arrow {
	position: absolute;
	top: 50%;
	right: 10px;
	width: 10px;
	height: 6px;
	background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 6L0 0L10 0L5 6Z' fill='%23363273'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	transform: translateY(-50%) rotate(0deg);
	transition: transform 0.3s ease;
	pointer-events: none;
  }
  
  /* Rotate arrow when wrapper has .open class */
  .select-wrapper.open .custom-arrow {
	transform: translateY(-50%) rotate(180deg);
  }


  #registration-recaptcha {
	display: none !important;
  }

	/* ISI */
	.endash-sublist {
		list-style: none;
	}
	
	.endash-sublist li {
		position: relative;
	}
	
	.endash-sublist li::before {
		content: "– ";
		position: absolute;
		left: -11px;
	}

	@media (min-width: 769px) {
		.endash-sublist li::before {
			left: -14px;
		}
	}