/* 
Theme Name:		 Ilex child
Theme URI:		 https://dotecsa.altervista.org/theme-ilex/
Description:	 Ilex child is a child theme of Ilex
Author:			 DoTe
Author URI:		 https://dotecsa.altervista.org/
Template:		 ilex
Version:		 1.0.0
Text Domain:	 ilexchild
*/

/* ! base */
:root {/*--ilex_header_color: #ffffff;--ilex_title_color: #a94100;--ilex_primary_color: #000;--ilex_link_color: #ad541c;--ilex_link_color_hover: #d50000;*/
--submenu_bg:#ffffff;--ilex_submenu_color:#777;--ilex_container_width:1250px;--ilex_article_width:800px;}

/* Animation on scroll */
.fade {  opacity: 0; transform: translateY(40px); transition: 0.6s ease-in-out; will-change: transform, opacity;}
.fadeIn { opacity: 1;transform: translateY(0px)}

/* Animation System on scroll v2 
--------------------------------------------------------- */

.reveal { opacity: 0; transform: translateY(20px); transition: opacity .6s ease-out, transform .8s cubic-bezier(.2,.7,.25,1), filter .8s cubic-bezier(.2,.7,.25,1); will-change: opacity, transform, filter; }

/* Directional variants */
.reveal.reveal-up { transform: translateY(30px); }
.reveal.reveal-down { transform: translateY(-30px); }
.reveal.reveal-left { transform: translateX(30px); }
.reveal.reveal-right { transform: translateX(-30px); }
.reveal.reveal-zoom { transform: scale(.95); }
.reveal.reveal-skew { transform: translateY(20px) skewY(5deg); }
.reveal.reveal-blur { filter: blur(6px); }

/* Active state on scroll */
.reveal.is-inview { opacity: 1; transform: none; filter: none; }

/* Clip-path effect */
.reveal.reveal-clip{ 
  clip-path: inset(0 0 100% 0);
  -webkit-clip-path: inset(0 0 100% 0);
  will-change: clip-path;
}

@keyframes revealClip {
  to {
    clip-path: inset(0 0 0 0);
  }
}

/* Clip-path active state */
.reveal.reveal-clip.is-inview {animation: revealClip 1s cubic-bezier(0.77, 0, 0.175, 1) 0s forwards;will-change: clip-path;}


/* Accessibility: disable animations */
@media (prefers-reduced-motion: reduce) {
  .reveal { transition: none !important; animation: none !important; opacity: 1 !important; transform: none !important; filter: none !important; clip-path: none !important; }
}

/* Delay utilities */
.delay-01 { transition-delay: .1s!important; }
.delay-02 { transition-delay: .2s!important; }
.delay-03 { transition-delay: .3s!important; }
.delay-04 { transition-delay: .4s!important; }
.delay-05 { transition-delay: .5s!important; }
.delay-06 { transition-delay: .6s!important; }
.delay-07 { transition-delay: .7s!important; }
.delay-08 { transition-delay: .8s!important; }
.delay-09 { transition-delay: .9s!important; }
.delay-10 { transition-delay: 1s!important; }
.delay-11 { transition-delay: 1.1s!important; }
.delay-12 { transition-delay: 1.2s!important; }
.delay-13 { transition-delay: 1.3s!important; }
.delay-14 { transition-delay: 1.4s!important; }
.delay-15 { transition-delay: 1.5s!important; }

/* Duration utilities */
.duration-01 { transition-duration: .1s !important; animation-duration: .1s !important; }
.duration-02 { transition-duration: .2s !important; animation-duration: .2s !important; }
.duration-03 { transition-duration: .3s !important; animation-duration: .3s !important; }
.duration-04 { transition-duration: .4s !important; animation-duration: .4s !important; }
.duration-05 { transition-duration: .5s !important; animation-duration: .5s !important; }
.duration-06 { transition-duration: .6s !important; animation-duration: .6s !important; }
.duration-07 { transition-duration: .7s !important; animation-duration: .7s !important; }
.duration-08 { transition-duration: .8s !important; animation-duration: .8s !important; }
.duration-09 { transition-duration: .9s !important; animation-duration: .9s !important; }
.duration-10 { transition-duration: 1s !important; animation-duration: 1s !important; }
.duration-11 { transition-duration: 1.1s !important; animation-duration: 1.1s !important; }
.duration-12 { transition-duration: 1.2s !important; animation-duration: 1.2s !important; }
.duration-13 { transition-duration: 1.3s !important; animation-duration: 1.3s !important; }
.duration-14 { transition-duration: 1.4s !important; animation-duration: 1.4s !important; }
.duration-15 { transition-duration: 1.5s !important; animation-duration: 1.5s !important; }
.duration-16 { transition-duration: 1.6s !important; animation-duration: 1.6s !important; }
.duration-17 { transition-duration: 1.7s !important; animation-duration: 1.7s !important; }
.duration-18 { transition-duration: 1.8s !important; animation-duration: 1.8s !important; }
.duration-19 { transition-duration: 1.9s !important; animation-duration: 1.9s !important; }
.duration-20 { transition-duration: 2s !important; animation-duration: 2s !important; }
.duration-25 { transition-duration: 2.5s !important; animation-duration: 2.5s !important; }
.duration-30 { transition-duration: 3s !important; animation-duration: 3s !important; }

/* Animation System Accessibility */

@media (prefers-reduced-motion: reduce) {
  [class*="parallax-"] { transform: none !important; }
}



/*css contact 7 in readme.txt*/
#responsive-form {max-width: 600px;margin: 0 auto;width: 100%;}
.form-row {width: 100%;display: flex;}
.column-half,
.column-full {padding: 0.65rem;width: 100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.clearfix:after {content: ""; display: table;clear: both;}
.wpcf7 form.invalid .wpcf7-response-output {clear: both;text-align: center;color: red;border-color: red;font-size: .8rem;}
.screen-reader-response {display: none}
span.wpcf7-not-valid-tip {color: red;font-size: 1rem;font-style: italic;}
form p {margin-bottom: 0}
.wpcf7 input[type="text"],
input[type="email"],
input[type="tel"],
textarea,
div.search-field,
inputdiv.search-submit {border: 1px solid rgba(0, 0, 0, .2);padding: 0.6em;background: #f9f9f9;max-width: 100%;border-radius: 5px;}
textarea { width: 100%;}
.wpcf7-list-item { display: inline-block;margin: 0;width: 100%;}
.wpcf7 label,
span.wpcf7-not-valid-tip { font-size: .8rem;}
.column-half {width: 50%;}
.wp-block-contact-form-7-contact-form-selector {z-index: -1;position: relative;}
@media (max-width: 768px) {
    .column-half {width: 75%;}
    .form-row {width: 100%;display: block;}
}

/* 2.aside fixed */
/*
aside.col-20 {position:fixed; margin-left:72%;z-index:9;font-size: 14px;width: 23%;min-width:200px;height:85vh;padding-top:70px;transition: all 0.8s ease-in-out;}
body.is-scrolled aside.col-20{padding-top:0px; transition: all 0.8s ease-in-out;}*/