body {
	font-family: 'Montserrat', sans-serif;
}
#app {
	min-height: 100vh;
	position: relative;
}
a,
.btn-link,
.green {
	color: #34b5a9 !important;
}
a:hover,
.btn-link:hover {
	text-decoration: none !important;
	color: #238078 !important;
}
.btn:focus {
	box-shadow: none;
}
.navbar-toggler {
	border: none;
}
.navbar-toggler-icon {
	background-image: url('../img/menu su app-23.png') !important;
	width: 2em;
	height: 2em;
}
button:focus {
	outline: none;
}
h1 {
	font-size: 2rem;
	font-weight: 700;
}
.py-4 {
    /*background-color: #edfbfc;*/
}
.form-control {
	background-color: #effbfa;
	border:	none;
	border-radius: 0.25rem;
}
.btn.btn-primary {
	background-color: #34b5a9;
	color: #fff !important;
	padding: 0.1rem 1rem;
	border: none;
}
.btn.btn-primary:hover {
	background-color: #238078;
}
.btn.btn-secondary {
	border: none;
	padding: 0.1rem 1rem;
}
.btn.btn-secondary.current {
	background-color: #ffa585;
	border-color: #ffa585;
	font-weight: 700;
}
.nav-item {
	margin: 0 2rem;
	font-size: 1.2rem;
}
.logo {
	max-height: 35px;
}
.login-form,
.register-form, 
.message-form {
	border: none;
	border-radius: 3rem 0;
}
.login-form .col-md-10,
.register-form .col-md-5 {
	margin-bottom: 1rem;
}
.login-form .form-group,
.register-form .form-group {
	margin: 0;
}
.container.white, 
.container-fluid.white, 
.row.white {
	/*background-color: #f8fafc;
	box-shadow: 0 0 0 1.5rem #f8fafc;*/
}
.nowrap {
	white-space: nowrap;
}

.post-category a,
.post-subcategory a,
.post-category a:hover,
.post-subcategory a:hover {
	color: #212529;
	text-decoration: none;
}
.post-category,
.post-category h1
.post-category h2,
.post-category h3 {
	font-weight: 800;
}
.post-category {
	margin-top: 3em;
	margin-bottom: 3em;
}
.post-image img {
	width: 100%;
}
.post-info {
	color: #888;
	font-style: italic;
}
.post-date {
	text-align: right;
}
.post-title,
.post-title h1,
.post-title h2,
.post-title h3,
.post-title h4,
.post-title h5 {
	font-weight: 700;
}
.post-content p {
	margin: 0;
}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
	background-color: #34b5a9;
	color: #fff !important;
}
.nav-item.selected {
    text-decoration: underline;
    text-underline-offset: .5rem;
    text-decoration-thickness: 2px;
    text-decoration-color: #34b5a9;
}
.link-icon {
    border: none;
    background-color: transparent;
}
.link-icon .card-body {
	padding-top: 0;
}
.link-icon .card-title {
	color: #555;
	text-align: center;
    overflow-wrap: normal;
}
.link-icon:hover img {
    /*background-color: #effbfa;*/
}
.link-icon img {
    width: 70%;
    margin: auto;
}

#guest-video-chat-window, 
#my-video-chat-window {
  width: 100%;
  border: 1px solid #212529;
  border-radius: 2px;
  max-height: 90vh;
  background-color: #212529;
  text-align: center;
}
#guest-video-chat-window video, 
#my-video-chat-window video {
  max-width: 100%;
}
.home-banner {
	background-repeat: no-repeat;
	background-size: auto 100%;
	background-position: 100% 50%;
}
.home-container { 
	padding: 0;
	position: relative;
	background-position: 50%;
	background-size: cover;
	background-repeat: no-repeat;
	box-shadow: 0 .2rem 1rem rgba(0,0,0,0.1);
}
.home-container .left,
.home-container .right {
	padding: 0;
}
.home-container .left {
    background-color: #eff7f7;
    height: 30vw;
    display: table;
}
.home-container .right {
	background-size: 92% auto;
	background-position: 100% 0;
}
.doc_image {
	width: 100%;
	height: 100%;
	background-image: url('../img/home_bg_min.png');
	background-repeat: no-repeat;
	background-size: auto 100%;
	background-position: 0;
}
.home-container img {
	width: 100%;
}
.home-info {
    /*padding: 8vw 0 8vw 6vw;*/
    padding-left: 6vw;
    display: table-cell;
    vertical-align: middle;
}
.home-info h1 {
	color: #34b5a9;
}
.home-info h3 {
	white-space: pre-line;
	font-size: 1.25rem;
	line-height: 1.6;
	font-weight: 400;
	margin-top: .8rem;
	margin-bottom: 1.5rem;
}
.home-info button {
	background-color: #ffa585;
	border: none;
	color: #fff;
	font-size: 1.2rem;
	font-weight: 500;
	padding: .3rem 1rem;
	margin-top: .5rem;
	border-radius: 5px;
	box-shadow: 6px 6px #ffdbce;
}
.slider {
	padding: 0;
}
.slider-left, .slider-right {
	background-image: url(../img/header_patologie_left.jpg);
	background-size: cover;
	background-position: 100% 50%;
}
.slider-right {
	background-image: url(../img/header_patologie_right.jpg);
	background-position: 0 50%;
}

.category-item {
	padding: .5rem 0;
}
.category-item a {
	color: #212529 !important;
}
.category-item p {
	border-bottom: 1px solid #212529;
	padding: .7rem 3rem;
    font-size: 1.2rem;
    font-weight: 600;
}
.category-item .selected {
	text-decoration: underline;
	text-underline-offset: .4rem;
    text-decoration-thickness: 2px;
    text-decoration-color: #34b5a9;
}
.post-category h1 span {
	color: #212529;
}
.footer {
	opacity: 0;
	position: absolute;
	bottom: 0;
	padding: 30px 20px 20px;
	background-color: #eff7f7;
	box-shadow: 0 -.1rem 1rem rgba(0,0,0,0.1);
}
.footer a {
	color: #212529 !important;
}
.footer ul {
    list-style: none;
    padding: 0;
}
.footer li {
	padding: .15rem 0;
}
.social-part {
	text-align: right;
}
.social-item {
    display: inline-block;
    width: 3em;
    text-align: right;
}
.social-item img {
    width: 75%;
}
.js-cookie-consent.cookie-consent {
    position: fixed;
    bottom: 0;
    width: 100%;
    background-color: #fff;
    padding-top: 2rem;
    box-shadow: 0 0 10px rgb(0 0 0 / 50%);
}
.grecaptcha-badge {
    z-index: 99;
}
.invalid-feedback {
	display: block;
}

@media screen and (max-width: 1280px) {
	.nav-item {
	    margin: 0 1.5vw;
	    font-size: 1.3vw;
	}
}
@media screen and (max-width: 768px) {
	h1 {
    	font-size: 1.7rem;
    }
	.col-sm-6 {
	    width: 50%;
	}
	.card.link-icon img {
	    width: 100%;
	}
	.navbar-brand {
		max-width: 60%;
	}
	.nav-item {
	    font-size: 1.2rem;
	}
	.logo {
		width: 100%;
		max-height: initial;
	}
	.home-container {
		background: none;
	}
	.home-container .left {
    	text-align: center;
    }
    .home-container .right {
    	background-size: cover;
		background-position: 50% 0;
		height: 65vw;
    }
    .category-item p {
	    padding: .7rem 0;
	    font-size: .9rem;
	}
    .doc_image {
    	display: none;
    }
	.home-info {
	    padding: 30px 15px;
	}
	.home-info h1 {
		font-size: 1.7rem;
	}
	.home-info h3 {
		font-size: 1rem;
	}
	.home-info button {
		font-size: 1rem;
	}
	.link-icon .card-title {
		font-size: 4vw;
	}
}