/*
Theme Name: Orga
Theme URI: http://orga.vedicthemes.com/
Author: the DesignThemes team
Author URI: http://themeforest.net/user/designthemes
Description: Orga
Version: 1.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
Text Domain: orga

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

.jsonNewsFeed{
	position:relative;
}

#myPagination{
    display: grid;
    grid-template-columns: 1fr 1fr;
    /*position: absolute;*/
	
    grid-column: 1/3;
    bottom: 0;
	/*
    left: -1000%;
    right: -1000%;*/
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
#myPagination a{
    background-color: white;
    color: #77b81e;
    border: 1px solid #77b81e;
    border-radius: 5px;
    font-size: 1.5em;
    padding: 8px 16px;
	transition: all 0.3s;
	
    width: 75%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}
#myPagination a:hover{
    background-color: #77b81e;
    color: white;
}
#prevPage{
	margin-right: 12%;
	margin-left: -12%;
}
#nextPage{
	margin-left: 12%;
	margin-right: -12%;
	
}
#myPagination .disabledButton{
	pointer-events: none;
	color: black;
	border-color: black;
	opacity: 0.13;
}

.hideTemplateIcon::before{
	display: none !important ;
}

#header-wrapper{
	margin: 0 !important;
}

#main{
	margin-top: 0;
}

#filters{
	grid-column: 1/3;
    text-align: center;
    margin-top: -45px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    font-weight: 400;
    font-size: 15px;
    margin-bottom: 27px;
    border: solid 1px #77b81e;
	display: grid;
    grid-template-columns: 10fr 10fr 10fr 10fr 10fr 10fr 10fr 10fr 10fr 10fr;
	transition: all 0.3s;

}



.falugazdaszParent{
	display: grid;
    	grid-template-columns: 1fr 1fr 1fr;
    	grid-gap: 30px;
	margin-top: 20px;
	margin-bottom: 50px;
}

@media screen and (max-width: 992px) {
  .falugazdaszParent{
    	grid-template-columns: 1fr 1fr;
  }
}

@media screen and (max-width: 600px) {
  .falugazdaszParent{
    	grid-template-columns: 1fr;
  }
}

.dt-sc-team-thumb{
	width: 150px;
	height: 150px;
}

.big-title-margin{
	margin-top: 20px;
	margin-bottom: 20px;
}

.falugazdaszParent2{
	display: grid;
    	grid-template-columns: 1fr 1fr;
    	grid-gap: 30px;
	margin-top: 20px;
	margin-bottom: 50px;
}

@media screen and (max-width: 992px) {
  .falugazdaszParent2{
    	grid-template-columns: 1fr;
  }
}


#filters a{
    display: inline-block;
    padding: 10px;
    text-align: center;
    color: #77b81e;
	opacity: 0.5;
	position:relative;
    /*transition: all 0.5s;*/
}

#filters a img{
    width: 84%;
    margin-left: auto;
    margin-right: auto;
    border-radius: 50%;
	transition: all 0.3s;
}

#filters a:hover>#filters a img,
#filters a.active img{
	transition: all 0.3s;
    width: 110%;
    margin-bottom: -20.5%;
    margin-top: -8.5%;
}


#filters a img:hover{
    margin-top: -9%;
}

span.filterTooltip{
	background-color: white;
    padding: 3px 11px;
    border-radius: 9px;
    position: absolute;
    width: max-content;
    margin-left: auto;
    margin-right: auto;
    left: -1000%;
    right: -1000%;
    bottom: -22%;
    text-align: center;
    color: #77b81e;
    border: solid 1px;
    opacity: 0;
    z-index: 3;
	transition: all 0.3s;
  	pointer-events: none;
	
}

#filters a:hover>span.filterTooltip{
	opacity: 1;
	pointer-events:auto;
}



#filters a img{
	
}

@media only screen and (max-width: 991px){
	#filters a{
		padding: 5px 10px;
		margin-left: 10px;
		margin-right: 10px;
	}
}

@media only screen and (max-width: 991px) and (min-width: 768px){
	#filters{
		grid-template-columns: repeat(5, 10fr);
	}
	#filters a img{
		width: 64%;
	}
	#filters a:hover>#filters a img, 
	#filters a.active img{
		
    	width: 69%;
		margin-top: -1%;
	}
	

	#filters a img:hover{
		margin-top: -5%;
	}
}

@media only screen and (max-width: 767px) {
	#filters{
		grid-template-columns: repeat(5, 10fr);
	}
	
	#filters a img{
		width: 100%;
	}
	#filters a{
		padding: 4px 6px;
		margin-left: 0px;
		margin-right: 0px;
	}
	#filters a:hover>#filters a img, 
	#filters a.active img{
		
		margin-top: -1%;
	}
	span.filterTooltip{
    	bottom: -27%;
	}
	#filters a img:hover{
		margin-top: -5%;
	}
	
}


@media only screen and (max-width: 480px) {
	
	span.filterTooltip{
    	bottom: -50%;
	}
}

#filters a:hover, 
#filters a.active{
	
    color: white;
	opacity: 1;
}


.entry-thumb-custom{
	margin-bottom: 19px !important;
}

.entry-date-custom{
	
    margin-top: -23px;
    margin-bottom: 19px;
    color: #909090;
}

.myGradient {
    position: absolute;
    width: 100%;
    height: min-content;
    right: 0;
    bottom: 0px;
}
.gradientPart1 {
    /* background-color: red; */
    width: 100%;
    height: 79px;
    background-image: linear-gradient(transparent, white);
}

.gradientPart2 {
    background-color: #ffffff;
    width: 100%;
    height: 52px;
}

@media only screen and (max-width: 1200px){
	.myGradient{
	}
}

.footerFbLinkWrapper{
	content: '\f343';
    font-size: 24px !important;
    padding: 1.7px 18px 0.7px 8px;
    border-radius: 50%;
    border: solid 2px white;
	position: relative !important;
    left: -36px !important;
    top: -7.8px !important;
    margin-right: -30px !important;
	transition: all 0.3s linear;
}
.footerFbLinkWrapper:hover ~ a{
	color: #77b81e !important;
}
.footerFbLink{
	
}
.footerFbLinkIconBox{
	transition: all 0.3s linear;	
}
.footerFbLinkIconBox:hover > span{
	background-color: #77b81e;
	
}
.falugazdaszEmail{
    font-size: 1.2em;
}
.falugazdaszTel{
    font-size: 1.2em;
}
.icon-mail:before{
	color: black;
}
.icon-phone2:before{
	color: black;
}

.contactFormTitle h4{
	
    line-height: 48px !important;
    width: 48.8% !important;
}

.szakteruletLogo img {
	
    margin-bottom: -100%;
    margin-top: 0;
    position: absolute;
    top: 88px;
    z-index: 3;
    background-color: white;
    border-radius: 45px;
	width: 70px;
	left: 20px;
}

.rolunkelsoLogo img {
	max-width: 150% !important;
	width: 90px !important;
	right: 10px;
}

.rolunkmasodikLogo img {
	max-width: 150% !important;
    width: 72px !important;
    left: 9px;
    top: -1px !important;
}

.rolunkharmadikLogo img {
	right: 16px;
    max-width: 150% !important;
    width: 103px !important;
    top: 16px !important;
}

.rolunknegyedikLogo img {
	right: 16px;
    max-width: 150% !important;
    width: 103px !important;
    top: 10px !important;
}

.rolunkotodikLogo img {
    right: -5px;
    max-width: 150% !important;
    width: 79px !important;
    top: -5px !important;
}

.rolunkhatodikLogo img {
    right: 12px;
    max-width: 150% !important;
    width: 95px !important;
    top: 27px !important;
}

.rolunkhetedikLogo img {
	right: -23px;
    max-width: 150% !important;
    width: 60px !important;
    top: 3px !important;
}

.rolunknyolcadikLogo img {
    left: -2px;
    max-width: 150% !important;
    width: 86px !important;
    top: 8px !important;
}

.rolunkkilencLogo img {
    left: -2px;
    max-width: 150% !important;
    width: 86px !important;
    top: 8px !important;
}



.hiddenForNow{
	/*
	display: none !important;
	*/
	/*
	
	opacity: 0.5 !important;
	
	*/
}

.szakteruletButton{    
	color: white;
    background-color: #77b81e;
    padding: 9px 17px;
    font-weight: 400;
	transition: background-color 0.4s;
	cursor: pointer;
	position: relative;
	bottom: -5px;
}

.szakteruletButton:hover{    
    background-color: #1f2b3b;
	color: white;
}
    

/*slider-------------------------*/
#szekelySlider_wrapper{
	
	width: 1200px;
	margin-left: auto; 
	margin-right: auto;
    height: 500px !important;
	
}

#szekelySlider{
	
	width: 1200px;
	margin-left: auto; 
	margin-right: auto;
    height: 500px !important;

}
@media only screen and (max-width: 1380px) and (min-width: 1200px){
	#szekelySlider_wrapper{
		width: 1080px;
		height: 451px !important;
	}
	#szekelySlider{
		width: 1080px;
		height: 451px !important;
	}
}
@media only screen and (max-width: 1199px) and (min-width: 992px){
	#szekelySlider_wrapper{
		width: 900px;
		height: 376px !important;
	}
	#szekelySlider{
		width: 900px;
		height: 376px !important;
	}
	
}/*
@media only screen and (max-width: 991px) and (min-width: 768px){
	#szekelySlider_wrapper{
		width: 710px;
    	height: 297px !important;
	}
	#szekelySlider{
		width: 710px;
    	height: 297px !important;
	}
}
@media only screen and (max-width: 767px) and (min-width: 480px){
	#szekelySlider_wrapper{
    width: 100vw;
    height: 41.6vw !important;
	}
	#szekelySlider{
    width: 100vw;
    height: 41.6vw !important;
	}
}*/
@media only screen and (max-width: 991px) and (min-width: 768px){
	#szekelySlider_wrapper{
		width: 100vw;
		height: 66.6vw !important;
	}
	#szekelySlider{
		width: 100vw;
		height: 66.6vw !important;
	}
}
@media only screen and (max-width: 767px) and (min-width: 480px){
	#szekelySlider_wrapper{
		width: 100vw;
		height: 66.6vw !important;
	}
	#szekelySlider{
		width: 100vw;
		height: 66.6vw !important;
	}
}
@media only screen and (max-width: 479px) {
	#szekelySlider_wrapper{
		width: 100vw;
		height: 66.6vw !important;
	}
	#szekelySlider{
		width: 100vw;
		height: 66.6vw !important;
	}
}
/*json posts-------------------------*/

.jsonPostText{
	text-align: justify; 
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-top: -10px;
	height: min-content;
	margin-bottom: 56px;
}

.jsonPost{
	margin-bottom: 65px !important;
    	height: min-content;
		overflow: hidden;
	max-height: 633px;
}
@media only screen and (min-width: 1200px){
	.jsonPost{
	}
	.jsonNewsfeed{
		display: grid;
		grid-template-columns: 50% 50%;
	}	
	
	.jsonPost:nth-child(odd) {
	  padding-left: 3% !important;
	}

	.jsonPost:nth-child(even) {
	  padding-right: 3% !important;
	}
	/*
	.jsonPostOdd {
	  padding-right: 3% !important;
	}
	.jsonPostEven {
	  padding-left: 3% !important;
	}
	*/
	.fullWidth{
		grid-column: 1/3;
	}

}


@media only screen and (max-width: 1199px){
	.jsonPost{
		max-height: unset;
	}
	.jsonPostText{
		max-height: 138px;
	}
}

.jsonPostButton{
	position: absolute !important;
	bottom: 0;
}


/*HEADER--------------------------------------------------------*/

.kpeyeButton{
	text-align: right;
}

.szekelygazdaContactFormTitle > h4{

    font-size: 35px !important;
    line-height: 45px !important;
}

#kpeyeLogo{
	
    display: inline;
    position: relative;
    bottom: -5px;
    right: -7px;
}
.kpeyeKpeye{
	
}

#szekelygazdaNavbar{
	margin-top: 10px;
	margin-bottom: 0px;
}
#szekelygazdaRow2{
	
}

#hirekJs{
	display: none;
}

@media only screen and (min-width: 768px) {
	.kpeyeSmSignIn + a{
		display: none;
	}
}

@media only screen and (max-width: 767px) {
	#kpeyeRow{
		padding-bottom: 10px !important;
		padding-left: 10px !important;
		padding-right: 10px !important;
	}

	.kpeyeButton{
		float:right;
		display: none;
	}
	
	.kpeyeSigninLink + a{
		position: absolute;
		top: 7px;
		right: 7px;
	}
	
	.szekelygazdaNavbarTextbox{
		margin-top: inherit !important;
	}
	
	#kpeyeLogo{
		position: absolute;
    left: 62px;
		top: 5px;
	}
	#signInLink{
		
	}
	.kpeyeSmSignIn + a{
		position: absolute;
		right: 0px;
		top: 0;
	}
}


@media only screen and (min-width: 481px) and (max-width: 767px) {
	.kpeyeSigninLink + a{
		top: 0px;
	}
	#kpeyeRow{
		padding-bottom: 0px !important;
	}
}


@media only screen and (min-width: 570px) and (max-width: 767px) {
	#szekelygazdaHeaderLogo{
		text-align: center;
		margin-left: -13%;
		margin-right: -13%;
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	#szekelygazdaRow2{	
		width: 100%;
		margin-bottom: 40px;
	}
	#szekelygazdaHeaderLogo{
		text-align: center;
	}
}


@media only screen and (min-width: 992px) {
	#szekelygazdaNavbar{
    	margin-top: 3px;
	}
	#szekelygazdaRow2{	
		margin-top: 15px;
	}
}

@media only screen and (min-width: 1200px) {
	#szekelygazdaNavbarCol{
    	margin-left: -4px;
	}
	#szekelygazdaRow2{	
		margin-top: 19px;
	}
}

@media only screen and (min-width: 768px)and (max-width: 1199px) {
	#szekelygazdaNavbarCol{
    	margin-left: -30px;
		
	}
	.szekelygazdaNavbarTextbox{
		margin-top: -10px !important;
		margin-bottom: 0px !important;
    margin-left: 40px;
	}
}
@media only screen and (max-width: 480px) {
	#kpeyeLogo{

		top: 0px;
	}
}