/*
Theme Name:   DR Benkő Zsófia
Theme URI:    https://drbenkozsofia.hu
Description:  DR Benkő Zsófia weboldala
Author:       Belső Dániel
Author URI:   https://jfweb.work
Template:     Bootstrap-4-on-WordPress
Version:      1.0.6
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
Text Domain:  drbenkozsofia
*/


@import url('//fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&family=Titillium+Web:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700&display=swap&subset=latin-ext');
@import url('//fonts.googleapis.com/css2?family=PT+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap&subset=latin-ext');
body{
	background:#f8f8f8;
}

.bg-light{
	background-color: white!important;
}
.bg-white{
	background: white;
}

.banner{
	color:#12607e;
}

h1,h2,h3,h4,h5,h6{
	font-family: "Open Sans";
	font-weight: 300;
}
section.contact,
section.banner{
	background:rgba(50, 187, 206,0.05);
}
section .banner img{
	max-height: 270px;
}

section.introduction{
	margin-top:60px;
}
section.introduction .card{
	border-radius: 0;
	font-size:18px;
}
.card-body p{
	font-family: "PT Sans";
	font-weight: 300;
}

a.nav-link{
	font-family: "Open Sans";
	text-transform: uppercase;
	font-size:16px;
	font-weight:600;
	color: rgba(255,255,255,.95);
}

.thumbnail figcaption > div {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 30%;
	padding:0;
	background: rgba(0,0,0,0.3);
	transition: all 0.65s;
}
.thumbnail figcaption:hover > div{
	background: rgba(0,0,0,0.6);
	height: 40%;
	padding: 10px;
	transition: all 0.65s;

}
.thumbnail figcaption {
	padding: 2em;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.thumbnail figcaption::before,
.thumbnail figcaption::after {
	pointer-events: none;
}

.thumbnail figcaption,
.thumbnail figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.thumbnail figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.thumbnail.effect img {
	max-width: 100%;
	opacity: 0.6;
	transition: all 0.8s ease;
}

.thumbnail.effect h1,
.thumbnail.effect h2,
.thumbnail.effect h3,
.thumbnail.effect h4,
.thumbnail.effect h5,
.thumbnail.effect h6{
	transition: transform 0.65s;
	transform: translate3d(0, 20px, 0);

}

.thumbnail.effect:hover h1,
.thumbnail.effect:hover h2,
.thumbnail.effect:hover h3,
.thumbnail.effect:hover h4,
.thumbnail.effect:hover h5,
.thumbnail.effect:hover h6 {
	transition: all 0.8s ease;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.thumbnail.effect a,
.thumbnail.effect:hover a {
	color: white;
	text-decoration: none;

}
.thumbnail.effect:hover img {
	max-width: 100%;
	-ms-transform: scale(1.2); /* IE 9 */
	-webkit-transform: scale(1.2); /* Safari 3-8 */
	transform: scale(1.2);
	opacity: 0.6;
}

.thumbnail{
	position: relative;
	float: left;
	overflow: hidden;
	margin: 10px 0px 16px 0px;
	width: 100%;
	max-height: 305px;
	height: auto;
	background: rgba(0, 0, 0, 0.80);
	text-align: center;
	cursor: pointer;
	transition: 0.8s ease;
}
section.contact,
section.services{
	background: linear-gradient(0deg, rgba(0, 0, 0,0.00) 80%, rgba(50, 187, 206,0.05) 100%);
}

#menu-main-menu{
	/* border-top: 1px solid rgba(50, 187, 206,0.5); */
	padding-top:1rem!important;
	transition: all 0.65s;
}


.fixed-top{
	transition: all 0.65s;
}

.fixed-top .navbar-brand{
	display:none;
}
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link{
	color:#125E7D;
}

.dropdown-toggle{
	cursor: pointer;
}
.dropdown-menu{
	border-radius: 0;
	font-family: "Open Sans";
	text-transform: uppercase;
	font-size:16px;
}

@media (min-width: 992px){
	.navbar-expand-lg .navbar-nav .nav-link {
		padding-right: 1rem;
		padding-left: 1rem;
	}	
}

.w-55{
	width:55%!important;
}

.w-35{
	width:40%!important;
}

.dropdown:hover>.dropdown-menu {
	display: block;
}


.navbar-light .navbar-nav .nav-link {
	color: rgba(0,0,0,.6);
}

section.footer{
	background: #074762;
	color:#f1f1f1;
	font-family:"Open Sans";
}

section.footer .darker{
	background:rgba(0,0,0,0.25);
}


.mini-nav-logo{	
	display: none;
	max-height: 80px;
	margin-top: -20px;
	cursor:pointer;
}

.fixed-top .mini-nav-logo{
	display: block;
}

.fixed-top a.nav-link{
	
}

.fixed-top a.nav-link.active{
	color: #17a2b8!important;
}

.with-logo{
	background-image: url(http://drbenkozsofia.jfweb.work/wp-content/uploads/2020/08/DBZs_Logo_color-middle-onf.png);
	background-position: left bottom;
	background-size: 100px 100px;
	background-repeat: no-repeat;
	padding-bottom:25px;
}

.with-logo.right-bottom{
	background-position: right bottom;
}
.btn-brand{
	background-color: #05354A;
	color: #f1f1f1;
	font-weight: 600;
}
@media (min-width: 992px){
	.navbar.fixed-top{
		background-color: #074762!important;
		color: #f1f1f1;
		font-weight: 600;
	}
	.navbar.fixed-top a.nav-link{
		color:white;
	}
	.navbar.fixed-top .btn{
		font-size: 20px;
		margin-left: 10px;
	}
	.smaller-map iframe {
		height: 290px;
	}
}

.wallpaper{
	min-height:calc(100vh - 235px);
}