/*---------- TinyMCE Class - Start ----------*/

/*---- TinyMCE Class {'title'=>'Szín'; 'inline'=>'span'; 'classes'=>'color'} ----*/
.color{color: #84cf72;}

/*---- TinyMCE Class {'title'=>'Link'; 'inline'=>'span'; 'classes'=>'link'} ----*/
.color_link a{color: #84cf72; text-decoration: underline;}
.color_link a:hover{color: #f5993c;}

/*---- TinyMCE Class {'title'=>'Kla-Man Farm'; 'inline'=>'span'; 'classes'=>'colorBG'} ----*/
.colorBG{display: inline-block; padding: 9px 14px; background-color: #1a1a1a; color: white !important;}

/*---- TinyMCE Class {'title'=>'Kla-Man Farm - zöld'; 'inline'=>'span'; 'classes'=>'colorBG--color'} ----*/
.colorBG--color{display: inline-block; padding: 9px 14px; background-color: #84cf72; color: white !important;}

/*---- TinyMCE Class {'title'=>'Kla-Man Farm - narancssárga'; 'inline'=>'span'; 'classes'=>'colorBG--color-2'} ----*/
.colorBG--color-2{display: inline-block; padding: 9px 14px; background-color: #f5993c; color: white !important;}

/*---- TinyMCE Class {'title'=>'Kla-Man Farm szövegben'; 'inline'=>'span'; 'classes'=>'colorBG-inline'} ----*/
.colorBG-inline{display: inline-block; padding: 1px 4px; background-color: #1a1a1a; color: white !important;}

/*---- TinyMCE Class {'title'=>'Kla-Man Farm háttér szövegben'; 'inline'=>'span'; 'classes'=>'colorBG--color-inline'} ----*/
.colorBG--color-inline{display: inline-block; padding: 1px 4px; background-color: #84cf72; color: white !important;}

/*---- TinyMCE Class {'title'=>'Kla-Man Farm háttér szövegben'; 'inline'=>'span'; 'classes'=>'colorBG--color-inline-2'} ----*/
.colorBG--color-inline-2{display: inline-block; padding: 1px 4px; background-color: #f5993c; color: white !important;}

/*---- TinyMCE Class {'title'=>'Kla-Man Farm szövegben'; 'inline'=>'span'; 'classes'=>'highlighted'} ----*/
.highlighted{display: block; width: 94%; padding: 2rem; margin: 1rem auto; background-color:white; font-size: 18px; font-weight: 700; color: #84cf72 !important; text-align: center;  border: 3px dashed #84cf72;}

/*---- TinyMCE Class {'title'=>'Kla-Man Farm szövegben'; 'inline'=>'span'; 'classes'=>'highlighted-color'} ----*/
.highlighted--color{display: block; width: 94%; padding: 2rem; margin: 1rem auto; background-color: white; font-size: 16px; font-weight: 500; color: #e2ab0a !important; text-align: center;  border: 1px dotted #e2ab0a;}

/*---- TinyMCE Class {'title'=>'Kla-Man Farm blockquote'; 'block'=>'div'; 'classes'=>'blockquote'} ----*/
.blockquote{ display: block; font-style: normal; font-weight: normal; text-align: center; background: #e0e2e2; padding: 2rem; margin: 2rem 0; border: 2px solid #e0e2e2; }
.blockquote:before{content: ' “ ';
    display: block;
    position: absolute;
    font-size: 92px;
    width: 50px;
    height: 50px;
    line-height: 1;
    text-align: center;
    left: -25px;
    top: -20px;
    color: white;
    background: #ffc645;
}


/*---- TinyMCE Class {'title'=>'Kla-Man Farm Capitális'; 'inline'=>'span'; 'classes'=>'dropcap'} ----*/
.dropcap{  float: left; font-size: 48px; line-height: 30px; margin-top: 18px; margin-left: 10px;  margin-right: 20px; margin-bottom: 8px; font-weight: 800; color: #1a1a1a;}

/*---- TinyMCE Class {'title'=>'Kla-Man Farm 2hasáb'; 'block'=>'div'; 'classes'=>'column-2'} ----*/
.column-2{ column-count: 1; column-gap: 0;}

/*---- TinyMCE Class {'title'=>'Kla-Man Farm 3hasáb'; 'block'=>'div'; 'classes'=>'column-3'} ----*/
.column-3{ column-count: 1; column-gap: 0;}

/*---- TinyMCE Class {'title'=>'Kla-Man Farm elválasztó-ikonos'; 'block'=>'div'; 'classes'=>'divider--icon'} ----*/
.divider--icon{ display: block; width: 100%; height: 64px; padding: 2rem 0; position: relative; text-align: center; background: url("../images/icons/editor-divider.svg"); background-repeat: no-repeat; background-position: center center; background-size: 50px 40px;}
.divider--icon:before{content:''; display: block; position: absolute; height: 4px; width: calc(50% - 40px); left: 0; top: calc(50% - 4px); border-bottom-style: double;  border-width: 4px; margin-top: -2px; border-color: #1a1a1a; }
.divider--icon:after{content:''; display: block; position: absolute; height: 4px; width: calc(50% - 40px); right: 0; top: calc(50% - 4px); border-bottom-style: double;  border-width: 4px; margin-top: -2px; border-color: #1a1a1a; }

/*---- TinyMCE Class {'title'=>'Kla-Man Farm osztó'; 'block'=>'div'; 'classes'=>'divider'} ----*/
.divider{display: block; width: 100%; height: 20px; padding: 2rem 0 0; margin: 0 0 2rem; position: relative; text-align: center; border-bottom-style: double;  border-width: 4px; border-color: #1a1a1a;}


/*---- TinyMCE Class {'title'=>'Kla-Man Farm osztó-szín'; 'block'=>'div'; 'classes'=>'divider--color'} ----*/
.divider--color{display: block; width: 100%; height: 18px; padding: 2rem 0 0; margin: 0 0 3rem; position: relative; text-align: center;  border-bottom: 4px solid #84cf72;}

/*---- TinyMCE Class {'title'=>'Gomb-nagy'; 'inline'=>'span'; 'classes'=>'colorBtn--big'} ----*/
.colorBtn--big{transition: 0.2s; display: inline-block; line-height: 56px; color: white !important; font-size: 22px; padding: 0 32px; margin: 6px 3px; background: #84cf72;}
.colorBtn--big:hover{background-color: #f5993c; cursor: pointer;}
.colorBtn--big a{display:block; color: white; background: #84cf72; padding: 0 16px;}
.colorBtn--big:hover a{background-color: #f5993c; color: white}

/*---- TinyMCE Class {'title'=>'Gomb'; 'inline'=>'span'; 'classes'=>'colorBtn'} ----*/
.colorBtn{transition: 0.2s; display: inline-block; line-height: 44px; color: white !important; font-size: 18px; padding: 0 20px; margin: 6px 3px; background: #84cf72;}
.colorBtn:hover{background-color: #f5993c; cursor: pointer;}
.colorBtn a{display:block; color: white; background: #84cf72; padding: 0 16px;}
.colorBtn:hover a{background-color: #f5993c; color: white}

/*---- TinyMCE Class {'title'=>'Gomb kicsi'; 'inline'=>'span'; 'classes'=>'colorBtn--small'} ----*/
.colorBtn--small{transition: 0.2s; display: inline-block; line-height: 32px; color: white !important; font-size: 12px; padding: 0 20px; margin: 6px 3px; background: #84cf72;}
.colorBtn--small:hover{background-color: #f5993c; cursor: pointer;}
.colorBtn--small a{display:block; color: white; background: #84cf72; padding: 0 16px;}
.colorBtn--small:hover a{background-color: #f5993c; color: white}

/*---- TinyMCE Class {'title'=>'Gomb kerekített'; 'inline'=>'span'; 'classes'=>'colorBtn--border'} ----*/
.colorBtn--border{transition: 0.2s; display: inline-block; line-height: 44px; color: #84cf72; font-size: 18px; padding: 0 20px; margin: 6px 3px; background: transparent; border: 1px solid #84cf72;}
.colorBtn--border:hover{border-color: #f5993c; color: #f5993c; cursor: pointer;}
.colorBtn--border a{display:block; color: #f5993c; background: transparent; padding: 0 16px;}
.colorBtn--border:hover a{border-color: #f5993c; color: #f5993c;}

/*---- TinyMCE Class {'title'=>'Gomb kerekített'; 'inline'=>'span'; 'classes'=>'colorBtn--round'} ----*/
.colorBtn--round{transition: 0.2s; display: inline-block; line-height: 44px; color: white !important; font-size: 15px; padding: 0 20px; margin: 6px 3px; background: #84cf72; border-radius: 24px;}
.colorBtn--round:hover{background-color: #f5993c; cursor: pointer;}
.colorBtn--round a{display:block; color: white; background: #84cf72; padding: 0 16px;}
.colorBtn--round:hover a{background-color: #f5993c; color: white}


/*---- TinyMCE Class {'title'=>'H3 Címsor'; 'block'=>'h3'; 'classes'=>'cimsor-h3'} ----*/
h3.cimsor-h3{font-size: 24px; line-height: 1; font-weight: 800; text-transform: uppercase; margin: 12px 0; color: #1a1a1a;}
/*---- TinyMCE Class {'title'=>'H3 Címsor Kla-Man Farm'; 'block'=>'h3'; 'classes'=>'cimsor-h3-color'} ----*/
h3.cimsor-h3-color{font-size: 24px; line-height: 1; font-weight: 800; text-transform: uppercase; margin: 12px 0; color: #84cf72;}
/*---- TinyMCE Class {'title'=>'H3 Címsor Kla-Man Farm'; 'block'=>'h3'; 'classes'=>'cimsor-h3-color-2'} ----*/
h3.cimsor-h3-color-2{font-size: 24px; line-height: 1; font-weight: 800; text-transform: uppercase; margin: 12px 0; color: #f5993c;}


/*---- TinyMCE Class {'title'=>'H4 Címsor'; 'block'=>'h4'; 'classes'=>'cimsor-h4'} ----*/
h4.cimsor-h4{font-size: 22px; line-height: 1; font-weight: 700; letter-spacing: 1px; margin: 18px 0; color: #1a1a1a;}
/*---- TinyMCE Class {'title'=>'H4 Címsor Kla-Man Farm'; 'block'=>'h4'; 'classes'=>'cimsor-h4-color'} ----*/
h4.cimsor-h4-color{font-size: 22px; line-height: 1; font-weight: 700; letter-spacing: 1px; margin: 18px 0; color: #84cf72;}
/*---- TinyMCE Class {'title'=>'H4 Címsor Kla-Man Farm'; 'block'=>'h4'; 'classes'=>'cimsor-h4-color-2'} ----*/
h4.cimsor-h4-color-2{font-size: 22px; line-height: 1; font-weight: 700; letter-spacing: 1px; margin: 18px 0; color: #f5993c;}


/*---- TinyMCE Class {'title'=>'H5 Címsor'; 'block'=>'h5'; 'classes'=>'cimsor-h5'} ----*/
h5.cimsor-h5{font-size: 20px; line-height: 1; font-weight: 600; margin: 15px 0; color: #1a1a1a;}
/*---- TinyMCE Class {'title'=>'H5 Címsor Kla-Man Farm'; 'block'=>'h5'; 'classes'=>'cimsor-h5-color'} ----*/
h5.cimsor-h5-color{font-size: 20px; line-height: 1; font-weight: 600; margin: 15px 0; color: #84cf72;}
/*---- TinyMCE Class {'title'=>'H5 Címsor Kla-Man Farm'; 'block'=>'h5'; 'classes'=>'cimsor-h5-color-2'} ----*/
h5.cimsor-h5-color-2{font-size: 20px; line-height: 1; font-weight: 600; margin: 15px 0; color: #f5993c;}


/*---- TinyMCE Class {'title'=>'H6 Címsor'; 'block'=>'h6'; 'classes'=>'cimsor-h6'} ----*/
h6.cimsor-h6{font-size: 18px; line-height: 1; font-weight: 600; margin: 12px 0; color: #1a1a1a;}
/*---- TinyMCE Class {'title'=>'H6 Címsor Kla-Man Farm'; 'block'=>'h6'; 'classes'=>'cimsor-h6-color'} ----*/
h6.cimsor-h6-color{font-size: 18px; line-height: 1; font-weight: 600; margin: 12px 0; color: #84cf72;}
/*---- TinyMCE Class {'title'=>'H6 Címsor Kla-Man Farm'; 'block'=>'h6'; 'classes'=>'cimsor-h6-color-2'} ----*/
h6.cimsor-h6-color-2{font-size: 18px; line-height: 1; font-weight: 600; margin: 12px 0; color: #f5993c;}


/*SLIDER*/
/*---- TinyMCE Class {'title'=>'Slider H3 Címsor'; 'block'=>'h3'; 'classes'=>'slider-h3'} ----*/
h3.slider-h3{display: block; width: 100%;  font-size: 2.2rem; line-height: 1.1; font-weight: 800; text-transform: uppercase; margin-bottom: 1rem; padding: 3rem 0; text-align: center; color: #ffffff;}
h3.slider-h3 br{display: none;}

/*---- TinyMCE Class {'title'=>'Slider H4 Címsor'; 'block'=>'h4'; 'classes'=>'slider-h4'} ----*/
h4.slider-h4{display: block; width: 100%;  font-size: 0.9rem; line-height: 1.5; font-weight: 400; text-transform: uppercase; margin-bottom: 1rem; text-align: center; color: #ffffff;}


/*---------- TinyMCE Class - End ----------*/

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

@media screen and (min-width: 1024px) {
    h3.cimsor-h3, h3.cimsor-h3-color, h3.cimsor-h3-color-2{font-size: 32px; margin: 20px 0;}
    h4.cimsor-h4, h4.cimsor-h4-color, h4.cimsor-h4-color-2{font-size: 28px; margin: 18px 0;}
    h5.cimsor-h5, h5.cimsor-h5-color, h5.cimsor-h5-color-2{font-size: 22px; margin: 15px 0;}
    h6.cimsor-h6, h6.cimsor-h6-color, h6.cimsor-h6-color-2{font-size: 18px; margin: 12px 0;}
    h3.slider-h3{font-size: 3.5rem; text-align: left;}
    h3.slider-h3 br{display: block;}
    h4.slider-h4{font-size: 1.1rem; text-align: left;}
    .column-2{ column-count: 2; column-gap: 20px;}
    .column-3{ column-count: 3; column-gap: 20px;}
}

@media screen and (min-width: 1280px){
    h3.slider-h3{font-size: 4.5rem;}
    h4.slider-h4{font-size: 1.3rem;}
}
@media screen and (min-width: 1600px){
    h3.slider-h3{font-size: 6.5rem; margin-bottom: 2rem; padding: 3rem 0;}
}

table { width: 100%; text-align: center; border-spacing: 2px; border-collapse: separate; margin-bottom: 20px; }
table tr:nth-child(odd) { background-color: #fbfbfb; }
table tr:nth-child(even) { background-color: #e0e2e2; }
table tr th { background-color: #4a4a4b; color: white; font-weight: bold; padding: 13px 0; font-size: 16px; }
table tr td { padding: 15px 0; }