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

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

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

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

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

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

/*---- TinyMCE Class {'title'=>'Optimum blockquote'; 'block'=>'div'; 'classes'=>'blockquote'} ----*/
.blockquote{display: block; font-style: italic;background: #f3f3f3; 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'=>'Optimum 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'=>'Optimum 2hasáb'; 'block'=>'div'; 'classes'=>'column-2'} ----*/
.column-2{ column-count: 1; column-gap: 0;}

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

/*---- TinyMCE Class {'title'=>'Optimum 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'=>'Optimum osztó'; 'block'=>'div'; 'classes'=>'divider'} ----*/
.divider{
    display: block; width: 100%; height: 18px; position: relative; text-align: center; border-top-style: double;  border-width: 4px; border-color: #e2e2e2; ;
}

/*---- TinyMCE Class {'title'=>'Optimum 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 #03426e; ;
}

/*---- 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: #03426e; border-radius: 3px;}
.colorBtn--big:hover{background-color: #0663a5; cursor: pointer;}
.colorBtn--big a{display:block; color: white; background: #03426e; padding: 0 16px;}
.colorBtn--big:hover a{background-color: #0663a5; 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: #03426e; border-radius: 3px;}
.colorBtn:hover{background-color: #0663a5; cursor: pointer;}
.colorBtn a{display:block; color: white; background: #03426e; padding: 0 16px;}
.colorBtn:hover a{background-color: #0663a5; 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: #03426e; border-radius: 3px;}
.colorBtn--small:hover{background-color: #0663a5; cursor: pointer;}
.colorBtn--small a{display:block; color: white; background: #03426e; padding: 0 16px;}
.colorBtn--small:hover a{background-color: #0663a5; color: white}

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

/*---- 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: #03426e; border-radius: 24px;}
.colorBtn--round:hover{background-color: #0663a5; cursor: pointer;}
.colorBtn--round a{display:block; color: white; background: #03426e; padding: 0 16px;}
.colorBtn--round:hover a{background-color: #0663a5; 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: #353535;}
/*---- TinyMCE Class {'title'=>'H3 Címsor Optimum'; 'block'=>'h3'; 'classes'=>'cimsor-h3-color'} ----*/
h3.cimsor-h3-color{font-size: 24px; line-height: 1; font-weight: 600; margin: 12px 0; color: #03426e;}

/*---- TinyMCE Class {'title'=>'H3 Címsor'; 'block'=>'h3'; 'classes'=>'cimsor-h3-big'} ----*/
h3.cimsor-h3-big{font-size: 32px; line-height: 1; font-weight: 800; text-transform: uppercase; margin: 1rem 0; color: #353535; text-align: center;}
/*---- TinyMCE Class {'title'=>'H3 Címsor Optimum'; 'block'=>'h3'; 'classes'=>'cimsor-h3-color-big'} ----*/
h3.cimsor-h3-color-big{font-size: 32px; line-height: 1; font-weight: 800; text-transform: uppercase; margin: 1rem 0; color: #03426e; text-align: center;}

/*---- 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: #353535;}
/*---- TinyMCE Class {'title'=>'H4 Címsor Optimum'; 'block'=>'h4'; 'classes'=>'cimsor-h4-color'} ----*/
h4.cimsor-h4-color{font-size: 22px; line-height: 1; font-weight: 600; margin: 18px 0; color: #03426e;}

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

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

/*---- TinyMCE Class {'title'=>'H3 Címsor Slider'; 'block'=>'h3'; 'classes'=>'cimsor-h3-slider'} ----*/
h3.cimsor-h3-slider{font-family: 'Raleway', serif; font-family: '-apple-system','Raleway'; font-size: 32px; line-height: 1.3; margin: 0; background-color: rgba(255, 255, 255, 0.75); color: black; font-weight: 200; text-transform: uppercase; padding: 16px;}

/*---- TinyMCE Class {'title'=>'H4 Címsor Slider'; 'block'=>'h4'; 'classes'=>'cimsor-h4-slider'} ----*/
h4.cimsor-h4-slider{font-family: 'Raleway', serif; font-family: '-apple-system','Raleway'; font-size: 16px; line-height: 1.4; margin: 0;  background-color: rgba(255, 255, 255, 0.75); color: black; font-weight: normal; padding: 16px;}

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




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

table { width: 100%; text-align: center; border-spacing: 2px; border-collapse: separate; margin-bottom: 20px; }
table tr:nth-child(odd) { background-color: #f9f9f9; }
table tr:nth-child(even) { background-color: #f3f3f3; }
table tr th { background-color: #03426e; color: white; font-weight: bold; padding: 20px 4px; font-size: 13px; }
table tr td { padding: 12px 8px; font-size: 14px; }