/*********************************
 :: Ogyh Basic Article Template
 ********************************/
 .template-ogyh-basic-article {}
 .template-ogyh-basic-article h1.article-title {line-height: normal;}
 .template-ogyh-basic-article .article-date {margin-bottom: 20px;}
 .template-ogyh-basic-article .article-content {}
 .template-ogyh-basic-article .article-content img.article-image {float: left;width: 200px;padding: 0 20px 0 0;}


/*********************************
 :: 'E-futar' webcontent on home page
 ********************************/
 
ul.newsfeed{}
ul.newsfeed li{padding-bottom: 15px; padding-left: 30px !important;}
ul.newsfeed li:last-child {padding-bottom: 5px;}
ul.newsfeed li h3 {font-size: 14px;padding: 0; margin: 0; line-height: normal;}
ul.newsfeed li a {text-decoration: none !important; font-weight: bold; color: #BA8B5A;}


/*********************************
 :: 'Élő közvetítés' webcontent on home page
 ********************************/

#wcd-live-stream-banner {border-bottom: 1px solid #FFFFFF; position: relative;}
#wcd-live-stream-banner .image {border-bottom: 3px solid #BA8B5A;border-top: 3px solid #FFFFFF;}
#wcd-live-stream-banner .image img {width: 100%;}
#wcd-live-stream-banner .link {display: block;left: 0;position: absolute;top: 3px;width: 100%;}
#wcd-live-stream-banner .link img {left: 0;position: absolute;top: 0;width: 100%;}
#wcd-live-stream-banner .link img.off {display: block;}
#wcd-live-stream-banner .link img.on {display: none;}
#wcd-live-stream-banner .link:hover img.off {display: none;}
#wcd-live-stream-banner .link:hover img.on {display: block;}
#wcd-live-stream-banner .caption {background: #BA8B5A;bottom: 10px;display: block;position: absolute;right: -15px;}
#wcd-live-stream-banner .caption span {color: #FFFFFF;display: inline-block;font-size: 15px;padding: 6px 40px 6px 10px; text-align: right; line-height: 18px;}

@media (max-width: 767px) {
	#wcd-live-stream-banner .caption {
	    right: 0;
	}
}

/*********************************
 :: 'Gyors ikonok' webcontent on home page
 ********************************/
#wcd-quick-links{}
#wcd-quick-links a{display: inline-block;margin: 0 11% 0 0; padding: 0; width: 26%;float: left;}
#wcd-quick-links a.last{margin-right: 0; float: right;}
#wcd-quick-links a img{width: 100%;}

/*********************************
 :: Header carousel on home page
 ********************************/
 
.carousel-with-slogan {position: relative; background: #000;}
.carousel-with-slogan .site-slogan{position: absolute; bottom: 22px;left: auto;right: -15px; display: inline-block;background: #BA8B5A; width: auto;font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 24px;line-height: 24px;color: #FFFFFF; padding: 15px 20px 15px 15px;text-align: right; z-index:300; }

/* bx slider overrides */
.no-js .carousel-with-slogan {display:none;}
.carousel-with-slogan ul.carousel{margin:0;padding: 0; list-style-image: none !important; list-style: none;display: none;}
.carousel-with-slogan .bx-wrapper ul.carousel{display: block;}
.carousel-with-slogan .bx-wrapper {margin-bottom: 0; border-top: 5px solid #FFF;}
.carousel-with-slogan .bx-wrapper .bx-viewport{ border: none; left:0;box-shadow: none; background: none;}
.carousel-with-slogan .bx-wrapper .bx-viewport li {}
.carousel-with-slogan .bx-wrapper .bx-viewport li img {width: 100%;}
.carousel-with-slogan .bx-wrapper .bx-caption {position: absolute; bottom: 16px;left: auto;right: -15px; display: inline-block;background: #BA8B5A; width: auto;}
.carousel-with-slogan .bx-wrapper .bx-caption span { font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 24px;line-height: 24px;color: #FFFFFF;display: inline-block;padding: 15px 20px 15px 15px;text-align: right;}
.carousel-with-slogan .bx-wrapper .bx-pager {position: absolute; right: 10px; top: 7px; z-index: 51; text-align: right; font-size: 0; bottom: auto; width: auto;padding: 0;}
.carousel-with-slogan .bx-wrapper .bx-pager .bx-pager-item a.bx-pager-link {background: #BA8B5A; border: 2px solid #FFF; margin: 0 3px; -webkit-border-radius: 0; -moz-border-radius:0; border-radius:0; width: 6px; height: 6px;}
.carousel-with-slogan .bx-wrapper .bx-pager .bx-pager-item a:hover,
.carousel-with-slogan .bx-wrapper .bx-pager .bx-pager-item a.active {background: #FFF; border: 2px solid #BA8B5A;}

@media (max-width: 767px) {
	.carousel-with-slogan .bx-wrapper .bx-caption {
	    right: 0;
	}
}

/*********************************
 :: Right carousel on home page
 ********************************/

/* bx slider overrides */
.no-js .carousel-with-captions {display:none;}
.carousel-with-captions ul.carousel{margin:0;padding: 0; list-style-image: none !important; list-style: none;display:none;}
.carousel-with-captions .bx-wrapper ul.carousel{display: block;}
.carousel-with-captions .bx-wrapper{margin-bottom: 0; border-top: 3px solid #FFF;border-bottom: 1px solid #FFF;}
.carousel-with-captions .bx-wrapper .bx-viewport{ border: none; left:0;box-shadow: none; padding-right: 20px;background: none;}
.carousel-with-captions .bx-wrapper .bx-viewport li {border-bottom: 3px solid #BA8B5A;}
.carousel-with-captions .bx-wrapper .bx-viewport li img {width: 100%;}
.carousel-with-captions .bx-wrapper .bx-caption {position: absolute; bottom: 10px;left: auto;right: -15px; display: inline-block;background: #BA8B5A; width: auto;}
.carousel-with-captions .bx-wrapper .bx-caption span { font-family: 'Lora', 'serif'; font-size: 15px;line-height: 18px;color: #FFFFFF;display: inline-block;padding: 6px 40px 6px 10px;text-align: right;}
.carousel-with-captions .bx-wrapper .bx-pager {position: absolute; right: 10px; top: 7px; z-index: 51; text-align: right; font-size: 0; bottom: auto; width: auto;padding: 0;}
.carousel-with-captions .bx-wrapper .bx-pager .bx-pager-item a.bx-pager-link {background: #BA8B5A; border: 2px solid #FFF; margin: 0 3px; -webkit-border-radius: 0; -moz-border-radius:0; border-radius:0; width: 6px; height: 6px;}
.carousel-with-captions .bx-wrapper .bx-pager .bx-pager-item a:hover,
.carousel-with-captions .bx-wrapper .bx-pager .bx-pager-item a.active {background: #FFF; border: 2px solid #BA8B5A;}

@media (max-width: 767px) {
	.carousel-with-captions .bx-wrapper .bx-caption {
	    right: 0;
	}
}

/*********************************
 :: "Kapcsolódó honlapok" on home page
 ********************************/

.accordion-link-group {}
.accordion-link-group .accordion {margin-bottom: 0;}
.accordion-link-group .accordion-body {background: #FFF;}
.accordion-link-group .accordion-body ul {margin-left: 10px; margin-bottom: 0;}
.accordion-link-group .accordion-body ul li {padding-top: 4px; padding-bottom: 4px;}


/*********************************
 :: "Régi weboldal megtekintése" on home page
 ********************************/
 
 .old-website{background: url("../images/theme/stripped_top_lbrown.jpg") repeat-x #EDE0CF; padding: 6px 0 4px; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}
 .old-website a{display: block; background: url("../images/theme/icon_clock.png") no-repeat 10px 3px; padding: 3px 10px 3px 40px; color: #4B351E; text-decoration: none !important; }
 
 

 /*********************************
 :: "Üdvözlőszöveg" on home page
 ********************************/
 
 .welcome-block {position: relative;margin-right: 20px;}
 .welcome-block .message-outer-wrapper{position: absolute; left: 0; top: 0; bottom: 0; height: 100%;width: 62.5%; }
 .welcome-block .message-inner-wrapper{display: table; height: 100%;}
 .welcome-block .message {display: table-cell; vertical-align: middle; padding: 0 3.5% 0 2.5%; font-style: italic; color: #FFEDD4; text-decoration: none !important; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.7);}
 .welcome-block a.message:hover,
 .welcome-block a.message:focus {color: #FFF;}
 .welcome-block .message span.title {display: block; font-size: 28px; line-height: 38px;margin-bottom: 10px;}
 .welcome-block .message span.copy {display: block; font-size: 18px; line-height: 30px;}
 .welcome-block .caption {position: absolute; right: -15px; bottom: 17%; background: #BA8B5A;text-align: right;}
 .welcome-block .caption span {color: #FFF; display: inline-block;font-size: 15px;line-height: 18px;padding: 6px 30px 6px 10px;}
 .welcome-block .caption a:hover span,
 .welcome-block .caption a:focus span {color: #FFEDD4;}

@media (max-width: 1200px) {
	.welcome-block .message span.title {font-size: 23px; line-height: 30px;}
	.welcome-block .message span.copy {font-size: 16px; line-height: 23px;}
	.welcome-block .caption span { font-size: 14px;}	
}

@media (max-width: 1090px) {
	.welcome-block .message span.title {font-size: 20px;}
	.welcome-block .message span.copy {font-size: 14px;}
	.welcome-block .caption span { font-size: 13px; padding: 3px 25px 3px 10px;}
}

@media (max-width: 979px) {
	.welcome-block .message span.title {margin-bottom: 5px;}
	.welcome-block .message span.copy {font-size: 13px; line-height: 20px;}
	.welcome-block .caption span {font-size: 12px; padding: 3px 10px 3px 10px;}
}
@media (max-width: 767px) { 
	.welcome-block .message span.title {font-size: 28px; line-height: 38px;margin-bottom: 10px;}
	.welcome-block .message span.copy {font-size: 18px; line-height: 30px;}	
	.welcome-block .caption span {font-size: 15px;padding: 6px 30px 6px 10px;}	
}
@media (max-width: 700px) {
	.welcome-block .message span.title {font-size: 23px; line-height: 30px;}
	.welcome-block .message span.copy {font-size: 16px; line-height: 23px;}
	.welcome-block .caption span { font-size: 14px; padding: 3px 25px 3px 10px;}
}

@media (max-width: 630px) {
	.welcome-block .message span.title {margin-bottom: 5px;}
	.welcome-block .message span.copy {font-size: 13px; line-height: 20px;}
	.welcome-block .caption span {font-size: 12px; padding: 3px 10px 3px 10px;}
}

@media (max-width: 540px) { 
	
	.welcome-block {margin-right: 0;}
	.welcome-block .message-outer-wrapper{height: 86%;}
	.welcome-block .caption {position: static; right: 0; bottom: 0;}
}
@media (max-width: 435px) {
	.welcome-block .message-outer-wrapper{height: 82%;}
	.welcome-block .message span.copy {font-size: 12px;line-height: 16px;}
	.welcome-block .caption span {padding: 3px 10px;}
}

@media (max-width: 365px) {
	.welcome-block .message span.copy {font-size: 11px;line-height: 14px;}
}
 
/*********************************
 :: Bizottsági webhelyek - főoldal tartalom sablon
********************************/
 
.committee-main-page-content {line-height: 24px; padding-top: 7px;}
.committee-main-page-content .left-side {float: left;margin-right: 20px; max-width: 23%;}
.committee-main-page-content .right-side h1 {margin-bottom: 20px;margin-top: 0;line-height: normal;}
.committee-main-page-content .right-side .content p{margin-bottom: 20px;}
.committee-main-page-content .right-side .signature{display: inline-block;text-align: center;}

@media (max-width: 767px) {
	.committee-main-page-content .left-side {max-width: 40%;}
}
@media (max-width: 480px) {
	.committee-main-page-content .left-side {max-width: 50%;}
}



/*********************************
 :: Magnific Popup - Responsive Image Gallery
********************************/
/* Used for 'OGYH képgalérea' Media Gallery template */
.photogallery {}
.photogallery .thumb {}
.photogallery a.thumb {width: 128px; display: inline-block; text-decoration: none !important; margin: 10px; vertical-align: top;}
.photogallery a.thumb .image {display: inline-block; width: 128px; height: 80px; overflow: hidden; }
.photogallery a.thumb .image img {width: 128px;}
.photogallery a.thumb .title {display: inline-block; width: 100%; text-align: center; overflow-x: hidden;}