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

/*---- TinyMCE Class {'title'=>'Szöveg szín - kék'; 'inline'=>'span'; 'classes'=>'color'} ----*/
.color{color: #31bcad;}

/*---- TinyMCE Class {'title'=>'Szöveg szín - sötétkék'; 'inline'=>'span'; 'classes'=>'color--dark'} ----*/
.color--dark{color: #22847d;}

/*---- TinyMCE Class {'title'=>'Link - kék'; 'inline'=>'span'; 'classes'=>'color-link'} ----*/
.color-link{color: #31bcad; text-decoration: underline;}
.color-link a{color: #31bcad; text-decoration: underline;}
.color-link a:hover{color: #22847d;}

/*---- TinyMCE Class {'title'=>'Introweb - kék'; 'inline'=>'span'; 'classes'=>'colorBG'} ----*/
.colorBG{display: inline-block; padding: 9px 14px; background-color: #31bcad; color: white !important;}

/*---- TinyMCE Class {'title'=>'Introweb - sötétkék'; 'inline'=>'span'; 'classes'=>'colorBG--dark'} ----*/
.colorBG--dark{display: inline-block; padding: 9px 14px; background-color: #22847d; color: white !important;}

/*---- TinyMCE Class {'title'=>'Introweb - sárga'; 'inline'=>'span'; 'classes'=>'colorBG--yellow'} ----*/
.colorBG--yellow{display: inline-block; padding: 9px 14px; background-color: #f2e787; color: black !important;}

/*---- TinyMCE Class {'title'=>'Introweb - szürke'; 'inline'=>'span'; 'classes'=>'colorBG--gray'} ----*/
.colorBG--gray{display: inline-block; padding: 9px 14px; background-color: #9e9e9e; color: white !important;}

/*---- TinyMCE Class {'title'=>'Introweb - fekete'; 'inline'=>'span'; 'classes'=>'colorBG--black'} ----*/
.colorBG--black{display: inline-block; padding: 9px 14px; background-color: #000000; color: white !important;}

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

/*---- TinyMCE Class {'title'=>'Introweb szövegben - sötétkék'; 'inline'=>'span'; 'classes'=>'colorBG-inline--dark'} ----*/
.colorBG-inline--dark{display: inline-block; padding: 1px 4px; background-color: #22847d; color: white !important;}

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

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

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

/*---- TinyMCE Class {'title'=>'Introweb 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: #31bcad !important; text-align: center;  border: 3px dashed #31bcad;}

/*---- TinyMCE Class {'title'=>'Introweb 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'=>'Introweb blockquote'; 'block'=>'div'; 'classes'=>'blockquote'} ----*/
.blockquote{ display: block; font-style: normal; font-weight: 600; text-align: center; background: #e0e2e2; padding: 2rem; margin: 4rem 0; border: 2px solid #e0e2e2;}
.blockquote:before{content: ' “ ';
    display: block;
    position: absolute;
    font-size: 64px;
    width: 50px;
    height: 50px;
    line-height: 80px;
    text-align: center;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: -24px;
    color: white;
    background: #22847d;
}

/*---- TinyMCE Class {'title'=>'Introweb 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'=>'Introweb 2hasáb'; 'block'=>'div'; 'classes'=>'column-2'} ----*/
.column-2{ column-count: 1; column-gap: 0;}

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

/*---- TinyMCE Class {'title'=>'Introweb 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: #22847d; }
.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: #31bcad; }

/*---- TinyMCE Class {'title'=>'Introweb 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'=>'Introweb 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 #31bcad;}

/*---- TinyMCE Class {'title'=>'Gomb-nagy - világos'; 'inline'=>'span'; 'classes'=>'colorBtn--big'} ----*/
.colorBtn--big{display: inline-block; vertical-align: middle;}
.colorBtn--big a{transition: 0.2s; display: inline-block; line-height: 56px; color: white; font-size: 22px; font-weight: 600; padding: 0 32px; margin: 6px 3px; background: #31bcad; text-transform: uppercase;}
.colorBtn--big a:hover{background-color: #22847d; color: white}

/*---- TinyMCE Class {'title'=>'Gomb - világos'; 'inline'=>'span'; 'classes'=>'colorBtn'} ----*/
.colorBtn{display: inline-block; vertical-align: middle;}
.colorBtn a{transition: 0.2s; display: inline-block; font-weight: 600; line-height: 44px; color: white; font-size: 14px; padding: 0 2rem; margin: 6px 3px; background: #31bcad; text-transform: uppercase;}
.colorBtn a:hover{background-color: #22847d; color: white}

/*---- TinyMCE Class {'title'=>'Gomb kicsi - világos'; 'inline'=>'span'; 'classes'=>'colorBtn--small'} ----*/
.colorBtn--small{display: inline-block; vertical-align: middle;}
.colorBtn--small a{transition: 0.2s; display: block; line-height: 36px; color: white ; font-size: 12px; font-weight: 600; padding: 0 20px; margin: 6px 3px; background: #31bcad; text-transform: uppercase;}
.colorBtn--small a:hover{background-color: #22847d; color: white}

/*---- TinyMCE Class {'title'=>'Gomb kerekített szél - világos'; 'inline'=>'span'; 'classes'=>'colorBtn--border'} ----*/
.colorBtn--border{display: inline-block; vertical-align: middle;}
.colorBtn--border a{display:block; line-height: 42px; color: #31bcad; text-decoration: none; font-weight: 600; background: transparent; padding: 0 16px; border: 2px solid #31bcad;}
.colorBtn--border a:hover{border-color: #22847d; color: #22847d;}

/*---- TinyMCE Class {'title'=>'Gomb kerekített - világos'; 'inline'=>'span'; 'classes'=>'colorBtn--round'} ----*/
.colorBtn--round{display: inline-block; vertical-align: middle;}
.colorBtn--round a{transition: 0.2s; display: inline-block; line-height: 44px; font-weight: 600; color: white; font-size: 15px; padding: 0 26px; margin: 6px 3px; background: #31bcad; border-radius: 24px;}
.colorBtn--round a:hover{background-color: #22847d; color: white}

/*---- TinyMCE Class {'title'=>'Gomb-nagy - sötét'; 'inline'=>'span'; 'classes'=>'colorBtnDark--big'} ----*/
.colorBtnDark--big{display: inline-block; vertical-align: middle;}
.colorBtnDark--big a{transition: 0.2s; display: block; line-height: 56px; font-weight: 600; color: white; font-size: 22px; padding: 0 32px; margin: 6px 3px; background: #22847d; text-transform: uppercase;}
.colorBtnDark--big:hover a{background-color: #31bcad; color: white}

/*---- TinyMCE Class {'title'=>'Gomb - sötét'; 'inline'=>'span'; 'classes'=>'colorBtnDark'} ----*/
.colorBtnDark{display: inline-block; vertical-align: middle;}
.colorBtnDark a{transition: 0.2s; display: block; font-weight: 600; line-height: 44px; color: white; font-size: 14px; padding: 0 2rem; margin: 6px 3px; background: #22847d; text-transform: uppercase;}
.colorBtnDark a:hover{background-color: #31bcad; color: white}

/*---- TinyMCE Class {'title'=>'Gomb kicsi - sötét'; 'inline'=>'span'; 'classes'=>'colorBtnDark--small'} ----*/
.colorBtnDark--small{display: inline-block; vertical-align: middle;}
.colorBtnDark--small a{transition: 0.2s; display: block; line-height: 36px; font-weight: 600; color: white; font-size: 12px; padding: 0 20px; margin: 6px 3px; background: #22847d; text-transform: uppercase;}
.colorBtnDark--small:hover a{background-color: #31bcad; color: white}

/*---- TinyMCE Class {'title'=>'Gomb kerekített szél - sötét'; 'inline'=>'span'; 'classes'=>'colorBtnDark--border'} ----*/
.colorBtnDark--border{display: inline-block; vertical-align: middle;}
.colorBtnDark--border a{transition: 0.2s; display: inline-block; line-height: 44px; font-weight: 600; color: #22847d; font-size: 18px; padding: 0 20px; margin: 6px 3px; background: transparent; border: 2px solid #22847d; text-transform: uppercase;}
.colorBtnDark--border a:hover{border-color: #31bcad; color: #31bcad;}

/*---- TinyMCE Class {'title'=>'Gomb kerekített - sötét'; 'inline'=>'span'; 'classes'=>'colorBtnDark--round'} ----*/
.colorBtnDark--round{display: inline-block; vertical-align: middle;}
.colorBtnDark--round a{transition: 0.2s; display: block; line-height: 44px; font-weight: 600; color: white; font-size: 15px; padding: 0 20px; margin: 6px 3px; background: #22847d; border-radius: 24px;}
.colorBtnDark--round:hover a{background-color:#31bcad; color: white}


/*---- TinyMCE Class {'title'=>'H3 Címsor'; 'block'=>'h3'; 'classes'=>'cimsor-h3'} ----*/
h3.cimsor-h3{font-size: 24px; line-height: 1.3; font-weight: 800; text-transform: uppercase; margin: 12px 0; color: #1a1a1a;}
/*---- TinyMCE Class {'title'=>'H3 Címsor Introweb'; 'block'=>'h3'; 'classes'=>'cimsor-h3-color'} ----*/
h3.cimsor-h3-color{font-size: 24px; line-height: 1.3; font-weight: 800; text-transform: uppercase; margin: 12px 0; color: #31bcad;}
/*---- TinyMCE Class {'title'=>'H3 Címsor Introweb'; 'block'=>'h3'; 'classes'=>'cimsor-h3-color-2'} ----*/
h3.cimsor-h3-color-2{font-size: 24px; line-height: 1.3; font-weight: 800; text-transform: uppercase; margin: 12px 0; color: #22847d;}


/*---- TinyMCE Class {'title'=>'H4 Címsor'; 'block'=>'h4'; 'classes'=>'cimsor-h4'} ----*/
h4.cimsor-h4{font-size: 22px; line-height: 1.3; font-weight: 700; letter-spacing: 1px; margin: 18px 0; color: #1a1a1a;}
/*---- TinyMCE Class {'title'=>'H4 Címsor Introweb'; 'block'=>'h4'; 'classes'=>'cimsor-h4-color'} ----*/
h4.cimsor-h4-color{font-size: 22px; line-height: 1.3; font-weight: 700; letter-spacing: 1px; margin: 18px 0; color: #31bcad;}
/*---- TinyMCE Class {'title'=>'H4 Címsor Introweb'; 'block'=>'h4'; 'classes'=>'cimsor-h4-color-2'} ----*/
h4.cimsor-h4-color-2{font-size: 22px; line-height: 1.3; font-weight: 700; letter-spacing: 1px; margin: 18px 0; color: #22847d;}


/*---- TinyMCE Class {'title'=>'H5 Címsor'; 'block'=>'h5'; 'classes'=>'cimsor-h5'} ----*/
h5.cimsor-h5{font-size: 20px; line-height: 1.3; font-weight: 600; margin: 15px 0; color: #1a1a1a;}
/*---- TinyMCE Class {'title'=>'H5 Címsor Introweb'; 'block'=>'h5'; 'classes'=>'cimsor-h5-color'} ----*/
h5.cimsor-h5-color{font-size: 20px; line-height: 1.3; font-weight: 600; margin: 15px 0; color: #31bcad;}
/*---- TinyMCE Class {'title'=>'H5 Címsor Introweb'; 'block'=>'h5'; 'classes'=>'cimsor-h5-color-2'} ----*/
h5.cimsor-h5-color-2{font-size: 20px; line-height: 1.3; font-weight: 600; margin: 15px 0; color: #22847d;}


/*---- TinyMCE Class {'title'=>'H6 Címsor'; 'block'=>'h6'; 'classes'=>'cimsor-h6'} ----*/
h6.cimsor-h6{font-size: 18px; line-height: 1.3; font-weight: 600; margin: 12px 0; color: #1a1a1a;}
/*---- TinyMCE Class {'title'=>'H6 Címsor Introweb'; 'block'=>'h6'; 'classes'=>'cimsor-h6-color'} ----*/
h6.cimsor-h6-color{font-size: 18px; line-height: 1.3; font-weight: 600; margin: 12px 0; color: #31bcad;}
/*---- TinyMCE Class {'title'=>'H6 Címsor Introweb'; 'block'=>'h6'; 'classes'=>'cimsor-h6-color-2'} ----*/
h6.cimsor-h6-color-2{font-size: 18px; line-height: 1.3; font-weight: 600; margin: 12px 0; color: #22847d;}

/*---- TinyMCE Class {'title'=>'Nagyobb szöveg'; 'block'=>'p'; 'classes'=>'text-lg'} ----*/
p.text-lg{
    font-size: 16px!important;
    margin-bottom: 1rem!important;
}
/*---- TinyMCE Class {'title'=>'Kisebb szöveg'; 'block'=>'p'; 'classes'=>'text-sm'} ----*/
p.text-sm{
    font-size: 14px!important;
}

/*---- TinyMCE Class {'title'=>'Számozatlan behúzott lista'; 'block'=>'ul'; 'classes'=>'list-indent'} ----*/
ul.list-indent{
    margin-left: 3rem!important;
}
/*---- TinyMCE Class {'title'=>'Számozott behúzott lista'; 'block'=>'ol'; 'classes'=>'list-indent'} ----*/
ol.list-indent{
    margin-left: 3rem!important;
}

/*---- TinyMCE Class {'title'=>'Nagyobb lista'; 'block'=>'ul'; 'classes'=>'list-lg'} ----*/
ul.list-lg li{
    font-size: 16px;
}
/*---- TinyMCE Class {'title'=>'Nagyobb számozott lista'; 'block'=>'ol'; 'classes'=>'list-lg'} ----*/
ol.list-lg li{
    font-size: 16px;
}

/*SLIDER*/
/*---- TinyMCE Class {'title'=>'Slider szöveg'; 'block'=>'h3'; 'classes'=>'slider-h3'} ----*/
h3.slider-h3{display: block; width: 100%; font-size: 1.8rem; line-height: 1.3; font-weight: 800; color: white;}

/*---- TinyMCE Class {'title'=>'Slider szöveg'; 'block'=>'h4'; 'classes'=>'slider-h4'} ----*/
h4.slider-h4{display: block; width: 100%; font-size: 1.2rem; line-height: 1.3; font-style: italic; font-weight: 700; color: #22847d; font-style: normal; text-transform: uppercase;}

/*---- TinyMCE Class {'title'=>'Slider szöveg'; 'block'=>'h5'; 'classes'=>'slider-h5'} ----*/
h5.slider-h5{display: block; width: 100%; font-size: 1.6rem; line-height: 1.3; font-weight: 400; color: #31bcad; text-transform: none;}

/*---- TinyMCE Class {'title'=>'Gomb-slider - világos'; 'inline'=>'span'; 'classes'=>'slider--btn'} ----*/
.slider--btn{transition: 0.2s; display: inline-block; line-height: 44px; color: white !important; font-size: 16px; font-weight: 600!important; padding: 0 32px; margin: 1rem auto 0; background: #22847d; border-radius: 5px; text-transform: uppercase; text-decoration: none!important;}
.slider--btn:hover{background-color: #22847d; cursor: pointer;}
.slider--btn a{display:block; color: white; background: #31bcad; font-size: 16px; font-weight: 600!important; text-decoration: none!important;}
.slider--btn:hover a{background-color: #22847d; color: white}

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

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

@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: 2.5rem;}
    h5.slider-h5{font-size: 1.5rem;}
    h4.slider-h4{font-size: 1.8rem;}
    .slider--btn{font-size: 19px; line-height: 56px; margin: 1rem 0 0;}
    .slider--btn a{font-size: 19px; line-height: 56px; margin: 0;}
    .column-2{ column-count: 2; column-gap: 20px;}
    .column-3{ column-count: 3; column-gap: 20px;}
    p.text-lg{font-size: 20px!important;}
    ul.list-lg li{ font-size: 20px!important;}
    ol.list-lg li{ font-size: 20px!important;}
}

@media screen and (min-width: 1280px){
    h3.slider-h3{font-size: 4rem;}
    h5.slider-h5{font-size: 2.2rem;}
    h4.slider-h4{font-size: 3.2rem;}
}

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; }