/*
Theme Name: MediConferences UK
Theme URI: 
Author: Artemis
Author URI: 
Description: Custom theme for MediConferences UK
Requires at least: 6.9
Tested up to: 6.9
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: mediconferences-uk
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

/*
 * IMPORTANT: This file is only served on the frontend when `SCRIPT_DEBUG` is enabled;
 * in most instances, the `style.min.css` file will be served. It is not recommended that you
 * use the Theme File Editor to modify this stylesheet. Instead, add the necessary style
 * overrides via "Additional CSS" in the Site Editor.
 */

/*
 * IMPORTANT: This file is only served on the frontend when `SCRIPT_DEBUG` is enabled;
 * in most instances, the `style.min.css` file will be served. It is not recommended that you
 * use the Theme File Editor to modify this stylesheet. Instead, add the necessary style
 * overrides via "Additional CSS" in the Site Editor.
 */

/*
 * Link styles
 * https://github.com/WordPress/gutenberg/issues/42319
 */
a {
	text-decoration: none;
}

/* Focus styles */
:where(.wp-site-blocks *:focus) {
	outline-width: 2px;
	outline-style: solid;
}

/* 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;
}

/*
 * Prevents unnecessary scrollbars while handling long lines of preformatted text.
 * https://core.trac.wordpress.org/ticket/63875
 */
:where(pre) {
	overflow-x: auto;
}


/* Tailwind CSS Styles */
.hover-shadow-xl,
.hover-shadow-md {
	transition: all 0.2s;
}
.hover-shadow-xl:hover {
    --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
    box-shadow: 0 0 #0000, 0 0 #0000, 0 25px 50px -12px rgb(0 0 0 / 0.25);
}
.shadow-2xl {
    box-shadow: 0 0 #0000, 0 0 #0000, 0 25px 50px -12px rgb(0 0 0 / 0.25);
}
.shadow-xl {
    --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
    box-shadow: 0 0 #0000, 0 0 #0000, 0 25px 50px -12px rgb(0 0 0 / 0.25);
}
.shadow-lg {
    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    box-shadow: 0 0 #0000, 0 0 #0000, 0 25px 50px -12px rgb(0 0 0 / 0.25);
}
.shadow-md {
    --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
    box-shadow: 0 0 #0000, 0 0 #0000, 0 25px 50px -12px rgb(0 0 0 / 0.25);
}
.hover-shadow-md:hover {
    --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
    box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
}
.shadow-sm {
    --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
    box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
}

.hover-translate-y {
	transition: all 0.3s;
}
.hover-translate-y:hover {
	transform: translateY(-0.25rem);
}
.hover-translate-y:hover h3 {
	color: var(--wp--preset--color--accent-1);
}


/* Mediconferences UK Styles */
.wp-header {
	z-index: 100 !important;
}

p {
	/* overflow-wrap: break-word; */
}

.blue-text {
	color: var(--wp--preset--color--accent-1);
}

.overflow-clip {
	overflow: clip;
}

.display-inline {
	display: inline-block;
}

.box-height-100 {
    height: 100%;
}
.box-width-100 {
    width: 100%;
}

.coming-soon-cover .wp-block-cover__inner-container {
	position: absolute;
    top: 0;
    height: calc(100% - 4rem);
    width: calc(100% - 4rem);
	padding: 2rem;
}

@media ( max-width: 782px ) {
	.coming-soon-cover {
		min-height: 20rem !important;
	}
	.what-next-grid {
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}
}

@media ( max-width: 650px ) {
	.grid-collapse-sml {
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}
	.grid-4m-to-2s {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}
@media ( max-width: 960px ) {
	.grid-6l-to-3m-to-2s {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}
@media ( max-width: 550px ) {
	.grid-6l-to-3m-to-2s {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}
@media ( min-width: 1280px ) {
	.board-grid {
		grid-template-columns: repeat(3, 1fr);
	}
}



.align-self-end .wp-block-cover__inner-container {
	align-self: end;
}

.offset-yellow-border {
	position: absolute;
	z-index: -1;
	top: 20px;
	left: 20px;
	width: 100%;
    height: 100%;
}

.offset-blue-corner {
	position: absolute;
	z-index: -1;
	bottom: -20px;
	right: -20px;
	width: 6rem;
    height: 6rem;
}

.divider-short-yellow {
	width: 5rem;
	border-top: 0.25rem solid var(--wp--preset--color--accent-2);
}
.divider-short-yellow-left {
	width: 5rem;
	border-top: 0.25rem solid var(--wp--preset--color--accent-2);
	margin-left: 0 !important;
}
.divider-short-blue {
	width: 5rem;
	border-top: 0.25rem solid var(--wp--preset--color--accent-1);
	margin-left: 0 !important;
}
.divider-short-blue-center {
	width: 5rem;
	border-top: 0.25rem solid var(--wp--preset--color--accent-1);
}

.icon-circle-group {
	min-width: 3rem;
	width: 3rem;
	height: 3rem;
	min-height: 3rem;
}

.black-and-white-hover-cover img {
	filter: grayscale(100);
	transition: all 0.7s;
}
.black-and-white-hover-cover:hover img {
	filter: grayscale(0);
}

.eye-icon-bg {
	background-size: 144px !important;
    background-repeat: no-repeat;
	background-position: top 1rem right 1rem;
}

.link-hover-blue a,
.link-hover-blue a span {
	transition: all 0.2s;
}
.link-hover-blue a:hover {
    --tw-text-opacity: 1;
    color: rgb(0 51 102 / var(--tw-text-opacity, 1));
}
.link-hover-blue a:hover span {
	padding-left: 0.5rem;
}

.wp-social-link {
	transition: all 0.3s;
}
.wp-social-link:hover {
	background-color: var(--wp--preset--color--accent-1) !important;
}

ul.list-style-default {
	list-style: disc;
	padding-left: 1.2rem;
	line-height: 1.2;
}

ul.list-style-yellow-disc {
	list-style: disc;
	padding-left: 1.4rem;
	line-height: 1.2;
}
ul.list-style-yellow-disc li::marker {
	color: var(--wp--preset--color--accent-2);
	font-size: 1.5rem;
}

ul.list-style-yellow-disc li strong,
ul.list-style-checkmark li strong  {
	color: var(--wp--preset--color--contrast);
}

ul.list-style-checkmark {
    padding-left: 0;
}

ul.list-style-checkmark li {
    list-style: none;
    background-image: url('https://stg-mediconference-staging.kinsta.cloud/wp-content/uploads/2026/02/checkmark.svg');
    background-repeat: no-repeat;
    background-position: left 0.25rem;
    background-size: 0.8rem;
    padding-left: 1.5rem;
    margin-top: 0.75rem;
}

#location {
	position: relative;
}
.floating-location {
	position: absolute;
	top: 2rem;
	right: 2rem;
	max-width: 24rem;
}

/* Navigation */
@media ( max-width: 781px ) {
	.site-nav-logo {
		flex-basis: 142px !important;
	}

	.footer-disclaimer-row {
		flex-direction: column;
	}

	.footer-disclaimer-row > .wp-block-group {
		justify-content: center;
	}
}
.wp-block-navigation .wp-block-navigation-item a {
	transition: all 0.3s;
}
.wp-block-navigation .wp-block-navigation-item a:hover {
	color: var(--wp--preset--color--accent-1);
}

.wp-block-navigation .wp-block-navigation-item.current-menu-item a {
	color: var(--wp--preset--color--contrast);
}

.wp-block-navigation .wp-block-navigation-item.nav-register-button a {
	color: var(--wp--preset--color--accent-1);
	padding: 0.5rem 1.25rem;
	border: 1px solid var(--wp--preset--color--accent-1);
	transition: all 0.3s;
}
.wp-block-navigation .wp-block-navigation-item.nav-register-button a:hover {
	
	background-color: var(--wp--preset--color--accent-5);
}

.has-modal-open .admin-bar .is-menu-open .wp-block-navigation__responsive-dialog {
    padding-left: 2rem;
}

/* Fluent Forms */
.ff-default .ff-el-form-control {
	font-family: 'Inter', sans-serif;
}

.fluent_form_6 label,
.fluent_form_5 label {
	--tw-text-opacity: 1;
	color: rgb(51 65 85 / var(--tw-text-opacity, 1));
	font-size: 0.875rem;
	line-height: 1.25rem;
}
.ff-default .ff-el-form-control {
	border-radius: 0 !important;
	font-size: 1rem;
}
.ff-btn.ff-btn-submit.ff-btn-md.ff_btn_style {
	background-color: rgb(0, 91, 187);
	--tw-bg-opacity: 1;
	width: 100%;
	border-radius: 0.125rem;
}

.fluent_form_5 .ff-btn.ff-btn-submit.ff-btn-md.ff_btn_style {
	width: auto;
}

.fluentform .ff-el-group.ff_list_4col .ff-el-form-check {
    display: -moz-inline-stack;
    display: inline-block;
    margin: 0;
    min-height: 28px;
    padding-right: 16px;
    vertical-align: top;
    width: 25%;
}

.mcuk-contact-form .fluentform_wrapper_4 .mcuk-enquiry-tiles .ff-el-form-check label {
    display: flex !important;
    align-items: center;
    justify-content: center;
    min-height: 56px;
    text-align: center;
    padding: 16px;
    border: 1px solid #e2e8f0;
    border-radius: 2px;
    background: #fff;
    cursor: pointer;
    transition: all .18s ease;
    font-weight: 600;
    color: #0f172a;
}
.mcuk-contact-form .fluentform_wrapper_4 .mcuk-enquiry-tiles input[type="radio"] {
    position: absolute !important;
    opacity: 0 !important;
    width: 1px !important;
    height: 1px !important;
}
.mcuk-contact-form .fluentform_wrapper_4 .mcuk-enquiry-tiles input[type="radio"]:checked + label,
.mcuk-contact-form .fluentform_wrapper_4 .mcuk-enquiry-tiles label:has(input[type="radio"]:checked) {
    background: #F0F5FA !important;
    border-color: var(--wp--preset--color--accent-1) !important;
    color: var(--wp--preset--color--accent-1) !important;
}

@media ( max-width: 781px ) {
	.mcuk-contact-form .ff-el-input--content {
		display: flex;
		flex-wrap: wrap;
	}
	.mcuk-contact-form .ff-el-input--content .ff-el-form-check {
		min-width: 50%;
	}
}

/* Contact Form 7 forms */
.wpcf7 .contact-form-row {
	display: flex;
	flex-wrap: nowrap;
	gap: 1rem;
}
.wpcf7 .contact-form-col {
	flex-basis: 50%;
}
.wpcf7 p:first-of-type {
	margin-top: 0;
}
.wpcf7 p:last-of-type {
	margin-bottom: 0;
}
.wpcf7 p label {
	line-height: 2.5;
}
.wpcf7 .required-marker {
	color: red;
}
.wpcf7 .wpcf7-form-control-wrap input,
.wpcf7 .wpcf7-form-control-wrap textarea {
	width: 100%;
	box-sizing: border-box;
	font-size: 1rem;
	font-family: 'Inter', sans-serif;
	color: #606266;
	border: 1px solid #dadbdd;
	padding: 11px 15px;
}
.wpcf7 .wpcf7-form-control-wrap input::placeholder,
.wpcf7 .wpcf7-form-control-wrap textarea::placeholder {
	color: #dadbdd;
}
.wpcf7 .wpcf7-form-control-wrap [type=checkbox] {
	width: auto;
}
.wpcf7 p .wpcf7-acceptance label {
	line-height: 1.5;
}
.wpcf7 .wpcf7-list-item {
	margin: 0;
}
.wpcf7 .wpcf7-submit {
	padding-top: 0.5rem;
	padding-right: 1.25rem;
	padding-bottom: 0.5rem;
	padding-left: 1.25rem;
	background-color: var(--wp--preset--color--accent-1);
	border-radius: 0;
	font-family: 'Inter', sans-serif;
}
.wpcf7 .wpcf7-submit {
	padding-top: 0.5rem;
	padding-right: 1.25rem;
	padding-bottom: 0.5rem;
	padding-left: 1.25rem;
	background-color: var(--wp--preset--color--accent-1);
	color: var(--wp--preset--color--base);
	border-radius: 0;
	font-family: 'Inter', sans-serif;
	font-size: 1rem;
	font-weight: 500;
	border: 0px solid transparent;
	margin: 1rem 0;
}
.wpcf7 .wpcf7-submit:hover {
	filter: brightness(80%);
}
.wpcf7 .wpcf7-submit:disabled {
	background-color: var(--wp--preset--color--accent-6);
}

.wpcf7 .radio-button-nature {
	display: flex;
}
.wpcf7 .radio-button-nature .wpcf7-list-item {
    display: flex !important;
    align-items: center;
    justify-content: center;
    min-height: 56px;
    text-align: center;
    padding: 0;
    border: 1px solid #e2e8f0;
    border-radius: 2px;
    background: #fff;
    cursor: pointer;
    transition: all .18s ease;
    font-weight: 600;
    color: #0f172a;
	width: 25%;
}
.wpcf7 .radio-button-nature .wpcf7-list-item input[type="radio"] {
    position: absolute !important;
    opacity: 0 !important;
    width: 1px !important;
    height: 1px !important;
}
.wpcf7 .radio-button-nature .wpcf7-list-item label {
	width: 100%;
	height: 100%;
	align-content: space-around;
	line-height: 1.5;
}
.wpcf7 .radio-button-nature .wpcf7-list-item input[type="radio"]:checked + label,
.wpcf7 .radio-button-nature .wpcf7-list-item label:has(input[type="radio"]:checked) {
    background: #F0F5FA !important;
    border-color: var(--wp--preset--color--accent-1) !important;
    color: var(--wp--preset--color--accent-1) !important;
	width: 100%;
	height: 100%;
	min-height: 56px;
}
.wpcf7 .radio-button-nature .wpcf7-list-item .wpcf7-list-item-label {
	padding: 0.5rem;
}
@media ( max-width: 600px ) {
	.wpcf7 .radio-button-nature {
		display: flex;
		flex-direction: column;
	}
	.wpcf7 .radio-button-nature .wpcf7-list-item {
		width: 100%;
	}
}

/* Cookie Yes consent button */
a.cky-banner-element {
    background: transparent none;
    border-color: currentColor;
    border-width: 1px;
    border-style: solid;
    border-color: var(--wp--preset--color--accent-6);
    color: currentColor;
    padding-top: 0.88rem;
    padding-right: 2rem;
    padding-bottom: 0.88rem;
    padding-left: 2rem;
    display: inline-block
}