/*
Theme Name: heal-design-2024
Theme URI: https://www.meomodo.eu/wordpress/templates/heal-design-2024/
Author: MeoModo DWS
Author URI: http://wordpress.org/
Description: Custom made theme for HEAL design
Version: 1.0
License: Private
Tags: HEAL,design,meomodo dws
Text Domain: healdesign2024
*/

ul.thehealway {display:flex;flex-flow:column;gap:50px;list-style-type:none;padding:0px;margin:50px 0px 0px}
ul.thehealway li {}
ul.thehealway li.logovariation {background-repeat:no-repeat;background-position:top left;background-size:70px;padding:83px 0px 0px 0px;width:100%}
ul.thehealway h3 {width:100%}
ul.thehealway p {margin:0px 0px 25px}

.iconlist {display:flex;gap:25px;flex-wrap:wrap;list-style-type:none;margin:0px;padding:0px}
.iconlist li {height:32px;line-height:32px;background-repeat:no-repeat;background-position:top left;background-size:32px;padding:0px 0px 0px 39px}

@media (min-width:641px)
{
	/* tablet */
}

@media (min-width:1036px)
{
	/* laptop */
	ul.thehealway {padding:0px 0px 0px 83px;margin:0px}
	ul.thehealway li.logovariation {padding:0px 0px 0px 83px}
}

@media (min-width:1301px)
{
	/* desktop */
}



/*.buttonlink {display:none}*/
.projects {}
.projects div.masonry {display:grid;grid-template-areas:'l1' 'r1' 'l2' 'r2';grid-template-columns:100%;gap:13px;/*grid-auto-rows:13px;margin:-200px 0px 0px 0px*/}
.projects div.masonry div.item {padding:0px;margin:0px;width:100%}
.projects div.masonry a {display:block;position:relative;background-color:#D9D9D9}
.projects div.masonry img {width:100%;object-fit:cover;height:100%;vertical-align:top}
.projects div.masonry .background {position:absolute;bottom:0px;display:flex;justify-content:center;align-items:center;height:100px;width:100%;background:linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(57, 38, 25, 0.80) 100%)}
.projects div.masonry h3 {color:#fff;width:90%;text-align:center;margin:0px;line-height:50px;font-size:44px}

.l1 {grid-area:l1}
.r1 {grid-area:r1}
.l2 {grid-area:l2}
.r2 {grid-area:r2}

@media (min-width:641px)
{
	/* tablet */
}

@media (min-width:1036px)
{
	/* laptop */
	.buttonlink {display:block;position:absolute;right:0px;font-size:30px;font-weight:400;padding:0px 0px 0px 0px;background-position:top 0px right 4px;background-repeat:no-repeat;transition:background-position 0.2s}
	.buttonlink a {color:#3A2518;text-decoration:none;font-size:30px;font-style:normal;font-weight:400;line-height:44px;letter-spacing:0.3px;padding:0px 60px 0px 0px;display:block}
	.buttonlink:hover {background-position:top 0px right 0px}
	.projects div.masonry {grid-template-areas:'l1 r1' 'l1 r2' 'l2 r2';grid-template-columns:50% 50%;gap:13px}
}

@media (min-width:1301px)
{
	/* desktop */
}


.contact {padding:50px;border-radius:15px}
.contact h2 {width:100%;font-size:20px;line-height:26px}
div.wpcf7 {}
div.wpcf7 p {margin:0px}
div.wpcf7 label {display:block}
div.wpcf7 input[type=text],div.wpcf7 input[type=tel],div.wpcf7 input[type=email],textarea {display:block;border:1px solid #77522d;padding:5px 10px;margin:0px 0px 10px;width:100%}
div.wpcf7 input[type=text],div.wpcf7 input[type=tel],div.wpcf7 input[type=email] {height:35px}
div.wpcf7 input[type=submit] {display:flex;padding:10px 40px;border:none;border-radius:5px;justify-content:center;align-items:center;font-size:15px;text-align:center;font-style:normal;font-weight:400 !important;letter-spacing:0.15px;text-decoration:none;color:#fff;background-color:#3A2518;cursor:pointer}
textarea {height:100px}
input::placeholder,textarea::placeholder {font-family:'PPMori';color:#3A2518;font-size:15px}
textarea:focus, input:focus{outline:none}


body.archive ul.products li.product a.button {display:none !important}
body.archive ul.products li.product span.price {display:none !important}
body.single-product .available-on-backorder {margin-top:30px}

.ct_slider {display:flex;row-gap:25px;column-gap:13px;flex-wrap:wrap;min-height:200px}
.ct_slider .ct_controls {display:flex;gap:8px;min-width:133px}
.ct_slider .ct_controls .control {height:50px;width:50px;cursor:pointer}
.ct_slider .ct_controls .control.left {}
.ct_slider .ct_controls .control.right {}
.ct_slider .ct_controls .control .icon {height:100%;width:100%}
.ct_slider .ct_slides {}

@media (min-width:641px)
{
	/* tablet */
}

@media (min-width:1036px)
{
	/* laptop */
	.ct_slider {flex-wrap:nowrap}
}

@media (min-width:1301px)
{
	/* desktop */
}



@keyframes slide
{
	from {
		transform: translateX(0)
	}
	to
	{
		transform: translateX(-100%)
	}
}

.ct_carousel {overflow:hidden;padding:0px;white-space:nowrap;position:relative;display:flex;width:100%}
.carousel_slide {display:flex;align-items:center;gap:30px;animation:15s slide infinite linear}
.carousel_slide img {height:150px;width:150px;object-fit:cover;margin:0px;border-radius:15px}
/*.carousel_slide img:nth-child(odd) {height:191px;width:191px}*/

@media (min-width:1200px)
{
	.carousel_slide img {height:150px;width:150px;object-fit:cover;margin:0px}
	/*.carousel_slide img:nth-child(odd) {height:320px;width:320px}*/
}



.philosophy {}
.philosophy .whitecontent h3 {color:#fff}
.philosophy .whitecontent p {color:#fff}
.philosophy .item {display:inline-block;width:100%;margin:0px;padding:100px 0px 0px;background-size:cover;background-repeat:no-repeat}
.philosophy .item.img {padding:100px 0px 100px}
.philosophy .text {display:flex;justify-content:flex-end;width:100%}



.ct_mobilemenu {display:none;position:fixed;z-index:99999;top:0px;left:0px;width:100%;height:100%;background-color:#3A2518}
.ct_mobilemenu.active {display:flex}
.ct_mobilemenu .inner {width:auto;height:100%;margin:0px auto;display:flex;align-items:center}
.ct_mobilemenu .menuclose {margin:0px 0px 50px;text-align:center;cursor:pointer}
.ct_mobilemenu ul {list-style-type:none;margin:0px;padding:0px;display:flex;flex-direction:column;gap:25px;align-content:center;font-size:24px}
.ct_mobilemenu ul li {color:#fff;text-transform:uppercase}
.ct_mobilemenu ul li a {display:block;color:#fff;text-decoration:none;text-align:center}

.ct_footer {display:flex;justify-content:center;background-color:#77522D;color:#fff}
.ct_footer .inner {}
.ct_footer .inner span,.ct_footer .inner p,.ct_footer .inner address,.ct_footer .inner a {color:#fff}
.ct_footer .inner .row {display:flex;gap:13px;flex-wrap:wrap;margin:50px 0px 0px}
.ct_footer .inner .row .col {width:100%}
.ct_footer .inner .row .col.c1 {}
.ct_footer .inner .row .col.c2 {}
.ct_footer .inner .row .col.c3 {}
.ct_footer .inner .row .col.c4 {text-align:left}



@media (min-width:481px)
{
	/* tablet */
}

@media (min-width:1036px)
{
	/* laptop */
	.ct_footer .inner .row {flex-wrap:nowrap;margin:150px 0px 0px}
	.ct_footer .inner .row .col {width:25%;display:flex;align-items:flex-end}
	.ct_footer .inner .row .col.c4 {text-align:right}
}

@media (min-width:1301px)
{
	/* desktop */
}



/* WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}
 
.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}
 
.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}
 
.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}
 
a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}
 
a img.alignnone {
    margin: 5px 20px 20px 0;
}
 
a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}
 
a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
 
.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}
 
.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}
 
.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}
 
.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}
 
.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}
 
.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}
 
/* Text meant only for screen readers. */
.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}
 
.screen-reader-text:focus {
    background-color: #eee;
    clip: auto !important;
    clip-path: none;
    color: #444;
    display: block;
    font-size: 1em;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar. */
}