/* 
Theme Name: Maison Kids Club
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Maison Kids Club is a child theme of Hello Elementor, created by DM4U
Author: DigitalMarketing4U
Author URI: https://cosmote.gr/
Template: hello-elementor
Version: 0.0.1
Text Domain: mkc
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

:root {
  --html-background: #f4f5f8;
  --html-padding: 10px;
  --btn-bg-color: transparent;
  --btn-bg-color--hover: #000;
  --btn-txt-color: #000;
  --btn-txt-color--hover: #fff;
  --btn-border-width: 1px;
  --btn-border-style: solid;
  --btn-border-color: #000;
  --btn-border-color--hover: #000;
  --btn-border-radius: 0;
  --btn-font-size: 14px;
  --btn-font-weight: 400;
  --btn-padding: .5rem 1rem;
  --btn-text-align: center;
  --btn-user-select: none;
  --btn-white-space: nowrap;
}

::selection {
  background-color: azure;
  color: #2031A2;
}

.visually-hidden {
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

.inline {
	display: inline;
	text-indent: none;
}

@media (min-width: 768px) {
	.inline-m {
		display: inline;
		text-indent: none;
	}
}

@media (max-width: 1024px) {
	.inline-m-t {
		display: inline;
		text-indent: none;
	}
}

@media (min-width: 768px) {
	.inline-t-d {
		display: inline;
		text-indent: none;
	}
}
@media (min-width: 1024px) {
	.inline-d {
		display: inline;
		text-indent: none;
	}
}

.block {
	display: block;
	text-indent: none;
}

@media (min-width: 768px) {
	.block-m {
		display: block;
		text-indent: none;
	}
}

@media (max-width: 1024px) {
	.block-m-t {
		display: block;
		text-indent: none;
	}
}

@media (min-width: 768px) {
	.block-t-d {
		display: block;
		text-indent: none;
	}
}
@media (min-width: 1024px) {
	.block-d {
		display: block;
		text-indent: none;
	}
}

@media (max-width: 767px) {
	.hidden-mobile {
		display: none;
	}
	
	.accessible-hidden-mobile {
		clip: rect(0 0 0 0);
		clip-path: inset(50%);
		height: 1px;
		overflow: hidden;
		position: absolute;
		white-space: nowrap;
		width: 1px;
	}
}

@media (min-width: 768px) AND (max-width: 1023px) {
	.hidden-tablet	{
		display: none;
	}
	
	.accessible-hidden-tablet {
		clip: rect(0 0 0 0);
		clip-path: inset(50%);
		height: 1px;
		overflow: hidden;
		position: absolute;
		white-space: nowrap;
		width: 1px;
	}
}

@media (min-width: 1024px) {
	.hidden-desktop	{
		display: none;
	}
	
	.accessible-hidden-desktop {
		clip: rect(0 0 0 0);
		clip-path: inset(50%);
		height: 1px;
		overflow: hidden;
		position: absolute;
		white-space: nowrap;
		width: 1px;
	}
}


/* Reset */
[type=button], [type=submit], button {
  background-color: var(--btn-bg-color);
  color: var(--btn-txt-color);
  border-width: var(--btn-border-width);
  border-style: var(--btn-border-style);
  border-color: var(--btn-border-color);
  border-radius: var(--btn-border-radius);
  display: inline-block;
  font-size: var(--btn-font-size);
  font-weight: var(--btn-font-weight);
  padding: var(--btn-padding);
  text-align: var(--btn-text-align);
  transition: all .3s;
  -webkit-user-select: var(--btn-user-select);
  -moz-user-select: var(--btn-user-select);
  user-select: var(--btn-user-select);
  white-space: var(--btn-white-space);
}

[type=button]:focus,
[type=button]:hover,
[type=submit]:focus,
[type=submit]:hover,
button:focus,
button:hover {
    background-color: var(--btn-bg-color--hover);
    color: var(--btn-txt-color--hover);
    border-color: var(--btn-border-color--hover);
    text-decoration: none;
}

/* GUTENBERG */
body.gutenberg-page .page-header .entry-title,
body.gutenberg-page .page-content {
  width: 100%;
  max-width: 100%;
}

body.gutenberg-page main {
  width: 100%;
  max-width: 96vw;
  margin-left: auto;
  margin-right: auto;
}

.main-content h2 {
  margin-top: 2.5rem;
  margin-bottom: 1.2rem;
}

.main-content h3 {
  margin-top: 2rem;
  margin-bottom: 1.2rem;
}

.main-content h4 {
  margin-top: 2rem;
  margin-bottom: 1.2rem;
}
/* GUTENBERG */



/* arrow indicator */
.arrow-indicator svg {
  animation-name: upanddown;
  animation-duration: 0.8s;
  animation-fill-mode: none;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}

.arrow-indicator svg path {
  stroke: black;
  fill: transparent;
}

.arrow-indicator svg path:nth-child(2) {
  animation-name: upanddownarrow;
  animation-duration: 0.8s;
  animation-delay: 0.2s;
  animation-fill-mode: normal;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}

.arrow-indicator svg path:nth-child(3) {
  animation-name: upanddownarrowend;
  animation-delay: 0.2s;
  animation-duration: 0.8s;
  animation-fill-mode: normal;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}

@keyframes upanddown {
  from {
    transform: translateY(-10%);
  }
  to {
    transform: translateY(10%);
  }
}

@keyframes upanddownarrow {
  from {
    transform: translateY(0%);
  }
  to {
    transform: translateY(10%);
  }
}

@keyframes upanddownarrowend {
  from {
    transform: translateY(0%);
  }
  to {
    transform: translateY(12%);
  }
}
/* /arrow indicator */

.rotate-animation {
  animation-name: rotate;
  animation-duration: 15s;
  animation-direction: normal;
  animation-fill-mode: both;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  transform-origin: center;
}

@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  
  100% {
    transform: rotate(360deg);
  }
}

/* MKC */

.hero-btn .elementor-icon-box-title span {
  line-height: 2;
}


.alt-section .elementor-widget-heading svg path {
  stroke: var(--e-global-color-ba9d274);
}

.rkit-advanced-heading .text {
  background-color: var(--e-global-color-142863c);
  text-decoration-color: var(--e-global-color-142863c);
}

.rkit-advanced-heading .headline-text {
  background-color: var(--e-global-color-9557cc3);
  text-decoration-color: var(--e-global-color-9557cc3);
}

.alt-section .rkit-advanced-heading .text {
  background-color: var(--e-global-color-186cd12);
  text-decoration-color: var(--e-global-color-186cd12);
}

.alt-section .rkit-advanced-heading .headline-text {
  background-color: var(--e-global-color-1149c16);
  text-decoration-color: var(--e-global-color-1149c16);
}

.mkc-copyright {
  color: var(--e-global-color-3dc5cf2);
}

@media (min-width: 1024px) and (max-width: 1300px) {
  .card-content-up {
    height: 12rem;
  }
  
  .card-content-middle {
    height: 12rem;
  }
  
  .card-btn a {
    font-size: 15px !important;
  }
}

aside#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme {
  background-color: #4b3327;
  border-top: 1px solid #983200;
}

h2.wp-block-heading {
  font-size: 1.4em;
}

h3.wp-block-heading {
  font-size: 1.24em;
}

h4.wp-block-heading {
  font-size: 1.1em;
}


/* /MKC */