/*  
Theme Name: Catechetics by GetOnline
Version: 1.0
Description: Designed by <a href="http://www.getonline.ie">GetOnline</a>.
Author: GetOnline
Author URI: http://getonline.ie

	Copyright: (c) 2012 GetOnline.
	License: GNU/GPL Version 2 or later. http://www.gnu.org/licenses/gpl.html

*/
body{
/*	background:#8cc63f url(images/body_bg.jpg) repeat-x top center;*/
	background-attachment:fixed;
	margin:0;
	padding:0;
	font-family:'Open Sans', sans-serif;
	font-size:1em;
	font-weight:300;
	color:#535252;
}

h1, h2, h3, h4, h5, h6, h7, h8{
	font-weight:normal;
}
h1{
	font-size:2.5em;
}
h2{
	font-size:2em;
}
h3{
	font-size:1.8em;
}
h4{
	font-size:1.5em;
}
h5, h6, h7, h8{
	font-size:1.2em;
	font-weight:bold;
}
img{
	max-width:100%;
	height:auto;
}
a{
	text-decoration:none;
	color:#941CA3;
}
a:hover{
	cursor:pointer;
}
#wrap, #inner_wrap, #header, #content, #footer{
	margin:0;
	padding:0;
	overflow:hidden;
}
#wrap{
	background:#dbf3e6 url(images/bg.jpg) no-repeat center top;
	background-attachment:fixed;
	width:100%;
}

#inner_wrap{
	background:url(images/inner_wrap.png) repeat-y center top;
}

/*  Header  */

#header{
	display:block;
	margin:0 auto;
	max-width:997px;
	width:100%;
	height:148px;
	position:relative;
	overflow:visible;
}

#title{
	/*background:url(images/logo.png) no-repeat 3px top;*/
	float:left;
	padding-left:25px;
	padding-top:12px;
	width:61%;
	height:103px;
	overflow:visible;
}

#title h2.site-title{
	color:#717171;
	font-family: 'Crimson Text', serif;
	letter-spacing: 1px;
	margin:0;
}
#title h2.site-title span:first-child{font-size:36px;}
#title h2.site-title span:last-child{float:left;font-size:48px;text-indent:35px;line-height:30px;}
#title h2.site-title span:first-letter{font-size:110%;}
#title .hdate{
	display:block;
	position:absolute;
	right:10%;
}
#search-form{
	float:right;
	margin-top:20px;
}
#search-form #s{
	max-width:162px;
	width:100%;
	height:32px;
	background-color:#B855C4;
	padding:0;
	border:0;
	color:#FFF;
	font-size:18px;
	text-indent:10px;
	float:left;
}
#search-form #searchsubmit{
	background-color:transparent;
	background-image:url('images/search-button.jpg');
	background-repeat:no-repeat;
	height:32px;
	width:43px;
	padding:0;
	border:0;
	float:left;
}
.topmenu{
	width:100%;
	float:left;
	background-color:#b855c4;
	padding:0 16px;
	box-sizing:border-box;
}

.topmenu ul{
	display:block;
	float:right;
	margin:0;
	padding:0;
	list-style:none;
}

.topmenu ul li{
	float:left;
	position:relative;
}

.topmenu ul li a{
	display:block;
	float:left;
	padding:0 15px;
	line-height:2em;
	color:#FFF;
}

.topmenu ul li:last-child a{
	margin-right:0;
}

.topmenu ul li a:hover, .topmenu ul li.current-menu-item a{
	background-color:#941ca3;
}
.topmenu ul ul{
	display:none;
	position:absolute;
	top:100%;
	left:0;
	z-index:999;
}
.topmenu ul li:hover ul{
	display:block;
}
.topmenu ul ul li a{
	background-color:#B855C4;
	width:220px;
	line-height:20px;
	padding-top:6px;
	padding-bottom:6px;
}/*
.topmenu ul ul li:hover a{
	background-color:#FFF;
	color:#941ca3;
}*/
#resp_menu{display:none;}
/* Content */

#content{
	display:block;
	margin:0 auto;
	max-width:997px;
	width:100%;
}

.frontpage-top{
	display:block;
	float:left;
	width:100%;
	padding:1.4%;
	background:#FFF;
	box-sizing:border-box;
}
#prayers{
	float:right;
	width:29.46%;
	height:323px;
	padding-left:1.2%;
	overflow:hidden;
}
#prayers .prayer{
	color:#535252;
}
#prayers .prayer h3{
	margin-top:0;
}
#prayers .prayer p{
	margin:0;
}
#prayers .prayer a{
	color:#941ca3;
	text-align:right;
}
#prayers .jspTrack{border-right:1px solid #b855c4;}
#prayers .jspDrag{
	background:#b855c4;
}
#rev_slider_4_1_wrapper{
	display:block;
	float:left;
	width:67.93% !important;
}

.tp-caption{
	width:100% !important;
	max-width:100% !important;
	white-space:normal !important;
	padding:10px !important;
	background-color:rgba(0, 0, 0, 0.4);
	box-sizing:border-box;
}

.tp-caption *{
	color:#FFF;
}

.tp-caption h4{
	margin:0;
	float:left;
	line-height:1.6em !important;
}
.tp-caption a{color:#FFF !important;}

/* Eredeti változat 4 boxxal */
.frontpage_bottom{
	float:left;
	width:100%;
	margin-top:19px;
}
.frontpage_bottom #news-boxes{
	float:left;
	width:100%;
	margin-bottom:19px;
}
.frontpage_bottom #news-boxes ul li{
	height:245px;
	margin-right:2% !important;
}.frontpage_bottom #news-boxes ul li:last-child{
	margin-right:0!important;
}
.frontpage_bottom #news-boxes .rpwe-block a{
	font-weight:300;
}
/* Új verzió */
@keyframes imghover{
	0% {transform:scale(1.0);}
	50% {transform:scale(1.08);}
	100% {transform:scale(1.0);}
}
@-webkit-keyframes imghover{
	0% {transform:scale(1.0);}
	50% {transform:scale(1.1);}
	100% {transform:scale(1.0);}
}
#news-boxes .iconed-div{
	float:left;
	margin-right:3%;
	text-align:center;
	width:31%;
	font-size:1.3em;
}
#news-boxes .iconed-div a{
	color:#717171;
}
#news-boxes .iconed-div:last-child{
	margin-right:0;
}
#news-boxes .iconed-div img{
}
#news-boxes .iconed-div a:hover  img{
	animation-name:imghover;
	animation-duration:0.4s;
}
/*
.frontpage_bottom .news-boxes .widget{
	width:23%;
	float:left;
	background:#FFF;
	text-align:center;
	margin-right:1%;
}
.frontpage_bottom .news-boxes .widget:last-child{margin-right:0;}
.frontpage_bottom .widget h2{
	text-transform:uppercase;
	font-size:25px;
	margin:7px 0 10px 0;
	text-align:left;
}
.frontpage_bottom .widget h2:first-letter{
	font-size:32px;
}
.frontpage_bottom .widget p{
	margin:0;
	text-align:justify;
	font-size:14px;
}*/
.frontpage_bottom #icath-box{
	float:left;
	width:100%;
	background-color:#FFF;
	padding:15px;
	box-sizing:border-box;
	height: 265px;
}
.frontpage_bottom #icath-box iframe{
	border:0 !important;
	float:left;
	width:74%;
	
}
#simple-links-2{height:306px;overflow:hidden;}
.jspTrack{border-right:1px solid #B855C4 !important;}
.jspDrag{background:#B855C4 !important;}
.sl-links-main{
	width:25%;
	float:right;
}
.sl-links-main ul{
	margin:0;
	padding:0;
	list-style:none;
}
.sl-links-main ul li{
	border-bottom:1px solid #b855c4;
	padding:8px 0;
}
.sl-links-main ul li:first-child{
	padding-top:0;
}
.sl-links-main ul li:last-child{
	border-bottom:0;
}
.sl-links-main ul li a{
	display:inline-block;
	color:#535252;
	font-size:20px;
	width:100%;
}
#social-icons{
	float:left;
	width:100%;
	text-align:center;
	background:#b855c4;
	margin:18px 0;
}
/* Inner sites */

.content_inner{
	display:block;
	float:left;
	width:100%;
	padding:1.4%;
	background:#FFF;
	box-sizing:border-box;
}

/* Article */
.article{
	display:block;
	float:left;
	width:62.73% !important;
	padding:20px 1%;
	overflow:hidden;
}
.inner_title{
	margin-top:0;
}

/* Archive */

.cat_title{
	margin-top:0;
}

.archive_post{
	padding-bottom:25px;
	margin-bottom:20px;
	border-bottom:1px solid #E5E5E5;
	width:100%;
	position:relative;
	display:block;
	float:left;
}
.archive_title{
	margin-top:0;
}
.archive_post .archive_img{
	float:left;
	width:200px;
	height:auto;
	margin-right:15px;
	padding:5px;
	border:1px solid #CCC;
	background-color:#E3E3E3;
}
.subcategories-list{
	width:100%;
}
.subcategories-list ul{
	margin:0;
	padding:0;
	list-style:none;
}
.subcategories-list ul li{
	float:left;
	width:50%;
}
.readmore{
	float:right;
	display:block;
	position:absolute;
	right:5px;
	bottom:10px;
	padding:3px 8px;
	background-color:#B855C4;
	color:white;
	border:1px solid #B855C4;
}
.readmore:hover{
	background-color:rgba(255, 255, 255, 0.6);
	color:#B855C4;
}
.single_post img{
	margin:5px;
}

/*wp caption*/
.alignleft{float:left;}
.alignright{float:right;}
.aligncenter{display:block; margin:0 auto !important;}
.wp-caption{
	background-color: #F3F3F3;
	border: 1px solid #DDDDDD;
	border-radius: 3px 3px 3px 3px;
	padding: 4px;
	text-align: center;
	margin: 10px;
}

.wp-caption img{
	margin:0;
}

.wp-caption p.wp-caption-text{
	font-size: 11px;
	line-height: 17px;
	margin: 0;
	padding: 0 4px 5px;
}
.cat_description .wp-caption{
	border:0 !important;
	background-color:transparent !important;
}
.cat_description .wp-caption:hover{
	animation-name:imghover;
	animation-duration:0.4s;
}
.cat_description .wp-caption .wp-caption-text{
	font-size:20px;
}
/*---*/
.arch_pager{
	display:block;
	float:left;
	width:100%;
	text-align:center;
}
.arch_pager a{
	display:inline-block;
	margin-right:10px;
}
/* Footer */

#footer{
	display:block;
	margin:0 auto;
	max-width:997px;
	width:100%;
	line-height:5em;
	font-size:0.8em;
	text-align:center;
}
#footer .copyright{color:#535252;}
#footer a{
	color:#b855c4;
}

#footer a:hover{
	text-decoration:underline;
}


/* ------------------------------- */

.iconed-div > a > img {
	height: 140px;
	width: 140px;
}

@media only screen and (max-width: 991px) {
	#icath-box {
		height: auto !important;
	}
	#text-2 {
		width: 100%;
		float: none;
	}
	#simple-links-2 {
		width: 100%;
		height: 125px;
		margin-top: 10px;
	}
	#icathvideo {
		width: 100% !important;
		height: 210px !important;
		display: block;
		position: relative;
		float: none;
	}
	#text-2 > div > iframe {
		width: calc(100% - 50px) !important;
		margin: 0px auto;
		display: block;
		position: relative;
	}
}

@media only screen and (max-width: 600px) {
	#text-2 iframe {
		max-width:400px; 
	}
	#icathvideo {
		height: 270px !important;
	}
	.mokus {
		display: block !important;
	}
}

@media only screen and (max-width: 500px) {
	#text-2 iframe {
		max-width:350px; 
	}
	#icathvideo {
		height: 270px !important;
	}
}

@media only screen and (max-width: 400px) {
	#text-2 iframe {
		max-width:100%; 
	}
	#icathvideo {
		height: 240px !important;
	}
}

@media only screen and (max-width: 700px) {
	.iconed-div > a > img {
		height: 100px;
		width: 100px;
	}
}
@media only screen and (max-width: 350px) {
	#icathvideo {
		height: 270px !important;
	}
}

.mokus {
	display: none;
}

#cathnews{float:left;overflow:hidden;width:100%;}
#cathnews h2{font-weight:normal;font-size:20px;}
#cathnews a{color:#535252;font-weight:normal;font-size:16px;}