/*
Theme Name: Timko-Dental
Theme URI: 
Author: W-web
Author URI: 
Description: A Timkó-dental 2015 Bt. weboldala
Requires at least: 6.9
Tested up to: 6.9
Requires PHP: 5.7
Version: 
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: twentytwentyfive
Text Domain: timko-dental
Tags: 
*/

/* SZINEK */

:root{
	--szin-magenta:#e43c88;
	--szin-sotet-szurke:#333333;
}

html {
  scroll-behavior:smooth;
}
[id] {
  scroll-margin-top:100px;
}

/* HEADER ----------------------- */
.topmenu-cont{
/* header.wp-block-template-part{ */
    /* display:flex; */
    width:100%!important;
    flex-direction:column;
    justify-items:center;
    text-align:center;
    /* background-color:grey; */
    z-index:9999;
}
.header-timko{
    /* width:100%; */
    /* display:flex; */
    margin:0 10px;
    margin-bottom:-10px;
}
.logo{
    width:50px!important;
}
.rendelo-telszam-sor{
    /* min-width:max-content; */
}
.rendelo-telszam-sor a{
    color:var(--szin-magenta);
    text-decoration:none;
}


/* HERO --------------------- */
/* .wp-container-core-group-is-layout-672abc19{ */
.hero-szoveg-blokk p,
.hero-szoveg-blokk h2{
    text-shadow:2px 4px 4px #444;
}



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

.hero-szoveg-blokk{
    /* position:absolute; */
    transform:translateY(-50%);
    top:50%;
    left:0;
}
.hero-motto {
    position: relative;
    /* padding-bottom:40px; */
    /* background-color:grey!important; */
}

.hero-motto::after {
    content: "";
    position: absolute;
    left:-20px;
    bottom:0;
    transform:translateY(92px);
    /* top:40px; */
    /* width:550px; */
    width:75%;
    height:100px;
    background-image: url('/wp-content/themes/timko-dental/assets/svg/vonal-alulhuzas-magenta.svg');
    background-size: contain;
    background-repeat: no-repeat;
    z-index:-999;
}


/* Csapatunk */
.csapatunk-tagjai .wp-block-column{
    overflow:hidden;
}
/* Accordion */
.wp-block-accordion-heading__toggle:hover .wp-block-accordion-heading__toggle-title{
    text-decoration:none!important;
}


/* le-fel nyitodas transition atmenet -------------------------------- */

/* accordion nyit/zar transition smooth 3.verzio: NEM JO */
/* .wp-block-accordion-panel {
    overflow: hidden;
    height: 0;
    opacity: 0;
    transition:
        height 0.45s ease,
        opacity 0.25s ease;
}

.wp-block-accordion-item.is-open .wp-block-accordion-panel {
    opacity: 1;
}

.wp-block-accordion-heading {
    margin: 0;
} */

/* accordion nyit/zar transition smooth 2.verzio: */
.wp-block-accordion-item .wp-block-accordion-panel {
    overflow: hidden;
    height: 0;
    opacity: 0;
    transition:
        height 0.45s ease,
        opacity 0.25s ease;
}

.wp-block-accordion-item.is-open .wp-block-accordion-panel {
    opacity: 1;
}

.wp-block-accordion-heading {
    margin: 0;
}

.wp-block-accordion-heading__toggle {
    min-height: 35px;
}
/* ------------------------------------------------------------------- */


/* ??? mukodore csinalni
/* Accordion headerek elszinezodese hoverre ------------- */
/* .wp-block-accordion-item { */
/* .wp-block-accordion-item.has-background.is-layout-flow.wp-block-accordion-item-is-layout-flow{
    background: linear-gradient(
        88deg,
        rgba(227, 7, 194, 0.96) 0%,
        rgb(66, 66, 66) 60%
    );

    transition:
        background 0.35s ease,
        transform 0.25s ease;
}

.wp-block-accordion-item:hover {
    background: linear-gradient(
        88deg,
        rgb(164 0 140 / 96%) 0%,
        rgb(66, 66, 66) 60%
    );
} */


/* CONTACT FORM CF7 ---------------- */
.wpcf7 {
  max-width:1000px;
}

.wpcf7 form p {
  margin-bottom: 18px;
}

.wpcf7 form label {
  display: block;
  width: 100%;
  margin-bottom: 6px;
  font-weight: 600;
}

.wpcf7 form input,
.wpcf7 form textarea,
.wpcf7 form select {
    width: 100%;
    box-sizing: border-box;
    padding: initial;
    border: none;
    border-radius: 5px;
    font: inherit;
    background-color:#3d3d3d;
}
.wpcf7 form input,
.wpcf7 form text,
.wpcf7 form textarea,
.wpcf7 form select {
    color:grey!important;
    padding: 5px 15px;
}    

.wpcf7 form textarea {
  min-height: 140px;
  resize: vertical;
}

.wpcf7 form input[type="submit"] {
  width: auto;
  cursor: pointer;
  padding: 12px 22px;
}

.wpcf7-not-valid-tip{color:var(--szin-magenta);}

/* #wpcf7-f212-p2-o1 label{
    width:100%!important;
} */


/* GOOGLE VELEMENY WIDGETEK --------------- */
/* .ti-widget.ti-goog .ti-review-item>.ti-inner{ */
.ti-widget.ti-goog .ti-review-item div.ti-inner{
    border-color:var(--szin-magenta)!important;
}
.ti-widget.ti-goog .ti-review-header:before{
    border-top-color:var(--szin-magenta)!important;
}
.ti-widget.ti-goog .ti-controls .ti-next, 
.ti-widget.ti-goog .ti-controls .ti-prev{
    outline-color:var(--szin-magenta)!important;
}
.ti-widget.ti-goog .ti-read-more:after{
    background:var(--szin-magenta)!important;
}

/* LEAFLET MAP ------------- */
.leaflet-tile-pane {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}


/* TABLET -------------------- */

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

    /* mobilon & tableten eltunteti a tel szam es messenger ikon elotti szovegeket */
    .text-rendelo,
    .text-chat{
        display:none!important;
    }

}

/* MOBIL --------------------- */

@media only screen and (max-width: 450px){
    .weblap-cime{ display:none;}

    /* HEADER */
    .header-timko .header-bal{
        flex-basis:25%!important;
    }

    /* .header-timko .header-bal, */
    .header-timko .header-jobb{
        flex-basis:15%!important;
    }

    /* kep+szoveg media blokkokban szoveg szelesitese */
    .wp-block-media-text__content{padding:0!important;}
    
    .wp-block-media-text__content p{
        padding-left:0!important;
        padding-right:0!important;
    }
    /* .csapatunk-tagjai{display:flex;} */

    .csapatunk-tagjai .zsuzsanna{order:0;}
    .csapatunk-tagjai .hajnalka{order:1;}
    .csapatunk-tagjai .szilvia{order:2;}
}