/*
Theme Name: Mulató Aztékok (Hello Elementor Child)
Theme URI: https://github.com/elementor/hello-theme/
Description: Mulató Aztékok hivatalos weboldala
Author: Viktor Borítás
Author URI: https://iwanwilaga.com
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
*/

:root{
  --mulato-zold:#5A9777;
  --mulato-piros:#F05648;
  --mulato-sarga:#F59E0B;
  --mulato-vilagos-sarga:#fcc361;
  --mulato-kek:#23457A;
  --mulato-turkiz:#47A5A0;
  --mulato-szurke:#5c5c5c;
  --mulato-woocommerce:#dcd976;
  --mulato-sotet:#424242;
}



/* HEADER NAV */
.center-menu #site-navigation-wrap {
  width: 65%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}

/* nav menu kozep(ebb)re */
#site-navigation-wrap .dropdown-menu {
  display:flex;
  justify-content:center;
}



/*hatterszint kiszedjuk, (mert elementorban szurke a hattere h lassuk szerkesztes kozben h. mi van */
.elementor-1039:not(.elementor-motion-effects-element-type-background), .elementor-1039 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
  /* background-color: #616161; */
  background-color:transparent!important;
  /* background-color:none!important; */
}



/* FOOLDAL KEZDOOLDAL -------------------------------------------- */

/* fooldalon nem szinezodik el a #scroll-to val mukodo menupont(ok) */
.home #site-navigation-wrap .dropdown-menu >.current-menu-item >a{ 
/* #site-navigation-wrap .dropdown-menu >.current-menu-ancestor >a,
#site-navigation-wrap .dropdown-menu >.current-menu-item >a:hover,
#site-navigation-wrap .dropdown-menu >.current-menu-ancestor >a:hover { */
  background-color:initial!important;
}


#site-navigation-wrap .dropdown-menu>li>a {
  padding: 0 10px;
}

/* .main-menu .menu-item .text-wrap{ color:white!important;} */
nav.elementor-nav-menu--main.elementor-nav-menu__container li a.elementor-item{
  color:white!important;
}



/* hatterkephez elokeszit */
/* #outer-wrap {
  position: relative;
  z-index: 1;
} */

/* Fooldalon Aztekok hatter */
  /* .home #outer-wrap::before { */
body.home::before{
  content: "";
  position: fixed;
  background-image: url('mulatoaztekok-hatterkep.jpg');
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-size: cover;
  background-position: center;
  z-index: -1;
}
/* filter: blur(6px); */
/* background-image: url('HERO-1-1000w-shp.jpg'); */
/* background-image: url('retro-szoborpark-hatter.jpg'); */

/* fooldalon no blur a hatter */
/* .page-id-2 #outer-wrap::before{
  filter: blur(0px)!important;
} */

.white-text{color:white;}
.text-align-center{text-align:center;}
.text-align-right{text-align:right;}

/*main content ne erjen bele a transp menube*/
/* #main #content-wrap { */
.home #main{padding-top:150px;}

.single #main,
.archive #main{
  padding-top:50px;
}


/*random shortcode szovegek --------------------*/ 
#mulato-udvozlet{
  /* color:var(--mulato-sarga); */
  /* text-shadow: 3px 3px 0 black; */
  text-shadow:2px 2px 1px black;
  font-family:monospace, sans-serif;
  font-size:30px;
  font-weight:600;
  text-align:center;
}
#mulato-motivalo-cont {
  width: max-content;
  margin: auto;
}


/*spotify player ----------------- */
.spotify-player ul{
  margin:0;
}
.spotify-player ul li{
  display: flex;
}
.spotify-player ul li.track{
  display: flex;
  background-color: #799f8a3d;

  /* width: 50%;
  justify-content: space-between; */
  width: 100%;
  justify-content: center;

  margin-bottom: 2px;
}
.spotify-player ul li .track_name{
  margin-right:1em;
  color:white;
}
.spotify-player .play_btn {
  border-radius: 100%;
  /* background-color: transparent; */
  /* color: white; */
  /* border-color: #ffffff30; */
}


/* ESEMENY --------------------------- */
/*Kov esemeny*/
#kov-esemeny-text{
  font-size:16px;
}
#kov-esemeny-datum-hely{
  font-size: 20px;
  margin-top: -15px;
  padding-left: 11px;
  color: #00ffca;
  transform: rotate(-2deg);
}

/* Fooldal galeria kep itemek - nem jo a css layer, mert nem linkel a kep tole (vagy nem tudom hogy kell megoldani per pill. Egyszerubb raegetni ps-ben a text-et a kepre.*/
/* .galeriakep-item:after{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.75);
  color: black;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 36px;
  font-weight: bold;
  text-align: center;  
}
#galeriakep-koncert:after{
    content: "koncertek";
} */
/* Hover kell ??? */
/* #galeriakep-koncert:after:hover{
    background-color: rgba(0, 255, 255, 0.9);
}
#galeriakep-mi:after{
  content: "mi";
}
#galeriakep-toletek:after{
  content: "tőletek";
} */



/* ESEMENY ARCHIVE */

body.post-type-archive-esemeny{
  /* background-color:var(--mulato-szurke); */
  background-color:var(--mulato-zold);
}

body.post-type-archive-esemeny a{
  color:var(--mulato-vilagos-sarga);
  /* color:var(--mulato-sarga); */
}
body.post-type-archive-esemeny button.galeria_link{
  background-color:var(--mulato-vilagos-sarga);
  color:var(--mulato-zold);
  border:none;
  border-radius:3px;
  font-weight:900;
  font-family:revert;
}

@media (min-width: 1200px) {

  body.post-type-archive-esemeny #content{
    /* background-color:var(--mulato-zold); */
    max-width:1140px;
    width:50%;
    /* margin-left:1em; */
  }
}

/* Esemeny archive item */
.post-type-archive-esemeny article.esemeny{
  /* background-color:var(--mulato-zold); */
  margin-bottom:100px;
}
.post-type-archive-esemeny article.esemeny div{
  margin-bottom:15px;
}
.post-type-archive-esemeny article.esemeny-excerpt{
  font-size:1.5rem;
}



/* Esemeny single */
.single-esemeny #outer-wrap{background-color:var(--mulato-zold);}



/* AZTEKOK single (tagok) */
.parent-pageid-360 #outer-wrap{background-color:var(--mulato-szurke);}


/* Koncert tax archive */
.term-mi #outer-wrap{background-color:var(--mulato-zold);}
.term-koncert #outer-wrap{background-color:var(--mulato-sarga);}
.term-toletek #outer-wrap{background-color:var(--mulato-piros);}

.archive h1.elementor-heading-title{
  height:65px!important;
}



/* Galeria pseudo "archiv" (hazi rewrite -------------------------------*/

/* .page-id-65 #outer-wrap{ Fooldal */
#outer-wrap{
  background-color:var(--mulato-sarga);
  /* background-color: #FFFFFF30; vilagosit - ude wibe?*/
}

#galeria-grid{
  display:grid;
  grid-template-columns: 1fr 1fr 1fr;
  /* grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); Adjust size as needed */
  column-gap:30px;
  row-gap:80px;
}

.grid-item {
  position: relative;
  width:100%;
  height:100%;
}
.grid-item h2{
  color:white;
  min-height:65px;
  font-size:20px;
  line-height:22px;
  margin-bottom:5px;
}

.grid-item img {
  width:100%;
  height:300px;
  object-fit:cover;
}



/* Galeria single -------------------*/
body.single-esemeny-galeria{
  /* background-color:var(--mulato-sarga); */
  background-color:var(--mulato-vilagos-sarga);
  padding-left:10px;
  padding-right:10px;
}
.single-esemeny-galeria #galeria-grid{
  row-gap:30px;
}

/* PRODUCTTT SINGLE ----------- */
.woocommerce .quantity .qty {
  /* width: 3.631em; */
  width:80px;;
  /* text-align:center; */
}

.bundled_product_title_link{
  display:none!important;
}


/* SHOPPP ------------------ */

/* .single_add_to_cart_button button alt */
.single_add_to_cart_button{
  height:42px;
  /* background-color:var(--mulato-kek)!important; */
  background-color:var(--mulato-piros)!important;
}

.woocommerce-message {
  border-top-color:var(--mulato-piros);
}
.woocommerce-info {
  border-top-color:var(--mulato-sarga);
  background-color:var(--mulato-vilagos-sarga);
}

.woocommerce-message::before{
  content:"\e015";
  color:var(--mulato-piros);
}

.e-wc-message-notice .woocommerce-message {
    /* background-color: #fafbf5; */
    background-color:#47a5a014!important;
    /* border: 0 solid #000; */
    /* border-radius: var(--message-box-border-radius, 0); */
    border-top:3px solid #5A9777!important;
    /* color: var(--message-message-text-color, #3f444b); */
}

/* KOSARRR CARTTT ---------------- */

/* Kosarba gomb */
.wp-element-button, .wp-block-button__link{
  background-color: #ffffff;
  border-width:3px;
/* Shorthand that sets the four 'border-*-width' properties. If it has four values, they set top, right, bottom and left in that order. If left is missing, it is the same as right; if bottom is missing, it is the same as top; if right is missing, it is the same as top. */
  color:var(--mulato-piros);
  border-style:dashed;
}
.wc-block-components-button:not(.is-link) .wc-block-components-button__text{
  font-weight:bold;
  font-size:1.2em;
}
a.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained{
    text-decoration: none;
}




/* PENZTARRR CHECKOUTTT ------------------ */

.woocommerce-checkout{
  /* background-color:var(--mulato-szurke); */
  /* background-color:var(--mulato-szurke); */
  /* background-color:#ebebeb; vil szurke */
}
.woocommerce-checkout .e-checkout__column.e-checkout__column-start{
  margin-top:-300px;
}
.woocommerce-checkout .e-checkout__column.e-checkout__column-start .col-1{
  background-color:#ffffffab;
}

.wp-block-woocommerce-checkout-actions-block .wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button{
  /* height: auto;
  padding: 1em;
  width: 50%; */
  color:var(--mulato-piros);
  border-color:var(--mulato-piros);
  background-color:var(--mulato-piros);
  color:white;
}
.wp-block-woocommerce-checkout-actions-block .wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button:hover{
  background-color:white;
  color:var(--mulato-piros);

}


/* penztar boxok hatter */
/* .elementor-widget-woocommerce-checkout-page .woocommerce #customer_details .col-1,
.elementor-widget-woocommerce-checkout-page .woocommerce .e-checkout__order_review,
.elementor-widget-woocommerce-checkout-page .woocommerce .e-coupon-box,
.elementor-widget-woocommerce-checkout-page .woocommerce .e-woocommerce-login-section,
.elementor-widget-woocommerce-checkout-page .woocommerce .shipping_address,
.elementor-widget-woocommerce-checkout-page .woocommerce .woocommerce-additional-fields,
.elementor-widget-woocommerce-checkout-page .woocommerce .woocommerce-checkout #payment {
  background: var(--sections-background-color, #cfcfcf); */
  /* border-color: var(--sections-border-color, #d5d8dc);
        /* border-radius: var(--sections-border-radius, 3px);
        border-style: var(--sections-border-type, solid);
        border-width: 1px;
        display: block;
        margin: var(--sections-margin, 0 0 24px 0);
        padding: var(--sections-padding, 16px 30px);
} */


/* MOBIL HEADER  */
.elementor-nav-menu--dropdown.elementor-nav-menu__container .elementor-sub-item {
    /* font-size: 0.85em; */
    font-size:18px!important;
}