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

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

@font-face{
    font-family: PlayfairDisplaySemiBold;
    src: url(../fonts/PlayfairDisplay-SemiBoldItalic.ttf);
}
@font-face{
    font-family: PlayfairDisplayExtraBold;
    src: url(../fonts/PlayfairDisplay-ExtraBoldItalic.ttf);
}
@font-face{
    font-family: PlayFairCommon;
    src: url(../fonts/PlayfairDisplay-common.ttf);
}

@font-face {
    font-family: PlayFairBlackItalic;
    src: url(../fonts/PlayfairDisplay-BlackItalic.ttf);
}

/*---- TinyMCE Class {'title'=>'Szín'; 'inline'=>'span'; 'classes'=>'color'} ----*/
.color{color:  rgba(234, 230, 221, 1);}

/*---- TinyMCE Class {'title'=>'Link'; 'inline'=>'span'; 'classes'=>'link'} ----*/
.color_link a{color:  rgba(234, 230, 221, 1)1; text-decoration: underline;}

/*---- TinyMCE Class {'title'=>'Műszaki gumiáruház háttér'; 'inline'=>'span'; 'classes'=>'colorBG'} ----*/
.colorBG{display: inline-block; padding: 9px 14px; background-color:  hsl(215, 28%, 27%); color: white !important;}

/*---- TinyMCE Class {'title'=>'Műszaki gumiáruház háttér szövegben'; 'inline'=>'span'; 'classes'=>'colorBG-inline'} ----*/
.colorBG-inline{display: inline-block; padding: 1px 4px; background-color:  hsl(215, 28%, 27%); color: white !important;}

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

/*---- TinyMCE Class {'title'=>'Műszaki gumiáruház blockquote'; 'block'=>'div'; 'classes'=>'blockquote'} ----*/
.blockquote{display: block; font-style: italic;background:  hsl(215, 28%, 27%); 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: hsl(0, 72%, 51%);}


/*---- TinyMCE Class {'title'=>'Műszaki gumiáruház Capitális'; 'inline'=>'span'; 'classes'=>'dropcap'} ----*/
.dropcap{ font-family: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"; float: left; font-size: 48px; line-height: 30px; margin-top: 18px; margin-left: 10px;  margin-right: 20px; margin-bottom: 8px; font-weight: 800; color: white;}

/*---- TinyMCE Class {'title'=>'Műszaki gumiáruház 2hasáb'; 'block'=>'div'; 'classes'=>'column-2'} ----*/
.column-2{ column-count: 1; column-gap: 0;}

/*---- TinyMCE Class {'title'=>'Műszaki gumiáruház 3hasáb'; 'block'=>'div'; 'classes'=>'column-3'} ----*/
.column-3{ column-count: 1; column-gap: 0;}

/*---- TinyMCE Class {'title'=>'Műszaki gumiáruház elválasztó-ikonos'; 'block'=>'div'; 'classes'=>'divider--icon'} ----*/
.divider--icon{
    display: block; width: 100%; height: 24px; position: relative; text-align: center; background: url("../images/icon/diamond.svg"); background-repeat: no-repeat; background-position: center center; background-size: 24px 24px;
}
.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: rgba(220, 38, 38, 1); }
.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: rgba(220, 38, 38, 1); }

/*---- TinyMCE Class {'title'=>'Műszaki gumiáruház 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: rgba(220, 38, 38, 1) ;
}

/*---- TinyMCE Class {'title'=>'Műszaki gumiáruház 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 rgba(220, 38, 38, 1);
}

/*---- TinyMCE Class {'title'=>'Műszaki gumiáruház Lista'; 'block'=>'div'; 'classes'=>'ul--section'} ----*/
.ul--section{max-width: 620px; margin: 1rem auto!important;}
.ul--section li{ display: inline-block; vertical-align: top; width: 100%; text-align: left; margin-bottom: 1rem; padding: 0.25rem 0 0.25rem 1.25rem; background-position: left 8px center; }


/*---- TinyMCE Class {'title'=>'Gomb-nagy'; 'inline'=>'span'; 'classes'=>'colorBtn--big'} ----*/
.colorBtn--big{display: inline-block; line-height: 56px; font-weight: bold; color: rgba(220, 38, 38, 1) !important; font-size: 18px; padding: 0 32px; margin: 6px 3px; background: rgba(17, 24, 39, 1); border-radius: 3px; font-family:  system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"; ;}
.colorBtn--big:hover{background-color: hsl(215, 28%, 27%); cursor: pointer;}
.colorBtn--big a{display:block; color: rgba(220, 38, 38, 1); background: rgba(17, 24, 39, 1); padding: 0 16px;}
.colorBtn--big:hover a{background-color: hsl(215, 28%, 27%);}

/*---- TinyMCE Class {'title'=>'Gomb'; 'inline'=>'span'; 'classes'=>'colorBtn'} ----*/

.colorBtn{display: inline-block; line-height: 44px; font-weight: bold; color: rgba(220, 38, 38, 1) !important; font-size: 16px; padding: 0 32px; margin: 6px 3px; background: rgba(17, 24, 39, 1); border-radius: 3px; font-family:  system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"; ;}
.colorBtn:hover{background-color: hsl(215, 28%, 27%); cursor: pointer;}
.colorBtn a{display:block; color: rgba(220, 38, 38, 1); background: rgba(17, 24, 39, 1); padding: 0 16px;}
.colorBtn:hover a{background-color: hsl(215, 28%, 27%);}

/*---- TinyMCE Class {'title'=>'Gomb kicsi'; 'inline'=>'span'; 'classes'=>'colorBtn--small'} ----*/
.colorBtn--small{display: inline-block; line-height:32px; font-weight: bold; color: rgba(220, 38, 38, 1) !important; font-size: 13px; padding: 0 32px; margin: 6px 3px; background: rgba(17, 24, 39, 1); border-radius: 3px; font-family:  system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"; ;}
.colorBtn--small:hover{background-color: hsl(215, 28%, 27%); cursor: pointer;}
.colorBtn--small a{display:block; color: rgba(220, 38, 38, 1); background: rgba(17, 24, 39, 1); padding: 0 16px;}
.colorBtn--small:hover a{background-color: hsl(215, 28%, 27%);}

/*---- TinyMCE Class {'title'=>'Gomb kerekített'; 'inline'=>'span'; 'classes'=>'colorBtn--border'} ----*/
.colorBtn--border{display: inline-block; line-height: 44px; font-weight: bold; color: rgba(220, 38, 38, 1) !important; font-size: 16px; padding: 0 32px; margin: 6px 3px; background: rgba(31, 41, 55,1); border-radius: 3px; border: 1px solid rgba(220, 38, 38, 1); font-family:  system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"; ;}
.colorBtn--border:hover{background-color: hsl(215, 28%, 27%); cursor: pointer;}
.colorBtn--border a{display:block; color: rgba(220, 38, 38, 1); background:rgba(31, 41, 55,1); padding: 0 16px;}
.colorBtn--border:hover a{background-color: hsl(215, 28%, 27%);}

/*---- TinyMCE Class {'title'=>'Gomb kerekített'; 'inline'=>'span'; 'classes'=>'colorBtn--round'} ----*/
.colorBtn--round{display: inline-block; line-height: 44px; font-weight: bold; color: rgba(220, 38, 38, 1) !important; font-size: 16px; padding: 0 32px; margin: 6px 3px; background: rgba(17, 24, 39, 1); border-radius: 3px; font-family:  system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"; border-radius: 40px;}
.colorBtn--round:hover{background-color: hsl(215, 28%, 27%); cursor: pointer;}
.colorBtn--round a{display:block; color: rgba(220, 38, 38, 1); background: rgba(17, 24, 39, 1); padding: 0 16px;}
.colorBtn--round:hover a{background-color:hsl(215, 28%, 27%);}

/*---- 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: #ffffff; font-family: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";}
/*---- TinyMCE Class {'title'=>'H3 Címsor Műszaki gumiáruház'; 'block'=>'h3'; 'classes'=>'cimsor-h3-color'} ----*/
h3.cimsor-h3-color{font-size: 24px; line-height: 1; font-weight: 600; margin: 12px 0; color: #c2c2c2; font-family: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";}

/*---- 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: #ffffff; font-family: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";}
/*---- TinyMCE Class {'title'=>'H4 Címsor Műszaki gumiáruház'; 'block'=>'h4'; 'classes'=>'cimsor-h4-color'} ----*/
h4.cimsor-h4-color{font-size: 22px; line-height: 1; font-weight: 600; margin: 18px 0;color: #c2c2c2; font-family: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";}

/*---- 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: #ffffff; font-family: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";}
/*---- TinyMCE Class {'title'=>'H5 Címsor Műszaki gumiáruház'; 'block'=>'h5'; 'classes'=>'cimsor-h5-color'} ----*/
h5.cimsor-h5-color{font-size: 20px; line-height: 1; font-weight: 600; margin: 15px 0;color: #c2c2c2; font-family: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";}

/*---- 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: #ffffff; font-family: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";}
/*---- TinyMCE Class {'title'=>'H6 Címsor Műszaki gumiáruház'; 'block'=>'h6'; 'classes'=>'cimsor-h6-color'} ----*/
h6.cimsor-h6-color{font-size: 18px; line-height: 1; font-weight: 600; margin: 12px 0;color: #c2c2c2; font-family: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";}

/*---- TinyMCE Class {'title'=>'H3 Címsor Slider'; 'block'=>'h3'; 'classes'=>'cimsor-h3-slider'} ----*/
h3.cimsor-h3-slider{ font-family: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"; font-size: 18px; line-height: 1.3; margin: 0; color: white; font-weight: 200; font-style: italic; letter-spacing: 1.2px;}

/*---- TinyMCE Class {'title'=>'H4 Címsor Slider'; 'block'=>'h4'; 'classes'=>'cimsor-h4-slider'} ----*/
h4.cimsor-h4-slider{ font-family: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"; font-size: 16px; line-height: 2; margin: 0; color: #c2c2c2; font-weight: 100; margin-top: 35px;}



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




@media screen and (min-width: 1024px) {
    .ul--section li{width: 47%;margin-right: 3%;}
    .ul--section li:nth-child(2n){margin-right: 0;}
    h3.cimsor-h3-slider{font-size: 32px;}
    h4.cimsor-h4-slider{font-size: 16px;}
    .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: 1px; border-collapse: separate; margin-bottom: 20px; }
table tr:nth-child(odd) { background-color: hsl(215, 28%, 27%);}
table tr:nth-child(even) { background-color:  hsl(215, 28%, 22%); }
table tr th { background-color: hsl(215, 28%, 11%); color: #ffffff; font-weight: bold; padding: 13px 0; font-size: 16px; }
table tr td { padding: 15px 0; }



/*---- TinyMCE Class {'title'=>'Kék'; 'inline'=>'span'; 'classes'=>'blue'} ----*/
.blue{color: #0572a6;}

/*---- TinyMCE Class {'title'=>'Kék Link'; 'inline'=>'span'; 'classes'=>'blue_link'} ----*/
.blue_link a{color: #0572a6;}

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

/*---- TinyMCE Class {'title'=>'fontSlab'; 'inline'=>'span'; 'classes'=>'fontSlab'} ----*/
.fontSlab{font-family: 'Roboto Slab', serif;}

/*---- TinyMCE Class {'title'=>'Gomb'; 'inline'=>'span'; 'classes'=>'blueBtn'} ----*/
.blueBtn{display: block; width: 150px; height: 44px; line-height: 44px; background: #0572a6 url("../images/icon-right.svg") no-repeat right 18px center; background-size: 5px; border-left: 5px solid #05699D; color: white !important; padding: 0 54px 0 20px; font-size: 13px; text-transform: uppercase;}
.blueBtn a{color: white;}

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