/*
 Theme Name:   Medisites
 Description:  child theme
 Author:       2able
 Author URI:   https://www.medisites.org/
 Template:     generatepress
 Version:      0.1
*/

* {
	font-variant-ligatures: none;
	/*outline: 1px solid red; */
}

.site-wrapper {
	margin-left: auto;
	margin-right: auto;
}

html {
	font-size: 62.5%;
}

/* header menu */ 

header {
	margin-bottom: 0 !important;
}

.main-navigation .main-nav li a {
	max-height: 60px;
} 

.main-navigation .main-nav li a:after {
	content: '';
	display: block;
	margin: auto;
	height: 2px;
	width: 0px;
	background: transparent;
	transition: width .5s ease, background-color .5s ease;
}

.main-navigation .main-nav li:hover a:after {
	width: 100%;
	background: var(--gold);
}

@media only screen and (max-width: 890px) {
	.medi-header-con .nav-right {
		column-gap: 0;
	}
	
	.nav-contact {
		display: none !important;
	}
}

@media only screen and (min-width: 890px) {
    /* Nav font styling */
    .main-navigation .main-nav ul li a  {
        font-size: 1.6rem;
        font-weight: 600;
        text-transform: uppercase;
    }
	
	.nav-right {
		align-items: center; 
	}
	
	.nav-right .gb-container {
		height: auto;
	}
}

/* slide out menu */

@media only screen and (min-width: 890px) {
	#generate-slideout-menu {
		display: none !important;
	}
}

#generate-slideout-menu {
	background-image: url("/wp-content/uploads/2024/02/medi-shape.svg");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center right;
}

#generate-slideout-menu .slideout-navigation.do-overlay .inside-navigation {
    padding-top: 100px !important;
}

.slideout-navigation.do-overlay .slideout-exit {
	position: static !important;
}

#generate-slideout-menu .inside-navigation {
	flex-direction: column;
	flex-wrap: no-wrap;
    height: 100%;
    justify-content: center;
	padding-top: 0;
}

#generate-slideout-menu .main-nav {
	order: 2;
	padding-top: 20px;
}

#generate-slideout-menu #block-7 {
	order: 1;
}

#generate-slideout-menu .menu-item a {
	box-sizing: border-box !important;
	max-height: 60px;
	transition: border 0.2s ease;
	border-bottom: 1px solid rgba(255,255,255,0.2);
}

#generate-slideout-menu .menu-item:hover a, #generate-slideout-menu .current-menu-item a {
	background-color: unset !important;
}

#generate-slideout-menu .menu-item:hover a {
	border-bottom: 1px solid var(--gold);
}

/* Hamburger menu icon size */
.main-navigation .menu-toggle {
	font-size: 30px;
}

/* Close Button */
.inside-navigation .slideout-exit {
    margin-left: auto;
}

.slideout-navigation button.slideout-exit {
    padding-left: 0;
    padding-right: 40px;
    padding-top: 25px;
}
    
/* Off Canvas Drop Down Toggle Button */
.slideout-navigation .menu-item-has-children .dropdown-menu-toggle {
    background: red;
}

/* move mobile exit btn */  
.slideout-navigation.do-overlay .slideout-exit {
    position: absolute !important;
    right: 0;
    top: 5px;
}

.slideout-navigation.do-overlay .inside-navigation {
    max-width: 760px;
}

@media only screen and (max-width: 769px) {
    .slideout-navigation.do-overlay .inside-navigation {
        padding: 0;   
    }

    #generate-slideout-menu .slideout-navigation.do-overlay .inside-navigation {
        padding: 0 !important;
    }

}


/* From mobile break point set in customizer*/
@media screen and (max-width: 890px) {
    .slide-opened body {
        overflow: hidden;
    }

    /* Logo centered */ 
    .slide-opened body .site-wrapper .gb-container-fcf0953f {
        justify-content: center;
    }
        
    .slide-opened body .nav-left-img {
        margin-right: 0;
        margin-left: 20px;
        max-width: 150px;
    }
    
    .site-wrapper header .nav-right {
        display: block;
    }
    
    .main-navigation .menu-toggle {
        padding: 15px 0 0;
    }

   /* Logo Container */
    .gb-container-6e37f48b { /* TODO: DEFINE CLASS HERE */ 
        margin-right: 20px;
    }
    
   .main-nav .slideout-menu li a {
        font-size: 1.8rem; 
        text-transform: uppercase;
        margin-bottom: 20px;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    
    .main-navigation .main-nav ul li[class*="current-menu-"] > a {
        border-bottom: 2px solid var(--gold);
    }
    
    /* Off Canvas Contact Button */
    .slideout-menu #menu-item-745 a {
        font-weight: 600;
        text-transform: uppercase;
        padding: 10px 20px !important;
        border: 2px solid var(--gold);
        background-color: var(--transparent);
        color: var(--base-3);
        line-height: 24px;
    }
 
    .slideout-menu #menu-item-745[class*="current-menu-"] > a {
        background-color: var(--gold);
    }
        
    .main-nav {
        padding-top: 68px;
    }    
}

@media screen and (max-width: 890px) and (min-width: 769px) {
    .slideout-navigation.do-overlay .inside-navigation {
        padding: 0; 
        padding-top: 77.5px;    
    }
}

/* page hero */

.page-hero-title-con {
	position: static;
}

.page-hero-grid div:nth-child(2) {
	margin-bottom: -300px;
}

@media only screen and (max-width: 768px) {
	.page-hero-grid div:nth-child(2) {
		margin-bottom: -450px;
	}
}

.hero-hook-img {
	max-width: 75% !important;
	/*height: 330px !important;*/
	height: 330px !important;
	object-fit: cover !important;
}

@media only screen and (max-width: 1000px) {
	.hero-hook-img {
		height: 275px !important;
	}
} 

@media only screen and (max-width: 768px) {
	.hero-hook-img {
		height: 250px !important;
	}
} 

/* reusable blocks */

.content-list {
 list-style-position: inside;
}

.medi-cross-flip-bg::before {
 	transform: scaleX(-1);
}

.limit-grid-image {
	max-width: 75% !important;
}


/* move this rule into reusable block once finalised */ 
@media only screen and (max-width: 768px) {
	.who-we-work-with-logo-grid img {
		max-width: 200px;	
	}
}

/* Testimonials Block */ 

.testimonials-con .gb-shape-1 svg {
    width: 100% !important;
    position: relative !important;
    left: unset !important;
    transform: unset !important;
    max-width: 750px !important;
    min-width: unset !important;
    height: auto !important;
    float: left !important;
}

.testimonials-spacer-grid {
 	flex-wrap: nowrap !important;
}

.testimonials-text {
	max-width: 775px;
	margin-left: auto;
	margin-right: auto;
}

/* footer shape */
.footer-shape svg {
    width: 60% !important;
    left: unset !important;
    transform: unset !important;
    min-width: unset !important;
    float: right;
}

@media only screen and (max-width: 767px) {
	.footer-shape svg {
		width: 100% !important;
		height: 400px !important;
	}

	.gold-shape-logo-grid img {
		/*max-width: 150px; */
	}
}

/*@media only screen and (max-width: 500px) {
	.home-shape-logo-con {
	 padding-left: 0;
	}

	.gold-shape-logo-grid .gb-grid-column {
	  width: 100% !important;
	}
} */

/* end of reusable blocks */ 

/* footer */

.contact-footer svg {
	width: 20px;
	fill: var(--base-3);
}

.contact-footer-icon-grid {
	align-items: center;	
	margin-bottom: 5px;
}

.contact-footer-icon-grid p {
	margin-bottom: 0;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.location-footer p {
		text-align: center;
	}
}

@media only screen and (max-width: 480px) {
	.footer-grid .gb-grid-column {
		width: 100% !important;
	}
	
	.contact-footer-icon-grid .gb-grid-column {
		width: auto !important;
	}
}


.link-no-underline a{
	text-decoration: none !important;
}

/* 404 search box */
.search-404 .wp-block-search__button.wp-element-button {
	padding: 15px 20px;
    border: 1px solid var(--gold);
	text-decoration: none;
}

.search-box-404 .wp-block-search__input{
	background-color: var(--contrast);
    border: 2px solid var(--gold);
}


.search-box-404 .wp-block-search__input:focus {
    background-color: transparent;	
	color: var(--base-3);
	outline: none;
}

/* Form */
.contact-label span input{
	width: 100%;
    background-color: transparent;
	border: none;
    border-bottom: 2px solid var(--gold) !important;
    padding-left: 0;
}

.content-message {
	margin-top: 3em;
}

.content-message label {
	margin-top: 10px;
}

.content-message span textarea {
	margin-top: 10px;
	background-color: transparent;
	border: 2px solid var(--gold);
	color: var(--base-3);
}

.contact-label span input::placeholder, .content-message label, .contact-label span input[type="text"], .contact-label span input[type="email"], .contact-label span input[type="tel"] {
	color: var(--form-text-white);
}

.contact-label span input[type="text"]:focus, .contact-label span input[type="email"]:focus, .contact-label span input[type="tel"]:focus {
	background-color: transparent;
	padding-left: 0px;
}

.contact-label input:focus-visible {
	outline: none;
}

input:-internal-autofill-selected {
	background-color: transparent !important; 
}

.contact-label span input[type="text"]:focus::placeholder, .contact-label span input[type="email"]:focus::placeholder, .contact-label span input[type="tel"]:focus::placeholder{
	color: transparent;
}

.submit-p input[type="submit"] {
	border: 2px solid var(--gold);
	text-align: center;
}


/* Pagination Links */
.paging-navigation .nav-links .page-numbers {
	padding: 15px 20px;
    border: 1px solid var(--gold);
	text-decoration: none;
}

.paging-navigation .nav-links .page-numbers:hover {
	background-color: var(--gold);
	color: white;
}

.paging-navigation .nav-links .page-numbers.current {
	background-color: var(--gold);
}

.who-we-work-with-logo-grid img {
	mix-blend-mode: darken;
}

/* site footer */ 

.contact-footer svg {
	fill: var(--gold);
}

.contact-footer a {
	text-decoration-color: var(--gold);
	text-decoration-thickness: 2px;
}

/* archive / search */ 

.search-results .page-title {
	margin-bottom: 40px;
}

.archive-post-title a {
	text-decoration-color: var(--gold);
	text-decoration-thickness: 2px;
}

/* light mode */
.light .hero-container {
	background-color: #fff !important;
    background-image: url('/wp-content/uploads/2024/03/medisites-light-hero-1.jpg');
}
.light .home-hero-con::after {
	background-image: none !important;
}

.light .nav-right {
	column-gap: 0;
}

/*.light ul:not(.slideout-menu) .menu-item {
	max-height: 51px !important;
}

body.light ul:not(.slideout-menu) .menu-item a:not(.slideout-menu) {
    font-weight: 600 !important;
    text-transform: uppercase !important;
    padding: 10px 20px;
	margin-right: 10px;
	display: inline-flex;
	align-items: center;
	max-height: 51px;
}
@media only screen and (max-width: 1024px) {
	body.light ul:not(.slideout-menu) .menu-item a:not(.slideout-menu) {
		padding: 10px; 
	}
}

.light.home ul:not(.slideout-menu) .menu-item a {
	color: var(--gold);
	backdrop-filter: blur(5px);
	background-color:  rgba(0,0,0,0.4);
	 border: 2px solid var(--gold); 
	color: #fff !important;
}

.light ul:not(.slideout-menu) .menu-item:hover a {
	color: #fff !important;
	background-color: var(--gold);	
}

.light .nav-contact {
	background-color: var(--gold) !important;
	color: #fff !important; 
}

.light .menu-item a::after {
	content: unset !important;
}

.light .slideout-menu li a:hover, .light .slideout-menu ul:hover a {
	color: var(--gold) !important;
}*/

/*body {
    animation: fadeInAnimation ease 0.5s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

@keyframes fadeInAnimation {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
} */

/* large text change */
html:has(.largetext) {
  font-size: 80%;
	transition: font 0.5s ease ;
}
@media only screen and (768px < width < 1100px) {
 .largetext .main-navigation .main-nav ul li a {
	  font-size: 1.2rem;
	}
}
html:not(:has(.largetext)) {
  font-size: 62.5%;
	transition: font 0.5s ease ;
}

/* large end */

.theme-btn, .text-btn {
    padding: 5px;
   /* border: 2px solid var(--gold); */
    display: flex;
    justify-content: center;
    align-items: center;
	max-height: 51px;
	border-radius: 50px;
}

.theme-btn svg {
	height: 35px;
	fill: var(--gold);
		transition-duration: 0.5s;
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
}
.text-btn svg {
	height: 35px;
	fill: var(--gold);
		transition-duration: 0.5s;
}

.theme-btn:hover , .theme-btn:focus , .text-btn:hover , .text-btn:focus  { 
background-color: unset;
}

.theme-btn svg:hover  { 
	fill: #fff;
	 transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
	 transition-duration: 0.5s;
}
.text-btn svg:hover  , .largetext .text-btn  { 
	 transform: scale(1.4);
    -webkit-transform: scale(1.4);
	 transition-duration: 0.5s;
}
.largetext .text-btn svg:hover { 
	 transform: scale(0.6);
    -webkit-transform: scale(0.6);
	 transition-duration: 0.5s;
}
.nav-contact {
	font-size: 1.6rem;
	line-height: 60px;
	max-height: 51px;
	align-items: center;
}
.light .theme-btn svg {
	fill:   var(--gold);
	transform: rotate(180deg);
    border-radius: 100%;
	transition-duration: 0.5s;
}
.light .theme-btn svg:hover {
	fill: #000;
	transition-duration: 0.5s;
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
}

.light .nav-contact-con {
	padding-left: 0;
}

.home.light .icon-menu-bars svg:first-of-type {
	fill: #fff;
}

.nav-right .gb-container {
    height: auto;
}

.main-navigation .menu-toggle {
	padding-top: 0 !important;
	line-height: 30px;
}

@media only screen and (max-width: 1100px) { 	
	.largetext .nav-contact {
    	font-size: 1.2rem;
	}
}

/*@media only screen and (max-width: 1024px) { 
	body.light ul:not(.slideout-menu) .menu-item a, .nav-contact {
		max-height: 48px !important;
	}
}

@media only screen and (max-width: 965px) { 
	body.light ul:not(.slideout-menu) .menu-item a {
		max-height: 48px !important;
	}
	
	.main-navigation .main-nav ul:not(.slideout-menu) li a {
		padding: 0 10px !important;
	}
}*/

@media only screen and (max-width: 930px) {
	/*body.light ul:not(.slideout-menu) .menu-item a, .nav-contact {
		padding: 10px 5px !important; 
		margin-right: 5px !important;
	}*/

	.nav-contact-con {
		padding-left: 5px !important;
		padding-right: 5px !important;
	}
}


/* formidable forms */
.frm-show-form input {
	border-bottom: 2px solid var(--gold) !important; 
}

.frm-show-form textarea {
	padding: 10px 15px;
}

.textarea-field {
	margin-top: 25px;
}

.frm-show-form textarea:focus, .frm-show-form textarea, .frm-show-form input[type=checkbox] {
	border: 2px solid var(--gold) !important;
}

.frm-show-form input[type=radio], .frm-show-form input[type=radio]:focus  {
	outline: 2px solid var(--gold) !important;
	border-bottom: 0 !important;
}

.frm-show-form .frm_description {
	color: var(--base-3) !important;
}

.frm_style_formidable-style.with_frm_style .frm_form_field :invalid {
	background-color: transparent !important;
}

.with_frm_style .frm_inside_container.frm_label_float_top > label {
	font-size: 18px !important;
}

.frm_button_submit {
	line-height: 27px;
	text-transform: uppercase;
}

.frm_error {
	font-size: 18px !important;
}

.frm_section_spacing {
	color: var(--base-3) !important;
	border-top: 2px solid lightgrey !important; 
}

.frm-show-form select, .frm-show-form select:focus {
    border-bottom: 2px solid var(--gold) !important;
	color: var(--gold) !important;
}

.frm-show-form input[type=radio]:before {
    box-shadow: inset 10px 10px var(--gold) !important;
}

.frm-show-form select option {
    background-color: var(--contrast) !important;
    color: var(--base-3) !important;
}

.frm_section_heading h3 {
	color: var(--base-3) !important;
}

.light .frm-show-form input, .frm-show-form textarea, .frm-show-form label {
	color: var(--base-3) !important;
}

.light .frm_button_submit {
	color: var(--gold) !important;
}

.light .frm_button_submit:focus, .light .frm_button_submit:active {
	background-color: var(--gold) !important;
	color: #fff !important;
} 

.light .frm_button_submit:hover {
	color: #fff !important;
}

.light .with_frm_style .frm_checkbox input[type=checkbox]:before {
	box-shadow: inset 10px 10px var(--gold) !important;
}

@media only screen and (min-width: 600px) and (max-width: 1024px) {
	.frm_form_field.frm_fourth {
		grid-column: span 6 / span 6 !important;
	}
} 

/* moved to style.css */ 
/* download btn */

.frm_grid_container.with_frm_style.frm-grid-view.frm-certificate {
	position: relative;
}


a.frm_no_print {
    background-color: var(--gold);
    color: var(--base);
    padding: 20px;
    text-decoration: none;
   /* text-transform: uppercase; */
	border-radius: 25px 0 25px 0;
	border: 3px solid var(--gold);
	transition-duration: 0.5s;
    position: absolute;
    z-index: 2;
    left: 50%;
    transform: translate(-50%);
    bottom: -75px;
	  /*  position: absolute;
    top: -20%;
    left: 50%;
    transform: translate(-50%);
	*/
}


a.frm_no_print:hover {
	background-color: transparent;
	color: var(--base-3);
}



/* formidable cert pagination */ 
.frm_pagination_cont {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100px;
}

ul.frm_pagination {
    margin-bottom: 0;
}

ul.frm_pagination a {
    padding: 15px 25px;
    border-radius: 25px 0 25px 0;
    color: var(--gold);
    border: 3px solid var(--gold);
	text-decoration: none;
	transition-duration: 0.5s;
}

ul.frm_pagination .active a {
    background-color: var(--gold);
    color: var(--base);
}

ul.frm_pagination li:hover a {
    background-color: var(--gold);
    color: var(--base);
}