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

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

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

/*---- TinyMCE Class {'title'=>'TLI háttér'; 'inline'=>'span'; 'classes'=>'colorBG'} ----*/
.colorBG{display: inline-block; padding: 9px 14px; background-color: #006096; color: white !important;}

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

/*---- TinyMCE Class {'title'=>'TLI háttér szövegben kép mellé'; 'inline'=>'span'; 'classes'=>'colorBG-float'} ----*/
.colorBG-float{padding: 1px 4px; background-color: #006096; color: white !important;}

/*---- TinyMCE Class {'title'=>'fontRaleway; 'inline'=>'span'; 'classes'=>'fontRaleway'} ----*/
.fontOpenSans{font-family: 'Open Sans', serif;}

/*---- TinyMCE Class {'title'=>'TLI blockquote'; 'block'=>'div'; 'classes'=>'blockquote'} ----*/
.blockquote{display: block; font-style: italic;background: rgba(255,255,255,0.3); padding: 20px 20px; border-radius: 3px; }
.blockquote:before{content:' “ '; display: block;font-size: 100px; line-height: 1;
    margin-top: -8px; margin-right: 37px; float: left; color: #4e4e4e;}


/*---- TinyMCE Class {'title'=>'TLI 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: #333333;}

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

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

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

/*---- TinyMCE Class {'title'=>'TLI osztó'; 'block'=>'div'; 'classes'=>'divider'} ----*/
.divider{
    display: block; width: 100%; height: 18px; position: relative; text-align: center;  border-top: 2px solid #e2e2e2; ;
}

/*---- TinyMCE Class {'title'=>'TLI osztó-szín'; 'block'=>'div'; 'classes'=>'divider--color'} ----*/
.divider--color{
    display: block; width: 100%; height: 18px; position: relative; text-align: center;  border-top: 4px solid #006096; ;
}

/*---- TinyMCE Class {'title'=>'TLI balra zárt kép'; 'block'=>'div'; 'classes'=>'img-float-l'} ----*/
.img-float-l{
    width: 100%;
}

.img-float-l img{
    padding-bottom: 0.5rem;
}

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

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

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

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

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

/*---- TinyMCE Class {'title'=>'H3 Címsor'; 'block'=>'h3'; 'classes'=>'cimsor-h3'} ----*/
h3.cimsor-h3{font-size: 24px; line-height: 1; font-weight: 600; margin: 12px 0; color: #231f20;}
/*---- TinyMCE Class {'title'=>'H3 Címsor TLI'; 'block'=>'h3'; 'classes'=>'cimsor-h3-color'} ----*/
h3.cimsor-h3-color{font-size: 24px; line-height: 1; font-weight: 600; margin: 12px 0; color: #006096;}

/*---- TinyMCE Class {'title'=>'H4 Címsor'; 'block'=>'h4'; 'classes'=>'cimsor-h4'} ----*/
h4.cimsor-h4{font-size: 22px; line-height: 1; font-weight: 600; margin: 18px 0; color: #231f20;}
/*---- TinyMCE Class {'title'=>'H4 Címsor TLI'; 'block'=>'h4'; 'classes'=>'cimsor-h4-color'} ----*/
h4.cimsor-h4-color{font-size: 22px; line-height: 1; font-weight: 600; margin: 18px 0; color: #006096;}

/*---- 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: #231f20;}
/*---- TinyMCE Class {'title'=>'H5 Címsor TLI'; 'block'=>'h5'; 'classes'=>'cimsor-h5-color'} ----*/
h5.cimsor-h5-color{font-size: 20px; line-height: 1; font-weight: 600; margin: 15px 0; color: #006096;}

/*---- 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: #231f20;}
/*---- TinyMCE Class {'title'=>'H6 Címsor TLI'; 'block'=>'h6'; 'classes'=>'cimsor-h6-color'} ----*/
h6.cimsor-h6-color{font-size: 18px; line-height: 1; font-weight: 600; margin: 12px 0; color: #006096;}

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


@media screen and (min-width: 1024px) {
    .cimsor-h3, .cimsor-h3-color, .cimsor-h3-color--yellow{font-size: 36px; margin: 20px 0;}
    .cimsor-h4, .cimsor-h4-color, .cimsor-h4-color--yellow{font-size: 32px; margin: 18px 0;}
    .cimsor-h5, .cimsor-h5-color, .cimsor-h5-color--yellow{font-size: 28px; margin: 15px 0;}
    .cimsor-h6, .cimsor-h6-color, .cimsor-h6-color--yellow{font-size: 22px; margin: 12px 0;}
    .column-2{ column-count: 2; column-gap: 20px;}
    .column-3{ column-count: 3; column-gap: 20px;}
}
@media screen and (min-width: 400px){
    .img-float-l{
        width: 185px;
        float: left;
        left: -20px;
    }
}

table { width: 100%; text-align: center; border-spacing: 2px; border-collapse: separate; margin-bottom: 20px; }
table tr:nth-child(odd) { background-color: rgba(255,255,255,0.5) }
table tr:nth-child(even) { background-color: rgba(255,255,255,0.2) }
table tr th { background-color: rgba(255,255,255,0.2); color: #231f20; font-weight: bold; padding: 13px 5px; font-size: 15px; }
table tr td { padding: 15px 5px; }