/*
Theme Name: AVEROUSY
Theme URI: https://averousy.com/
Template: kadence
Author: AVEROUSY
Author URI: https://averousy.com/
Description: AVEROUSY
Version: 0.0.2
Text Domain: averousy
*/

html{scroll-behavior:smooth;overflow-y:scroll}
*{transition:all .3s .1s linear;-webkit-transition:all .3s .1s linear}
input:focus::placeholder,textarea:focus::placeholder{color:transparent}

/* KADENCE */
.hero-section-overlay{background-image:url(https://averousy.com/wp-content/uploads/2022/07/abstract-background-averousy.webp);background-size:cover;background-position:center center;background-attachment:fixed;background-repeat:no-repeat;opacity:.75}
.site-branding{filter:drop-shadow(-1px 1px 2px rgba(0,0,0,.9));-webkit-filter:drop-shadow(-1px 1px 2px rgba(0,0,0,.9))}
.site-header-row-container-inner{filter:drop-shadow(0 1px 3px rgba(0,0,0,.3));-webkit-filter:drop-shadow(0 10px 30px rgba(0,0,0,.7))}
.post-thumbnail.alignwide,.post-thumbnail.alignfull{padding-bottom:66.67%!important}
.toc p a{color:#fff!important;font-weight:700;text-decoration:none;filter:drop-shadow(-1px 1px 2px rgba(0,0,0,.75));-webkit-filter:drop-shadow(-1px 1px 2px rgba(0,0,0,.75))}
.alignfull,.alignwide,.single .content-area,.single-content .wp-block-group,.single-content .wp-block-columns{margin-top:0!important;margin-bottom:0!important}
.wp-block-image+p,.wp-block-image figure{margin:0 auto!important}
.wp-block-column{margin-bottom:2em}
.wp-block-buttons.alignfull{max-width:100%!important;margin:0 auto!important}



.post-thumbnail-inner:after{content:'';position:absolute;top:0;left:0;width:0;height:100%;background-color:rgba(255,255,255,.5);-webkit-transition:none;-moz-transition:none;transition:none}
.post-thumbnail-inner:hover:after{width:120%;background-color:rgba(255,255,255,0);-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;transition:all .5s ease-in-out}
.wp-block-kadence-posts img:hover{filter:brightness(1.25)}
button,a.button,a.wp-block-button__link,input#submit,input[type=submit],#my-accordion h3,#paket{background-image:-webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.3) 100%)!important;box-shadow:0 12px 24px -16px #000}
button:hover,a.button:hover,a.wp-block-button__link:hover,input#submit:hover,input[type=submit]:hover{position:relative;top:-4px;box-shadow:0px 16px 32px -8px rgba(0,0,0,.75)}
.search-toggle-open.search-toggle-style-default{position:initial;background-image:none!important}
.popup-drawer .drawer-header .drawer-toggle{padding:.5em!important}
.entry-related-carousel .entry-header,.wp-block-kadence-posts .entry-header,.post-archive .entry-header{margin:0 auto!important}
.entry-related-carousel h3.entry-title{font-size:12px!important}
.entry-tags,.comment-navigation,.post-navigation{padding:0 32px}
/* FLOAT MENU */
body .float-menu,body .scroll-up{visibility:hidden;opacity:0}
body .float-menu{transition:right 3s,visibility 3s,opacity 3s ease;transition-delay:5s}
body .scroll-up{transition:bottom 3s,visibility 2s,opacity 3s ease}
body:hover .float-menu{right:0;visibility:visible;opacity:1}
body:hover .scroll-up{bottom:100px;visibility:visible;opacity:1}
.float-menu{position:fixed;right:-100px;bottom:200px;margin:0 auto;padding:14px;z-index:999}
.scroll-up{position:fixed;bottom:-100px;right:24px;width:48px;height:48px;border-radius:50%;background:rgba(255,255,255,.5);z-index:999}
.float-menu svg{color:#25d366}
svg .fa-primary{color:#603}
svg .fa-secondary{color:#936}

/* PRICING LAMA */
.pricing figure{margin:0 auto!important}
.wp-block-column.pricing{margin:.25em!important}
.pricing:nth-child(1).bronze,.bronze .wp-block-image{background:linear-gradient(-45deg,#930 25%,#c63 50%,#630 75%,#996 100%)}
.pricing:nth-child(2).silver,.silver .wp-block-image{background:linear-gradient(-45deg,#666 25%,#333 50%,#999 75%,silver 100%)}
.pricing:nth-child(3).gold,.gold .wp-block-image{background:radial-gradient(ellipse farthest-corner at right bottom,#fedb37 0%,#fdb931 8%,#9f7928 30%,#8a6e2f 40%,transparent 80%),radial-gradient(ellipse farthest-corner at left top,#fff 0%,#ffffac 8%,#d1b464 25%,#5d4a1f 62.5%,#5d4a1f 100%)}
.pricing:nth-child(4).platinum,.platinum .wp-block-image{background:radial-gradient(ellipse farthest-corner at right bottom,#faf9f6 0%,#c8c7c4 8%,#969593 30%,#979795 40%,transparent 80%),radial-gradient(ellipse farthest-corner at left top,#fff 0%,#e0dfde 8%,#e8e7e6 25%,#efefee 62.5%,#d9d8d6 100%)}
.pricing .wp-block-image{width:50%;margin:0 auto;border-radius:50%;padding:12px;-webkit-transition:1.25s;transition:1.25s}
.pricing:hover .wp-block-image{box-shadow:0 -5px 10px rgba(0,0,0,.25) inset}
.pricing{position:relative;height:auto;background:linear-gradient(-45deg,#fe0847,#feae3f);border-radius:15px;margin:0 auto;padding:20px 10px;-webkit-box-shadow:0 10px 15px rgba(0,0,0,.1);box-shadow:0 10px 15px rgba(0,0,0,.1);-webkit-transition:1.25s;transition:1.25s}
.pricing::before{content:'';position:absolute;bottom:20%;left:0;width:100%;height:50%;background:rgba(245,239,224,.1);z-index:1;-webkit-transform:skewY(-10deg) scale(10);transform:skewY(-10deg) scale(1)}
.pricing:hover{-webkit-transform:scale(1.075);transform:scale(1.075);box-shadow:0 -5px 10px rgba(0,0,0,.25) inset}
.pricing table thead tr th{font-size:24px;font-weight:700;color:#000}
.pricing table,.pricing td,.pricing th,.pricing a{border:unset!important;color:#fff;font-size:16px;line-height:32px;font-weight:400}
.pricing figcaption{display:none!important}
.pricing thead{border:unset!important}

/* PRICING BARU */
#harga{background-color:transparent;margin-top:0!important;margin-bottom:0!important;padding:1em!important;gap:1em!important}
.pricingTable{padding:96px 0}.pricingTable p{margin:0!important}.pricingTable ul{padding:0!important}
.tabel-harga{list-style:none;padding-left:32px;padding-right:32px;text-align:center}
.tabel{vertical-align:middle;width:20%;background-color:#fff;display:inline-block;padding:0 24px 32px;text-align:center;max-width:320px;transition:all .3s ease;border-radius:5px;box-shadow:0 10px 15px rgba(0,0,0,.1)}
.tabel:hover{transform:scale(1.1)}
.tabel:not(:last-of-type){margin-right:1.25%}
.tabel:nth-of-type(3){position:relative}
.tabel:nth-of-type(3):before{content:'TERLARIS';position:absolute;color:#fff;background-color:#039;right:16px;top:-32px;height:64px;width:64px;border-radius:50%;font-size:12px;line-height:64px;transition:all .5s ease}
.tabel:nth-of-type(3):hover:before{transform:rotate(360deg)}
.paket{font-size:32px;padding:32px 0;text-transform:uppercase;border-bottom:2px solid #ebedec;letter-spacing:.16px}
.harga{font-size:32px;font-weight:700}
p.harga,p.diskon-1,p.diskon-2{margin:0 -24px;padding:.25em 0;border-bottom:2px solid #ebedec;line-height:1}
.harga span:first-of-type,.diskon-1 span:nth-of-type(1),.diskon-2 span:nth-of-type(1){font-size:.5em;vertical-align:top;letter-spacing:.1px}
.harga span:last-of-type,.diskon-1 span:nth-of-type(3),.diskon-2 span:nth-of-type(3){vertical-align:bottom;font-size:.5em;letter-spacing:.1px;padding-left:.32px}
.diskon-1 span:last-of-type,.diskon-2 span:last-of-type{font-size:16px;font-weight:700;color:#f30;line-height:32px}
.fitur{text-align:left;list-style:none;padding:8px;font-size:16px;border-bottom:2px solid #ebedec}
.fitur > li{padding:10px 0}
.fitur > li:before{content:'\2714';display:inline-flex;margin-right:16px;color:#fff;background-color:#3cf;border-radius:50%;width:16px;height:16px;font-size:16px;padding:16px;align-items:center;justify-content:center}
.fitur > li:hover:before{background-color:#039}
.beli{background-color:#3cf;margin:16px;box-shadow:0 1px 0 0 #309;letter-spacing:.3em;transition:all .4s ease}
.beli:hover{transform:translateY(-10px);box-shadow:0 40px 29px -19px rgba(102,172,100,0.9)}
.beli:active{box-shadow:inset 0 0 10px 1px #66a564,0 40px 29px -19px rgba(102,172,100,0.95);transform:scale(0.95) translateY(-9px)}

/* YOAST SCHEMA */
ol.schema-how-to-steps{padding-left:1em!important}
li.schema-how-to-step{position:relative}
p.schema-how-to-step-text{max-width:80%}
p.schema-how-to-step-text img{position:absolute;top:0;right:0;width:80px;max-width:80px!important}

/*
div.schema-faq-section p{height:0;visibility:hidden;opacity:0;transition:height 2.5s,opacity .5s ease-in-out;transition-delay:.5s}
div.schema-faq-section:hover p{height:auto;visibility:visible;opacity:1}
*/

@media screen and (min-width:980px){

.single.transparent-header .content-area{margin-top:7rem!important}

.wp-block-columns.alignwide,.wp-block-group.alignwide,.wp-block-columns.alignfull,.wp-block-group.alignfull{padding:3em 0em}

.single-content .wp-block-cover.alignfull,.single-content .wp-block-group.alignfull,.single-content .wp-block-cover.alignwide,.single-content .wp-block-group.alignwide{padding:3em}

.is-layout-flow.wp-block-column{margin:0 auto;max-width:95vw}

}

@media screen and (max-width:980px){

.is-layout-flow.wp-block-column{margin:0 1em}

}

@media only screen and (min-width: 768px) and (max-width: 1280px){
.tabel > *{vertical-align:middle}
.tabel{display:block;width:95%;max-width:95%;margin:0 auto 48px!important;padding:10px}
.tabel:after{display:table;content:'';clear:both}
.tabel:hover{transform:none}
.paket{display:block!important}
.harga,.tabel a,.diskon-1,.diskon-2{padding:10px 0}
.fitur{border-bottom:none;display:grid;grid-template-columns:auto auto auto;margin:32px!important}
.diskon-1,.diskon-2{width:49.75%;display:inline-block}
}

@media only screen and (min-width: 320px) and (max-width: 767px){
.tabel > *{display:inline-block;vertical-align:top}
.tabel{display:block;width:100%;max-width:90%;margin:0 auto 48px!important;padding:10px}
.tabel:after{display:table;content:'';clear:both}
.tabel:hover{transform:none}
.paket,.harga,.tabel a,.diskon-1,.diskon-2{padding:10px 0}
.fitur{border-bottom:none}
.diskon-1,.diskon-2{width:45%}
}
code{white-space:nowrap!important}
@media screen and (max-width:767px){
.transparent-header #masthead .site-main-header-wrap .site-header-row-container-inner{
background: radial-gradient(ellipse farthest-corner at right bottom,#faf9f6 0%,#c8c7c4 8%,#969593 30%,#979795 40%,transparent 80%),radial-gradient(ellipse farthest-corner at left top,#fff 0%,#e0dfde 8%,#e8e7e6 25%,#efefee 62.5%,#d9d8d6 100%)!important;
box-shadow: 0 -5px 10px rgb(0 0 0 / 25%) inset;
}
table{margin:0 auto;max-width:100%;overflow:auto;display:inline-block;word-break:break-word;white-space:nowrap}
p.schema-how-to-step-text{max-width:100%}
p.schema-how-to-step-text img{display:none!important}
}