/*
Theme Name: Diamond Top Consult Kft.
Theme URI: http://diamondtopconsult.hu/
Description: A Diamond Top Consult Kft. weboldalának alapértelmezett sablonja
Author: WeDesign
Author URI: http://www.we-design.hu/
Version: 3.0
*/

*{
margin: 0;
padding: 0;
border: 0;
}
*, *:after, *::before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

body { font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 15px; color: #444; background: #eee5d6 url(images/bgr_body.png) repeat-x left top; }
body.rwd_menu__opened { overflow: hidden; }

ul { list-style-type: none; }
a { text-decoration: none; color: #333; }

input, textarea, select, button { font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 16px; outline: none; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; line-height: 100%; }

blockquote { padding-left: 15px; font-size: 20px; font-weight: 500; font-style: italic; color: #000; line-height: 150%; border-left: 10px solid #ececec; }

img.alignleft { margin-right: 30px; margin-bottom: 10px; float: left; }
img.alignright { margin-left: 20px; margin-bottom: 5px; float: right; }
img.aligncenter { margin: 0 auto 30px auto; display: block; }
img.noshadow { padding: 0 !important; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }

hr { height: 30px; border-top: 1px solid #d6dce4; clear: both; }
hr.big { height: 0; border-top: 3px solid #231f20; clear: both; }

.left { float: left; }
.right { float: right; }
.clear { clear: both; }
.inner { max-width: 1000px; margin: auto; position: relative; }
.hide { display: none; }
.t_a_c { text-align: center; }
.b_r_3 { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.red, .required { color: #f21f14; }
.uppercase { text-transform: uppercase; }
.align_center { left: 50%; position: relative; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
.vertical_middle { top: 50%; position: relative; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

/* Animation */
.anim, input[type=submit] { -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }

/* Button */
.button { height: 50px; padding: 0 20px; font-size: 17px; text-decoration: none !important; text-transform: uppercase; color: #fff !important; line-height: 50px; background: #951a16; display: inline-block; cursor: pointer; }
.button:hover { background-color: #1b160d; }
.button:before { margin-right: 10px !important; }

.button_small { height: 40px; line-height: 40px; }

/* Font */
:after, :before { font-family: "fontello", sans-serif; }
.rc { font-family: 'Roboto Condensed', sans-serif; }

#website { max-width: 1200px; margin: auto; background: white; position: relative; -moz-box-shadow: 0 0 10px #eee5d6; -webkit-box-shadow: 0 0 10px #eee5d6; box-shadow: 0 0 10px #eee5d6; }


/*
---------------
	COOKIE
---------------
*/
#cookie { width: 300px; right: 10px; bottom: 10px; padding: 15px; font-size: 13px; line-height: 17px; background: white; border: 1px solid #e3d4b9; position: fixed; z-index: 1000; visibility: hidden; opacity: 0; }
body.cookie_panel #cookie { visibility: visible; opacity: 1; }
#cookie p { margin-bottom: 10px; }
#cookie a { color: #951a16; }
#cookie a.accept { height: 40px; font-size: 16px; text-align: center; color: white; line-height: 40px; background: #951a16; display: block; }
#cookie a.accept:hover { background: #141414; }


/*
-----------------
	OVERLAY
-----------------
*/
.overlay { width: 100%; height: 100%; left: 0; top: 0; background: rgba(27,22,23,0.6); position: fixed; z-index: 10000; visibility: hidden; opacity: 0; }

/* Modal */
.overlay .modal { width: 800px; height: 450px; left: 50%; top: 80px; margin-left: -400px; background: white url(images/modal_card.png) no-repeat left top; position: absolute; opacity: 0; }
.overlay .modal.modal_card .modal_entry { height: 100%; padding-left: 320px; padding-right: 60px; text-align: center; }
.overlay .modal.modal_card .modal_entry h2 { margin-bottom: 40px; font-size: 50px; color: #eb7875; }
.overlay .modal.modal_card .modal_entry h4 { margin-bottom: 20px; font-weight: 500; text-transform: uppercase; color: #000; line-height: 150%; }
.overlay .modal.modal_card .modal_entry p { margin-bottom: 20px; color: #777; }
.overlay .modal.modal_card .modal_entry a.button { margin-bottom: 30px; }
.overlay .modal.modal_card .modal_entry a.skip { text-decoration: underline; }

body.open_modal .overlay { visibility: visible; opacity: 1; }
body.open_modal .overlay .modal { top: 100px; opacity: 1; }


/*
----------------
	RWD MENU
----------------
*/
nav.rwd_menu { width: 320px; height: 100%; left: -480px; top: 0; background: #951a16; position: fixed; z-index: 999; overflow: auto; }
body.rwd_menu__opened nav.rwd_menu { left: 0; }

nav .close_rwd_menu { width: 50px; height: 50px; right: 3px; top: 10px; margin: 0; font-size: 25px; color: white; background: transparent; position: absolute; cursor: pointer; z-index: 2; }

nav.rwd_menu ul li { margin-bottom: 5px; font-size: 20px; color: white; position: relative; list-style: none; }
nav.rwd_menu ul li.menu-item-has-children:after { right: 0; top: 5px; position: absolute; content: '\e9e1'; opacity: 0.5; }
nav.rwd_menu ul li.menu-item-has-children:hover:after { opacity: 1; }
nav.rwd_menu ul li.menu-item-has-children.active:after { content: '\e8e6'; }
nav.rwd_menu ul li a { padding-right: 30px; font-size: 25px; font-weight: 500; color: white; line-height: 25px; display: block; }

nav.rwd_menu ul li ul { padding: 20px 30px; display: none; }
nav.rwd_menu ul li ul li { padding-left: 15px; position: relative; }
nav.rwd_menu ul li ul li:before { width: 6px; height: 6px; left: 0; top: 9px; background: white; position: absolute; content: ''; }
nav.rwd_menu ul li ul li a { font-size: 20px; }

nav.rwd_menu .sep { border-top: 1px solid rgba(255,255,255,0.2); }

nav.rwd_menu .primary_menu { padding: 20px; }
nav.rwd_menu .secondary_menu { padding: 20px; }
nav.rwd_menu .secondary_menu ul li a { font-size: 20px; }

nav.rwd_menu .search { padding: 20px; }
nav.rwd_menu .search label { font-size: 15px; color: white; display: block; }
nav.rwd_menu .search input { width: 100%; height: 50px; padding-left: 15px; }

nav.rwd_menu .login { }
nav.rwd_menu .login ul { }
nav.rwd_menu .login ul li { width: 50%; padding: 40px 0; background: #841714; float: left; }
nav.rwd_menu .login ul li:first-child { border-right: 1px solid #951a16; }
nav.rwd_menu .login ul li a { padding-right: 0; font-size: 20px; text-align: center; }
nav.rwd_menu .login ul li a:before { width: 100%; margin: 0; margin-bottom: 10px; font-size: 30px; text-align: center; display: block; }



/*
---------------
	HEADER
---------------
*/
header { height: 165px; padding-top: 5px; background: url(images/bgr_header.png) repeat-x left top; }
header .inner { height: 100%; clear: both; }

/* Logo */
header .logo { display: inline-block; }

/* Header group */
header hgroup { float: right; }
header hgroup .hgroup_top { height: 50px; color: #2c2c2c; }
header hgroup .hgroup_top ul { font-size: 0; padding-top: 15px; text-align: right; }
header hgroup .hgroup_top ul li { height: 20px; margin-left: 15px; padding-left: 15px; font-size: 14px; font-weight: bold; display: inline-block; position: relative; }
header hgroup .hgroup_top ul li:first-child { margin-left: 0; padding-left: 0; }
header hgroup .hgroup_top ul li:before { width: 1px; height: 18px; left: 0; top: 0; background: #2c2c2c; position: absolute; content: ''; }
header hgroup .hgroup_top ul li:first-child:before { display: none; }
header hgroup .hgroup_top ul li a { height: 100%; color: #2c2c2c; line-height: 20px; display: inline-block; }
header hgroup .hgroup_top ul li a:hover { text-decoration: underline; }
header hgroup .hgroup_top ul li a:before { text-decoration: none; color: #ef6a2c; }

header hgroup .hgroup_bottom { width: 100%; width: 750px; height: 80px; border-top: 1px solid #e6e7e7; }
header hgroup .hgroup_bottom .service { width: 33.3333333333%; height: 80px; font-size: 13px; color: #999; border-right: 1px solid #e6e7e7; float: left; position: relative; z-index: 101; cursor: pointer; }
header hgroup .hgroup_bottom .service.last { border-right: none; }

header hgroup .hgroup_bottom .service .service_group { height: 80px; padding-top: 20px; padding-left: 70px; background: white; display: block; }
header hgroup .hgroup_bottom .service .service_group span { font-size: 17px; font-weight: bold; color: #2c2c2c; display: block; }
header hgroup .hgroup_bottom .service:hover .service_group { color: white; background: #951A16; }
header hgroup .hgroup_bottom .service:hover .service_group span { color: white; }

header hgroup .hgroup_bottom .service .icon { width: 70px; height: 80px; left: 0; top: 0; background: url(images/icon_service_conferences.png) no-repeat 20px top; position: absolute; }
header hgroup .hgroup_bottom .service:hover .icon { background-position: 20px -80px; }

header hgroup .hgroup_bottom .service ul { width: 100%; left: 0; top: 100%; text-transform: none; background: white; position: absolute; visibility: hidden; -moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2); -webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2); box-shadow: 0 3px 3px rgba(0,0,0,0.2); }
header hgroup .hgroup_bottom .service ul li { border-bottom: 1px solid #f7f2e9; }
header hgroup .hgroup_bottom .service ul li:last-child { border-bottom: none; }
header hgroup .hgroup_bottom .service ul li a { padding: 10px 20px; font-size: 16px; color: #000; display: block; }
header hgroup .hgroup_bottom .service ul li a:hover { background: #f7f2e9; }

header hgroup .hgroup_bottom .service:hover { height: auto; background-color: white; }
header hgroup .hgroup_bottom .service.has_shadow:hover { -moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2); -webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2); box-shadow: 0 3px 3px rgba(0,0,0,0.2); }
header hgroup .hgroup_bottom .service:hover ul { visibility: visible; }

header hgroup .hgroup_bottom .adult_education .icon { background-image: url(images/icon_service_adult_education.png); }
header hgroup .hgroup_bottom .procurement .icon { background-image: url(images/icon_service_procurement.png); }

header hgroup .hgroup_bottom .service:hover { background-position: 20px -80px; }

/* RWD button */
header button { width: 60px; height: 60px; right: 20px; top: 20px; font-size: 25px; color: #951a16; background: transparent; position: absolute; cursor: pointer; }


/*
-------------
	MENU
-------------
*/
menu { height: 60px; background: #951a16; position: relative; z-index: 100; }
menu ul { height: 60px; }
menu ul li { height: 100%; position: relative; float: left; }
menu ul li:before { width: 1px; height: 100%; left: 0; top: 0; background: white; position: absolute; content: ''; opacity: 0.15; }
menu ul li a { height: 100%; padding: 0 20px; font-size: 20px; color: white; line-height: 60px; display: block; }
menu ul li a:hover { text-decoration: underline; }

menu ul ul { width: 250px; height: auto; left: 1px; top: 100%; background: #841714; position: absolute; visibility: hidden; }
menu ul ul li { height: auto; border-bottom: 1px solid #721412; float: none; }
menu ul ul li:last-child { border-bottom: none; }
menu ul ul li:before { display: none; }
menu ul ul li a { height: auto; padding: 13px 10px 13px 40px; font-size: 17px; line-height: 16px; background: url(images/bgr_menu_li.png) no-repeat 20px 15px; }
menu ul ul li a:hover { text-decoration: none; background-color: #721412; }

menu ul li.menu-item-has-children:hover > a { background-color: #841714; }
menu ul li.menu-item-has-children:hover ul { visibility: visible; }

/* Search */
menu button { width: 60px; height: 60px; right: 0; top: 0; font-size: 22px; font-weight: normal; color: white; background: #721412; position: absolute; cursor: pointer; z-index: 10; }
body.search__works menu button { background: #a0312e; }

menu form { width: 60px; height: 60px; right: 0; top: 0; position: absolute; z-index: 9; overflow: hidden; }
body.search__works menu form { width: 360px; }
menu form input { width: 300px; height: 60px; right: -300px; top: 0; padding-left: 15px; color: white; background: #a0312e; position: absolute; }
body.search__works menu form input { right: 60px; }
menu form input::-webkit-input-placeholder { color: #d3b0af; }
menu form input:-moz-placeholder { color: #d3b0af; }
menu form input::-moz-placeholder { color: #d3b0af; }
menu form input:-ms-input-placeholder { color: #d3b0af; }


/*
-------------------
	FRONTPAGE
-------------------
*/
#frontpage h2.title { margin-bottom: 20px; font-size: 50px; color: #1f1919; }

/* Slide */
#slide { position: relative; }
#slide img { width: 100%; display: block; position: relative; z-index: 1; }
#slide #cover { width: 100%; height: 100%; left: 0; top: 0; background: url(images/bgr_cover.png) no-repeat left top; position: absolute; z-index: 2; }
#slide #cover .inner { height: 100%; }
#slide #cover .content { width: 45%; text-shadow: 2px 2px rgba(0,0,0,0.3); color: white; }
#slide #cover .content h1 { font-size: 50px; }
#slide #cover .content h3 { margin-top: 20px; font-size: 35px; }

/* News and conferences */
#news__conferences { padding: 50px 0; }
#news__conferences #news { width: 260px; border-right: 1px solid #e6e7e7; float: left; }
#news__conferences #news article { margin-bottom: 20px; padding-right: 20px; padding-bottom: 20px; border-bottom: 1px solid #e6e7e7; }
#news__conferences #news article:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; }
#news__conferences #news article .meta { font-size: 14px; font-weight: bold; color: #999; }
#news__conferences #news article h4 a { font-size: 16px; font-weight: bold; text-decoration: underline; color: #951a16; line-height: 20px; }
#news__conferences #news article h4 a:hover { color: #1f1919; }

#news__conferences #conferences { width: 100%; width: calc(100% - 290px); max-width: 710px; float: right; }
#news__conferences #conferences p { margin-bottom: 20px; }


/* Latest */
#latest { width: 100%; padding: 50px 0; }
#latest ul { width: 104%; width: calc(100% + 40px); overflow: hidden; }
#latest ul li { width: 25%; float: left; }
#latest ul li .wrapper { padding-right: 40px; }
#latest ul li .thumbnail { background: #ea529e; display: block; position: relative; z-index: 1; }
#latest ul li .thumbnail img { width: 100%; display: block; }
#latest ul li:hover .thumbnail img { opacity: 0.75; }
#latest ul li .entry { margin: -20px 20px 0 20px; padding: 15px 10px 30px 10px; text-align: center; background: white; position: relative; z-index: 2; }
#latest ul li .entry p { margin-bottom: 5px; font-size: 14px; font-weight: 700; color: #ea529e; }
#latest ul li .entry p a { color: #ea529e; }
#latest ul li .entry p a:hover { text-decoration: underline; color: #231f20; }
#latest ul li .entry h3 { font-size: 20px; color: #171a1b; line-height: 25px; }
#latest ul li .entry h3 a { color: #171a1b; }
#latest ul li .entry h3 a:hover { color: #ea529e; }
#latest ul li .entry .date { font-size: 13px; color: #999; }


/*
-------------------------
	CONFERENCE LIST
-------------------------
*/
/* Filter */
#filter { margin-bottom: 20px; }
#filter .field { margin-right: 20px; float: left; }
#filter label { height: 20px; font-weight: bold; color: #1f1919; display: block; }
#filter select { height: 40px; padding-left: 5px; font-size: 15px; background: #fcfaf8; border: 1px solid #eee5d6; }

/* List */
table#conf_list { width: 100%; margin-bottom: 20px; }
table#conf_list thead th { padding: 5px; font-family: 'Roboto Condensed', sans-serif; font-size: 15px; font-weight: 400; text-align: left; text-transform: uppercase; color: white; background: #951a16; }
table#conf_list thead th.subject { width: 150px; }
table#conf_list tbody td { padding: 5px; vertical-align: top; line-height: 16px; border: 1px solid #999; }
table#conf_list tbody td.title a { font-weight: bold; }
table#conf_list tbody td.title a:hover { text-decoration: underline; }
table#conf_list tbody td.date { width: 170px; font-size: 14px; }
table#conf_list tbody td.place { font-size: 14px; }


/* 
------------------
	CONTAINER
------------------
*/
#container { position: relative; z-index: 1; }

/* Title */
#title { height: 170px; margin-bottom: 30px; text-align: center; color: white; background-repeat: no-repeat; background-position: center; background-size: cover; position: relative; }
#title .cover { width: 100%; height: 100%; left: 0; top: 0; background: rgba(23,26,27,0.6); position: absolute; }
#title h1 { margin-bottom: 20px; padding: 0 20px; font-size: 30px; }
#title a { text-decoration: underline; color: white; }

/* Breadcrumb */
#breadcrumb_region { margin-bottom: 30px; border-bottom: 1px solid #e6e7e7; position: relative; }
#breadcrumb_region #breadcrumb_group { width: 100%; height: 49px; position: relative; }
#breadcrumb_region #breadcrumb_group:after { width: 100%; height: 1px; left: 0; bottom: -1px; background: #e6e7e7; position: absolute; content: ''; }
#breadcrumb_region #breadcrumb_group .inner { overflow: hidden; }
#breadcrumb_region button { height: 49px; right: 0; top: 0; padding-left: 10px; font-size: 14px; color: #666; background: white; border-left: 1px solid #e6e7e7; position: absolute; cursor: pointer; z-index: 2; }
#breadcrumb_region button:before { margin-right: 10px; font-size: 16px; color: #666; }

#breadcrumb_region .breadcrumb { height: 50px; font-weight: bold; color: #951a16; line-height: 50px; position: relative; z-index: 1; white-space: nowrap; }
#breadcrumb_region .breadcrumb a { text-decoration: none; }
#breadcrumb_region .breadcrumb a:hover { text-decoration: underline; color: #951a16; }

#breadcrumb_region #global_share { height: 50px; font-size: 0; text-align: center; display: none; }
#breadcrumb_region #global_share a { width: 50px; height: 50px; font-size: 18px; color: #999; line-height: 50px; border-right: 1px solid #e6e7e7; display: inline-block; }
#breadcrumb_region #global_share a:first-of-type { border-left: 1px solid #e6e7e7; }
#breadcrumb_region #global_share a:hover { color: #666; background: #f7f7f7; }
#breadcrumb_region #global_share span { display: none; }

/* Content */
#content { width: 100%; width: calc(100% - 320px); max-width: 880px; padding-bottom: 50px; line-height: 25px; float: left; }
.full #content { width: 100%; max-width: none; float: none; }

/* Title */
#content .title span.label { padding: 3px 5px; font-size: 14px; vertical-align: top; color: white; background: #ef6a2c; }

#content p { margin-bottom: 20px; }

#content h1 { margin-bottom: 30px; font-size: 40px; color: #000; }
#content h3 { margin-bottom: 20px; font-size: 25px; font-weight: 700; color: #951a16; line-height: 130%; }

#content a { text-decoration: underline; color: #951a16; }
#content a:hover { color: #1b160d; }

#content img { max-width: 100%; }
#content strong { color: #000; }
#content iframe { width: 100%; }

/* List */
#content ul { margin-left: 20px; margin-bottom: 20px; }
#content ul li { list-style: square; }

#content ul.commentlist { margin-left: 0; }
#content ul.commentlist li { margin-bottom: 30px; margin-left: 0; border-bottom: 1px solid #ddd; list-style: none; }
#content ul.commentlist li:last-child { border-bottom: none; }
#content ul.commentlist li .commentlist_content { width: 100%; width: calc(100% - 130px); max-width: 750px; color: #666; }
#content ul.commentlist li .commentlist_content .commentlist_content_head { font-size: 14px; }
#content ul.commentlist li .commentlist_content .meta { color: #999; }

#content ul.dc { margin: 0 0 20px 0 !important; padding: 0 !important; border-top: 1px solid #ddd; }
#content ul.dc li { min-height: 20px; padding: 10px 40px 10px 40px; line-height: 20px; border-bottom: 1px solid #ddd; position: relative; list-style-type: none; }
#content ul.dc li:before { left: 5px; font-size: 20px; color: #999; position: absolute; content: '\e93d'; }
#content ul.dc li a { font-weight: bold; }

#content .meta { margin-top: -17px; color: #999; }
#content .meta a { text-decoration: underline; color: #666; }
#content .meta a:hover { color: #951a16; }
#content .meta span { display: inline-block; }

/* Archive */
#content.archive ul { margin-left: 0; }
#content.archive ul li { margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #ddd; list-style: none; }
#content.archive ul li h3 { margin-bottom: 20px; line-height: 100%; }
#content.archive ul li h3 a { text-decoration: none; }
#content.archive ul li a.thumbnail { margin-bottom: 20px; display: block; }
#content.archive ul li a.thumbnail img { display: block; }

/* Pagination */
.pagination { text-align: center; }
.pagination span.pages { margin-bottom: 10px; padding: 10px 0; border-bottom: 1px solid #ddd; display: block; }
.pagination span.current {  }
.pagination span.current, .pagination a { width: 40px; height: 40px; margin: 0 2px; line-height: 40px; background: #edeff3; display: inline-block; }
.pagination a { text-decoration: none !important; color: #042d48 !important; }
.pagination a:hover { color: #fff !important; background: #042d48; }
.pagination span.current { color: #fff; background: #ee162d; }

/* Login box */
#content .login_box { width: 48%; padding: 20px; background: #f7f2e9; border: 1px solid #e2cfae; float: left; position: relative; }
#content .login_box:nth-child(2n) { float: right; }
#content .login_box .preloader { width: 100%; height: 100%; left: 0; top: 0; background: rgba(247,242,233,0.7) url(images/login_preloader.gif) no-repeat center; display: none; position: absolute; }
#content .login_box .error { padding: 3px 7px; font-size: 15px; font-weight: bold; color: white; background: red; }
#content .login_box input[type=text], #content .login_box input[type=password] { background: white !important; }

/* Notice */
#content ul.notice { margin-left: 0; padding: 10px; border-width: 1px; border-style: solid; }
#content ul.notice.error { background: #fff5f5; border-color: red; }
#content ul.notice.success { background: #f6fefc; border-color: #14b48e; }
#content ul.notice li { font-weight: bold; color: #000; list-style: none; }

/* Consultants */
#content .consultant { min-height: 150px; margin-bottom: 20px; padding: 20px 20px 20px 150px; line-height: 23px; background-color: #f7f2e9; background-repeat: no-repeat; background-position: 30px 20px; border: 1px solid #e2cfae; }
#content .consultant.eniko { background-image: url(images/cons_nyergeseniko.png); }
#content .consultant.orsolya { background-image: url(images/cons_bereczorsolya.png); }
#content .consultant h4 { font-size: 25px; color: #000; }
#content .consultant p { margin-bottom: 15px; }

/* Table */
#content table { width: 100%; margin-bottom: 20px; }
#content table thead td { padding: 5px; font-family: 'Roboto Condensed', sans-serif; font-size: 15px; font-weight: 400; text-align: left; text-transform: uppercase; color: white; background: #951a16; }
#content table tbody tr:nth-child(odd) { /*background: #f7f2e9;*/ }
#content table tbody td { padding: 5px; vertical-align: top; line-height: 18px; border: 1px solid #999; }

/* Notice */
#content .notice { margin-bottom: 30px; padding: 20px; font-size: 16px; font-weight: bold; line-height: 20px; border-width: 2px; border-style: solid; }
#content .notice.error { color: red; background: #fff5f5; border-color: red; }


/* 
----------------
	SIDEBAR
----------------
*/
#sidebar { width: 270px; float: right; }
.widget { margin-bottom: 30px; }
.widget .widget_title { min-height: 40px; padding: 10px; font-size: 20px; text-align: center; color: white; background: #1b160d; position: relative; }
.widget .widget_title:before { width: 40px; height: 100%; left: 0; top: 0; padding-top: 11px; font-size: 15px; font-weight: normal; text-align: center; color: white; background: #0D0B07; position: absolute; content: '\e97a'; }
.widget .widget_wrapper { background: white; }

.widget .widget_wrapper ul li { padding: 10px; border-bottom: 1px solid #e2cfae; }
.widget .widget_wrapper ul li:last-child { border-bottom: none; }
.widget .widget_wrapper ul li a { font-weight: bold; line-height: 17px; display: block; }
.widget .widget_wrapper ul li a:hover { text-decoration: underline; }
.widget .widget_wrapper ul li .cat { font-size: 14px; color: #666; }


/* News */
#sidebar .widget_has_shadow { -moz-box-shadow: 0 2px 2px rgba(0,0,0,0.2); -webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.2); box-shadow: 0 2px 2px rgba(0,0,0,0.2); }
#sidebar .widget_news ul li { min-height: 70px; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #ddd; position: relative; }
#sidebar .widget_news ul li:last-child { min-height: 50px; margin-bottom: 0; padding-bottom: 0; border-bottom: none; }
#sidebar .widget_news ul li.has_thumbnail { padding-left: 70px; }
#sidebar .widget_news ul li img { left: 0; top: 0; position: absolute; }
#sidebar .widget_news ul li h4 a { font-size: 20px; }
#sidebar .widget_news ul li h4 a:hover { color: #e94c9a; }
#sidebar .widget_news ul li span { color: #999; }


/*
-------------------
	NEWSLETTER
-------------------
*/
#newsletter { padding: 20px 0; border-top: 1px solid #e2cfae; border-bottom: 1px solid #e2cfae; }
#newsletter ul { margin-bottom: 0; }
#newsletter ul li { height: 50px; margin-bottom: 0 !important; }
#newsletter ul li.title { width: 260px; padding-top: 5px; font-weight: bold; color: #000; float: left; }
#newsletter ul li.input { width: 100%; width: calc(100% - 290px); max-width: 710px; float: right; }
#newsletter ul li.input input[type=submit] { width: 150px; }
#newsletter ul li span.wpcf7-form-control-wrap { width: 100%; width: calc(50% - 75px); max-width: 280px; float: left; }


/*
--------------
	ABOUT
--------------
*/
#about_group { padding: 50px 0; background: #f7f2e9; }

/* Facebook */
#about_group #facebook { width: 260px; padding: 10px 0; float: left; }

/* About */
#about_group #about { width: 100%; width: calc(100% - 260px); max-width: 740px; padding: 10px 0 10px 20px; border-left: 1px solid #e2cfae; float: right; }
#about_group #about h2 { margin-bottom: 10px; font-size: 30px; color: #1f1919; }
#about_group #about .left { width: 50%; }
#about_group #about .left img { width: 100%; display: block; -moz-box-shadow: 5px 5px 0 #d8cdb9; -webkit-box-shadow: 5px 5px 0 #d8cdb9; box-shadow: 5px 5px 0 #d8cdb9; }
#about_group #about .right { width: 50%; padding-left: 30px; }
#about_group #about .excerpt { margin-bottom: 20px; }


/*
----------------
	FOOTER
----------------
*/
footer { padding: 30px 0; text-align: center; color: white; background: #1b160d; }
footer a { text-decoration: none; color: #adacab; }
footer a:hover { color: white; }
footer a.author { display: inline-block; }
footer a.author span { margin-bottom: 5; display: block; }
footer p { margin-bottom: 10px; }
footer p.copyright { margin-bottom: 0; color: #adacab; }
footer .sep { width: 200px; height: 1px; margin: 40px auto; background: white; opacity: 0.1; }



/*
-------------
	FORM
-------------
*/
.form { margin-left: 0 !important; list-style: none !important; }
.form li { margin-bottom: 15px; list-style: none !important; }
.form li.full { width: 100%; float: none; clear: both; }
.form li h3 { margin-bottom: 20px; margin-top: 30px; padding-bottom: 20px; border-bottom: 1px solid #d6dce4; }
.form li label { margin-bottom: 5px; font-weight: 700; color: #000; line-height: 16px; display: block; }
.form li span.wpcf7-list-item { margin-left: 0; margin-bottom: 10px; display: block; }

.form input[readonly='readonly'] { background: #f0f0f0; }

.form li  select, 
.form li  textarea,  
.form li  input[type=tel], 
.form li  input[type=text], 
.form li  input[type=email], 
.form li  input[type=number], 
.form li  input[type=password] 
{ width: 100%; height: 50px; padding-left: 15px; background: #f7f2e9; border: 1px solid #e2cfae; }

.form li  select:focus, 
.form li  textarea:focus, 
.form li  input[type=tel]:focus, 
.form li  input[type=text]:focus, 
.form li  input[type=email]:focus, 
.form li  input[type=number]:focus, 
.form li  input[type=password]:focus 
{  }

.form li  input.readonly {}

.form li input[type=number] { width: 60px; }
.form li textarea { height: 200px; padding: 10px; resize: none; }

.form li.small label { width: 300px; margin-bottom: 0; display: inline-block; }
.form li.small select { width: auto; min-width: 55px; height: 40px; }
.form li.small .wpcf7-form-control-wrap { display: inline-block; }


/*
---------------------------
	PASSWORD PROTECTED
---------------------------
*/



/*
----------------------
	SELECT, INPUT
----------------------
*/
.option-input { width: 16px; height: 16px; top: 2px; color: #fff; border: 2px solid #fff; display: inline-block; position: relative; cursor: pointer; outline: none; z-index: 1000; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; -webkit-transition: all 0.15s ease-out 0; -moz-transition: all 0.15s ease-out 0; transition: all 0.15s ease-out 0; }
.option-input:checked::before { width: 8px; height: 8px; left: 2px; top: 2px; background: #fff; display: inline-block; position: absolute; content: ''; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
.option-input.dark { border-color: #042d48; }
.option-input.dark:checked::before { background: #042d48; }

.option-input.radio { border-radius: 50%; }


/* 
--------------------------
	RESPONSIVE DESIGN 
--------------------------
*/
@media screen and (max-width: 1000px) {
	
	/* DISPLAY: None */
	.hide_in_1000 { display: none !important; }

	/* DEFAULT */
	.p_l_30 { padding-left: 20px; }
	.p_r_30 { padding-right: 20px; }
	
	/* FRONTPAGE: Slide */
	#slide #cover .content { width: 60%; }
	
	/* BREADCRUMB */
	#breadcrumb_region button { padding-right: 20px; }
}

@media screen and (max-width: 960px) {
	
	/* DISPLAY: None */
	.hide_in_960 { display: none !important; }
	
	/* DISPLAY: Block */
	.show_in_960 { display: block !important; }
	
	/* HEADER */
	header { height: 105px; }
	header .logo img { height: 80px; }
	
	/* FRONTPAGE: News and conferences */
	#news__conferences { padding: 30px 0; }
	#news__conferences #news { width: 100%; height: auto !important; border-right: none; float: none; }
	#news__conferences #news article { padding-right: 0; }
	#news__conferences #news article:last-child { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #e6e7e7; }
	#news__conferences #conferences { width: 100%; max-width: none; height: auto !important; float: none; }
	
	/* BREADCRUMB */
	#breadcrumb_region { border-top: 1px solid #e6e7e7; }

	/* CONTENT */
	#content { width: 100%; max-width: none; padding-bottom: 30px; float: none; }
	
	/* ABOUT */
	#about_group { padding: 30px 0; }
	#about_group #about { width: 100%; max-width: none; padding: 0; border-left: none; float: none; }
	
	/* NEWSLETTER */
	#newsletter ul li.title { width: 100%; height: auto; padding-bottom: 10px; padding-top: 0; float: none; }
	#newsletter ul li.input { width: 100%; max-width: none; float: none; }
	#newsletter ul li span.wpcf7-form-control-wrap { width: 100%; width: calc(50% - 75px); max-width: 385px; float: left; }
}

@media screen and (max-width: 768px) {
	
	/* DISPLAY: None */
	.hide_in_768 { display: none !important; }
	
	/* DISPLAY: Block */
	.show_in_768 { display: block !important; }
	
	/* FRONTPAGE: Slide */
	#slide #cover .content { width: 100%; text-align: center; }
	#slide #cover .content h1 { font-size: 8vw; }
	#slide #cover .content h3 { font-size: 5vw; }

	/* CONFERENCE LIST: Filter */
	#filter .field { margin-right: 0; margin-bottom: 10px; float: none; }
	#filter select { width: 100%; }
	
	/* CONTENT */
	#content img.alignleft, 
	#content img.alignright 
	{ width: 50%; height: auto; }
	
	/* CONTENT: Login box */
	#content .login_box { width: 100%; margin-bottom: 20px; float: none; }
	#content .login_box:nth-child(2n) { float: none; }
	
	/* FOOTER */
	footer .sep { margin: 30px auto; }
	
}

@media screen and (max-width: 640px) {
	
	/* DISPLAY: None */
	.hide_in_640 { display: none !important; }
	
	/* DISPLAY: Block */
	.show_in_640 { display: block !important; }
	
	/* FRONTPAGE: Slide */
	#slide #cover .content h1 { font-size: 9vw; }
	#slide #cover .content h3 { font-size: 6vw; }
	
	/* FRONTPAGE: News and conferences */
	#news__conferences #news article { margin-bottom: 10px; padding-bottom: 10px; }
	#news__conferences #news article:last-child { margin-bottom: 10px; padding-bottom: 10px; }
	
	/* CONFERENCE LIST: Filter */
	table#conf_list, thead, tbody, th, td, tr { display: block; }
	table#conf_list thead tr { left: -9999px; top: -9999px; position: absolute; }
	table#conf_list tbody td { width: 100% !important; padding-left: 120px; border: none; border-bottom: 1px solid #eee; position: relative; }
	table#conf_list td:before { width: 100px; height: 100%; top: 0; left: 0; padding: 5px; font-family: 'Roboto Condensed', sans-serif; text-transform: uppercase; color: white; background: #951a16; position: absolute; white-space: nowrap; }
	table#conf_list td:nth-of-type(1):before { content: "Téma"; }
	table#conf_list td:nth-of-type(2):before { content: "Cím"; }
	table#conf_list td:nth-of-type(3):before { content: "Időpont"; }
	table#conf_list td:nth-of-type(4):before { content: "Helyszín"; }
	
	table#conf_list.adult_edu td:nth-of-type(1):before { content: "Cím"; }
	table#conf_list.adult_edu td:nth-of-type(2):before { content: "Időpont"; }
	table#conf_list.adult_edu td:nth-of-type(3):before { content: "Helyszín"; }
	table#conf_list.adult_edu td:nth-of-type(4):before { content: none; }
	
	/* BREADCRUMB */
	#breadcrumb_region { border-top: none; }
	#breadcrumb_region button { width: 100%; right: auto; top: auto; padding-left: 0; padding-right: 0; font-size: 14px; color: white; background: #951a16; border-left: none; position: relative; }
	#breadcrumb_region button:before { color: white; }
	
	/* ABOUT */
	#about_group #about .left { width: 100%; margin-bottom: 20px; float: none; }
	#about_group #about .right { width: 100%; padding-left: 0; float: none; }
	
	/* NEWSLETTER */
	#newsletter ul li { height: auto; }
	#newsletter ul li span.wpcf7-form-control-wrap { width: 100%; max-width: none; float: none; }
	#newsletter ul li input { margin-bottom: 10px; }
}

@media screen and (max-width: 480px) {
	
	/* DISPLAY: None */
	.hide_in_480 { display: none !important; }
	
	/* DISPLAY: Block */
	.show_in_480 { display: block !important; }
	
	/* DEFAULT */
	.button { width: 100%; display: block; text-align: center; }
	
	/* COOKIE */
	#cookie { width: auto; left: 10px; padding: 15px; }
	
	/* RWD MENU */
	nav.rwd_menu { width: 100%; }
	
	/* FRONTPAGE: Slide */
	#slide #cover .content h1 { font-size: 10vw; }
	#slide #cover .content h3 { font-size: 7vw; }
	
	/* CONTENT */
	#content h1 { font-size: 30px; }
}