/*
    Theme Name: OHN
 */

.blog .wraper_blog_main, .search .wraper_blog_main, .archive .wraper_blog_main {
    padding-top: 40px;
}

.blog article, .search article, .archive article {
    border: 1px solid #e2e2e2;
    margin-bottom: 30px;
    padding: 20px 23px 25px 23px;
}

.blog article .entry-title, .search article .entry-title, .archive article .entry-title {
    margin-top: 20px;
    font-size: 1.3rem;
    margin-bottom: 20px;
    font-weight: 600;
}

.blog article .entry-title a:hover, .search article .entry-title a:hover, .archive article .entry-title a:hover {
    color: #000;
}

.blog article .entry-content, .search article .entry-content, .archive article .entry-content {
    line-height: 1.5rem;
}

.blog article .post-read-more, .search article .post-read-more, .archive article .post-read-more {
    margin-top: 15px;
}

.blog article .post-read-more a, .search article .post-read-more a, .archive article .post-read-more a {
    background-color: #007699;
    display: inline-block;
    border-radius: 30px;
    padding: 10px 40px 11px 40px;
    color: #fff;
    text-align: center;
    font-weight: 500;
    transition: .3s;
}

.blog article .post-read-more a:hover, .search article .post-read-more a:hover, .archive article .post-read-more a:hover {
    background-color: #045770;
}

.blog .post-thumbnail img, .search .post-thumbnail img, .archive .post-thumbnail img {
    max-width: 100%;
    height: auto;
}

.blog .post-thumbnail a, .search .post-thumbnail a, .archive .post-thumbnail a {
    display: block;
}

#sidebar li {
    list-style-type: none;
}

#sidebar .widget {
    margin-bottom: 30px;
}

#sidebar .widget h4 {
    margin-top: 30px;
    margin-bottom: 10px;
}

#sidebar .wp-block-search__button-outside button[type=submit] {
    background-color: #374859;
    color: #fff;
    border: none;
    text-transform: uppercase;
    font-size: 14px;
    padding: 8px 15px;
}

#sidebar .tag-cloud-link {
    display: inline-block;
    border: 1px solid #d8d8d8;
    background-color: #f2f2f2;
    font-size: 13px !important;
    padding: 0 7px;
    margin-bottom: 10px;
    margin-right: 5px;
}

#sidebar .wp-block-categories-list {
    padding-left: 0;
}

#sidebar .wp-block-categories-list li {
    position: relative;
    margin-bottom: 12px;
    padding-left: 18px;
    font-size: 15px;
}

#sidebar .wp-block-categories-list li:before {
    position: absolute;
    top: 0px;
    left: 0;
    z-index: 0;
    content: "-";
    font-size: 9px;
}

.single .site-main img {
    max-width: 100%;
    height: auto;
}

.post.single-post .entry-header>*:last-child {
    margin-bottom: 0 !important;
}

.single-post .page-background h1 {
    font-size: 40px;
    text-align: center;
}

article.single-post p {
    line-height: 28px;
}

article.single-post h1 {
    font-size: 2rem;
    line-height: 2.5rem;
}

article.single-post h2 {
    font-size: 1.7rem;
    line-height: 2rem;
    margin-bottom: 1rem;
    margin-top: 2rem;
}

article.single-post h3 {
    font-size: 1.4rem;
    line-height: 1.7rem;
    margin-bottom: 1rem;
    margin-top: 2rem;
}

article.single-post h4 {
    font-size: 1.2rem;
    line-height: 1.5rem;
    margin-bottom: 1rem;
    margin-top: 2rem;
}

article.single-post ul {
    margin-bottom: 30px;
}

article.single-post li {
    margin-bottom: 10px;
    line-height: 22px;
}

.single-post .post-thumbnail {
    margin-bottom: 20px;
}

.single-post .entry-meta {
    margin-bottom: 20px;
}

.single-post .entry-meta > .holder {
    position: relative;
    min-height: 50px;
    padding-left: 70px;
}

.single-post .entry-meta > .holder > .author-image {
    position: absolute;
    top: -4px;
    left: 0;
    z-index: 1;
    width: 50px;
    height: auto;
    text-align: center;
}

.single-post .entry-meta > .holder > .author-image img {
    border-radius: 50%;
}

.single-post .entry-meta > .holder > .data .published-on {
    margin-bottom: 5px;
    font-weight: 500;
}

.single-post .entry-meta > .holder > .data > *:last-child {
    margin-bottom: 20px !important;
}

.single-post .entry-meta > .holder > .data .meta > span {
    margin-right: 15px;
}

.post-author {
    margin-top: 30px;
    margin-bottom: 30px;
    padding: 10px;
    background: #f2f2f2;
    border-radius: 5px;
}

.post-author.post-author--bottom {
    padding: 20px;
}

.post-author p.bp {
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    color: #2b2b2b;
    margin-bottom: 15px;
    padding: 0;
}

.post-author.post-author--bottom p.bp {
    text-align: center;
    font-size: 18px;
}

.post-author .d-flex {
    display: flex;
}

.post-author.post-author--bottom .post-author__photo {
    margin-right: 15px;
    margin-top: 15px;
}

.post-author .post-author__photo img {
    border-radius: 100px;
}

.post-author .post-author__info {
    margin-bottom: 15px;
}

.post-author data {
    font-size: 14px;
    text-transform: uppercase;
    color: #2b2b2b;
}

.post-author h3, .post-author.post-author--sidebar h3 {
    font-family: 'Poppins',sans-serif;
    font-size: 26px;
    line-height: 1.2;
    margin: 5px 0 0 0;
    font-weight: 300;
    color: #007699;
}

.post-navigation, .comment-navigation {
    margin: 40px 0;
    font-size: 0;
}

.comment-navigation .nav-links, .posts-navigation .nav-links, .post-navigation .nav-links {
    display: flex;
}

.post-navigation .nav-previous, .post-navigation .nav-next, .comment-navigation .nav-previous, .comment-navigation .nav-next {
    display: inline-block;
    vertical-align: top;
    width: 50%;
}

.comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous {
    flex: 1 0 50%;
}

.post-navigation .nav-previous a, .comment-navigation .nav-previous a {
    text-align: left;
}

.post-navigation .nav-previous a, .post-navigation .nav-next a, .comment-navigation .nav-previous a, .comment-navigation .nav-next a {
    position: relative;
    display: block;
    text-transform: uppercase;
    font-size: 12px;
    color: #808080;
    line-height: 18px;
    letter-spacing: 1px;
    cursor: pointer;
}

.post-navigation .nav-previous a strong, .post-navigation .nav-next a strong, .comment-navigation .nav-previous a strong, .comment-navigation .nav-next a strong {
    display: block;
    margin-top: 3px;
    text-transform: none;
    font-weight: 500;
    font-size: 16px;
    color: #252525;
    line-height: 26px;
    letter-spacing: 0;
}

.comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next {
    text-align: end;
    flex: 1 0 50%;
}

.post-navigation .nav-next a, .comment-navigation .nav-next a {
    text-align: right;
}

.wraper_blog_related_article {
    width: 100%;
    background-color: #f0f0f0;
}

.wraper_blog_related_article>.container {
    padding-top: 90px;
    padding-bottom: 70px;
}

.blog_related_article_box_item {
    height: 100%;
}

.blog_related_article_box_item>.holder {
    background-color: #fff;
    box-shadow: 0px 0px 15px rgb(0 0 0 / 10%);
    height: 100%
}

.blog_related_article_box_item>.holder>.pic {
    position: relative;
}
.blog_related_article_box_item>.holder>.pic .pic-link {
	position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
}
.blog_related_article_box_item>.holder>.pic>img {
    width: 100%;
	height:auto;
	display:block
}

.blog_related_article_box_item>.holder>.pic>.placeholder {
    
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
	display:none;
}

.blog_related_article_box_item>.holder>.title {
    padding: 22px 20px 25px 20px;
}

.blog_related_article_box_item > .holder > .title .title {
    margin-bottom: 10px;
    font-weight: 600;
    font-size: 18px;
    color: #030712;
    line-height: 28px;
}
.blog_related_article_box_item > .holder > .title .date {
    margin-bottom: 7px;
    font-weight: 400;
    font-size: 14px;
    color: #030712;
    line-height: 22px;
}

.blog_related_article_title h5 {
    font-size: 1.5rem;
    font-weight: 600;
}

/* Survey GF form */
.gform_wrapper .survey-form .gform_previous_button.button, .gform_wrapper .survey-form .gform_save_link.button {
	color: #fff !important;
	border: none;
	cursor: pointer;
}

.gform_wrapper .survey-form  .gform_page_footer .gform_next_button,
.gform_wrapper .survey-form  .gform_button[type=submit] {
	border: none;
	cursor: pointer;
}

.gform_wrapper.survey-form_wrapper .gfield_validation_message, .gform_wrapper .survey-form .validation_message,
.gform_wrapper.survey-form_wrapper .gform_validation_errors {
	border: none !important;
}

.gform_wrapper.survey-form_wrapper .gf_progressbar_percentage.percentbar_blue {
	background-color: #0298ca !important;
}

/* Survey Thank you page */
.survey-results {
	text-align: center;
	font-size: 18px;
	margin-bottom: 30px;
}

#severe_ed_group,
#moderate_ed_group,
#moderate_to_mild_ed_group,
#mild_ed_group,
#no_ed_group {
	display: none;
}

#severe_ed_text {
	background-color: #E06666;
	padding: 10px;
	border-radius: 7px;
}
#severe_ed_text p {
	color: #fff;
}
#moderate_ed_text {
	background-color: #F6B26B;
	padding: 10px;
	border-radius: 7px;
}
#moderate_ed_text p {
	color: #fff;
}
#moderate_to_mild_ed_text {
	background-color: #8D7CC3;
	padding: 10px;
	border-radius: 7px;
}
#moderate_to_mild_ed_text p {
	color: #fff;
}
#mild_ed_text {
	background-color: #6AA74F;
	padding: 10px;
	border-radius: 7px;
}
#mild_ed_text p {
	color: #fff;
}
#no_ed_text {
	background-color: #14ABD0;
	padding: 10px;
	border-radius: 7px;
}
#no_ed_text p {
	color: #fff;
}

#severe_ed_file,
#moderate_ed_file,
#moderate_to_mild_ed_file,
#mild_ed_file,
#no_ed_file {
	text-align: center;
}

.btn.download-results {
	background-color: #f5f5fa;
	display: inline-block;
	padding: 15px 30px;
}

.btn.download-results:hover {
	background-color: #ececef;
}

#gform_wrapper_3 {
    padding-top: 30px;
}

/******* POP-UP *******/
@font-face {
    font-family: 'Eina-SemiBold';
    src: url('assets/fonts/Eina-SemiBold/Eina02-SemiBold.eot');
    src: url('assets/fonts/Eina-SemiBold/Eina02-SemiBold.eot') format('embedded-opentype'),
    url('assets/fonts/Eina-SemiBold/Eina02-SemiBold.woff') format('woff'),
    url('assets/fonts/Eina-SemiBold/Eina02-SemiBold.ttf') format('truetype'),
    url('assets/fonts/Eina-SemiBold/Eina02-SemiBold.svg#Eina02-SemiBold') format('svg');
}
@font-face {
    font-family: 'Eina-Regular';
    src: url('assets/fonts/Eina-Regular/Eina02-Regular.eot');
    src: url('assets/fonts/Eina-Regular/Eina02-Regular.eot') format('embedded-opentype'),
    url('assets/fonts/Eina-Regular/Eina02-Regular.woff') format('woff'),
    url('assets/fonts/Eina-Regular/Eina02-Regular.ttf') format('truetype'),
    url('assets/fonts/Eina-Regular/Eina02-Regular.svg#Eina02-SemiBold') format('svg');
}
body.open-modal {
    overflow: hidden;
}
.popup-overlay {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .9);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1001;
}

.js-modal-close {
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 1.2rem;
}

article.single-post .modal-window {
    display: none;
    width: 96%;
    max-width: 1024px;
    padding: 40px 100px 70px 100px;
    position: fixed;
    top: 50%;
    left: 50%;
    box-sizing: border-box;
    line-height: 1.4rem;
    z-index: 1002;
    background: url("assets/img/modal-window-background.png");
    background-size: cover;
    border: 3px solid #fff;
}
article.single-post .modal-window.post-form {
    position: static;
    display: block;
    margin: 15px 0;
    width: 100%;
}
article.single-post .modal-window .close-icon {
    position: absolute;
    top: 10px;
    right: 10px;
    color: #fff;
	cursor: pointer;
}
article.single-post .modal-window .modal-window__column {
    width: 50%;
    float: right;
}
article.single-post .modal-window .modal-window__column p {
    color: #000000;
    font-family: 'Eina-Regular';
    font-size: 19px;
    text-align: justify;
}
article.single-post .modal-window h3 {
    font-size: 48px;
    text-transform: uppercase;
    line-height: 50px;
    text-align: center;
    font-family: 'Eina-SemiBold';
    color: #374859;
    margin-bottom: 20px;
}
article.single-post .modal-window h4 {
    font-size: 22px;
    text-align: center;
    font-family: 'Eina-SemiBold';
    color: #000000;
    margin-bottom: 20px;
}
.single-form {
	padding: 30px;
}
.single-form {
    background-color: #e9e7ee;
    border-radius: 5px;
}
/* #popup-form .gform_wrapper label,
.single-form .gform_wrapper label {
	color: #fff;
} */
#popup-form .gform_fields div,
#popup-form .gform_fields fieldset,
#popup-form .gform_fields span.gfield_required {
	vertical-align: bottom;
}
.popup-form-disclaimer,
.single-form .popup-form-disclaimer {
    font-size: 10px;
}
/* #popup-form .gform_wrapper.gravity-theme .gfield_label,
#popup-form .gform_wrapper .gfield_required,
.single-form .gform_wrapper.gravity-theme .gfield_label, 
.single-form .gform_wrapper .gfield_required {
	color: #fff;
} */
.single-form .gform_wrapper.gravity-theme .gfield input {
	background-color: #fff;
	border: 1px solid;
	border-radius: 5px;
}

#popup-form .gform_wrapper .gform_validation_errors,
.single-form .gform_wrapper .gform_validation_errors {
	display: none;
}

#popup-form .gform_wrapper.gravity-theme .gfield {
    position: relative;
}
#popup-form .gform_wrapper.gravity-theme .gfield label {
    display: none;
}
#popup-form .gform_wrapper.gravity-theme form {
    position: relative;
    margin-bottom: 40px;
}
#popup-form .gform_wrapper.gravity-theme .gfield input {
    height: 56px;
    border: 0;
    font-size: 16px;
    line-height: 54px;
    color: #B3B3B3;
    text-align: center;
    font-family: 'Eina-SemiBold';
    text-transform: uppercase;
    padding: 0 50px 0 0;
    border-radius: 25px;
    box-shadow: rgb(99 99 99 / 20%) 2px 2px 15px 5px;
}
#popup-form .gform_wrapper.gravity-theme .gfield input::-webkit-input-placeholder {
    color:    #B3B3B3;
}
#popup-form .gform_wrapper.gravity-theme .gfield input:-moz-placeholder {
    color:    #B3B3B3;
    opacity:  1;
}
#popup-form .gform_wrapper.gravity-theme .gfield input::-moz-placeholder {
    color:    #B3B3B3;
    opacity:  1;
}
#popup-form .gform_wrapper.gravity-theme .gfield input:-ms-input-placeholder {
    color:    #B3B3B3;
}
#popup-form .gform_wrapper.gravity-theme .gfield input::-ms-input-placeholder {
    color:    #B3B3B3;
}

#popup-form .gform_wrapper.gravity-theme .gfield input::placeholder {
    color:    #B3B3B3;
}
#popup-form .gform_wrapper.gravity-theme .gform_footer {
    margin: 0;
    padding: 0;
}
#popup-form .gform_wrapper.gravity-theme .gform_footer input {
    position: absolute;
    font-size: 0;
    width: 66px;
    height: 46px;
    background: url("assets/img/email_button.svg") no-repeat;
    padding: 0;
    border: 0;
    background-size: cover;
    margin: 0;
    cursor: pointer;
    right: 4px;
    top: 4px;
}
.page-content {
    overflow: auto;
}
@media (max-width: 1200px) {
    article.single-post .modal-window.post-form {
        padding: 30px;
        background: url("assets/img/modal-window-mobile_background.png") no-repeat;
    }
    article.single-post .modal-window.post-form .modal-window__column {
        width: 100%;
    } 
    article.single-post .modal-window .modal-window__column {
        width: 60%;
    }
}
@media (max-width: 992px) {
    article.single-post .modal-window {
        height: 90vh;
        max-width: 320px;
        padding: 15px;
        background: url("assets/img/modal-window-mobile_background.png") no-repeat;
        background-size: cover;
        background-position: center;
    }
    article.single-post .modal-window .modal-window-wrap {
        height: 100%;
        display: flex;
        align-items: center;
    }
    #popup-form .gform_wrapper.gravity-theme .gform_footer input {
        width: 52px;
        height: 36px;
        padding: 0 !important;
    }
    article.single-post .modal-window h3 {
        font-size: 40px;
        margin-bottom: 15px;
    }
    article.single-post .modal-window h4 {
        font-size: 20px;
        margin-bottom: 15px;
    }
    #popup-form .gform_wrapper.gravity-theme .gfield input {
        height: 44px;
        line-height: 44px;
        font-size: 14px;
    }
    #popup-form .gform_wrapper.gravity-theme form {
        margin-bottom: 20px;
    }
    article.single-post .modal-window .modal-window__column {
        float: none;
        width: 100%;
    }
    article.single-post .modal-window .modal-window__column p {
        font-size: 16px;
    }
}
@media (max-width: 768px) {
	li.header-fax,
	li.header-fax + li.header-top__sp {
		display: none;
	}
}

@media (max-width: 576px) {
    .blog_related_article_box_item {
        height: auto;
        margin-bottom: 30px;
    }
    article.single-post .modal-window {
        max-width: 300px;
    }
}


@media (max-width: 450px) {
	.header-landing-bottom-buttons {
		max-width: 450px;
	}
}