/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

 /* End GeneratePress Site CSS *//* GeneratePress Site CSS */ /* GeneratePress Site CSS */ /* Comment button */
.form-submit .submit {
	border-radius: 9999px;
}

/* Top menu CTA button */
/*.inside-navigation .menu-bar-items,
.main-navigation .menu-bar-items {
	color: var(--base-4);
}*/

/* Whatsapp Button */
a.gb-button-c098c3c2 {
	 font-size: 26px;
	vertical-align: middle;
	 margin-top: 12px !important
}

/* Text highlight */
mark.gb-highlight {
	border-bottom: 2px solid var(--contrast);
}
.box-shadow {
	box-shadow: 0px 0px 50px -10px rgba(45,54,99,0.3);
}

/* Blog featured post */
@media (min-width: 768px) and (max-width: 1024px) {
	.featured-column {
	width: 100% !important;
	}
}

/* Right sidebar */
.sidebar aside {
	border-radius: 8px;
	border: 1px solid var(--base-2);
}
@media (max-width: 768px) {
	.sidebar {
		margin-top: 5em;
	}
}
 /* End GeneratePress Site CSS */ /* End GeneratePress Site CSS */
/****************************************************************/
.page-hero h1 {
	margin-bottom: 0.3em
}

@media (max-width: 768px) {
  .page-hero {
    background-position: 10% 50%; /* Adjust X and Y percentages (e.g., 20% center) */
  }
}

/*  Hero img bottom */
:where(.wp-block-columns) {
  margin-bottom: 0 !important;
}

/* Klinikka page quotation mark */
@media (max-width: 768px) {
	.elementor-widget-container img.alignright.wp-image-551.size-thumbnail {
		width: 3em
	}
}

.gb-container h1 {
	z-index: 99;
	margin-bottom: 0
}


blockquote {
  	border-color: var( --base);
}


/* Info card SVG shape */
.info-card-shape {
  	color: var( --base-2 );
  	position: absolute;
  	overflow: hidden; 
  	pointer-events: none;
  	line-height: 0;
  	left: 0;
  	right: 0;
  	bottom: -1px; 
	border-radius: 0 0 20px 20px
}

.info-card-shape svg {
  	height: 250px;
  	width: calc(100% + 1.3px);
  	fill: currentColor;
  	position: relative;
  	left: 50%;
  	transform: translateX(-50%);
  	min-width: 100%; 
}

/* Icon Box shadow */
.square-bgr .elementor-icon.elementor-animation- {
	border: 1px solid var(--base-2);
	box-shadow: 0px 0px 50px -10px rgba(45,54,99,0.3);
}

/* Asiakaspalautteet slide */

.uc_quote_item {
	display: flex;
	align-items: center
}

.ue-text-unfold-btn {
	margin-top: 12px
}

div.ue-text  {
	padding: 13px 13px 7px 13px;
	background-color: #FFFFFF14;
	border-radius: 15px
}

.ue-text.ue-active {
	height: auto !important
}

.uc_author {
	margin-top: 15px !important
}

/*----- Start of Contact Form 7 ----- 
-----------------------------------*/
div.wpcf7 { 
	background-color: #2e6c7b12;
	font-family: "Open Sans",sans-serif;
	border:  1px solid #2E6C7B29;
	border-radius: 15px;
	padding: 20px;
	width: 100%
}

.wpcf7 h3 {
	color: var( --e-global-color-accent );
	padding: 20px 7px;
	margin-bottom: 8px;
	border-radius: 5px;
	text-align: center;
	width: 100%
}

.wpcf7 select,
.wpcf7 input,
.wpcf7 textarea {
	font-family: "Open Sans",sans-serif;
	color:#666;
	width: 100%;
	border: 1px solid #2E6C7B29;
	border-radius: 5px;
	padding: 3px 7px;
	margin-bottom: 0
}

.wpcf7 textarea {
	height: 100px
}

.wpcf7 input[type="submit"],
.wpcf7 input[type="button"] { 
	background-color: var( --e-global-color-accent );
	color: #fff;
	max-width: 300px;
	font-family: "Open Sans",sans-serif;
	text-align:center;
	text-transform:uppercase;
	text-shadow: none;
	letter-spacing: 1.4px;
	border-radius: 5px;
	padding: 7px 7px;
	z-index: 9999
}

.wpcf7 input[type="checkbox"] {
	width: 20px !important;
	margin: 5px 5px 0 0
}

.wpcf7 select[name="your-id_card"], .wpcf7 select[name="your-kind_of_work"] {
	width: 103%
} 

div.wpcf7-validation-errors {
	color: red !important;
	margin: 0 -15px;
	border: none
}

div.wpcf7-mail-sent-ok {
	color: green ;
	margin: 0 15px;
	border: none
}

.wpcf7 form .wpcf7-response-output {
	border-color: var(--contrast) !important;
	border-radius: 5px;
	background-color: var(--base)
}

span.wpcf7-not-valid-tip {
	font-size: 16px;
	margin-top: 10px
}

.wpcf7 select[name="your-id_card"],
.wpcf7 select[name="your-kind_of_work"] {
	color: #aaa;
	padding-left: 3px;
	font-family: "Open Sans",sans-serif;
}

/* It should be hidden automatically.. */
div.wpcf7-response-output {
border: none;
}

/* Lisätään latausnuoli-ikoni Drag & Drop -alueelle */
.codedropz-upload-inner::before {
    content: "";
    display: block;
    width: 48px;
    height: 48px;
    margin: 0 auto 12px auto;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%230073aa'%3E%3Cpath d='M11 16V7.85l-2.6 2.6L7 9l5-5 5 5-1.4 1.45-2.6-2.6V16h-2zm-5 4q-.825 0-1.412-.587T4 18v-3h2v3h12v-3h2v3q0 .825-.587 1.413T18 20H6z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.codedropz-upload-inner .codedropz-btn-wrap a.cd-upload-btn {
	font-size: 21px;
    border: 1px solid var(--base);
    border-radius: 5px;
    padding: 5px 7px;
    background-color: var(--base);
}

/* Klinikka */
@media (max-width: 768px) {
	.alignleft.wp-image-2976.size-medium {
		float: left;
		margin-right: 0.7em;
		width: 125px
	}
}

img.breier_pic {
	border-radius: 5px !important
}
/* Hoidon kulku */
#uc_how_to_elementor_39e9ead .ue-heading {
	display: none
}

#uc_how_to_elementor_39e9ead i {
	color: #77CBDA;
  	display: flex;
  	float: left;
  	margin-right: 0.4em;
	margin-top: 10px;
  	font-size: 2em;
}

/* Hinnasto */
@media (max-width: 767px) {
	ul.menu-list.uc-items-wrapper {
		margin-left: 0.7em 
	}	
}

/* Footer */
/* Footer Menu */
.site-footer .footer-widgets-container .inside-footer-widgets {
	font-size: 15px;
}

.site-footer .footer-widgets-container .inside-footer-widgets ul {
 	 --icon-space: 1.3em;
  	list-style: none;
 	 padding: 0;
}

.site-footer .footer-widgets-container .inside-footer-widgets li {
  	padding-left: var(--icon-space);
}

.site-footer .footer-widgets-container .inside-footer-widgets li:before {
  	content: '\203A'; /* FontAwesome Unicode */
  	font-family: FontAwesome;
	font-size: 10px;
	color: var(--base-3); 
  	display: inline-block;
  	margin-left: calc( var(--icon-space) * -1 );
  	width: /*var(--icon-space)*/0.8em;
	position: relative;
	right: 5px;
	top: -2px
}

.site-footer i {
	margin-right: 10px
}

@media (max-width: 768px) {
  	div.footer-widget-2,
	div.footer-widget-3 {
    border-top: 1px solid #ffffff24;
	padding-top: 40px	
  }
}

.copyright-bar {
	font-size: 12px
}

/*  Artikkelit */
.single-post h1 {
	font-size: 56px;
	color: var(--accent)
}

@media (max-width: 768px) {
.single-post h1 {
    font-size: 38px;
  }
}