/* 

Theme Name: BorbalaSzanto_com

Theme URI: https://borbalaszanto.com

Author: Daniel Petrasovits

Author URI: http://superlab.hu

Version: 1.0

*/

@import url "css/style.css";



html, 
body
{
	min-height: 100%;
	-webkit-text-size-adjust: none;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;	
	-moz-font-smoothing: none;
	font-smoothing: antialiased;
}


body
{
	padding: 0px;
	margin: 0px;
	font-size: 11px;
	font-family: 'open sans';
	background: white;
	color: black;
    overflow-x: hidden;
}


p {
    margin: 0 0 14px 0;
}

a 
{
	text-decoration: none;
	color: black; 
	outline: none;
}


.clear {
    clear: both;
}


.align-center
{
	text-align: center;
}

body.home #spaceMargin {
    margin-bottom: 50px;
}


* 
{
	border-color: inherit;
	-webkit-box-shadow: none;	
	box-shadow: none;
    outline:none !important;
}
*:focus,
*:active,
*:hover
{
	border-color: inherit;
	-webkit-box-shadow: none;
	box-shadow: none;
    outline:none !important;
}


.backgroundSize
{
	background-repeat:no-repeat;
	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-o-background-size: cover !important;
	background-size: cover !important;
	background-position: center center !important;
}

.relative {
    position: relative;
}

.fullimg
{
	display: block;
	width: 100%;
}

.frontimage, .frontvideo {
    margin: 0 0 30px 0;
}
 
.frontimage.resized img {
    max-height: 100vh;
    width: auto;
    margin: 0 auto;
}

#wrapBackground
{
	position: relative;
	z-index: 3000;
}

.archiveItem {
    margin-bottom: 27px;
}




.theContent a 
{
	color: black;
}
.theContent a:hover
{
	color: #ccc;
}


.theContent h1,
.theContent h2,
.theContent h3,
.theContent h4,
.theContent h5,
.theContent h6
{
    padding-left: 0px;
}

.project_date
{
	font-size: 25px;
	line-height: 27px;
}

.theContent h1 
{
	font-size: 40px;
	margin: 0 0 40px 0;
}
.theContent h1.title {
    font-size: 16px;
    margin-bottom: 6px;
    text-transform: uppercase;
}

.theContent h2
{
	font-size: 35px;
}
.theContent h3
{
	font-size: 35px;
}
.theContent h4
{
	font-size: 30px;
}
.theContent h5
{
	font-size: 26px;
}
.theContent h6
{
	font-size: 22px;
}




.theContent
{
	position: relative;
    padding: 6px 0 14px 0;
    overflow: hidden;
}
.theContent p {
	
}
.theContent p:last-child
{
	margin-bottom: 0;
}

#single .theContent p {
    font-size: 11px;
	margin-bottom: 14px;
}

.aSingleContent {
    font-size: 11px;
    line-height: 20px;
    max-width: 600px;
}

.contentContent {
    margin-bottom: 30px;
    max-width: 600px;
}

#single .theContent .wrap {
    margin-left: 95px;
    max-width: calc(100% - 195px);
}
@media only screen and (max-width: 980px)
{
	#single .theContent .wrap {
		margin-left: 0px;
		max-width: calc(100% - 40px);
	}
}


.editlinks {
    position: absolute;
    right: 0;
    top: 0;
}

.theContent blockquote p {
    font-size: 22px;
    font-style: italic;
    line-height: 1.4em !important;
}
.theContent blockquote {
    padding-left: 75px;
    padding-top: 20px;
    padding-bottom: 10px;
    margin: 0 0 30px 25px;
}

.post-nav {
    text-align: center;
}




.textFeatured {
    overflow: hidden;
    margin-bottom: 27px;
}

.wrapped_img {
    margin-bottom: 30px;
    text-align: center;
    overflow: hidden;
}


.lead {
	overflow: hidden;
}



span[id^="more-"] {
    height: 0;
    width: 0;
    display: none;
}
span[id^="more-"] + br {
    height: 0;
    width: 0;
    display: none;
}



.no_more_posts_archive {
    margin-top: 45px;
    margin-bottom: 80px;
    position: relative;
}

#no_more_posts,
#more_posts_archive
{
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    font-style: italic;
}

@media only screen and (max-width: 680px) 
{
	#no_more_posts,
	#more_posts_archive
	{
		font-size: 19px;
	}
	}


#no_more_posts.active,
#more_posts_archive.active
{
	opacity: 1;
    -webkit-transition: opacity 0.3s ease;
    -moz-transition: opacity 0.3s ease;
    -ms-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
}

#no_more_posts a:hover,
#more_posts_archive a:hover
{
    text-decoration: line-through;
}


.ajax_loader {
    display: block;
    clear: both;
    height: 100%;
    position: fixed;
    z-index: 999999;
    width: 100%;
    text-align: center;
    left: 0;
    top: 0;
    font-size: 60px;
    font-weight: bolder;
    color: #f7d900;
}
.ajax_loader > div
{
	display: inline-block;
    position: relative;
    top: calc(50% - 70px);
}


@media only screen and (max-width: 880px) 
{
	.ajax_loader {
		font-size: 30px;
	}
}
	
	
.ajax_no_more {
    text-align: center;
    padding: 150px 0;
	display: none;
}

@-moz-keyframes loader {
	100% { 
		-moz-transform: rotate(360deg);
	}	
}
@-webkit-keyframes loader { 
	100% {
		-webkit-transform: rotate(360deg);
	}
}
@keyframes loader {
	100% {
		-webkit-transform: rotate(360deg); transform:rotate(360deg);
	}
}



#homeList {
    overflow: hidden;
}







.theContent .wp-caption.aligncenter,
.theContent .aligncenter
{
    margin: 0 auto;
    display: inherit;
}

.theContent .wp-caption.alignleft,
.theContent .alignleft,
.theContent .aligned.wrapped_img:nth-child(odd)
{
    float: left;
    margin: 0 15px 30px 0;
   /*max-width: calc(50% - 15px);*/
   width: calc(50% - 15px);
}

.theContent .wp-caption.alignright,
.theContent .alignright,
.theContent .aligned.wrapped_img:nth-child(even)
{
    float: right;
    margin: 0 0px 30px 15px;
   /*max-width: calc(50% - 15px);*/
   width: calc(50% - 15px);
}


.theContent .aligned.wrapped_img img
{
    float: none;
    margin: 0;
   /*max-width: 100%;*/
   width: 100%;
}

.theContent .wp-caption:not(.wrapped_img):nth-child(2n+1),
.theContent .aligned.wrapped_img:nth-child(2n+1)
{
    clear: left;
}

@media only screen and (max-width: 680px) 
{
	
	.theContent .wp-caption.alignleft,
	.theContent .alignleft,
	.theContent .wp-caption.alignright,
	.theContent .alignright,
	.theContent .aligned.wrapped_img:nth-child(odd),
	.theContent .aligned.wrapped_img:nth-child(even)
	{
		float: none;
		max-width: none;
		margin: 0 0px 30px 0;
		width: 100% !important;
	}
	
}



.iframe_container {
    margin-bottom: 30px;
}

.theContent iframe 
{
	max-width: 100% !important;
}





header#header .wrap {
	padding: 30px 0 30px 0;
}
body.page-id-10 #blog {
    width: calc(100% - 230px);
}
@media only screen and (max-width: 980px)
{
	header#header .wrap {
		padding: 30px 0 30px 0;
		max-width: calc(100% - 40px);
	}
	body.page-id-10 #blog {
		width: calc(100% - 100px);
	}
}
@media only screen and (max-width: 880px)
{
	body.page-id-10 #blog {
		width: calc(100% - 40px);
	}
}


#getmenu {
    z-index: 3001;
}
/*
@media only screen and (min-width: 1001px)
{
	#getmenu {
		display: block !important;
		top: 23px;
		position: absolute;
		right: 64px;
	}
}

@media only screen and (max-width: 1000px)
{
	.resp_icon {
		display: inline-block;
		background: url(../svg/resp_menu.svg) center center no-repeat;
		background-size: auto 23px;
		border-radius: 360px;
		width: 26px;
		height: 24px;
		float: right;
		cursor: pointer;
		position: absolute;
		top: 20px;
		right: 28px;
		z-index: 99999;
		padding: 4px;
	}
	
	.resp_icon.active {
		opacity: 0.6;
	}
		
	#getmenu {
		display: none;
		top: 65px;
		position: absolute;
		right: 9px;
		background: #ffffffe0;
		padding: 15px 20px;
	}
}

@media only screen and (max-width: 480px)
{
	.resp_icon {
		right: 13px;
	}
}*/


#mainMenu {
    overflow: hidden;
    height: 100px;
}

ul#mymenu {
    padding: 0;
    overflow: hidden;
    max-width: calc(100% - 130px);
    margin: 0 auto;
}

@media only screen and (max-width: 980px)
{
	ul#mymenu {
		margin-left: 0px;
	}
}


ul#mymenu li {
    padding: 0px 0;
    list-style: none;
    line-height: 15px;
}
ul#mymenu .sub-menu li {
    clear: left;
}
	
ul#mymenu > li {
    margin: 0 0px;
    position: relative;
    float: left;
}
span.center_dot {
    height: 11px;
    overflow: hidden;
    display: inline-block;
    line-height: 11px;
    margin-right: 5px;
    margin-left: 5px;
    position: relative;
    top: 1px;
}


li.mail_menu {
    float: none !important;
}

ul#mymenu > li:last-child
{
	/*margin-right: 20px !important;*/
}
ul#mymenu > li > a {
    font-size: 11px;
    padding: 0px 0px;
    position: relative;
    z-index: 2;
	cursor: pointer;
    text-transform: lowercase;
    -webkit-transition: color 0.3s ease;
    -moz-transition: color 0.3s ease;
    -ms-transition: color 0.3s ease;
    -o-transition: color 0.3s ease;
    transition: color 0.3s ease;
}

li.mail_menu .center_dot,
li.mail_menu + li.menu-item .center_dot
{
    display: none;
}

span.active_nav {
	background: #ccc;
    position: absolute;
    height: 0;
    width: 100%;
    left: 0;
    top: 0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#mymenu > .menu-item > a:hover,
#mymenu > .current_page_item > a,
#mymenu > .current_page_parent > a,
#mymenu > .active_page_parent > a,
#mymenu > .current-page-ancestor > a,
#mymenu > .current-menu-ancestor > a,
#mymenu > .current-menu-parent > a,
#mymenu .sub-menu > .current-menu-item a
{
    text-decoration: none;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.menu a:hover + span.active_nav,
.menu a.active + span.active_nav, 
.current_page_item > span.active_nav,
.current_page_parent > span.active_nav,
.active_page_parent > span.active_nav,
.current-page-ancestor > span.active_nav,
.current-menu-ancestor >  span.active_nav,
.current-menu-parent > span.active_nav
{
    /*height: 100%;*/
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.sub-menu > .current-menu-item > a
{
}

.sub-menu .active_nav {
    display: none;
}
.more_nav
{
	display: none;
}
ul.sub-menu ul.sub-menu {
    position: static;
    margin: 0;
    display: block;
    padding: 0;
}
ul.sub-menu ul.sub-menu a:before {
	content: "—";
}

@media only screen and (min-width: 1001px)
{
	.menu
	{
		display: block !important;
	}
	#mainMenu {
		background: white;
	}
}

@media only screen and (max-width: 1000px)
{
	.hideAtMobile
	{
		display: none;
	}
}
@media only screen and (max-width: 1140px) 
{
	
	span.active_nav,
	*:hover span.active_nav
	{
		width: 0 !important;
		display: none !important;
		height: 0 !important;
		position: static;
	}
	
	/*
	.menu a:hover,
	.menu a.active, 
	.current-menu-item > a,
	.current_page_item > a,
	.current_page_parent > a,
	.current-post-ancestor > a,
	.active_page_parent > a,
	.current-page-ancestor > a,
	body.category-8 .menu-item-318 a
	{
		opacity: 0.3;
		-webkit-transition: opacity 0.3s ease;
		-moz-transition: opacity 0.3s ease;
		-ms-transition: opacity 0.3s ease;
		-o-transition: opacity 0.3s ease;
		transition: opacity 0.3s ease;
	}*/
}


.fb_iframe_widget, .fb_iframe_widget>span, .fb_iframe_widget iframe {
    width: 100% !important;
    z-index: 99999;
}


.theContent img {
    max-width: 100%;
    height: auto;
}




.theContent .wp-caption {
    font-size: 13px;
    margin: 0 auto 30px auto;
    max-width: 100%;
}
.theContent .wp-caption.aligncenter .wp-caption-text {
    text-align: center;
}
.theContent .wp-caption.alignright .wp-caption-text {
    text-align: right;
}
.theContent .wp-caption p {
    line-height: 20px;
}
.theContent .wp-caption img {
	margin-bottom: 8px;
}

.theContent hr {
    border: 0;
    clear: both;
    margin: 0;
}
body.page-id-10 .theContent hr {
    margin: 18px 0;
}
.aSingleContent {
    overflow: hidden;
}




.cn-bottom {
    bottom: 14px !important;
}
#cookie-notice {
    background: white !important;
    color: black !important;
    bottom: 0 !important;
}
#cookie-notice .button {
    font-weight: bolder;
}




body.page-id-15 i.fa.fa-instagram {
    font-size: 57px;
}



.wrap
{
	padding: 0 20px;
	width: 100%;
    overflow: hidden;
	margin: 0 auto;
}
@media only screen and (min-width: 881px)
{
	.wrap {
		width: calc(100% - 100px);
	}
}
@media only screen and (max-width: 880px)
{
	.wrap
	{
		/*max-width: calc(100% - 90px);*/
		max-width: calc(100% - 40px);
	}
}
@media only screen and (max-width: 480px)
{
	.wrap
	{
		max-width: calc(100% - 40px);
	}
}

.checkGridWidth
{
	opacity: 1 !important;
}
.homeGridItem {
    overflow: hidden;
    margin-bottom: 0vh;
}


.homeGridItem:first-child {
    margin-left: 65px;
}
@media only screen and (max-width: 980px)
{
	.homeGridItem:first-child {
		margin-left: 0px;
	}
}

.homeImage img {
    width: auto;
    max-height: calc(100vh - 98px);
    max-width: 100% !important;
}

@media screen and (orientation: portrait)
{
	.homeImage img
	{
		position: relative;
		left: 0 !important;
		-webkit-transition: left 1s linear;
		-moz-transition: left 1s linear;
		-ms-transition: left 1s linear;
		-o-transition: left 1s linear;
		transition: left 1s linear;
	}
}

@media screen and (orientation: landscape)
{
	.homeGridItem {
		/*text-align: center;*/
	}
	.homeImage {
		/*display: inline-block;*/
	}
	
	.homeImage img
	{
		position: relative;
		-webkit-transition: left 1s linear;
		-moz-transition: left 1s linear;
		-ms-transition: left 1s linear;
		-o-transition: left 1s linear;
		transition: left 1s linear;
	}
}

.homeGridItem.singleContentMobile {
    text-align: left;
}

.title_wrap {
    font-size: 11px;
    font-weight: normal;
	opacity: 0;
    -webkit-transition: opacity 0.3s ease;
    -moz-transition: opacity 0.3s ease;
    -ms-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
}

.homeGridItem:hover .title_wrap
{
	opacity: 1;
    -webkit-transition: opacity 0.3s ease;
    -moz-transition: opacity 0.3s ease;
    -ms-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
}

.gallery_item {
   text-align: center;
   overflow: hidden;
}
.pic-title {
    font-weight: bolder;
}


/*
.gallery_item img {
    width: 1090px;
    max-width: calc(100% - 80px);
    padding: 0 40px;
    float: left;
    max-height: 80vh;
}*/

span.gallery_item_caption {
    clear: both;
    display: block;
    text-align: left;
}
span.gallery_item_caption > span {
    display: block;
    width: 12px;
    border-top: 2px solid grey;
    margin-top: 8px;
    margin-bottom: 6px;
    position: relative;
    left: 0px;
}
span.gallery_prev {
    display: inline-block;
    width: 30px;
    height: 60px;
    top: calc(50% - 30px);
    background: url(../img/prev2.png) left center no-repeat;
    background-size: 14px auto;
    position: absolute;
    cursor: pointer;
    left: 0;
    z-index: 99;
	opacity: 0.6;
	
	display: none !important;
}

span.gallery_next {
    display: inline-block;
    width: 30px;
    height: 60px;
    top: calc(50% - 30px);
    background: url(../img/next2.png) right center no-repeat;
	background-size: 14px auto;
    position: absolute;
    cursor: pointer;
    right: 0;
    z-index: 99;
	opacity: 0.6;
	
	display: none !important;
}
.gallery_item .pic_wrap {
    position: relative;
    display: inline-block;
}
.contentGallery {
    position: relative;
     margin-bottom: 40px;
}



.swiper-slide .gallery_item
{
    padding: 25px 125px;
}
.swiper-container {
      width: 100%;
      height: 100%;
}
.swiper-slide {
	position: relative;
    width: 100%;
    height: 100%;
    max-width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.swiper-slide img {
    width: auto;
    height: auto;
    max-height: 100%;
    max-width: 100%;
    display: block;
	opacity: 0;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}
.swiper-button-next {
    cursor: url(../img/next3.png), auto !important;
    width: 50% !important;
    position: absolute;
    top: 0 !important;
	right: 0 !important;
    height: 100% !important;
}
.swiper-button-prev {
    cursor: url(../img/prev3.png), auto !important;
    width: 50% !important;
    position: absolute;
    top: 0 !important;
	left: 0 !important;
    height: 100% !important;
}
.swiper-container {
    height: calc(100vh - 192px) !important; /*146*/
}
.swiper-slide {
	width: auto !important;
}
.swiper-button-next,
.swiper-button-prev {
    margin-top: 0px !important;
}

.responsive-img {
    position: relative;
    width: 100%;
    height: 100%;
    max-width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.projectCont {
    position: absolute;
    bottom: 26px;
    z-index: 99;
    left: 115px;
    width: calc(100% - 105px);
}

.projectCont.mobile
{
	position: relative;
    width: calc(100% - 40px);
}

@media only screen and (max-width: 980px)
{
	.projectCont {
		bottom: 20px;
		left: 20px;
		width: calc(100% - 50px);
	}
}


.projectCont p {
    margin-bottom: 0 !important;
}

body.single .theContent
{
    min-height: calc(100vh - 96px);
}