/*
 Theme Name:   Twenty Twenty Child
 Theme URI:    http://example.com/twenty-fifteen-child/
 Description:  Twenty Twenty Child Theme
 Author: the WordPress team
 Author URI: https://wordpress.org/
 Theme URI: https://wordpress.org/themes/twentytwenty/
 Template:     twentytwenty
 Version:      2020.06.26.t.13.2.211111111111111_0318111111114

 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:  twentytwentychild
*/


/* reset css */
*{font-family: 'Noto Sans TC', '微軟正黑體',"Microsoft JhengHei","微軟正黑體",微軟正黑體,"Apple LiGothic Medium","蘋果儷中黑",蘋果儷中黑,Arial,Helvetica,sans-serif !important;}
* { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; z-index: 2;}
body{background: #fff;}
a, a:hover, a:active, a:focus{text-decoration: none;}
img{margin: 0 auto;padding: 0;border: 0;height: auto;max-width: 100%;font-size: inherit;line-height: inherit;text-align: inherit;}
.row{margin: 0 auto;}
.fa, .far, .fas {    font-family: "Font Awesome 5 Free" !important;}
section {padding-top:25px; padding-bottom:30px}

/* highlight color css */
/*** Works on common browsers ***/
::selection {    background-color: rgba(8, 161, 189, 0.5);   color: #000;}
/*** Mozilla based browsers ***/
::-moz-selection {    background-color:  rgba(8, 161, 189, 0.5);    color: #000;}
/***For Other Browsers ***/
::-o-selection { background-color:  rgba(8, 161, 189, 0.5); color: #000;}
::-ms-selection {background-color:  rgba(8, 161, 189, 0.5); color: #000;}
/*** For Webkit ***/
::-webkit-selection { background-color:  rgba(8, 161, 189, 0.5); color: #000;}
button:focus {outline: none;}
/*#top_mask{position: fixed;top: 0; width: 100%;height: 150px;background: rgb(255,255,255);background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.7) 30%, rgba(255,255,255,1) 90%);z-index: 1;display: none;}*/
button.close-nav-toggle i,button.close-nav-toggle i:focus, button.close-nav-toggle i:active,button.close-nav-toggle i:hover {font-size: 24px;color: #aaa; margin-right: 15px;padding: 5px 10px; border: none; text-decoration: none !important;}
.menu-modal .toggle{text-decoration: none;}
button.close-nav-toggle {padding: 3.1rem 0 10px;}
.mobile-menu {display: block;margin-top: calc(50% - 100px);}


/* a link color css */
.color-accent,.color-accent-hover:hover,.color-accent-hover:focus,:root .has-accent-color,.has-drop-cap:not(:focus):first-letter,.wp-block-button.is-style-outline,a { color: #08a1bd; }blockquote,.border-color-accent,.border-color-accent-hover:hover,.border-color-accent-hover:focus { border-color: #FF7B8B; }button:not(.toggle),.button,.faux-button,.wp-block-button__link,.wp-block-file .wp-block-file__button,input[type="button"],input[type="reset"],input[type="submit"],.bg-accent,.bg-accent-hover:hover,.bg-accent-hover:focus,:root .has-accent-background-color,.comment-reply-link { background-color: #FF7B8B; }.fill-children-accent,.fill-children-accent * { fill: #FF7B8B; }body,.entry-title a,:root .has-primary-color { color: #000000; }:root .has-primary-background-color { background-color: #000000; }cite,figcaption,.wp-caption-text,.post-meta,.entry-content .wp-block-archives li,.entry-content .wp-block-categories li,.entry-content .wp-block-latest-posts li,.wp-block-latest-comments__comment-date,.wp-block-latest-posts__post-date,.wp-block-embed figcaption,.wp-block-image figcaption,.wp-block-pullquote cite,.comment-metadata,.comment-respond .comment-notes,.comment-respond .logged-in-as,.pagination .dots,.entry-content hr:not(.has-background),hr.styled-separator,:root .has-secondary-color { color: #6d6d6d; }:root .has-secondary-background-color { background-color: #6d6d6d; }pre,fieldset,input,textarea,table,table *,hr { border-color: #dcd7ca; }caption,code,code,kbd,samp,.wp-block-table.is-style-stripes tbody tr:nth-child(odd),:root .has-subtle-background-background-color { background-color: #dcd7ca; }.wp-block-table.is-style-stripes { border-bottom-color: #dcd7ca; }.wp-block-latest-posts.is-grid li { border-top-color: #dcd7ca; }:root .has-subtle-background-color { color: #dcd7ca; }body:not(.overlay-header) .primary-menu > li > a,body:not(.overlay-header) .primary-menu > li > .icon,.modal-menu a,.footer-menu a, .footer-widgets a,#site-footer .wp-block-button.is-style-outline,.wp-block-pullquote:before,.singular:not(.overlay-header) .entry-header a,.archive-header a,.header-footer-group .color-accent,.header-footer-group .color-accent-hover:hover { color: #08a1bd; }.social-icons a,#site-footer button:not(.toggle),#site-footer .button,#site-footer .faux-button,#site-footer .wp-block-button__link,#site-footer .wp-block-file__button,#site-footer input[type="button"],#site-footer input[type="reset"],#site-footer input[type="submit"] { background-color: #666666; }.header-footer-group,body:not(.overlay-header) #site-header .toggle,.menu-modal .toggle { color: #000000; }body:not(.overlay-header) .primary-menu ul { background-color: #000000; }body:not(.overlay-header) .primary-menu > li > ul:after { border-bottom-color: #000000; }body:not(.overlay-header) .primary-menu ul ul:after { border-left-color: #000000; }.site-description,body:not(.overlay-header) .toggle-inner .toggle-text,.widget .post-date,.widget .rss-date,.widget_archive li,.widget_categories li,.widget cite,.widget_pages li,.widget_meta li,.widget_nav_menu li,.powered-by-wordpress,.to-the-top,.singular .entry-header .post-meta,.singular:not(.overlay-header) .entry-header .post-meta a { color: #6d6d6d; }.header-footer-group pre,.header-footer-group fieldset,.header-footer-group input,.header-footer-group textarea,.header-footer-group table,.header-footer-group table *,.footer-nav-widgets-wrapper,#site-footer,.menu-modal nav *,.footer-widgets-outer-wrapper,.footer-top { border-color: #dcd7ca; }.header-footer-group table caption,body:not(.overlay-header) .header-inner .toggle-wrapper::before { background-color: #dcd7ca; }
body:not(.overlay-header) .primary-menu > li > a, body:not(.overlay-header) .primary-menu > li > .icon, .modal-menu a, .footer-menu a, .footer-widgets a, #site-footer .wp-block-button.is-style-outline, .wp-block-pullquote:before, .singular:not(.overlay-header) .entry-header a, .archive-header a, .header-footer-group .color-accent, .header-footer-group .color-accent-hover{color: #666666}
body:not(.overlay-header) .primary-menu > li > a, body:not(.overlay-header) .primary-menu > li > .icon, .modal-menu a, .footer-menu a, .footer-widgets a, #site-footer .wp-block-button.is-style-outline, .wp-block-pullquote:before, .singular:not(.overlay-header) .entry-header a, .archive-header a, .header-footer-group .color-accent, .header-footer-group .color-accent-hover:hover{color: #006747}

body{font-size: 100%;}

.footer-nav-widgets-wrapper{border: none;/*background: url(/heartfailure/wp-content/uploads/2020/img/footer_bg_new.jpg) bottom center no-repeat;background-size: 2560px 210px;*/height: 210px;}
.footer-nav-widgets-wrapper.header-footer-group {margin-top: 100px !important;height: 0 !important;display:none}

/* breadcrumb */
.breadcrumb {background-color: rgb(246, 248, 249); margin:0 auto}
.breadcrumb span{font-style: normal;font-weight: 400;font-size: 14px;line-height: 200%;letter-spacing: 0.05em;color: #666666;}
.breadcrumb a span{ color: #666666;}
.breadcrumb a:hover span{ color: #006747; text-decoration: underline;}
.breadcrumb i{margin: 0 5px;}
.singular .entry-header{background: transparent}

/* w css */
.footer-inner.section-inner {text-align: left;padding-top: 140px;max-width: 1070px;}
.footer-top.has-footer-menu {display: inline-block; border: none;padding: 0;}
a {cursor: pointer;}
.article-title {text-align: center;}
.left {	float: left;}
.article-container {margin: 0 8%;}
.center {text-align: center;}
.kv { max-width: 2560px; margin: 0 auto; background: #fff;}
.singular .featured-media::before {	background: none;}
#recent-article a {	text-decoration: none;}
.menu-modal.active {z-index: 9999999;}
.modal-menu li {border-width: 1px 0 0 0; border-color: #eee;}
.modal-menu {padding: 0 40px;}
.modal-menu > li:first-child{border-top: none;}
.modal-menu > li:last-child{border-bottom: none;}
button.close-nav-toggle svg {margin-right: 20px;}

/* article col css */
.latest-article-column {width: 100%;background: #FFFFFF;border: 1px solid #F0F0F0;box-sizing: border-box;border-radius: 10px;height: 100%;transition: all .3s}
.latest-article-column:hover {	box-shadow: 8px 8px 0px rgba(0, 0, 0, 0.03);	transition: all 0.3s;}
.latest-article-thumbnail {	height: 220px;	border-top-right-radius: 9px;	border-top-left-radius: 9px;background-size: cover; background-position: center center;transition: all .8s;  overflow: hidden;  position: relative;}
.latest-article-thumbnail::before {   content:"";  position:absolute; top:0;right:0;bottom:0;left:0;  background:inherit;  transition:inherit;}
.latest-article-column:hover .latest-article-thumbnail::before{  transform: scale(1.2); }

.latest-article-content {text-align: left; padding: 20px 25px; margin-bottom:50px}
.article_cat{border: 1px solid #0460A9;box-sizing: border-box; padding: 0 10px;font-style: normal;font-weight: bold;font-size: 12px;line-height: 24px;letter-spacing: 0.05em;color: #0460A9;align-self: center;margin: 0 5px 20px 0;text-align: left;display: inline-block;}


.article_desc{margin-bottom: 10px;}
.article_desc p{font-style: normal;font-weight: 300;font-size: 16px;line-height: 23px;letter-spacing: 0.05em;color: #666666;overflow: hidden;  text-overflow: ellipsis;  display: -webkit-box;   -webkit-box-orient: vertical;  -webkit-line-clamp: 3 ;min-height: 72px;max-height: 3em;}
.article_more{ text-align: right;font-style: normal;font-weight: bold;font-size: 14px;line-height: 28px;letter-spacing: 0.05em;color: #CCCCCC;
	padding-right: 34px; background: url(../wp-content/uploads/2020/img/article_arrowmore.png) no-repeat; background-size: 24px 24px; background-position: right; transition: all .3s;}
.latest-article-column:hover .article_more{color: #0460A9;background: url(../wp-content/uploads/2020/img/article_arrowmore_hover.png) no-repeat;background-size: 24px 24px; background-position: right; transition: all .3s;}


.article-tags {margin: 50px 15px;}
.article-tags button{font-style: normal;font-weight: bold;font-size: 18px;line-height: 200%;letter-spacing: 0.05em;	color: #CCCCCC;padding: 10px 30px;background: #FFFFFF;border: 3px solid #E4E4E4; border-radius: 50px; display: inline-block; margin: 0 15px;transition: all .3s;}
.article-tags button.is-checked, .article-tags button:hover{ color:#fff;background: #FF7B8B;border: 3px solid #FF7B8B; text-decoration: none;}
.article-tags button:focus{text-decoration: none;}
.btn{text-decoration: none; padding: 10px 40px;background: #FFFFFF;border: 3px solid #FF7B8B;box-sizing: border-box;border-radius: 50px; margin-top: 50px;font-style: normal;font-weight: bold;font-size: 18px;line-height: 36px;text-align: center;letter-spacing: 0.05em;color: #FF7B8B;}
.btn i{margin-left: 10px}
.btn:hover{ color: #fff; background-color: #FF7B8B;}


#site-content, .page_bg { background-repeat: no-repeat; background-position:bottom right;background-size: 2560px auto;}

/* header */
#site-header { /*position: fixed; max-width: 2560px; width: 100%; z-index: 99999; margin: 0 auto; top: 0; right: 0; left: 0; background: rgba(255,255,255,1);transition: all .2s;*/background:#fff; position:relative; border-bottom: 5px solid #46b9ce;}
.header-inner{height: 100px;/*box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05); */padding: 20px 0px;/*border: 1px solid #f4f4f4;*/width:100%; }
.header-titles{margin: 0;}

/* menu css */
.primary-menu{}
.nav_logo a img { width: 120px;}
.primary-menu a{color: #006747 !important; text-decoration: none;font-style: normal;font-weight: 300;font-size: 18px;line-height: 40px;letter-spacing: 0.05em;}
.primary-menu a::after {content: "";position: absolute; width: 100%;height: 2px;background-color: #006747;bottom: 0;  left: 0; transform: scaleX(0); transform-origin: bottom right; transition: transform .3s;}
.primary-menu a:hover::after { transform-origin: bottom left; transform: scaleX(1);}
.primary-menu a:hover,.primary-menu a:active, .primary-menu a:focus{color: #006747 !important; text-decoration: none;transition: all .3s;}
.primary-menu > li{margin-left: 30px;}
.primary-menu li.current-menu-item > a, .primary-menu li.current-menu-item > .link-icon-wrapper > a{color: #006747 !important;text-decoration: none;font-weight: bold;}

/* footer css */
#site-footer.header-footer-group{background: #fff; width: 100%; max-width: 2560px; margin: 0 auto;}
#site-footer .footer-top {padding: 40px 0 0;}
#site-footer .footer-bottom {background-color: #F5F5F5; font-size:13px; padding-top:20px}
.section-inner{}
.footer-credits{font-weight: 400;
font-size: 13px;
line-height: 21px;
letter-spacing: 0.05em;
color: #808080;padding-bottom: 17px; display: block;}
.footer-credits a {
	color: #808080;
}
.footer-credits a:hover{color: #063C4A;}
.footer-credits span{margin: 0 10px; }
p.footer-copyright{width: 100%; margin: 0;}


.footer-menu a{font-style: normal;font-weight: 300;font-size: 14px;line-height: 200%;letter-spacing: 0.05em;color: #999999 !important;margin: 30px 0px;}
.footer-menu a:hover{color: #FF7B8B !important;}
.footer-menu{margin: 0; padding: 0;}
.footer-menu li{margin: 0 15px;}
.footer-menu li::after{ content: '/'; font-style: normal;font-weight: 300;font-size: 14px;line-height: 200%;letter-spacing: 0.05em;color: #999999;margin: 0 0 0 30px;}
.footer-menu li:first-child{margin-left: 0;}
.footer-menu li:last-child::after{displ767ay: none}
img.healthyd_logo {max-width: 142px; width: 100%;}

/* homepage css */
.home_kv{margin: 0 auto;}
.home-title,.entry-title{text-align: center;margin-top: 50px; margin-bottom: 20px;}
h1.entry-title, h2.entry-title{text-align: center;margin: 55px auto; font-size:32px; font-weight:700; letter-spacing: 0;    line-height: 1.5;}
.articles-section h2.entry-title{text-align: center;margin-top: 0px; margin-bottom: 20px;}
/*.home-title span,h1.entry-title span, h2.entry-title span {font-family: 'Noto Serif TC', serif !important;font-style: normal;font-weight: bold;font-size: 36px;line-height: 1.8;text-align: center;letter-spacing: 0.05em;color: #444444;padding: 0 10px 0 10px;background: linear-gradient(transparent 75%, #FFF3E6 0%);}*/
.post-inner{padding: 0;margin: 0 auto;}
.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {max-width: 100%;width: 100%;}
.entry-content p{font-size:18px;color:#333;line-height:1.6;letter-spacing:.05em;font-weight:400;text-align:left;margin:0 auto}
.entry-content > *:last-child { margin-bottom: 80px;}
.entry-content p span{display: inline;}
.entry-content h2{margin:25px auto;font-size:24px;color:#333;font-weight:700;line-height:1.2;text-align:left;letter-spacing:.05em}



.recent-section .more_title h2{padding:0 30px;position:relative;margin:0;font-size:24px;color:#333;letter-spacing:.05em;font-weight:700;line-height:1.2}
.recent-section .more_title h2:before{content:"";display:block;width:450px;height:1px;background:#e2e2e2;left:0;top:50%;position:absolute}.recent-section .more_title h2:after{content:"";display:block;width:450px;height:1px;background:#e2e2e2;right:0;top:50%;position:absolute}


#recent-article .more-article-row .article-thumbnail img{height:100px;}
#recent-article .more-article-row .article-thumbnail, #recent-article .more-article-row .article-thumbnail:before {all:unset}
.more-article-row .article_headline {padding-left:5px; }

#recent-article .more-article-row {margin-bottom: 25px;}
#recent-article a:hover .article_headline {color:#08a1bd; transition: all .3s}
.feature_box{ text-align: center; width: 250px;height: 250px;background: #FFFFFF;box-shadow: 0px 0px 15px rgba(255, 123, 139, 0.25);border-radius: 50px; display: block; padding-top: 40px;margin: 0 auto;}
.feature_title{font-style: normal;font-weight: bold;font-size: 24px;line-height: 200%;letter-spacing: 0.1em;color: #FF7B8B; margin-top: 20px; margin-bottom: 20px;}
.feature_box img{ margin: auto}
a.feature_box:hover .feature_title{text-decoration: none;}
a.feature_box:hover{box-shadow: 0px 0px 15px rgba(255, 123, 139, 0.6);padding-top: 36px;}

#site-content {overflow: hidden}
.top.healthyd_logo {
	top: 20px;
    position: absolute;
}
.top.healthyd_logo img {max-width:142px; width:100%}

.main-content {padding:26px 0 46px;background-color: #F4F9DE; border-radius:60px 60px 0 0}
.lead-in { border-radius: 30px;
	font-weight: 400;
	font-size: 17px;
	line-height: 32px;
	text-align: justify;
	letter-spacing: 0.05em;
	padding:13px 75px 24px;
	color: #063C4A;
	margin-bottom: 40px;
}
.article-box{box-shadow: 0px 10px 20px rgba(26, 108, 95, 0.15);border-radius: 30px;width:100%;background:#FFF;box-sizing:border-box;transition:all .3s;margin-bottom:30px}
.article-box-content{padding:15px 15px 24px}
.article_headline{font-weight: 500;font-size: 17px;line-height: 32px; color: #063C4A; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;min-height:66px;margin:0 auto;letter-spacing:.05em}
.article-thumbnail{border-top-left-radius: 30px 30px;border-top-right-radius: 30px 30px ;height:230px;background-size:cover;background-position:center center;transition:all .8s;overflow:hidden;position:relative}
.article-thumbnail::before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:inherit;transition:inherit}
.video_box .article-thumbnail::before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:inherit;transition:inherit;background:url(/mental-health/img/play.png) no-repeat center center;background-size:60px 60px}
.article-box:hover .article-thumbnail::before{transform:scale(1.1)}
.article-box:hover {-webkit-box-shadow: box-shadow: 0px 12px 24px rgba(26, 108, 95, 0.15);box-shadow: 0px 12px 24px rgba(26, 108, 95, 0.15); transition: all .3s}


.action-landings{margin-top:20px}
.action-landings .item{background-color:#fff;border-radius:30px;box-shadow:0 10px 20px rgba(26,108,95,0.15);padding:30px 45px;width:85%;margin:0 auto}
.action-landings .item .icon{top:50%;transform:translateY(-50%);left:-45px}
.action-landings .item .txt{margin-left:153px}
.action-landings a{font-weight:700;font-size:18px;line-height:32px;text-align:justify;letter-spacing:.1em;color:#719849}
.action-landings .title{font-weight:700;font-size:24px;line-height:32px;text-align:justify;letter-spacing:.1em;color:#1A6C5F; margin-bottom:4px;}
.action-landings i{background:url(../img/icon-ArrowRight.svg) no-repeat center/contain;display:inline-block;background-size:24px 24px;width:24px;height:24px;vertical-align:-4px}

.rounded-circle {max-width:200px; width:100%}
.reference {padding-bottom:0}
.remarks * { font-weight: 400;font-size: 12px;line-height: 18px;text-align: justify;
letter-spacing: 0.05em;color: #063C4A;}
.remarks {font-style: normal; font-weight: 300; font-size: 12px; color: #335F6B;}
.remarks ol {margin-left:0; font-weight: normal;padding-inline-start: 0px;}
.remarks ol li {margin: 0.5rem 0 0 15px;}
.remarks ol li a {word-break: break-all; color:#335F6B;}
.remarks ol li a:hover {color:#08a1bd; text-decoration: underline; transition: all .3s}

.remarks a:hover {text-decoration: underline; transition: all .3s}


.flex{display:flex;align-items:center;justify-content:center}



/* Share Menu */
.share-menu {position:fixed; left:0; top:150px; width:55px; z-index: 30}
.share-menu .list-group { background: #BED131; border-radius: 0px 7px 8px 0px; padding:15px}
.share-menu li, .share-menu li:hover, .share-menu li:focus {background:transparent; border-radius:0 !important; border: 0; padding:15px 0;cursor:pointer}


/*Article css*/
.back-btn{margin-top: 0; position: absolute; left: 0; top: 0; font-style: normal;font-weight: bold;font-size: 18px;letter-spacing: 0.05em;color: #CCCCCC;background: #FFFFFF; box-sizing: border-box; border: 3px solid #CCCCCC; border-radius: 50px; padding:10px 30px; transition:all .3s}
.back-btn:hover {background-color: #fff; color: #FF7B8B; border: 3px solid #FF7B8B;}
.article-content{margin:0 auto 55px}

.articles-section .grid {margin-bottom:50px; width: 100%;}
.articles-section .grid-item {width:100%;float: left;margin-bottom: 25px;}
.latest-article-thumbnail img{width:100%; height:220px}
.articles-section .latest-article-content {margin-bottom:0}

p.articles-content, p.articles-intro {text-align:left; margin-bottom:0px}
.in-articles-image {margin-top:45px; max-width:700px; width:100%; margin-bottom:50px; }

.featured-media img {margin: 0 auto; width: 100%; max-width:700px}


/*Back-to-Top btn*/
#back-to-top{display: none;}
#back-to-top a{display:block;width:60px;height:60px;background-image:url(assets/images/common/scroll-top-btn.png);background-repeat:no-repeat;background-position:center;background-size:60px 60px;position:fixed;bottom:30px;right:30px;z-index:99999}



.approval_code {font-size: 12px !important;line-height: 24px;letter-spacing: 0.05em;color:#000 !important;padding-top: 0px;padding-bottom: 0px;margin-bottom: 0 !important;}


.image-container.col-5.col-sm-4 {padding-left:0; padding-right:0px}

.comma{z-index:3; }
.comma img{max-width:120px; width:100%;}
.comma_left{ left: -48px;top: -37px;}
.comma_right{ bottom: -43px; right: -48px;}

/*@media (max-width: 1094px){
	.primary-menu > li {margin-left: 15px;}
}*/



@media screen and (max-width: 1199px){
	.footer-inner.section-inner { text-align: left;}
	.recent-section .more_title h2:before, .recent-section .more_title h2:after {width:35%}
}


@media screen and (max-width: 1024px){
	.footer-top-visible .footer-nav-widgets-wrapper, .footer-top-hidden #site-footer {margin-top: 1rem;}

	/*.main-content{background-size: 1920px;}*/
	.entry-content p span {display: inline-block;}

	.feature_box{ width: 100%;height: 100%;padding: 30px; zoom: 80%;}
	.latest-article-thumbnail{height: 300px;}
	/*.article_headline{min-height: auto;-webkit-line-clamp: 1;}*/
	.article_desc p{min-height: auto;-webkit-line-clamp: 2;}
	/*.footer-inner.section-inner, .footer-top.has-footer-menu{width: 100%;}*/
	.footer-menu li{ display: inline-block;}
	.header-titles-wrapper{position: relative;}
	.header-inner .toggle{position: absolute;right: 0; width: unset; padding: 0;}
	.header-inner .toggle svg{color: #FF7B8B;}
	.nav-toggle .toggle-inner{padding-top: 0;height: auto;text-align: center;}
	.nav-toggle .toggle-icon, .nav-toggle svg{width: 30px; height: 30px;}
	.toggle-icon i{font-size: 30px;color: #006747;}
	.modal-menu > li > a, .modal-menu > li > .ancestor-wrapper > a {text-decoration: none;    text-align: center;}
	.modal-menu a:focus, .modal-menu a:hover, .modal-menu li.current-menu-item > .ancestor-wrapper > a, .modal-menu li.current_page_ancestor > .ancestor-wrapper > a {text-decoration: none;}


}

@media screen and (max-width: 992px){
	.footer-inner.section-inner { text-align: left;}
	.latest-article-column {width: 80%;margin: 0 auto;margin-bottom: 20px;height: auto;}
}

@media screen and (max-width: 990px){
	.header-inner { height: 70px;}
	.nav_logo a img {width:90px; }
	#site-footer .footer-top {padding:20px 0 0;}
}

@media screen and (max-width: 768px){

	.articles-section .grid-item {left:0!important; width:100%}
	.articles-section .latest-article-thumbnail img{height:300px}
	.information_container .info_img_2 {max-width: 160px;}
	/*#top_mask{height: 120px;}
	.header-inner{ padding: 17px 30px;}
	.custom_select{width:80%}
	.custom_select select{width:80%}
	.custom_select:after{right: 100px;}*/
	.back-btn { left: -68px; padding-right: 20px; padding-left: 35px;}

	.modal-menu > li > a, .modal-menu > li > .ancestor-wrapper > a {font-size:22px !important}

	#site-content, .page_bg{ background-size: 1920px auto; background-position: bottom center;}

	.main-content{border-radius:30px 30px 0 0}
	.lead-in{padding:13px 25px 24px}
	.top.healthyd_logo{max-width:100px; top:12px}
	.share-menu{position:fixed;left:0;top:unset;width:100%;right:0;z-index:30;bottom:0}
	.share-menu .list-group{border-radius:0;padding:15px 18px;flex-direction:row}
	.share-menu .list-group li{padding:0;text-align:center}
	.comma img{max-width:70px}
	.action-landings .item{padding:30px 40px 10px;width:100%}
	.action-landings .item .icon{top:-50px;left:50%;transform:translateX(-50%)}
	.action-landings .item .txt{text-align:center;margin:115px auto 0}
	.action-landings .title{text-align:center}
	#site-footer .footer-bottom{padding-bottom:70px}

}

@media screen and (max-width:767px){
	section {padding: 30px 0;}
	#recent-article .more-article-row .article-thumbnail img {height:80px}
	.recent-section .more_title h2:before, .recent-section .more_title h2:after {width:25%}
}

@media screen and (max-width: 414px){
	.toggle-icon i { font-size: 25px;}
	.footer-inner.section-inner { text-align: center;}

	.feature_box{margin-bottom: 20px; width: 300px;padding-top: 25px;height: 200px;margin-top: 20px;}
	.feature_title{margin-top: 5px;margin-bottom: 5px;}
	.entry-content p span{display: none;}
	.entry-content p:last-child{margin-bottom: 20px;}
	.latest-article-thumbnail{height: 200px;}
	.latest-article-column {width: 100%;}
	/*.main-content{background-size: 1024px;background-position: top 90px center;}*/
	.share {}
	.footer-menu li{margin: 0 10px;}
	.footer-menu li::after{margin-left: 20px;}
	.footer-top-visible .footer-nav-widgets-wrapper, .footer-top-hidden #site-footer{margin-top: -50px;}
	#site-footer .section-inner .row .col:first-child{padding-bottom: 0;}
	.in-articles-image {width:100%}
	.home-title span, h1.entry-title span, h2.entry-title span {font-size: 28px;}
	p.articles-content {font-size:16px}
	.back-btn {left:-48px; padding-right: 20px; padding-left: 35px;}
	.back-btn i{font-size:24px}
	.article-content {    margin: 20px auto 25px;}
	#back-to-top a {right:15px;bottom: 15px;}
	#site-content, .page_bg{ background-size: 1920px auto; background-position: bottom center;}
	.footer-credits {padding:0 0 10px}

	.entry-content p {font-size:18px;}

	.article-listing-container .col-xs-12 {padding-left:0; padding-right:0}
	.header-inner { height: 65px;}

	h1.entry-title, h2.entry-title {margin:30px auto; font-size:26px}

	.comma{max-width:40px}
	.comma_left{left:-10px;top:-17px}
	.comma_right{bottom:-9px;right:4px}
	.action-landings .item .txt{margin:95px auto 0}

}

@media screen and (max-width:375px){}


@media screen and (max-width: 320px){
	.footer-menu li::after {margin-left: 10px;}
	.footer-menu li { margin: 0 0 0 5px;}

	.home-title span, h1.entry-title span, h2.entry-title span { font-size: 25px; }

	#site-footer .section-inner .row .col:first-child {padding:0}


	.action-landings .item {padding:30px 20px 10px}
}


@media screen and (min-width: 992px){
	.approval_code_container {max-width: 960px !important;}

}
@media screen and (min-width: 1200px){
	.approval_code_container{max-width: 1140px !important;}

}
/* fix  css */
/*@media (max-width: 1199px){	.main-content{background-size: 2080px auto;}
}
@media (max-width: 991px){	.main-content{background-size: 1720px auto;}
}
@media (max-width: 767px){	.main-content{background-size: 1500px auto;background-position: top 90px center;}
}*/
@media screen and (max-width: 575px){ /*	.main-content .container{ overflow: hidden;}*/ .home_kv img{ transform: scale(1.3); padding-top: 20px;}/*.main-content{background-size: 1000px auto;}*/
}
@media screen and (max-width: 320px){	/*.main-content{background-size: 840px auto;*/}


.ajax-load-more-wrap.infinite.ring .alm-load-more-btn{
	background-image: url(../../uploads/2020/05/scrollmore@2x.png) !important;
	background-size: 150px !important;
}



/* Internet Explorer*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
   .intro-img img { width:80%}

}