﻿/*
Theme Name: Doctorsinsight.eu
Theme URI: http://www.example.com (Your child theme's URL)
Description: Child theme of Juno.
Author: T-helper Consulting
Template: juno
Version: 1.0
*/

#primary .container{
	max-width:1290px;
}

/* FEJLÉC - MAGASSÁG, POZÍCIÓK */
#masthead{
	margin-bottom:13px;
}
#site-branding{
	padding:0 !important;
}
#site-branding .col-sm-3,
#site-branding .col-sm-4,
#site-branding .col-sm-5{
	height:120px;
}
#site-branding a{
	display:inline-block !important;
}
/* valamiért volt rajta idióta preset margin */
header#masthead img.custom-logo{
	margin-bottom:0 !important;
}
/* anchorok */
#site-navigation a{
	line-height:120px;
}
.custom-logo-link{
	text-align:left;
	line-height:120px;
}
.social{
	text-align:left;
	padding-left:50px !important;
	line-height:150px;
}
.social a{
	line-height:120px;
}
.social1{
	background-image:url('img/social1.png');
	backgroundrepeat:no-repeat;
	background-size:cover;
	background-position:0 0;
	width:33px;
	height:33px;
}
.social1:hover{
	background-position:-33px 0;
}
.social2{
	background-image:url('img/social2.png');
	backgroundrepeat:no-repeat;
	background-size:cover;
	background-position:0 0;
	width:33px;
	height:33px;
}
.social2:hover{
	background-position:-33px 0;
}
.social3{
	background-image:url('img/social3.png');
	backgroundrepeat:no-repeat;
	background-size:cover;
	background-position:0 0;
	width:33px;
	height:33px;
}
.social3:hover{
	background-position:-33px 0;
}
/* menü gutter */
ul#primary-menu > li.menu-item {
	margin: 0 20px !important;
}
/* menü szín és fontméret */
#site-navigation{
	background-color:#FFFFFF !important;
}

/* magasság korrekció */
div#site-navigation .main-navigation{
	line-height:0.6 !important;
}
ul#primary-menu > li.menu-item a{
	color:#c05151 !important;
	font-size:1.6rem !important;
	letter-spacing:0 !important;
	font-family:'Nunito', sans-serif !important;
	font-weight:600;
	padding-top:0;
	line-height:47px;
	
}

/* KOZMETO KETTŐS CSÍK */

.kozmetofelirat{
	height:3rem;
	height:0;
}

/* ABOUT SECTION - KÖSZÖNTŐ ÉS FRISS CIKKEK */
#primary{
	position:relative !important;
	top:26px !important;
}

.featuredicon{
	display:inline-block;
	line-height:40px;
}
.pinnedtitle{
	display:inline-block;
	margin-top:0 !important;
	margin-bottom:0 !important;
	vertical-align:top;
	font-size:2.2rem !important;
	line-height:40px;
	text-transform:uppercase;
	font-family:'Nunito', sans-serif;
	font-weight:400;
	padding-left:1rem;
}
.marginbot{
	margin-bottom:2rem !important;
}
.pinnedtext{
	font-size:2.1rem;
	line-height: 1.42857143;
	margin-bottom:3.5rem !important;
}
#about-primary{
	font-family:'Nunito', sans-serif;
	font-weight:400;
}
#about-secondary{
	font-size:1.8rem;
}
.feature-title{
	font-size:2.2rem !important;
	font-family:'Nunito', sans-serif;
	font-weight:600;
}
/* EZ A BAL OLDALI 'PINNED POSZT' AMI VALÓJÁBAN WIdGET */
#about-section .col-sm-6{
	width:100%;
}
@media screen and (min-width:1024px){
	#about-section .container,
	#about-section .col-sm-4{
		padding:0 !important;
	}
}

/* KIEMELT CIKKEK */
.article{
	margin-bottom:2rem;
}
.article .col-md-7{
	padding-left:19px !important;
}
.freshthumb{
	max-width:100% !important;
	min-width:250px !important;
	display:inline-block;
	border-top-right-radius:5px;
	border-bottom-left-radius:5px;
	padding-right:15px;
	transition:padding-right 0.5s ease;
	cursor:pointer;
}
.freshthumb:hover{
	padding-right:0px;
	transition:padding-right 0.5s ease;
}
.freshposttext p{
	display:inline-block;
}
.freshtitle{
	font-size:2.2rem !important;
	margin-bottom:6px !important;
}
.excerpt{
	font-size:1.7rem !important;
	position:relative;
	top:-1.5rem;
}
.csik{
	margin-top:0 !important;
	width:80%;
	display:inline-block;
	text-align:left;
	border-top:1px solid #e2b2b0;
}
.csik2{
	margin-top:0 !important;
	width:80%;
	display:inline-block;
	text-align:left;
	border-top:2px solid #544e66;
}
.tovabb{
	color: #e2b2b0;
    border: 1px solid #e2b2b0;
    border-radius: 9px;
    padding: 5px 55px;
    font-size: 1.5rem;
	position: relative;
    top: 1rem;
    float: right;
	margin-left: 1rem;
}
.tovabbbtn{
	color: #e2b2b0 !important;
    border: 1px solid #e2b2b0 !important;
    border-radius: 9px !important;
    padding: 5px 55px !important;
    font-size: 1.5rem !important;
	position: relative !important;
    top: -2rem !important;
    float: right !important;
	margin-left: 1rem !important;
	box-shadow:none !important;
	background-color:transparent !important;
	text-shadow:none !important;
	line-height:1.42857143 !important;
}
.tovabbbtn:hover,
.tovabbbtn:focus,
.tovabbbtn:active{
	background-color:rgba(226, 178, 176, 0.1) !important;
	color:#fffffd !important;
}
.tovabb:hover,
.tovabb:active,
.tovabb:focus{
	color:#fffffd;
	background-color:rgba(226, 178, 176, 0.1);
}
.tovabb2{
	color: #544e66;
    border: 1px solid #544e66;
    border-radius: 9px;
    padding: 5px 55px;
    font-size: 1.5rem;
	position: relative;
    top: 1rem;
    float: right;
	margin-left: 1rem;
}
.tovabb2:hover,
.tovabb2:active,
.tovabb2:focus{
	color:#454257;
	background-color:#d6d3de;
}

.tovabbbtn2{
	color: #544e66 !important;
    border: 1px solid #544e66 !important;
    border-radius: 9px !important;
    padding: 5px 55px !important;
    font-size: 1.5rem !important;
	position: relative !important;
    top: -2rem !important;
    float: right !important;
	margin-left: 1rem !important;
	box-shadow:none !important;
	background-color:transparent !important;
	text-shadow:none !important;
	line-height:1.42857143 !important;
}
.tovabbbtn2:hover,
.tovabbbtn2:focus,
.tovabbbtn2:active{
	background-color:#d6d3de !important;
	color:#454257 !important;
}


.tovabb3{
	color: #544e66;
    border: 1px solid #544e66;
    border-radius: 9px;
    padding: 5px 55px;
    font-size: 1.5rem;
	position: relative;
	margin-top:50px;
	margin-left: 1rem;
}
.tovabb3:hover,
.tovabb3:active,
.tovabb3:focus{
	color:#454257;
	background-color:#d6d3de;
}


/* FOOTER COPYRIGHT */
.site-footer{
	position:relative;
	top:0;
}
footer#colophon div#footer-branding{
	font-size:2rem !important;
	font-family:'Nunito', sans-serif;
	font-weight:400;
	padding:1rem 0 1rem 0 !important;
	border-top:0 !important;
}
div#footer-widget-area a{
	color:#fffffd !important;
}
div#footer-widget-area{
	padding-bottom:0 !important;
	padding-top:20px !important;
}
#custom_html-6,
#custom_html-7{
	margin-bottom:0px !important;
}
.footerlink{
	color:#fffffd !important;
	text-decoration:underline !important;
}
.footerlink:hover,
.footerlink:active,
.footerlink:focus,{
	color:#fffffd !important;
}
#footer-sidebar-wrapper .col-sm-6:first-child{
	text-align:right;
}
.middler{
	vertical-align:middle;
}

/* BANNEREK */
.banner{
	display:block;
	margin:0 auto;
}
.banner-size{
	border:1px solid #e2b2b0;
	padding:0;
	/* Nagyobb reszponzív tökölős animációhoz */
	/*
	max-width:764px;
	max-height:432px;
	*/
	/* Kezdeti próbálkozás kisebb méretben mert az exportált izé nem scalel felfelé */
	max-width:435px;
	max-height:245px;
}

.iframe-container{
	position: relative;
	height: 0;
	overflow: hidden;
	/* 16x9 Aspect Ratio */
	padding-bottom: 56.25%;
}

.iframe-container iframe{
	position: absolute;
	top:0;
	left: 0;
	width: 100%;
	height: 100%;
	max-width:760px;
	max-height:428px;
	border:none;
}

/* VIDEÓ */
.entry-content{
	width: 96.5%;
    margin: 0 auto !important;
}
#frontpage-page{
	background-color:transparent !important;
}
.video-container{
	background-color:rgba(184, 173, 143, 0.3);
	padding:8px 18px;
	border:1px solid #e2b2b0
}

/* CIKKEK OLDALAK, PAGEK */
.cikkek{
	background-color:#E9E6E6;
	border-top:2px solid #544e66;
	border-bottom:3px solid #544e66;
}
.cikkpost{
	padding-bottom:10px;
	font-size: 1.7rem !important;
    position: relative;
    top: -1.5rem;
}
.ezacikk{
	background-color:#E9E6E6;
	border-bottom:2px solid #544e66;
	background-repeat:no-repeat, no-repeat;
	background-image:url('img/dri0008.png'),url('img/dri0009.png');
	background-size:100% 29%, 100% 20%;
	background-position:bottom center, top center;
	transition:background-size 0.5s ease;
	padding-top:4rem;
	padding-bottom:4rem;
}
.ezacikk:hover{
	background-size:100% 70%, 100% 55%;
	transition:background-size 0.5s ease;
}

.cikkek .container{
	max-width:1290px !important;
}
@media (min-width: 1200px){
	.cikkek .container	{
		width: 1290px !important;
	}
	
}
.ezacikk .container{
	max-width:1440px !important;
}
@media (min-width: 1200px){
	.ezacikk .container
		{
		width: 1440px !important;
	}
}

@media screen and (min-width:1400px){
	#site-navigation .container{
		width:1440px;
	}
}



.actualtitle{
	font-size:3.5rem;
	/*padding-top:6rem;*/
	padding-top:14rem;
	color:#403a56;
}
.actualpost{
	color:#403a56;
	font-size:2.5rem;
	/*padding-top:180px;*/
	padding-top:40px;
}
.ezacikk .col-md-6:last-child{
	padding-left:5rem;
}


/* ABSZTRAT */
.abstract p{
	margin:0 !important;
}
.abstract{
	background-color:#E9E6E6;
	border-bottom:2px solid #544e66;
	padding-top:4rem;
	padding-bottom:4rem;
}
.abstract .container{
	max-width:1290px !important;
}
@media (min-width: 1200px){
	.abstract .container {
		width: 1290px !important;
	}
}
.pagek .container{
	max-width:1140px !important;
}
@media (min-width: 1200px){
	.pagek .container {
		width: 1140px !important;
	}
}
.abstract .col-xs-12{
	text-align:center;
}
.sep{
	font-size:2rem;
	color:#ad3332;
	padding-left:50px;
	padding-right:50px;
}
.prev_inactive{
	display:inline-block;
	vertical-align:middle;
	line-height:64px;
	width:216px;
	height:64px;
	background-image:url('http://doctorsinsight.eu/kozmetodoc/wp-content/uploads/sites/2/2018/10/balg.png');
	background-repeat:no-repeat;
	background-position:0 0;
}
.next_inactive{
	display:inline-block;
	vertical-align:middle;
	line-height:64px;
	width:216px;
	height:64px;
	background-image:url('http://doctorsinsight.eu/kozmetodoc/wp-content/uploads/sites/2/2018/10/jobbg.png');
	background-repeat:no-repeat;
	background-size:cover;
	background-position:0 0;
}
.prev,
.lapozosubmit_prev{
	display:inline-block;
	line-height:64px;
	width:216px;
	height:64px;
	vertical-align:middle;
	background-image:url('http://doctorsinsight.eu/kozmetodoc/wp-content/uploads/sites/2/2018/10/balg.png');
	background-repeat:no-repeat;
	background-size:432px 64px;
	background-position:0 0;
}
.prev:hover,
.prev:active,
.prev:focus{
	background-position:-216px 0;
}

.prev a{
	display:inline-block;
	width: 216px;
    height: 63px;
	padding-right:50px;
	color:#ad3332 !important;
	font-size:2rem !important;
	font-family:'Nunito' !important;
	vertical-align:middle;
}
.next a{
	display:inline-block;
	width: 216px;
    height: 63px;
	padding-left:50px;
	color:#ad3332 !important;
	font-size:2rem !important;
	font-family:'Nunito' !important;
	vertical-align:middle;
}

.next,
.lapozosubmit_next,
.lapozosubmit_prev{
	display:inline-block;
	line-height:64px;
	width:216px;
	height:64px;
	vertical-align:middle;
	background-image:url('http://doctorsinsight.eu/kozmetodoc/wp-content/uploads/sites/2/2018/10/jobbg.png') !important;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:0 0;
	color:#ad3332 !important;
	font-size:2rem !important;
	font-family:'Nunito' !important;
	vertical-align:middle;
	box-shadow:none !important;
	border:none !important;
	padding: 0 !important;
	padding-left:50px !important;
}
.next:hover,
.lapozosubmit_next:hover,
.next:active,
.lapozosubmit_next:active,
.next:focus,
.lapozosubmit_next:focus{
	background-position:-216px 0;
}
.next{padding-left:0 !important;}
.lapozosubmit_prev{
	background-image:url('http://doctorsinsight.eu/kozmetodoc/wp-content/uploads/sites/2/2018/10/balg.png') !important;
	background-repeat:no-repeat;
	background-size:216px 64px;
	background-position:0 0;
	padding-left:0 !important;
	padding-right:50px !important;
}
.lapozosubmit_prev:hover,
.lapozosubmit_prev:focus,
.lapozosubmit_prev:active{
	background-position:-216px 0;
}

.postcontent{
	margin-top:50px;
	margin-bottom:50px;
	font-size:2rem;
	color:#403a56;
}
.postcontent p{
	text-align:left;
}

.prev_inactive a{
	display:inline-block;
	width: 216px;
    height: 63px;
	padding-right:50px;
	color:#ad3332 !important;
	font-size:2rem !important;
	font-family:'Nunito' !important;
	vertical-align:middle;
}
.next_inactive a{
	display:inline-block;
	width: 216px;
    height: 63px;
	padding-left:50px;
	color:#ad3332 !important;
	font-size:2rem !important;
	font-family:'Nunito' !important;
	vertical-align:middle;
}

.teljescikk{
	margin-bottom:50px;
}

.pagek .contentlogo{
	margin-bottom:60px;
}

/* IFRAME LINKE */
.iframe_link{
	    position: relative;
    display: block;
    min-height: 235px;
    width: 100%;
    z-index: 4;
}


/* MOBIL */
#primary-menu{
	min-width:470px;
}
@media screen and (max-width:990px){
	#site-branding{
		padding:0 !important;
		height:auto;
	}
	#site-navigation{
		height:auto !important;
	}
	#site-navigation a{
		line-height:normal !important;
	}
	.social{
		display:none;
	}
	/*
	.social{
		padding-left:15px !important;
		text-align:center !important;
	}
	.social a{
		line-height:80px !important;
	}
	*/
	.slicknav_menu a{
		text-transform:lowercase !important;
		color:#ad3332 !important;
		font-family:'Nunito' !important;
		letter-spacing:0 !important;
		font-size:3rem !important;
	}
	.slicknav_nav a:first-child{
		padding-top:1rem !important;
	}
	.slicknav_menu li{
		text-align:center;
		background-color:#fffffd !important;
	}
	.slicknav_btn{
		background-color:#544e66 !important;
		margin:0 !important;
		width:60px !important;
		height:60px !important;
		padding:0 !important;
		float:none !important;
	}
	#slicknav_menu{
		
	}
	.slicknav_menutxt{
		display:none !important;
	}
	.slicknav_icon{
		margin:0 !important;
		line-height: 60px !important;
		vertical-align: middle !important;
		display: block !important;
		position:relative;
		top:30%;
		margin: 0 auto !important;
	}
	.slicknav_icon-bar{
		margin: 0 auto;
	}
	.slicknav_menu .slicknav_icon{
		margin: 0 auto !important;
		float: none !important;
	}
	ul.slicknav_nav{
		padding-left:0 !important;
	}
	

@media screen and (max-width:768px){
	#frontpage-page, 
	#front-page-content{
		padding:0 !important;
	}
	#frontpage-page .entry-content{
		width:100% !important;
	}
	#colophon .container{
		text-align:center;
	}
	#custom_html-4,
	#custom_html-7 .col-sm-5{
		text-align:center !important;
	}
	.footerlink,
	#custom_html-6{
		padding: 0 !important;
	}
}
@media screen and (max-width:500px){
	#front-page-blog .col-sm-12{
		/*padding-left:10px !important;
		padding-right:10px !important;*/
	}
}

@media screen and (max-width:768px){
	#site-navigation{
		height:auto !important;
	}
	.slicknav_menu{
		position:relative !important;
		top:40px !important;
		padding-left:0 !important;
	}
	.logoutgomb{
		top:10px !important;
		margin:0 auto;
		margin-top:10px;
	}
}



