/*
Theme Name: Sound Design Italia
Theme URI: https://aap.design
Author: AAP design - AlessandroAntonio Panariello
Author URI: https://aap.design
Description: We showcase the value of sound in the media through original content, outreach, education, and community.
Version: 1.0
Requires at least: 6.8
Tested up to: 6.8
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: sdi
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

:root{
  --menu-bg:transparent;
  --menu-text:#161616;
  --white:#F5F3F8;
  --blue:#4600CC;
  --black:#161616;
  --violet:#8418d1;
  --gradient: linear-gradient(180deg, rgba(132, 24, 209, 1) 0%, rgba(99, 0, 255, 1) 59%);
}


/* ! Reset */
body, html{ font-size: 16px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif; box-sizing: border-box;margin: 0;padding: 0;}
*,*:before,*:after{ box-sizing: border-box; }
h1,h2,h3,h4,h5,h6, p, ol, ul{margin: 0;padding: 0;}
ol,ul{list-style-type: none;}
img{height: auto;}
a{text-decoration: none;}
hr{border:none; border-bottom: 1px solid #ddd}

a{text-decoration: none;color:#f75e47;}
p{line-height: 1.3;}
.spacer{height: 110px;}
/* ! Title System */
.text-0{font-size: 5rem; line-height: 1;}
h1, .text-1{font-size: 3.4rem;}
h2, .text-2{font-size: 2.2rem;}
h3, .text-3{font-size: 1.5rem;}
h4, p, .text-4{font-size: 1rem;}

h1, h2, h3, h4, p, ol, ul{margin-bottom: 1rem;}

@media (max-width: 768px) {
  .text-0{font-size: 4rem}
}

/* ! Button system */
.button,
.wp-block-button__link{font-size: 1.2rem; text-transform: uppercase; font-weight: bold; background: #333; color:#fff; padding: 14px 25px;display: inline-block;border-radius: 4px}
.button:hover,
.wp-block-button__link{background: #000;}

/* ! Header */
/*----------------------------------------------------------------------------------- */
.header-container{position: fixed; top: 0;left: 0;z-index: 999;background: transparent;width: 100%;}
.logged-in .header-container{top: 30px;}
.header{position: relative; display: flex; justify-content: space-between;align-items: center; width: 100%;margin: 0 auto;padding: 0 4%;}
.header a{color:var(--menu-text);font-weight: 700; display: block; padding: 15px;text-transform: uppercase;}
.header__hamburger{display: none;}
.header__menu{margin-bottom: 0;}
.header__menu li{display: inline-block;position: relative;}
.header__menu li a{position: relative;}

.header a .header__logo{font-weight: bold;padding: 0;}
.header__logo{position: relative;}
.header__logo a{padding: 0;}
.header__logo img {height: 62px;object-fit: contain; width: 100%; transition: all 1s cubic-bezier(.215, .61, .355, 1);padding: 0;}

/* Dropdown */
.header__menu li.dropdown {position: relative;}
.dropdown-menu { position: absolute; left: 0; top: 100%; width: 11em; padding: 0.5rem 0; margin: 0; font-size: 1rem; color: #000; text-align: center; background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.15); display: none; opacity: 0; visibility: hidden; transform: translateY(10px); transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out, visibility 0.2s; z-index: 1000; box-shadow: 0 10px 10px rgba(0, 0, 0, 0.09);}
.dropdown-menu.show {display: block; opacity: 1; visibility: visible; transform: translateY(0); flex-direction: column; flex-wrap: wrap; align-items: center; justify-content: center;}
.dropdown-menu.show li a { display: block; color: #000; padding: 20px 5px;}

.arrow { border: solid #333; border-width: 0 2px 2px 0; display: inline-block; padding: 3px; margin: 0 2px 3px 4px; transform: rotate(45deg); -webkit-transform: rotate(45deg); position: relative;}

.animate { transition: transform 0.15s ease-out;}
.dropdown-menu.show + .arrow.animate { transform: rotate(-180deg);}

@media (max-width: 768px) {
	.header{position: relative;height: 80px; transition: all 1s cubic-bezier(.215, .61, .355, 1);}
	.scroll-down .header{height: 70px;}
.header__logo img { height: 40px;}
.scroll-down .header__logo img{height: 50px;}
  .header__hamburger{display: block;width: 40px;height: 35px;margin-top: 5px;margin-right: 4px;}
  .header__hamburger span{display: block; width: 33px;height: 2px;background: var(--violet);margin-top: 8px;transition: all .15s cubic-bezier(.215, .61, .355, 1);}

  .header__menu{position: absolute;top: 48px;left: 0;width: 100%;background: var(--menu-bg);height: 100vh;overflow: hidden;transform: translateX(-100%); transition: all 1s cubic-bezier(.215, .61, .355, 1);}
  .menu-open .header__menu{transform: translateX(8px);}
  .menu-open{overflow: hidden;}
  .header__menu li{display: block;}

  .menu-open .header__hamburger span:nth-child(1){transform: translateY(5px) rotate(45deg);}
  .menu-open .header__hamburger span:nth-child(2){transform: translateY(-5px) rotate(-45deg);}

}

/* Portrait */
@media screen 
  and (min-width: 768px) 
  and (max-width: 1024px) 
  and (orientation: portrait)  {
.header{padding: 0 2%;}

}

/* Landscape */
@media screen 
  and (min-width: 768px) 
  and (max-width: 1024px) 
  and (orientation: landscape) {

}

@media (min-width: 768px) {
  .header-container{padding-top: 10px;}
   
}
@media (max-width: 767px) {
  .header__hamburger span{background: var(--violet);}
  .menu-open .header__menu{box-shadow: 0px 0px 11px 1px rgba(22,22,22,0.57);-webkit-box-shadow: 0px 0px 11px 1px rgba(22,22,22,0.57);-moz-box-shadow: 0px 0px 11px 1px rgba(22,22,22,0.57);}

  .header__menu {top: 98px; left: 0px; overflow: hidden; height: 65vh;z-index: 0;width: 96%;display: flex;flex-direction: column; justify-content: center;border-radius: 15px;}

  .header__menu::before{content: ' ';position: absolute;top: 0;left: 0;width: 100%;height: 100%; background: #8417D2;background: linear-gradient(180deg, rgba(132, 23, 210, 1) 0%, rgba(122, 17, 223, 1) 50%, rgba(112, 9, 238, 1) 100%);z-index: -2;}
  .header__menu::after{content: ' ';position: absolute; top: 0;right: 0; display: block;background: url('./assets/img/SDI-icon-footer.png') no-repeat top right;width: 100%;height: 100%; background-size: 62vh;z-index: -1;}
  .scroll-down .header__menu {top: 68px;}
  .header__menu li a {width: 100%; line-height: 2; padding: 15px 0;}
}

/* ! transparent menu in template */
.page-template-home-template .header-container,
.page-template .header-container,
.page-template-default .header-container{background: transparent;transition: all .3s linear;}
.scroll-down.page-template-home-template .header-container,
.scroll-down.page-template .header-container,
.scroll-down.page-template-default .header-container{background: var(--white);}

.page-template-home-template .header__menu > li.menu-item-has-children > a:after,
.page-template .header__menu > li.menu-item-has-children > a:after,
.page-template-default .header__menu > li.menu-item-has-children > a:after{filter: invert(1);}
.scroll-down.page-template-home-template .header__menu > li.menu-item-has-children > a:after,
.scroll-down.page-template .header__menu > li.menu-item-has-children > a:after,
.scroll-down.page-template-default .header__menu > li.menu-item-has-children > a:after{filter: invert(0);}

.page-template-home-template .header__hamburger span,
.page-template .header__hamburger span,
.page-template-default .header__hamburger span{background: #fff;}
.scroll-down.page-template-home-template .header__hamburger span,
.scroll-down.page-template .header__hamburger span,
.scroll-down.page-template-default .header__hamburger span{background: #333;}

/* Portrait */
@media screen 
  and (min-width: 768px) 
  and (max-width: 1024px) 
  and (orientation: portrait) {


}

/* Landscape */
@media screen 
  and (min-width: 768px) 
  and (max-width: 1024px) 
  and (orientation: landscape)  {
.page-template-custom-template .cover__content .excerpt { max-width: 80%!important;}
}

@media (max-width: 767px) {
.page-template-home-template .header-container .header > .header__menu > li > a,
.page-template .header-container .header > .header__menu > li > a{color: var(--white);}
.scroll-down.page-template-home-template .header__menu > li.menu-item-has-children > a:after,
.scroll-down.page-template .header__menu > li.menu-item-has-children > a:after{filter: invert(0);}

.page-template-home-template .header__hamburger span,
.page-template .header__hamburger span{background: var(--violet);}

.page-template-home-template .header-container .header > .header__menu > li > a, .page-template .header-container .header > .header__menu > li > a {color: var(--white); font-size: 25px; text-align: center;}

.scroll-down.page-template-home-template .header__hamburger span,
.scroll-down.page-template .header__hamburger span{background: var(--violet);}
  
}

/* ! Index */
/*----------------------------------------------------------------------------------- */


/* ! Single */
/*----------------------------------------------------------------------------------- */


/* ! Footer */
/*----------------------------------------------------------------------------------- */
footer{position: relative; z-index: 0;overflow: hidden;}

footer::before{content: ' ';position: absolute;top: 0;left: 0; display: block;background: #8417D2;
background: linear-gradient(180deg, rgba(132, 23, 210, 1) 0%, rgba(122, 17, 223, 1) 50%, rgba(112, 9, 238, 1) 100%);width: 100%;height: 100%;z-index: -2;border-radius: 15px;}

footer::after{content: ' ';position: absolute; top: 0;right: 0; display: block; background: url('assets/img/SDI-icon-footer.png') no-repeat center center;width: 29%;height: 110%;background-size: 550px;z-index: -1;}

/* Portrait */
@media screen 
  and (min-width: 768px) 
  and (max-width: 1024px) 
  and (orientation: portrait) {
footer::after{width: 55%;}
}

/* Landscape */
@media screen 
  and (min-width: 768px) 
  and (max-width: 1024px) 
  and (orientation: landscape)  {

}
/* ! Splide js */
/*----------------------------------------------------------------------------------- */
.splide__slide img {object-fit: cover!important;}
.splide__pagination {bottom: -3.5em!important;}
.splide__arrow--prev {left: -2em!important;}
.splide__arrow--next {right: -2.5em!important;}

/* ! Grid System */
.grid{display: flex; flex-wrap: wrap; max-width: 1650px; margin: 0 auto}
.grid--small{max-width: 900px}
.grid--center{justify-content: center;}
@media only screen and (min-width: 1366px) and (max-width: 1680px) {
.grid-slider-height .splide__slide {height: 250px!important;}
}
@media screen and (width >= 1700px) {
  .grid-slider-height .splide__slide {height: 280px!important;}
}

.col-20{width:20%}
.col-25{width:25%}
.col-30{width:30%}
.col-33{width:33.33%}
.col-40{width:40%}
.col-50{width:50%}
.col-60{width:60%}
.col-70{width:70%}
.col-80{width:80%}
.col-90{width:90%}
.col-100{width:100%}

[class*='col-']{padding: 3%;}

.footer-stuff{padding: 30px 42px!important;}
footer [class*='col-'] {padding: 3%!important;}

@media screen and (width >= 1800px) {
footer [class*='col-'] {padding: 3% 0!important;}
.footer-stuff{padding: 0 3%!important;}
}


@media (max-width: 768px) {
  [class*='col-']{width: 100%}
.sma-col-40{width:40%}
.sma-col-50{width:50%}
.sma-col-60{width:60%}
}
@media (max-width: 767px) {
  footer [class*='col-'] {padding: 5% !important;}

.sma-col-40{width:40%}
.sma-col-50{width:50%}
.sma-col-60{width:60%}

}

/* ! Helpers */
/*----------------------------------------------------------------------------------- */
.br{border: 1px solid red;}
.img-res{width: 100%;}
.max-width{width: 100%;max-width: 650px;margin: 0 auto;}

.mx-auto,
.mx-auto .wp-block-column{margin: 0 auto;}

.mt-0{margin-top: 0;}
.mt-1{margin-top: 1rem;}
.mt-2{margin-top: 2rem;}
.mt-3{margin-top: 3rem;}
.mt-4{margin-top: 4rem;}

.mb-0{margin-bottom: 0;}
.mb-1{margin-bottom: 1rem;}
.mb-2{margin-bottom: 2rem;}
.mb-3{margin-bottom: 3rem;}
.mb-4{margin-bottom: 4rem;}

.text-center{text-align: center}
.text-left{text-align: left}
.text-right{text-align: right}

.p-0{padding: 0;}
.p-1{padding: 1rem;}
.p-2{padding: 2rem;}
.p-3{padding: 3rem;}
.p-4{padding: 4rem;}

.pt-0{padding-top: 0;}
.pt-1{padding-top: 1rem;}
.pt-2{padding-top: 2rem;}
.pt-3{padding-top: 3rem;}
.pt-4{padding-top: 4rem;}

.pb-0{padding-bottom: 0;}
.pb-1{padding-bottom: 1rem;}
.pb-2{padding-bottom: 2rem;}
.pb-3{padding-bottom: 3rem;}
.pb-4{padding-bottom: 4rem;}

.icon-small{width: 40px;padding: 8px;}
.icon-white{filter: invert(1);}
.bg-dark{background: #000;}
.text-white{color:#fff}
.text-dark{color: #000;}
.v-center{display: flex; justify-content: center; flex-flow: column}
.uppercase{text-transform: uppercase;}

.font-normal{font-weight: 400;}

.none,
.only-sma{display: none!important;}

@media (max-width: 768px) {

  .sma-text-left{text-align: left!important;}
}

/* Portrait */
@media screen 
  and (min-width: 768px) 
  and (max-width: 1024px) 
  and (orientation: portrait) {
 .sma-none{display: none;}
   .only-sma{display: inline-block!important;}
}

/* Landscape */
@media screen 
  and (min-width: 768px) 
  and (max-width: 1024px) 
  and (orientation: landscape)  {

}

@media (max-width: 767px) {
  .only-sma{display: initial!important;}
  .sma-none{display: none;}
   .sma-text-left{text-align: left!important;}

   .sma-mt-0{margin-top: 0;}
.sma-mt-1{margin-top: 1rem;}
.sma-mt-2{margin-top: 2rem;}
.sma-mt-3{margin-top: 3rem;}
.sma-mt-4{margin-top: 4rem;}

.sma-mb-0{margin-bottom: 0;}
.sma-mb-1{margin-bottom: 1rem;}
.sma-mb-2{margin-bottom: 2rem;}
.sma-mb-3{margin-bottom: 3rem;}
.sma-mb-4{margin-bottom: 4rem;}
}

/* ! Wordpress Styles */
/*----------------------------------------------------------------------------------- */
input, textarea{border: 3px solid #ddd; border-radius: 3px;padding: 10px;}
input[type=submit], button{border: 3px solid #ddd; background: #ddd; border-radius: 3px;padding: 10px;}

.form-search{width: 100%;border: 3px solid #ddd;border-radius: 100px;padding-left: 15px;}
.form-search input{width: calc(100% - 40px);border: none;}
.form-search button{padding: 0;background: transparent;border: none;}
.form-search img{width: 25px;margin-bottom: -8px;}

.wp-block-cover.video-parallax {position: relative; overflow: hidden;}

.wp-block-cover.video-parallax .wp-block-cover__video-background {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; pointer-events: none; z-index: 0;}

.wp-block-cover.video-parallax .wp-block-cover__inner-container,
.wp-block-cover.video-parallax .wp-block-cover__background {position: relative; z-index: 1;}

.wp-block-cover.is-style-full-link {position: relative; overflow: hidden;}
.wp-block-cover.is-style-full-link .wp-block-cover__link-overlay {position: absolute; inset: 0;display: block; z-index: 99; text-decoration: none;background: transparent; pointer-events: auto;}

.wp-block-group,
.wp-block-group__inner-container,
.wp-block-group.alignfull { position: relative;}

#slider-stack {position: relative;}
.nav-dots {position: absolute;right: 4%;transform: translateY(-50%); z-index: 9999;}
.nav-dot{display: block;width: 3px;height: 20px;background: #ccc;color: transparent; margin-bottom: 15px;transition: all 1s cubic-bezier(.215, .61, .355, 1);}
.nav-dot--active{background: #000;height: 40px;}

.site-info .dashicons{line-height: 1.3!important;}
.site-info a {color: var(--blue);}
.dashicons-heart{color:red;}

.alignfull{width: 100vw;margin-left: calc(50% - 50vw);}
.alignwide{width: 90vw;margin-left: calc(50% - 45vw);}

.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output,
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output,
.wpcf7 form.spam .wpcf7-response-output,
.wpcf7 form.sent .wpcf7-response-output  {border-color: var(--violet); background: var(--violet); color: var(--white); text-align: center; width: fit-content; margin: 0 auto; padding: 10px; border-radius: 5px;}

.wpcf7-not-valid-tip,
.use-floating-validation-tip .wpcf7-not-valid-tip {color: var(--white); text-align: center; width: fit-content; margin: 0 auto; padding: 10px; border-radius: 5px; background: red;}

#site-loader {position: fixed;inset: 0; background: #fff; z-index: 9999; overflow: hidden;}

.loader-fill {position: absolute;bottom: 0; left: 0; width: 100%; height: 0vh; background: var(--gradient); transition: height .5s cubic-bezier(.4,0,.2,1); will-change: height;}

.loader-ui { position: absolute; bottom: 4%; right: 4%; z-index: 4;}

.loader-percent { font-size: 3rem; color: #fff;}

#site-loader.loaded { pointer-events: none;}

@media (max-width: 767px) {
  .site-info{margin-top: 40px;}
}

/* Accessibility
--------------------------------------------- */
.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;}
.screen-reader-text:focus {	background-color: #f1f1f1;	border-radius: 3px;	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);clip: auto !important;	clip-path: none;color: #21759b;display: block;	font-size: 0.875rem;font-weight: 700;height: auto;left: 5px;line-height: normal;padding: 15px 23px 14px;text-decoration: none;top: 5px;width: auto;	z-index: 100000;}
#primary[tabindex="-1"]:focus {	outline: 0;}