@CHARSET "UTF-8";
/*
	Az editor-ban szerkesztett html elemek kinézetének megadása, módosítása!
	
	Pl. ilyen elemeket lehet létrehozni az editor-ban:
		h1-h6, p, address, span, ol, ul, li, (többszintű listák, felsorolások),
		a, blockquote, div, img
	
	De megadható pl. a  elem kinézete is. De ilyenkor csak az admin-ban való
	megjelenésre lehet hatással!
	
	Az oldalon való tartalom MINDEN ESETBEN egy <div class="editor"></div> 
	elembe kell kerülnie! Ez kötelező! Az adminban is ilyen div elem van
	használatban a szerkesztés előtti élő nézetben!!
	
	Példák:
	
		// Az adminban lévő megnyitott szerkesztő hátterének beállítása
		.editor {background-color: #EEEEEE;}
		
		// Az adminon megjelenő szerkesztői "élőnézet" terület hátterének, és az 
		// adminban megnyitott szerkesztő hátterének, és az oldalon elhelyezett
		// "editor" osztállyal rendelkező elem hátterének megadása
		.editor {background-color: #EEEEEE;}
		
		// Az adminban és az oldalon "editor" osztállyal megjelenő elemen
		// belül található <h1> HTML tag színének meghatározása:
		.editor h1 { color: #F00; }
	
	----------------------------
	@author Rácz Tibor Zoltán
	@date 2013-06-09
	----------------------------
*******************************************************************************/

.editor .bgr_orange {
    background: #f27d2c !important;
    color: #fff !important;
    padding: 12px 15px !important;
    font-size: 20px !important;
    margin-bottom: 20px;
}

.editor .bgr_orange p, .news_single .editor .bgr_orange p, #news_container .sub_title > .bgr_orange > p {
    color: #fff !important;
    font-size: 18px!important;
    margin: 0 !important;
}

.editor .orange, .editor .orange p, #news_container .sub_title > .orange > p  {
    color: #f27d2c !important;
    font-size: 18px!important;
}

.editor .border-left {
    font-size: 20px !important;
    border-left: 5px solid #fc822e !important;
    padding-left: 15px !important;
    margin-left: 20px !important;
}

.editor .bgr_gray {
    padding: 20px 20px 5px 20px !important;
    background: #e4e3e3 !important;
    margin-left: 20px !important;
    margin-bottom: 20px !important;
}

.editor .bgr_gray .titles {
    font-size: 25px !important;
}

.editor .bgr_gray p {
    font-size: 18px !important;
    color: #020202 !important;
}

.el-rte-structure h2, .editor h2 {
    color: #FA8038 !important;
    font-size: 1.2em !important;
    margin: 0 !important;
    padding: 0 !important;
    text-transform: uppercase !important;
    font-weight: lighter !important;
}

.el-rte-structure h3, .editor h3 {
    font-size: 1.2em !important;
    margin: 0 !important;
    text-transform: uppercase !important;
    font-weight: normal !important;
}

#knowlage_page .editor h3 {
    font-size: 1.1em !important;
}

@media (max-width: 600px) {
    .el-rte-structure h3, .editor h3 {
        margin: 0 !important;
    }

    .el-rte-structure h3, .editor h3 {
        font-size: 1.1em !important;
    }
}