<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<header role="banner">
<div id="block-mychartloginblock" class="mychart">
<a href="#mychart-login" id="mychart-login-link">
<span class="large">MyChart Sign In</span>
<span class="small">MyChart</span>
</a>
<div id="mychart-login" class="mychart-content"><a href="#" class="close">Close</a>
<div>
<h2>MyChart</h2>
<div class="tabContainer">
<ul class="tabs">
<li class="selected"><a href="#login">Sign In</a></li>
<li><a href="#register">Register</a></li>
</ul>
<div class="tabContent">
<div id="login" class="visibleTab" style="display: block;">
<form action="https://mychart.ecommunity.com/mychart/logincheck.asp" method="post">
<div>
<label for="Login" class="visually-hidden">Username</label>
<input type="text" name="Login" placeholder="Username">
<a href="https://mychart.ecommunity.com/mychart/recoverlogin.asp" class="forgot">Forgot Username?</a>
</div>
<div>
<label for="Password" class="visually-hidden">Password</label>
<input type="password" name="Password" placeholder="Password">
<a href="https://mychart.ecommunity.com/mychart/passwordreset.asp" class="forgot">Forgot Password?</a>
</div>
<div class="actions">
<input type="submit" value="Sign In to MyChart" class="btn">
</div>
</form>
</div>
<div id="register" style="display: none;">
<p>To register for MyChart, our patient communication and information system, you’ll need the activation code from your enrollment letter.</p>
<p>If you haven’t received an activation code, please request one to begin.</p>
<p><a href="https://mychart.ecommunity.com/mychart/accesscheck.asp" class="btn">Continue to Registration</a></p>
<p><a href="https://mychart.ecommunity.com/mychart/signup" class="cta">Request Activation Code</a></p>
</div>
</div><!-- /.tabContent -->
<div class="other-services">
<h2>Community Howard Regional Health?</h2>
<p><a href="https://cernerhealth.com/oauth/authenticate?client_id=hrhs&redirect_uri=https://myehealth.iqhealth.com/login/cerner-health/authenticated&sign_in_only=on" target="_blank" class="cta">Sign In to My e-Health</a></p>
<h2>Community Hospital Anderson?</h2>
<p><a href="https://myrecord.ecommunity.com/" target="_blank" class="cta">Sign In to MyRecord</a></p>
</div>
</div>
</div>
</div><!-- /.mychart-content -->
</div>
<div id="block-chn-branding">
<a href="/" rel="home">
<img src="https://dev.ecommunity.com/themes/custom/chn/img/logo.svg" alt="Community Health Network" width="200" height="48">
</a>
</div>
<div id="block-searchblock-2" class="block-search">
<h2 class="clickable" tabindex="0">Search</h2>
<form class="chn-search-form" data-drupal-selector="chn-search-form" action="/" method="post" id="chn-search-form" accept-charset="UTF-8">
<div class="js-form-item form-item js-form-type-search form-item-keys js-form-item-keys form-no-label">
<label for="edit-keys" class="visually-hidden">Search</label>
<input title="Enter the terms you wish to search for." placeholder="Search Community..." data-drupal-selector="edit-keys" type="search" id="edit-keys" name="keys" value="" size="15" maxlength="128" class="form-search">
</div>
<input data-drupal-selector="form-e1ltzgomsnfnn1xogtmqvoisfqbbslqafi61d4ce2ay" type="hidden" name="form_build_id" value="form-e1ltzgomsnFNN1xoGtMqvOISfQbBSLQAFi61d4ce2aY">
<input data-drupal-selector="edit-chn-search-form" type="hidden" name="form_id" value="chn_search_form">
<div data-drupal-selector="edit-actions" class="form-actions js-form-wrapper form-wrapper" id="edit-actions"><input data-drupal-selector="edit-submit" type="submit" id="edit-submit" name="op" value="Search" class="button js-form-submit form-submit">
</div>
</form>
</div>
<div class="menu">
<a href="#menu">Menu</a>
<div class="menu-content" id="menu"><a href="#" class="close">Close</a>
<!--BLOCK: views_block:action_links-homepage_actions-->
<div class="views-element-container" id="block-views-block-action-links-homepage-actions-2">
<div class="inner">
<div><div class="view view-action-links view-id-action_links js-view-dom-id-11bb278048536f072bb7659aa144d3f4c84362be9b29e83a2419cb690c4e8902">
<div class="views-row">
<article role="article" about="/node/6">
<a href="https://fad.ecommunity.com/" style="color: #35515f;">
<div> <img src="/sites/default/files/link-icons/doctor.png" width="120" height="120" alt="Doctor icon" typeof="foaf:Image">
</div>
Find a Doctor
</a>
</article>
</div>
<div class="views-row">
<article role="article" about="/node/11">
<a href="/careers" style="color: #6a573f;">
<div> <img src="/sites/default/files/link-icons/briefcase.png" width="120" height="120" alt="Briefcase icon" typeof="foaf:Image">
</div>
Careers
</a>
</article>
</div>
<div class="views-row">
<article role="article" about="/node/16">
<a href="/urgent-care" style="color: #e54c4d;">
<div> <img src="/sites/default/files/link-icons/bandage.png" width="120" height="120" alt="Bandage icon" typeof="foaf:Image">
</div>
Urgent Care
</a>
</article>
</div>
<div class="views-row">
<article role="article" about="/node/21">
<a href="/locations" style="color: #6c3669;">
<div> <img src="/sites/default/files/link-icons/location-marker.png" width="120" height="120" alt="Location marker icon" typeof="foaf:Image">
</div>
Locations
</a>
</article>
</div>
<div class="views-row">
<article role="article" about="/node/26">
<a href="/bill-pay" style="color: #65b08a;">
<div> <img src="/sites/default/files/link-icons/bill.png" width="120" height="120" alt="Pay Bill" typeof="foaf:Image">
</div>
Pay Bill
</a>
</article>
</div>
<div class="views-row">
<article role="article" about="/node/31">
<a href="/contact" style="color: #db6c60;">
<div> <img src="/sites/default/files/link-icons/mobile.png" width="120" height="120" alt="Mobile icon" typeof="foaf:Image">
</div>
Contact Us
</a>
</article>
</div>
</div>
</div>
</div>
</div>
<nav role="navigation" aria-labelledby="block-chn-main-menu-menu" id="block-chn-main-menu">
<h2>Menu</h2>
<ul>
<li>
<a href="/services" data-drupal-link-system-path="services">Health Services</a>
</li>
<li>
<a href="/events" data-drupal-link-system-path="events">Classes and Events</a>
</li>
<li>
<a href="/education-research" data-drupal-link-system-path="education-research">Education and Research</a>
</li>
<li>
<a href="/about" data-drupal-link-system-path="node/1916">About Us</a>
</li>
<li>
<a href="/news" data-drupal-link-system-path="news">News</a>
</li>
<li>
<a href="/give" data-drupal-link-system-path="node/1951">Give</a>
</li>
<li>
<a href="/locations" data-drupal-link-system-path="locations">Locations</a>
</li>
<li>
<a href="/search" data-drupal-link-system-path="search">Search</a>
</li>
</ul>
</nav>
<div id="block-socialmedialinks-2" class="block-social-media-links">
<h2>Follow Community Health Network</h2>
<ul class="platforms inline horizontal">
<li>
<a href="https://www.facebook.com/ecommunity" target="_blank">
<span class="icon-facebook chn-1x"></span>
</a>
</li>
<li>
<a href="https://www.twitter.com/CHNw" target="_blank">
<span class="icon-twitter chn-1x"></span>
</a>
</li>
<li>
<a href="http://www.instagram.com/communityhealthnet" target="_blank">
<span class="icon-instagram chn-1x"></span>
</a>
</li>
<li>
<a href="/healthminute" target="_blank">
<span class="icon-rss chn-1x"></span>
</a>
</li>
</ul>
</div>
</div>
</div>
</header>
/* Disregard CSS below this line */
/* ----------------------------- */
@import url("http://hello.myfonts.net/count/315477");
@import url("https://fonts.googleapis.com/css?family=Merriweather:300italic,300");
.messages {
background: no-repeat 10px 17px;
border: 1px solid;
border-width: 1px 1px 1px 0;
border-radius: 2px;
padding: 15px 20px 15px 35px;
word-wrap: break-word;
overflow-wrap: break-word;
}
[dir="rtl"] .messages {
border-width: 1px 0 1px 1px;
background-position: right 10px top 17px;
padding-left: 20px;
padding-right: 35px;
text-align: right;
}
.messages + .messages {
margin-top: 1.538em;
}
.messages__list {
list-style: none;
padding: 0;
margin: 0;
}
.messages__item + .messages__item {
margin-top: 0.769em;
}
.messages--status {
color: #325e1c;
background-color: #f3faef;
border-color: #c9e1bd #c9e1bd #c9e1bd transparent;
background-image: url(https://dev.ecommunity.com/core/misc/icons/73b355/check.svg);
box-shadow: -8px 0 0 #77b259;
}
[dir="rtl"] .messages--status {
border-color: #c9e1bd transparent #c9e1bd #c9e1bd;
box-shadow: 8px 0 0 #77b259;
margin-left: 0;
}
.messages--warning {
background-color: #fdf8ed;
background-image: url(https://dev.ecommunity.com/core/misc/icons/e29700/warning.svg);
border-color: #f4daa6 #f4daa6 #f4daa6 transparent;
color: #734c00;
box-shadow: -8px 0 0 #e09600;
}
[dir="rtl"] .messages--warning {
border-color: #f4daa6 transparent #f4daa6 #f4daa6;
box-shadow: 8px 0 0 #e09600;
}
.messages--error {
background-color: #fcf4f2;
color: #a51b00;
background-image: url(https://dev.ecommunity.com/core/misc/icons/e32700/error.svg);
border-color: #f9c9bf #f9c9bf #f9c9bf transparent;
box-shadow: -8px 0 0 #e62600;
}
[dir="rtl"] .messages--error {
border-color: #f9c9bf transparent #f9c9bf #f9c9bf;
box-shadow: 8px 0 0 #e62600;
}
.messages--error p.error {
color: #a51b00;
}
@font-face {
font-family: 'ProximaNova-Light';
src: url(https://dev.ecommunity.com/themes/custom/chn/webfonts/315477_1_0.eot);
src: url(https://dev.ecommunity.com/themes/custom/chn/webfonts/315477_1_0.eot#iefix) format('embedded-opentype'), url(https://dev.ecommunity.com/themes/custom/chn/webfonts/315477_1_0.woff2) format('woff2'), url(https://dev.ecommunity.com/themes/custom/chn/webfonts/315477_1_0.woff) format('woff'), url(https://dev.ecommunity.com/themes/custom/chn/webfonts/315477_1_0.ttf) format('truetype');
}
@font-face {
font-family: 'ProximaNova';
font-weight: normal;
font-style: normal;
src: url(https://dev.ecommunity.com/themes/custom/chn/webfonts/315477_2_0.eot);
src: url(https://dev.ecommunity.com/themes/custom/chn/webfonts/315477_2_0.eot#iefix) format('embedded-opentype'), url(https://dev.ecommunity.com/themes/custom/chn/webfonts/315477_2_0.woff2) format('woff2'), url(https://dev.ecommunity.com/themes/custom/chn/webfonts/315477_2_0.woff) format('woff'), url(https://dev.ecommunity.com/themes/custom/chn/webfonts/315477_2_0.ttf) format('truetype');
}
@font-face {
font-family: 'ProximaNova';
font-weight: bold;
font-style: normal;
src: url(https://dev.ecommunity.com/themes/custom/chn/webfonts/315477_3_0.eot);
src: url(https://dev.ecommunity.com/themes/custom/chn/webfonts/315477_3_0.eot#iefix) format('embedded-opentype'), url(https://dev.ecommunity.com/themes/custom/chn/webfonts/315477_3_0.woff2) format('woff2'), url(https://dev.ecommunity.com/themes/custom/chn/webfonts/315477_3_0.woff) format('woff'), url(https://dev.ecommunity.com/themes/custom/chn/webfonts/315477_3_0.ttf) format('truetype');
}
@font-face {
font-family: 'ProximaNovaA-Thin';
src: url(https://dev.ecommunity.com/themes/custom/chn/webfonts/31D1F9_D_0.eot);
src: url(https://dev.ecommunity.com/themes/custom/chn/webfonts/31D1F9_D_0.eot#iefix) format('embedded-opentype'), url(https://dev.ecommunity.com/themes/custom/chn/webfonts/31D1F9_D_0.woff2) format('woff2'), url(https://dev.ecommunity.com/themes/custom/chn/webfonts/31D1F9_D_0.woff) format('woff'), url(https://dev.ecommunity.com/themes/custom/chn/webfonts/31D1F9_D_0.ttf) format('truetype');
}
@font-face {
font-family: 'BommerSlab-Light';
src: url(https://dev.ecommunity.com/themes/custom/chn/webfonts/315477_0_0.eot);
src: url(https://dev.ecommunity.com/themes/custom/chn/webfonts/315477_0_0.eot#iefix) format('embedded-opentype'), url(https://dev.ecommunity.com/themes/custom/chn/webfonts/315477_0_0.woff2) format('woff2'), url(https://dev.ecommunity.com/themes/custom/chn/webfonts/315477_0_0.woff) format('woff'), url(https://dev.ecommunity.com/themes/custom/chn/webfonts/315477_0_0.ttf) format('truetype');
}
body {
font-family: "ProximaNova", Helvetica, Arial, sans-serif;
font-size: 15px;
line-height: 1.3;
color: #313233;
background: #dee5e7;
margin: 0;
padding: 0;
}
a {
color: #445c6e;
}
a:hover, a:focus, a:active {}
h1, h2, h3, h4, h5, h6 {
font-family: "ProximaNova", Helvetica, Arial, sans-serif;
color: #42525f;
line-height: 1.1;
}
h1 {
font-family: "Merriweather", Helvetica, Arial, sans-serif;
font-size: 36px;
line-height: 1.1;
font-weight: 300;
text-align: center;
padding: 30px 0 0;
margin: 0 0 20px;
}
h2 {
font-family: "Merriweather", Helvetica, Arial, sans-serif;
font-size: 32px;
line-height: 1.1;
font-weight: normal;
padding: 0;
margin: 30px 0 15px;
}
h3 {
font-size: 24px;
padding: 0;
margin: 15px 0 10px;
}
h2 a {
text-decoration: none;
}
.question-mark-character {
font-family: "BommerSlab-Light", Helvetica, Arial, sans-serif;
}
sup {
vertical-align: text-top;
font-size: .6em;
position: relative;
top: .15em;
}
input, textarea {
font-family: "ProximaNova", Helvetica, Arial, sans-serif;
font-size: 17px;
line-height: 1.15;
background: #fff;
border: 1px solid #dbdee0;
border-radius: 5px;
padding: 12px 0 9px 12px;
margin: 0;
box-sizing: border-box;
box-shadow: none;
-webkit-appearance: none;
}
::-webkit-input-placeholder {
color: #c2c2c2;
}
::-moz-placeholder {
color: #c2c2c2;
}
:-ms-input-placeholder {
color: #c2c2c2;
}
select {
font-family: "ProximaNova", Helvetica, Arial, sans-serif;
font-size: 17px;
font-weight: bold;
color: #396a86;
width: 300px;
max-width: 100%;
background: #fff url(https://dev.ecommunity.com/themes/custom/chn/img/updownicon.png) no-repeat 270px 50%;
padding: 10px;
border: 1px solid #d8dcdd;
border-radius: 5px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
@media screen and (max-width:400px) {
select {
background-position: 98% 50%;
}
}
input:active, input:focus, textarea:active, textarea:focus, select:active,
select:focus {
border: 1px solid #99BCD0;
box-shadow: 0px 0px 7px 1px rgba(55, 144, 196, 0.2);
outline: none;
}
input.btn:active, .btn input:active, input.button:active {
border: none;
box-shadow: none;
}
div.js-form-type-checkbox, div.js-form-type-radio {
position: relative;
}
div.js-form-type-checkbox label, div.js-form-type-radio label {
display: inline-block;
overflow: hidden;
position: relative;
padding-left: 27px;
min-height: 21px;
color: #5d6163;
font-weight: bold;
cursor: pointer;
}
div.js-form-type-checkbox label:before, div.js-form-type-checkbox input,
div.js-form-type-radio label:before, div.js-form-type-radio input {
content: "";
display: inline-block;
height: 18px;
width: 18px;
border: 1px solid #babebf;
border-radius: 50%;
position: absolute;
left: 0;
top: 0;
margin: 0;
padding: 0;
}
div.js-form-type-checkbox input, div.js-form-type-radio input {
height: 10px;
width: 10px;
left: 5px;
top: 5px;
z-index: -1;
border: 1px solid #dbdee0;
}
div.js-form-type-checkbox input:checked + label, div.js-form-type-radio input:checked + label {
color: #2f83b3;
}
div.js-form-type-checkbox input:checked + label:before, div.js-form-type-radio input:checked + label:before {
background: #2f83b3 url(https://dev.ecommunity.com/themes/custom/chn/img/icon-check.svg) no-repeat 50% 50%;
background-size: 14px 12px;
border-color: #2f83b3;
}
.clickable {
cursor: pointer;
}
.cta {
color: #f15d22;
}
.price, .btn, .button, .btn-secondary, .pager__item a {
background: #f15d22;
color: #fff;
border: 0;
border-radius: 5px;
padding: 10px 12px;
display: inline-block;
font-weight: bold;
line-height: 1.1;
text-decoration: none;
text-align: center;
font-size: 17px;
cursor: pointer;
}
.button, .btn-secondary {
background: #2f83b3;
}
.btn-tertiary {
font-size: 14px;
background: #f0f4f5;
color: #676b6d;
border-radius: 3px;
padding: 5px 17px 5px 32px;
cursor: pointer;
border: 1px solid #D2D5D6;
}
a.btn, .btn a {
color: #fff !important;
text-decoration: none;
cursor: pointer;
}
div.more-link {
text-align: center;
}
.price:hover, .btn:hover, .pager__item a:hover {
background: #FF7037;
}
.button:hover, .btn-secondary:hover {
background: #3791C4;
}
.btn-tertiary:hover {
background: #F7F9FA;
border: 1px solid #DEE1E2;
}
a.close {
float: right;
overflow: hidden;
text-indent: -99em;
width: 24px;
height: 24px;
background: url(https://dev.ecommunity.com/themes/custom/chn/img/icon-close.png);
margin: 0 50px 45px;
}
@media screen and (max-width:700px) {
.full-button-inner {
width: 100%;
padding: 0 20px;
box-sizing: border-box;
}
.full-button-inner .btn {
box-sizing: border-box;
}
}
@media screen and (max-width:460px) {
.btn {
display: block;
}
}
.inner {
max-width: 1170px;
margin: 0 auto;
padding: 0 20px;
display: block;
}
div.layout-container {
color: #313233;
background: #f1f5f6;
overflow: hidden;
position: relative;
margin: 0;
}
img.align-left {
padding: 0 10px 10px 0;
}
img.align-right {
padding: 0 0 10px 10px;
}
.no-wrap {
white-space: nowrap;
}
div.col-wrapper {
display: table;
width: 100%;
}
div.col-wrapper.col-thirds div.col {
display: table-cell;
width: 33%;
}
div.modal {
position: fixed;
z-index: 100;
background: #4a4b4c;
background: rgba(0, 0, 0, .7);
top: 0;
right: 0;
left: 0;
bottom: 0;
display: none;
-webkit-transition: -webkit-transform 0.3s;
transition: transform 0.3s;
}
body.withModal div.modal {
display: block;
}
div.block-social-media-links a {
text-decoration: none;
}
div.block-social-media-links h2 {
font-family: "ProximaNova", Helvetica, Arial, sans-serif;
font-size: 15px;
font-weight: normal;
margin: 0 0 5px;
padding: 0;
}
div.block-social-media-links ul, div.block-social-media-links li {
margin: 0;
padding: 0;
}
.menu .block-social-media-links {
margin-top: 50px;
}
.menu .block-social-media-links li {
padding-top: 0;
margin-top: 10px;
}
ul.tabs, ul.tabs li {
margin: 0;
padding: 0;
list-style-type: none;
font-size: 20px;
line-height: 1.1;
font-weight: normal;
}
ul.tabs {
display: block;
overflow: hidden;
margin: 0 0 20px;
}
ul.tabs li {
float: left;
width: 50%;
box-sizing: border-box;
border: 1px solid #e5e8ea;
background: #f4f7f9;
}
ul.tabs li:first-child {
border-right: 0;
border-radius: 5px 0 0 0;
}
ul.tabs li:last-child {
border-radius: 0 5px 0 0;
}
ul.tabs a {
display: block;
color: #97a2aa;
text-decoration: none !important;
padding: 13px 2px 10px;
}
ul.tabs li.selected {
background: #f9fcfe;
border-bottom-color: #f9fcfe;
}
ul.tabs li.selected a, ul.tabs a:hover, ul.tabs a:focus {
color: #396a86;
}
.larger {
font-size: 17px;
}
.smaller {
font-size: 13px;
}
.grey, .gray {
color: #6f8997;
}
.blue {
color: #2f83b3;
}
.purple {
color: #7e3677;
}
.orange {
color: #e87824;
}
.yellow {
color: #f1b533;
}
div.block-search h2 {
display: block;
overflow: hidden;
width: 22px;
height: 22px;
background: url(https://dev.ecommunity.com/themes/custom/chn/img/icon-glass.png) no-repeat;
background: url(https://dev.ecommunity.com/themes/custom/chn/img/icon-glass.svg) no-repeat;
text-indent: -99em;
font-size: 0;
display: none;
}
div.block-search form {
position: relative;
display: inline-block;
margin: 0;
padding: 0;
}
div.block-search input.form-search {
background: #f9fcfe;
border: 1px solid #e5e8ea;
font-size: 15px;
line-height: 1.3;
height: 1.1em;
border-radius: 16px;
width: 206px;
padding: 7px 15px 7px 15px;
margin: 0;
vertical-align: bottom;
text-align: left;
box-sizing: content-box;
}
div.block-search input.form-search:focus, div.block-search input.form-search:active {
outline: none;
border-color: #b2ccdb;
box-shadow: 0 0 1em #b2ccdb;
}
div.block-search input.button {
position: absolute;
top: 16px;
right: 14px;
width: 19px;
height: 19px;
background: url(https://dev.ecommunity.com/themes/custom/chn/img/icon-glass.png) no-repeat #f9fcfe;
background: url(https://dev.ecommunity.com/themes/custom/chn/img/icon-glass.svg) no-repeat #f9fcfe;
margin: -10px 0 0;
padding: 0;
border: 0;
text-indent: -99em;
overflow: hidden;
}
div.mychart > a {
text-decoration: none;
}
div.mychart > a:hover, div.mychart > a:focus, div.mychart > a:active {
text-decoration: underline;
}
div.mychart > a:before {
content: "";
width: 28px;
height: 28px;
background: url(https://dev.ecommunity.com/themes/custom/chn/img/icon-folder.svg) no-repeat;
display: inline-block;
vertical-align: middle;
margin: -2px 9px 0 0;
}
div.mychart-content {
text-align: center;
font-size: 17px;
}
div.mychart-content h2 {
font-family: "BommerSlab-Light", Helvetica, Arial, sans-serif;
font-size: 24px;
margin: 0 0 25px;
padding: 0;
}
div.mychart-content a {
text-decoration: none;
}
div.mychart-content a:hover, div.mychart-content a:focus {
text-decoration: underline;
}
div.mychart-content p {
font-size: 17px;
line-height: 1.294117647;
margin: 0 0 16px;
}
div.mychart-content div.other-services {
border-top: 1px solid #e5e8ea;
margin: 30px 0 0;
}
div.mychart-content div.other-services h2 {
font-size: 17px;
font-family: "ProximaNova", Helvetica, Arial, sans-serif;
font-weight: normal;
margin: 25px 0 8px;
}
div.mychart-content div.other-services p {
margin-top: 5px;
}
div.mychart-content form {
padding: 9px 0 0;
margin: 0;
text-align: left;
}
div.mychart-content a.btn, div.mychart-content input[type='submit'] {
display: block;
font-size: 20px;
margin: 20px 0;
}
div.mychart-content input {
display: block;
width: 100%;
}
div.mychart-content input[name='Password'] {
margin-top: 10px;
}
div.mychart-content a.forgot {
color: #f15d22;
font-size: 13px;
display: inline-block;
margin: 0 0 0 13px;
position: relative;
}
.drupal-messages .messages {
border: none;
box-shadow: none;
}
#block-chn-breadcrumbs {
font-size: 14px;
line-height: 14px;
margin-bottom: 15px;
color: #6f8997;
}
#block-chn-breadcrumbs ol {
margin: 5px 0;
padding: 0;
}
#block-chn-breadcrumbs li {
list-style: none;
display: inline;
}
#block-chn-breadcrumbs li a {
margin: 0;
text-decoration: none;
}
#block-chn-breadcrumbs li a:hover, #block-chn-breadcrumbs li a:focus {
text-decoration: underline;
}
#block-chn-breadcrumbs li:first-child:before {
content: none;
}
#block-chn-breadcrumbs li:first-child a {
margin-left: 0;
}
#block-chn-breadcrumbs li:before {
content: ' / ';
color: #445c6e;
}
@media screen and (max-width:600px) {
#block-chn-breadcrumbs {
display: none;
}
}
#block-chn-local-tasks ul {
margin: 10px 0;
padding: 0;
text-align: center;
font-weight: bold;
font-size: 18px;
}
#block-chn-local-tasks li {
list-style: none;
display: inline-block;
}
#block-chn-local-tasks li:first-child a {
margin-left: 0;
}
#block-chn-local-tasks li:last-child a {
margin-right: 0;
}
#block-chn-local-tasks li a {
margin: 5px 10px;
text-decoration: none;
}
#block-chn-local-tasks li a.is-active {
color: #f15d22;
}
#block-chn-local-tasks li a:hover, #block-chn-local-tasks li a:focus {
color: #f15d22;
text-decoration: underline;
}
form.views-exposed-form h2 {
font-family: "ProximaNova", Helvetica, Arial, sans-serif;
color: #313233;
font-size: 20px;
font-weight: bold;
text-align: center;
margin: 0;
padding: 0;
position: relative;
}
form.views-exposed-form h2:before {
content: "";
position: absolute;
width: 100%;
top: .56em;
border-top: 1px solid #e7ebec;
display: block;
}
form.views-exposed-form h2.clickable {
color: #396a86;
margin: 0 -20px;
}
form.views-exposed-form h2 span {
background-color: #f9fcfe;
padding: 0 9px;
position: relative;
}
form.views-exposed-form div.elements {
padding: 40px 0 20px;
}
form.views-exposed-form.collapsed div.elements {
display: none;
}
div.views-header {
color: #f15d22;
font-weight: bold;
font-size: 20px;
line-height: 1.3;
text-align: center;
padding: 0 0 25px;
}
div.views-header p {
margin: 20px 0;
}
div.views-element-container ul, div.views-element-container li {
margin: 0 auto;
padding: 0;
list-style-type: none;
}
div.views-element-container li {
margin: 0;
padding: 0 30px;
box-sizing: border-box;
width: 33.3%;
float: left;
}
div.list-result, div.views-block {
background: #f1f5f6;
overflow: hidden;
padding: 60px 0 0;
}
div.list-result li {
margin: 0 0 60px;
width: 33.3%;
}
div.list-result li:nth-child(3n + 1) {
clear: left;
}
div.views-block .inner > h2 {
font-size: 40px;
line-height: 1.1;
font-family: "Merriweather", Helvetica, Arial, sans-serif;
font-weight: 300;
text-align: center;
margin: 0 0 40px;
padding: 0;
}
div.views-block div.list-result {
border: 0;
background: transparent;
padding: 0;
}
div.views-block div.more-link {
margin: 0 auto 60px;
display: inline-block;
width: auto;
}
.path-taxonomy .node-readmore {
padding-left: 0;
}
.views-infinite-scroll-content-wrapper .list-result {
padding-top: 0;
}
.views-infinite-scroll-content-wrapper .list-result:first-child {
padding-top: 60px;
}
@media screen and (max-width:1200px) {
div.views-element-container li {
padding: 0 15px;
}
}
@media screen and (max-width:700px) {
.views-infinite-scroll-content-wrapper .list-result:first-child {
padding-top: 25px;
}
}
div.views-element-container nav ul {
text-align: center;
padding: 20px 20px;
font-size: 1.1em;
}
div.views-element-container nav li {
float: none;
display: inline;
padding: 0;
}
div.views-element-container nav a {
display: inline-block;
vertical-align: middle;
font-size: 1.5em;
font-weight: bold;
text-decoration: none;
letter-spacing: -.05em;
padding: 0 6px;
margin: -5px 3px 0;
background: #f1f5f6;
height: 1em;
overflow: hidden;
}
div.views-element-container nav a span {
display: block;
line-height: .8;
}
ul.pager li.pager__item {
width: 100%;
margin: 20px auto;
text-align: center;
clear: both;
float: none;
list-style: none;
}
div.content-pager-links a {
text-decoration: none;
color: #396a86;
}
div.content-pager-links a:hover, div.content-pager-links a:focus {
text-decoration: underline;
}
div.content-pager-links ul {
margin: 35px 0 0;
padding: 0;
overflow: hidden;
display: block;
}
div.content-pager-links li {
float: left;
list-style-type: none;
font-size: 15px;
line-height: 1.1;
font-weight: normal;
margin: 0;
padding: 0;
}
div.content-pager-links li.previous:before, div.content-pager-links li.next:after {
content: "\2190";
color: #396a86;
display: inline-block;
vertical-align: middle;
margin: -2px 5px 0 0;
}
div.content-pager-links li.next {
float: right;
}
div.content-pager-links li.next:after {
content: "\2192";
margin-right: 0;
margin-left: 5px;
}
div.preview {
background: #f9fcfe;
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .05);
text-align: center;
padding: 0 0 20px;
min-height: 340px;
}
div.preview a {
text-decoration: none;
}
div.preview a:hover h2, div.preview a:focus h2 {
text-decoration: underline;
}
div.preview h2 {
margin: 0 0 5px;
padding: 15px 0 0;
}
div.preview p {
margin: 0;
padding: 0;
}
div.preview div.text {
padding: 0 20px;
}
div.preview img {
width: 100%;
height: auto;
}
@media screen and (max-width:800px) {
div.views-element-container li {
width: 50%;
}
div.list-result li:nth-child(3n + 1) {
clear: none;
}
div.list-result li:nth-child(2n + 1) {
clear: left;
}
div.list-result {
padding-top: 29px;
}
div.preview {
min-height: 0;
}
}
@media screen and (max-width:600px) {
form.views-exposed-form h2 {
font-weight: normal;
font-size: 14px;
padding: 15px 0;
border-top: 1px solid #e7ebec;
border-bottom: 1px solid #e7ebec;
}
form.views-exposed-form h2:before {
display: none;
}
form.views-exposed-form div.elements {
padding-top: 20px;
}
div.views-header a[href^='tel'] {
display: inline-block;
}
div.views-element-container ul.inner {
padding-left: 20px;
padding-right: 20px;
}
div.views-element-container li {
width: auto;
float: none;
padding: 0;
margin-bottom: 20px;
}
div.preview div.text {
padding: 0 10px;
}
}
div.paragraph--type--generic-title-body-cta {
padding: 50px 0;
}
div.paragraph--type--generic-title-body-cta .inner {
max-width: 920px;
}
div.paragraph--type--generic-title-body-cta h2, div.paragraph--type--generic-title-body-cta div.more-link {
text-align: left;
}
div.paragraph--type--generic-title-body-cta h2 {
margin: 0 0 20px;
padding: 0;
}
div.paragraph--type--generic-title-body-cta p {
line-height: 1.470588235;
margin: 20px 0;
}
div.paragraph--type--generic-title-body-cta p a {
color: #f15d22;
text-decoration: none;
}
div.paragraph--type--generic-title-body-cta p a:hover, div.paragraph--type--generic-title-body-cta p a:focus {
text-decoration: underline;
}
div.paragraph--type--generic-title-body-cta.dark, div.paragraph--type--generic-title-body-cta.dark h2 {
background: #42525f;
color: #fff;
}
@media screen and (max-width:700px) {
div.paragraph--type--generic-title-body-cta div.more-link {
width: auto;
display: inline-block;
}
}
header, footer {
position: relative;
border-top: 14px solid #692364;
}
header:before, footer:before, header:after, footer:after {
content: "";
width: 586px;
width: 35.5%;
position: absolute;
right: 0;
top: -14px;
border-top: 14px solid #e87824;
}
header:after, footer:after {
width: 290px;
width: 18.125%;
border-top-color: #f1b533;
}
header {
background-color: #f9fcfe;
padding: 25px 60px 25px;
min-height: 48px;
text-align: right;
}
header > div {
display: inline-block;
vertical-align: middle;
padding: 10px 0 0;
}
header > div:after {
content: "";
display: block;
clear: both;
height: 0;
}
header div#block-chn-branding {
float: left;
margin: 0 0 0 134px;
padding: 0;
position: relative;
}
header div#block-chn-branding:after {
content: "";
height: 40px;
width: 1px;
background: #dcdfe0;
position: absolute;
left: auto;
top: 0;
margin: 5px 0 0 -30px;
}
header div.block-search {
margin: 0 0 0 25px;
padding-top: 7px;
}
header div.menu, header div.mychart {
text-align: left;
}
header div.menu > a {
position: absolute;
left: 60px;
top: 50%;
margin: -10px 0 0;
padding-left: 36px;
color: #42525f;
font-weight: normal;
font-size: 14px;
text-decoration: none;
}
header div.menu > a:before, header div.menu > a:after {
content: "";
position: absolute;
left: 0;
top: 50%;
margin: -10px 0 0;
width: 28px;
height: 20px;
background: #42525f;
}
header div.menu > a:after {
border: 7px solid #f9fcfe;
border-left: 0;
border-right: 0;
margin-top: -8px;
height: 2px;
}
header div.menu-content, header div.mychart-content {
position: absolute;
z-index: 150;
width: 420px;
max-width: 100%;
top: -14px;
left: -420px;
overflow: hidden;
display: block;
background: #f9fcfe;
padding: 50px 0;
}
header div.menu-content > * , header div.mychart-content > * {
padding: 0 50px;
clear: both;
}
header div.menu-content > a.close, header div.mychart-content > a.close {
padding: 0;
}
header div.mychart-content > a.close {
float: left;
}
header > div.mychart {
padding-left: 25px;
float: right;
}
header div.mychart span.small {
display: none;
}
header div.mychart-content {
top: -14px;
left: auto;
right: -420px;
}
header div.menu-content {
font-family: "ProximaNova-Light", Helvetica, Arial, sans-serif;
font-size: 22px;
}
header div.menu-content nav h2 {
display: none;
}
header div.menu-content ul {
margin: 0;
padding: 0;
list-style: none;
}
header div.menu-content ul li {
margin: 20px 0;
}
header div.menu-content li a {
text-decoration: none;
display: block;
width: 100%;
}
header div.menu-content a:hover, header div.menu-content a:focus {
text-decoration: underline;
}
@media screen and (max-width:920px) {
header, footer {
border-top-width: 5px;
}
header {
border-bottom-width: 5px;
}
header:before, footer:before, header:after, footer:after {
top: -5px;
border-top-width: 5px;
}
header {
padding: 10px 15px 15px;
min-height: 34px;
}
header div#block-chn-branding {
margin: 0 0 0 45px;
}
header div#block-chn-branding img {
width: 140px;
height: 34px;
}
header div#block-chn-branding:after {
display: none;
}
header div.menu > a {
font-size: 1px;
text-indent: -99em;
overflow: hidden;
width: 28px;
height: 20px;
display: block;
padding: 0;
top: auto;
left: 15px;
margin-top: -14px;
}
header > div.block-search {
float: right;
margin-left: 5px;
}
header div.mychart > a {
font-size: 12px;
font-weight: bold;
}
header div.mychart > a:before {
display: none;
}
}
@media screen and (max-width:600px) {
header {
padding-bottom: 0;
}
header > div {
vertical-align: top;
}
header div#block-chn-branding {
margin-bottom: 14px;
}
header > div.menu {
display: block;
padding: 0;
}
header div.menu > a {
top: 31px;
}
header div.block-search {
float: none;
display: inline;
margin: 0;
padding: 0;
}
header div.block-search h2 {
display: block;
float: right;
margin: 8px 0 0;
}
header div.block-search form {
display: none;
overflow: hidden;
clear: both;
border-top: 1px solid #f0f3f5;
padding: 20px 15px 20px;
margin: 0 -15px;
text-align: center;
}
header div.block-search input.form-search {
width: 100%;
height: auto;
box-sizing: border-box;
}
header div.block-search input.button {
right: 28px;
top: 38px;
margin: -10px 0 0;
background-image: url(https://dev.ecommunity.com/themes/custom/chn/img/icon-glass_orange.svg);
}
header div.block-search.expanded form {
display: block;
}
header div.mychart {
float: none;
margin: 8px 8px 0 0;
padding: 0;
}
header div.mychart span.large {
display: none;
}
header div.mychart span.small {
display: inline;
}
header div.menu-content > * , header div.mychart-content > * {
padding: 0 20px;
clear: both;
}
}
@media screen and (max-width:420px) {
header div#block-chn-branding {
margin: 0 0 10px 45px;
}
header div#block-chn-branding img {
width: 140px;
height: auto;
}
header div.menu > a {
top: 32px;
}
}
#block-careersheader {
float: left;
border-left: 1px solid #dbddde;
margin-left: 15px;
padding-left: 15px;
}
h2#careers-header {
font-size: 22px;
margin-top: 8px;
padding: 0;
}
nav#block-careers {
display: inline-block;
vertical-align: middle;
}
nav#block-careers > ul {
margin-top: 5px;
}
nav#block-careers li {
list-style: none;
display: inline-block;
}
nav#block-careers li a {
text-decoration: none;
margin: 0 10px;
}
#block-careers > ul > li {
float: left;
margin-right: 20px;
position: relative;
}
#block-careers ul > li > a {
display: block;
margin-right: 0;
padding: 15px 0;
text-decoration: none;
-webkit-transition: all 0.25s;
}
#block-careers ul > li > a:hover {
color: #1e84b1;
}
#block-careers ul li ul {
background: #fff;
border-radius: 5px;
box-shadow: 0px 1px 5px 0px rgb(234, 234, 234);
left: -12px;
list-style: none;
margin: 0;
opacity: 0;
padding: 12px;
position: absolute;
top: 38px;
-webkit-transition: all 0.25s;
transition: all 0.25s;
visibility: hidden;
width: 190px;
}
#block-careers ul li ul li {
display: block;
text-align: left;
color: #1e84b1;
}
#block-careers ul li ul li a {
color: #1e84b1;
}
#block-careers ul li:hover ul {
opacity: 1;
top: 44px;
visibility: visible;
}
#block-careers ul li ul a {
color: #777;
display: inline-block;
line-height: 1.2em;
padding: 5px 0;
text-decoration: none;
}
#block-socialmedialinks-3 {
margin: 0 30px;
padding-top: 0;
}
#block-socialmedialinks-3 a {
font-size: 14px;
}
div#block-careersctalink {
padding: 0;
}
div#block-careersctalink a {
font-weight: bold;
text-decoration: none;
border: 1px solid #445c6e;
padding: 5px 10px;
border-radius: 5px;
}
div.chn-info {
border-bottom: 10px solid #f1f5f6;
display: block;
width: 100%;
clear: both;
margin: 0;
}
div.sitewide-alerts-wrapper {
background-color: #dc373f;
color: white;
}
div.sitewide-alerts-wrapper .sitewide-alert-title {
text-align: center;
cursor: pointer;
padding: 7px 7px 14px;
display: table;
margin: 0 auto;
z-index: 99;
}
div.sitewide-alerts-wrapper .views-row > div:first-child {
background-color: #e64149;
}
div.sitewide-alerts-wrapper .sitewide-alert-title:before {
content: '';
background: url(https://dev.ecommunity.com/themes/custom/chn/img/alert-bell.svg) no-repeat;
display: inline-block;
width: 20px;
height: 20px;
position: relative;
top: 5px;
margin-right: 5px;
}
div.sitewide-alerts-wrapper .closer {
text-align: center;
cursor: pointer;
padding: 10px 0;
}
div.sitewide-alerts-wrapper div.outer {
width: 100%
}
div.sitewide-alerts-wrapper div.inner {
max-width: 100%;
padding: 0;
}
div.sitewide-alerts-wrapper .alert-description {
display: none;
padding: 20px 0 10px;
}
div.sitewide-alerts-wrapper .alert-description p {
text-align: left;
width: 50%;
margin: auto;
padding: 5px;
}
@media screen and (max-width:700px) {
div.sitewide-alerts-wrapper .alert-description p {
width: 90%;
padding: 15px;
}
}
footer {
background: #dee5e7;
font-size: 15px;
color: #42525f;
padding: 60px 0 30px;
}
footer a {
text-decoration: none;
color: #42525f;
}
footer a:hover, footer a:focus, footer a:active {
text-decoration: underline;
}
footer p, footer ul, footer li {
margin: 0;
padding: 0;
}
footer ul {
overflow: hidden;
margin: 35px -8px 8px;
display: block;
list-style-type: none;
clear: both;
}
footer li {
display: inline-block;
margin: 0 8px 12px;
}
footer dl, footer dt, footer dd {
margin: 0;
padding: 0;
}
footer div.footer-slogan {
font-size: 26px;
float: left;
width: 50%;
}
footer div.footer-slogan h3 {
font-family: "ProximaNova", Helvetica, Arial, sans-serif;
font-size: 1em;
font-weight: bold;
line-height: 1.1;
padding: 0;
margin: 0 0 40px;
}
footer div#block-searchblock:after {
content: "";
margin: 0 0 25px;
border-bottom: 1px solid #d4dbdd;
display: block;
clear: both;
}
footer div#block-searchblock form {
float: right;
margin: 0 0 40px;
}
footer div.footer-legalese {
font-size: 13px;
}
footer div.contact {
display: inline-block;
vertical-align: bottom;
font-size: 24px;
margin: 0 55px 0 0;
}
footer div.contact dt {
font-size: 15px;
margin: 0 0 10px;
}
footer div.contact#block-footercontactchatblock a:before {
content: "";
width: 25px;
height: 25px;
background-image: url(https://dev.ecommunity.com/themes/custom/chn/img/icon-chat.svg);
background-size: 25px 25px;
display: inline-block;
vertical-align: middle;
margin: 0 13px 0 0;
}
footer div.block-social-media-links {
float: right;
text-align: right;
}
footer div.block-social-media-links ul {
font-size: 1.4em;
}
footer div.block-social-media-links li {
padding: .2em 0 !important;
margin: 0 0 0 35px !important;
}
@media screen and (max-width:700px) {
footer {
padding-top: 25px;
}
footer, footer div.block-social-media-links {
text-align: center;
}
footer div.footer-slogan, footer div#block-searchblock form, footer div.block-social-media-links {
float: none;
width: auto;
}
footer div.footer-slogan h3 {
margin-bottom: 20px;
}
footer form {
margin-left: auto;
margin-right: auto;
}
footer div.contact {
display: block;
margin: 22px 0;
}
footer div.contact dt {
margin-bottom: 3px;
}
footer div.block-social-media-links li {
margin: 0 10px !important;
}
}
.maintenance-page header, .maintenance-page main, .maintenance-page footer {
text-align: center;
}
.page-404 #block-chn-content, .page-403 #block-chn-content {
text-align: center;
max-width: 920px;
margin: 0 auto 80px;
padding: 0 20px;
display: block;
}
div.featured-services-links a, .page-node-type-location div.field--name-field-featured-services-links a {
display: block;
border-bottom: 1px solid #e5e8ea;
padding: 20px 20px 20px 0;
color: #313233;
font-size: 17px;
font-weight: normal;
box-sizing: border-box;
text-decoration: none;
}
div.featured-services-links ul li:first-child a, div.featured-services-links ul li:nth-child(7) a,
div.field--name-field-featured-services-links a:first-child {
border-top: 1px solid #e5e8ea;
}
div.featured-services-links a:hover, div.field--name-field-featured-services-links a:hover {
background-color: #f9fcfe;
}
.featured-services-links a:hover:before, .field--name-field-featured-services-links a:hover:before {
border-left: 4px solid #445c6e;
}
.featured-services-links a:before, .field--name-field-featured-services-links a:before {
content: "";
display: block;
border-left: 4px solid #f15d22;
height: 36px;
float: left;
margin: 0 16px 0 0;
position: relative;
bottom: 8px;
}
.featured-services-links a:after, .field--name-field-featured-services-links a:after {
content: "";
background: url(https://dev.ecommunity.com/themes/custom/chn/img/arrow-right.svg) no-repeat;
display: block;
width: 15px;
height: 15px;
float: right;
position: relative;
top: 3px;
}
.sgmpopup-content span {
display: none;
}
.sgmpopup-content span:first-child {
display: block;
font-weight: bold;
}
.sgmpopup-content a {
text-decoration: none;
color: #f15d22;
}
@media screen and (max-width:700px) {
.field--name-field-geofield {
padding: 0 20px;
}
.event-map .field--name-field-geofield {
padding-bottom: 20px;
}
}
.paragraph--type--stories {
text-align: center;
background: #f1f5f6;
width: 100%;
overflow: auto;
padding: 20px 0 60px;
}
.paragraph--type--stories h2 {
font-family: 'Merriweather', serif;
font-size: 40px;
font-weight: 300;
}
.paragraph--type--stories div.story-desc {
font-size: 17px;
line-height: 1.5em;
padding-bottom: 30px;
}
.paragraph--type--stories .paragraph--type--story-video {
float: left;
width: 48%;
max-width: 555px;
}
div.paragraph--type--stories div.inner div.paragraph--type--story-video:nth-child(odd) {
margin-right: 2%;
}
.paragraph--type--stories .field--name-field-quotable {
font-size: 24px;
padding: 30px 0 10px;
}
.paragraph--type--stories .field--name-field-name {
color: #8e9496;
}
.paragraph--type--stories .field--name-field-name:before {
content: '-'
}
@media screen and (max-width:700px) {
.paragraph--type--stories {
padding-bottom: 30px;
}
.paragraph--type--stories h2 {
font-size: 24px;
}
.paragraph--type--stories .field--name-field-quotable {
padding-top: 10px;
font-size: 17px;
}
.paragraph--type--stories .field--name-field-name {
font-size: 13px;
}
.paragraph--type--stories .paragraph--type--story-video {
float: none;
width: 100%;
max-width: inherit;
margin-bottom: 30px;
}
}
.paragraph--type--hero-image {
width: 100%;
}
.paragraph--type--hero-image img {
margin: 0 auto;
display: block;
}
.paragraph--type--multi-promo {
background: #42525f;
width: 100%;
color: #ffffff;
text-align: center;
padding: 40px 0 60px;
margin-bottom: 10px;
}
.paragraph--type--multi-promo .inner {
overflow: auto;
}
.paragraph--type--multi-promo h2 {
font-family: 'Merriweather', serif;
font-weight: 300;
color: #ffffff;
margin-bottom: 60px;
}
.paragraph--type--multi-promo p {
line-height: 1.5em;
}
.paragraph--type--simple-promo {
float: left;
width: 30%;
max-width: 350px;
}
.paragraph--type--simple-promo:nth-child(3) {
margin: 0 5%;
}
.field--name-field-promo-icon {
height: 105px;
}
.field--name-field-promo-title {
font-family: 'ProximaNova-Light', Helvetica, Arial, sans-serif;
font-size: 27px;
margin-top: 30px;
}
@media screen and (max-width:700px) {
.paragraph--type--multi-promo {
padding-bottom: 10px;
}
.paragraph--type--simple-promo, .paragraph--type--simple-promo:nth-child(3) {
float: none;
width: 100%;
max-width: inherit;
margin: 0 0 70px;
}
.field--name-field-promo-title {
margin-top: 10px;
}
.paragraph--type--multi-promo a.btn, .paragraph--type--multi-promo .btn a {
width: auto;
display: inline-block;
}
}
.paragraph--type--generic-wysiwyg {
background-color: #f9fcfe;
box-shadow: 0px 1px 2px rgba(0, 0, 0, .1);
margin-bottom: 10px;
}
.paragraph--type--generic-wysiwyg .inner {
max-width: 920px;
padding: 20px 20px;
}
.paragraph--type--generic-wysiwyg h2 {
font-family: 'Merriweather', serif;
font-size: 40px;
font-weight: 300;
}
.gen-hero-wrapper {
background: #f1f5f6;
position: relative;
margin-bottom: 10px;
}
.gen-hero-wrapper .inner {
position: relative;
}
.gen-hero-wrapper .gen-hero {
font-size: 17px;
background-color: #f9fcfe;
padding: 10px 100px 60px;
box-shadow: 0px 1px 2px rgba(0, 0, 0, .1);
margin-top: -150px;
}
.gen-hero-wrapper .gen-hero p {
line-height: 1.5em;
max-width: 920px;
}
.gen-hero h2, .foundation-list h2 {
font-family: 'Merriweather', serif;
font-size: 40px;
font-weight: 300;
text-align: center;
}
.hero-image-wrapper {
overflow: hidden;
height: 500px;
margin: 0;
width: calc(100% + 60px);
}
.gen-hero-wrapper img {
display: block;
margin: 0 auto;
width: 100%;
height: auto;
}
.field--name-field-generic-title {
text-align: center;
}
@media screen and (max-width:1500px) {
.hero-image-wrapper {
overflow: hidden;
height: 450px;
margin: 0;
width: calc(100% + 60px);
}
}
@media screen and (max-width:870px) {
.gen-hero-wrapper {
max-height: inherit;
}
.gen-hero-wrapper .inner {
position: inherit;
padding: 0;
}
.gen-hero-wrapper .gen-hero {
margin-top: 0;
}
.hero-image-wrapper {
height: auto;
}
.gen-hero-wrapper .gen-hero {
padding: 20px 20px 50px;
}
.gen-hero h2 {
padding: 0;
margin-top: 20px;
font-size: 30px;
}
}
.user-login-form, .user-pass {
width: 100%;
max-width: 400px;
margin: 0 auto 10px;
padding: 0 10px;
box-sizing: border-box;
}
.user-login-form .form-item, .user-pass .form-item {
margin: 10px 0;
}
.user-login-form .form-item label, .user-pass .form-item label {
display: block;
font-weight: bold;
}
.user-login-form .form-item input, .user-pass .form-item input {
width: 98%;
}
.user-login-form .description, .user-pass p {
font-size: 14px;
margin: 0;
}
.yamlform-form {
margin-bottom: 10px;
box-sizing: border-box;
}
.yamlform-form .form-item {
margin: 20px 0;
}
.yamlform-form .form-item label {
display: block;
font-weight: bold;
padding: 5px 0;
}
.yamlform-form .form-item label.option {
padding: 0 0 0 27px;
color: #000000;
}
.yamlform-form .form-item input, .yamlform-form .form-item textarea {
max-width: 100%;
}
.yamlform-form .description {
font-size: 14px;
margin: 0;
}
div.chn-action-links-wrapper {
background-color: #f9fcfe;
box-shadow: 0px 1px 2px rgba(0, 0, 0, .1);
margin-bottom: 10px;
text-align: center;
overflow: auto;
padding: 60px 0 110px;
}
div#block-views-block-action-links-homepage-actions-2 {
padding-bottom: 20px;
text-align: center;
}
div#block-views-block-action-links-homepage-actions-2 .inner {
border-bottom: 1px solid #e5e8ea;
padding: 0 0 20px;
}
div.chn-action-links-wrapper h2 {
font-family: "Merriweather", Helvetica, Arial, sans-serif;
font-size: 84px;
font-weight: 300;
margin: 25px 0 50px;
}
div#block-views-block-action-links-homepage-actions-2 a, div.chn-action-links-wrapper a {
font-family: "ProximaNova", Helvetica, Arial, sans-serif;
font-size: 20px;
font-weight: bold;
text-decoration: none;
}
div#block-views-block-action-links-homepage-actions-2 a {
font-size: 13px;
}
div#block-views-block-action-links-homepage-actions-2 div.views-row,
div.chn-action-links-wrapper div.views-row {
width: 16%;
display: inline-block;
}
div#block-views-block-action-links-homepage-actions-2 div.views-row {
width: 30%;
text-align: center;
}
div#block-views-block-action-links-homepage-actions-2 div.views-row:nth-child( - n + 4) {
padding-bottom: 28px;
}
div#block-views-block-action-links-homepage-actions-2 a img, div.chn-action-links-wrapper a img {
width: 107px;
height: auto;
padding-bottom: 5px;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
div#block-views-block-action-links-homepage-actions-2 a img {
width: 67px;
}
div#block-views-block-action-links-homepage-actions-2 a:hover img,
div#block-views-block-action-links-homepage-actions-2 a:focus img,
div.chn-action-links-wrapper a:hover img, div.chn-action-links-wrapper a:focus img {
-moz-transform: scale(1.2);
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
div#block-views-block-action-links-homepage-actions-2 a:focus,
div.chn-action-links-wrapper a:focus {
outline: none;
}
@media screen and (max-width:940px) {
div.chn-action-links-wrapper h2 {
font-size: 60px;
}
div.chn-action-links-wrapper div.views-row {
width: 30%;
margin-bottom: 30px;
}
}
@media screen and (max-width:600px) {
div.chn-action-links-wrapper {
padding: 10px 0 40px;
}
div.chn-action-links-wrapper h2 {
font-size: 45px;
margin: 20px 0;
padding: 0 15px;
}
div.chn-action-links-wrapper a {
font-size: 14px;
}
div.chn-action-links-wrapper div.views-row {
display: block;
width: 33%;
float: left;
margin: 1em 0;
}
div.chn-action-links-wrapper a img {
width: 60%;
}
}
.path-frontpage #block-views-block-related-content-homepage-related {
padding: 0;
}
.path-frontpage .blog-posts-cta {
margin-top: 0;
clear: both;
}
@media screen and (max-width:700px) {
.path-frontpage .blog-posts-cta {
margin-top: 20px;
}
}
.featured-services-wrapper {
background-color: #f9fcfe;
box-shadow: 0px 1px 2px rgba(0, 0, 0, .1);
padding: 20px 0 80px;
box-sizing: border-box;
}
.featured-services-wrapper h2 {
font-family: "Merriweather", Helvetica, Arial, sans-serif;
font-size: 40px;
font-weight: 300;
margin: 0;
}
.featured-services-wrapper .image-wrapper {
float: left;
width: 570px;
margin-right: 40px;
}
.featured-services-wrapper .image-wrapper img {
width: 100%;
height: auto;
display: block;
}
.services-links-wrapper {
margin: 20px 0 0 610px;
}
.services-links-wrapper ul {
margin: 20px 0;
padding: 0;
columns: 2;
-webkit-columns: 2;
-moz-columns: 2;
list-style-type: none;
}
div.featured-services-links ul li a {
padding: 14px 14px 14px 0;
font-size: 15px;
}
@media screen and (max-width:1100px) {
.services-links-wrapper {
margin-top: 0;
margin-left: 0;
}
.featured-services-wrapper {
padding-top: 0;
}
.featured-services-wrapper h2, div.promo-block h2 {
font-size: 30px;
text-align: center;
}
.featured-services-wrapper .image-wrapper {
overflow: hidden;
height: 450px;
margin: 0 -30px 2em;
width: calc(100% + 60px);
}
.featured-services-wrapper .image-wrapper img {
position: relative;
}
}
@media screen and (max-width:600px) {
.services-links-wrapper {
margin-top: 0;
}
.featured-services-wrapper {
padding-top: 0;
padding-bottom: 60px;
}
.featured-services-wrapper .image-wrapper {
height: 260px;
}
.featured-services-wrapper ul {
columns: 1;
-webkit-columns: 1;
-moz-columns: 1;
}
div.featured-services-links ul li:nth-child(7) a {
border-top: none;
}
.services-all-cta {
width: 100%;
box-sizing: border-box;
}
}
div.promo-block {
padding: 60px;
text-align: center;
clear: both;
font-size: 20px;
line-height: 1.1;
}
div.promo-block .inner {
max-width: 920px;
}
div.promo-block img {
display: block;
margin: 0 auto 20px;
}
div.promo-block h2 {
font-family: 'ProximaNova-Light', Helvetica, Arial, sans-serif;
font-size: 36px;
margin: 0 0 10px;
padding: 0;
}
div.promo-block a {
display: block;
text-decoration: none;
color: #313233;
}
div.promo-block .cta {
font-size: 20px;
line-height: 1.1;
font-family: "ProximaNova", Helvetica, Arial, sans-serif;
margin: 10px 0 0;
}
div.promo-block a:hover .cta, div.promo-block a:focus .cta {
text-decoration: underline;
}
@media screen and (max-width:600px) {
div.promo-block {
padding: 60px 20px;
}
div.promo-block h2 {
font-size: 30px;
}
div.promo-block .cta {
font-size: 17px;
}
}
.paragraph--type--blog-posts {
background-color: #f9fcfe;
box-shadow: 0px 1px 2px rgba(0, 0, 0, .1);
padding: 10px 0 10px;
margin-bottom: 5px;
}
.paragraph--type--blog-posts .inner > h2 {
font-size: 40px;
margin: 50px 0 60px;
text-align: center;
}
@media screen and (max-width:940px) {
.paragraph--type--blog-posts .inner > h2 {
font-size: 30px;
margin: 30px 0 40px;
}
}
div.paragraph--type--statistic-callouts {
background: #f1f5f6;
padding: 40px 0 35px;
font-size: 1px;
text-align: center;
}
div.paragraph--type--statistic-callouts div.stat {
box-sizing: border-box;
width: 33.3%;
min-width: 300px;
display: inline-block;
vertical-align: top;
padding: 0 28px 30px;
}
div.stat {
text-align: center;
font-size: 24px;
font-family: "ProximaNova-Light", Helvetica, Arial, sans-serif;
line-height: 1.125;
padding: 0 0 30px;
}
div.stat a {
display: block;
text-decoration: none;
color: #313233;
}
div.stat h2 {
font-family: "ProximaNovaA-Thin", Helvetica, Arial, sans-serif;
font-size: 100px;
font-weight: normal;
font-weight: 100;
line-height: 1.1;
letter-spacing: -.06em;
margin: 0;
padding: 0;
}
div.stat p {
margin: 0 0 15px;
padding: 0;
}
div.stat .cta {
font-size: 20px;
line-height: 1.1;
font-family: "ProximaNova", Helvetica, Arial, sans-serif;
margin: 10px 0 0;
}
div.stat a:hover .cta, div.stat a:focus .cta {
text-decoration: underline;
}
@media screen and (max-width:960px) {
div.paragraph--type--statistic-callouts div.stat {
min-width: inherit;
}
}
@media screen and (max-width:768px) {
div.paragraph--type--statistic-callouts div.stat {
border-top: 1px solid #e5e8ea;
min-width: 250px;
width: 100%;
padding: 10px 0 40px;
}
div.paragraph--type--statistic-callouts div.stat:first-child {
border-top: none;
}
div.stat h2 {
font-size: 80px;
}
}
.page-node-type-location .layout-container {
background: #f1f5f6;
}
.page-node-type-location #block-chn-page-title {
display: none;
}
.location-hero {
position: relative;
min-height: 150px;
}
.location-hero img {
width: 100%;
height: auto;
margin: 0 auto;
display: block;
}
article.node--type-location {
max-width: 1170px;
overflow: auto;
margin: 0 auto -130px;
top: -150px;
position: relative;
}
.location-left .field--name-field-description p:first-child {
margin-top: 0;
}
.location-left .field--name-field-description p:last-child {
margin-bottom: 0;
}
.location-left {
display: block;
width: 70%;
float: left;
clear: right;
}
.location-right {
display: block;
width: 26%;
float: left;
margin-left: 2%;
padding-left: 2%;
}
div.location-right p {
color: #727374;
margin-bottom: 20px;
}
.location-top, .node--type-location .field--name-field-description,
.location-info, .paragraph--type--maps {
background-color: #f9fcfe;
box-shadow: 0px 1px 2px rgba(0, 0, 0, .1);
margin-bottom: 10px;
}
.node--type-location .field--name-field-description, .location-info {
font-size: 17px;
padding: 60px 65px 75px 60px;
}
.location-top h1, .field--name-field-location-info-title, .node--type-location .field--name-field-description h3,
.field-maps-description h3, .find-a-doctor-widget h3, .field-featured-services-desc h3 {
font-family: "Merriweather", Helvetica, Arial, sans-serif;
text-align: center;
font-size: 36px;
font-weight: normal;
padding-top: 30px;
margin-bottom: 20px;
}
.field--name-field-location-info-title {
padding-top: 0;
text-align: left;
color: #445c6e;
}
p.address {
display: inline-block;
margin: 0 auto;
padding-bottom: 25px;
}
p.address span.country {
display: none;
}
.field--name-field-address {
text-align: center;
width: 100%;
}
p.address br {
display: none;
}
p.address span {
font-family: "ProximaNova", Helvetica, Arial, sans-serif;
font-size: 17px;
display: inline-block;
}
span.locality:after {
content: ",";
}
.location-num {
text-align: center;
}
.location-num div {
display: inline-block;
}
.location-num .field--name-field-phone-number {
padding-right: 15px;
}
.field--name-field-phone-number, .emergency-num {
font-family: "ProximaNova", Helvetica, Arial, sans-serif;
font-size: 24px;
font-weight: bold;
text-align: center;
margin: 0 auto;
padding-bottom: 25px;
}
.page-node-type-location article div.field--name-field-phone-number a {
color: #000000;
}
.emergency-num, .field--name-field-emergency-number a {
color: #d83c3d !important;
}
.hours-op {
text-align: center;
}
.hours-op span {
font-family: "ProximaNova", Helvetica, Arial, sans-serif;
font-weight: bold;
text-transform: uppercase;
font-size: 14px;
z-index: 2;
position: relative;
background: #f9fcfe;
color: #c2c3c4;
padding: 0 10px;
}
.hours-op p {
margin: 20px 0;
color: #42525f;
}
div.hours-op:before {
content: "";
position: relative;
width: 100%;
top: 11px;
border-top: 1px solid #e7ebec;
display: block;
z-index: 1;
}
.page-node-type-location article a {
text-decoration: none;
color: #f15d22;
}
.paragraph--type--maps div img {
width: 95px;
height: 92px;
}
.field--name-field-location-info-accordion .accordion {
border-top: 1px solid #e5e8ea;
}
.field--name-field-location-info-accordion {
border-bottom: 1px solid #e5e8ea;
}
div.accordion {
font-family: "ProximaNova", Helvetica, Arial, sans-serif;
font-size: 20px;
font-weight: bold;
background-color: #f4f8f9;
color: #396a86;
cursor: pointer;
padding: 18px;
text-align: left;
border: none;
outline: none;
transition: 0.6s
}
div.accordion div {
display: inline-block;
}
div.accordion.active {
background-color: #f9fcfe;
}
div.accordion:after {
content: '';
background: url(https://dev.ecommunity.com/themes/custom/chn/img/arrow-updown.svg) no-repeat 0 0;
float: right;
width: 18px;
height: 18px;
}
div.accordion.active:after {
-ms-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
div.panel {
background-color: #f9fcfe;
max-height: 0;
height: 0;
overflow: hidden;
transition: 0.6s ease-in-out;
}
div.panel.show {
max-height: 9999px;
height: auto;
}
div.panel-content {
padding: 16px 0px 65px 18px;
}
.field--name-field-location-info-accordion h2 {
font-size: 20px;
color: #42525f;
}
.paragraph--type--location-phone-number {
padding: 15px 0;
border-top: 1px solid #e5e8ea;
border-bottom: 1px solid #e5e8ea;
}
.paragraph--type--location-phone-number div a {
text-decoration: none;
color: #42525f;
}
.paragraph--type--location-phone-number div:first-child {
display: inline-block;
color: #42525f;
font-weight: bold;
}
.paragraph--type--location-phone-number div:nth-child(2) {
float: right;
}
div.paragraph--type--location-retailer {
min-height: 340px;
width: 45%;
float: left;
text-align: center;
border-bottom: 1px solid #e5e8ea;
}
div.paragraph--type--location-retailer:first-child {
margin-right: 5%;
}
.field-location-retailer-image img {
width: 100%;
height: auto;
}
.field-location-retailer-name {
color: #f15d22;
font-weight: bold;
font-size: 20px;
}
.field-location-retailer-desc {
color: #303030;
font-size: 15px;
font-weight: bold;
margin-bottom: 13px;
}
.field-location-retailer-hours p {
font-family: "ProximaNova", Helvetica, Arial, sans-serif;
color: #8e9496;
font-size: 13px;
margin-top: 0;
}
.field-location-retailer-hours p:first-child, .field-location-retailer-hours p:nth-child(2) {
margin-bottom: 5px;
}
.field--name-field-description h3, .field-maps-description h3, .find-a-doctor-widget h3,
.field-featured-services-desc h3, .field-pre-register-description h3 {
font-size: 24px;
text-align: initial;
margin-bottom: 15px;
}
.field-maps-description h3:before, .field-featured-services-desc h3:before,
.field-pre-register-description h3:before, .find-a-doctor-widget h3:before {
content: '';
display: block;
background: url(https://dev.ecommunity.com/themes/custom/chn/img/map.svg) no-repeat;
width: 28px;
height: 28px;
float: left;
margin-right: 5px;
}
.field-featured-services-desc h3:before {
background: url(https://dev.ecommunity.com/themes/custom/chn/img/stethoscope.svg) no-repeat;
}
.field-pre-register-description h3:before {
background: url(https://dev.ecommunity.com/themes/custom/chn/img/computer.svg) no-repeat;
}
.find-a-doctor-widget h3:before {
background: url(https://dev.ecommunity.com/themes/custom/chn/img/icon-glass_orange.svg) no-repeat;
}
.paragraph--type--maps {
overflow: auto;
border: 1px solid #e5e8ea;
box-shadow: none;
}
.field-location-map-image {
position: relative;
float: left;
padding: 5px;
}
.field-map-title {
font-weight: bold;
margin-top: 28px;
}
.field--name-field-featured-services-links {
margin-bottom: 25px;
}
@media screen and (max-width:1200px) {
article.node--type-location {
top: 0;
overflow: hidden;
margin-bottom: -10px;
}
.location-right {
margin-right: 2%;
margin-left: 0;
}
}
@media screen and (max-width:700px) {
article.node--type-location {
width: 100%;
}
div.location-hero .field--name-field-hero-image {
height: 225px;
}
.location-hero img {
height: 225px;
width: auto;
}
.location-top, .location-right, .location-left {
max-width: initial;
float: none;
width: 100%
}
.location-top {
padding-bottom: 15px;
}
.location-right {
margin-left: 0;
padding-left: 0;
margin-bottom: 10px;
}
div.field-maps-description p {
margin-bottom: 0;
}
.location-right div.field-maps-description, .location-right div.field--name-field-location-maps,
.location-right div.find-a-doctor-widget, .location-right div.field-featured-services-desc,
.location-right div.field--name-field-featured-services-links,
.location-right div.field-maps-description, .location-right div.field-pre-register-description,
.location-right div.kyruus-search-widget {
padding: 15px 20px 0;
}
.location-num div {
display: block;
width: 100%;
padding-bottom: 15px;
}
.emergency-num {
font-size: 18px;
}
.location-num div.field--name-field-emergency-number {
display: inline;
}
p.address span {
float: none;
padding-right: 0;
}
p.address span.locality, p.address span.administrative-area, p.address span.postal-code {
display: inline;
}
.node--type-location .field--name-field-description, .location-info {
padding: 40px 20px 60px;
}
.location-top h1, .field--name-field-location-info-title, .node--type-location .field--name-field-description h3,
.field-maps-description h3, .field-featured-services-desc h3 {
font-size: 24px;
}
.field-maps-description h3, .find-a-doctor-widget h3 {
margin-top: 0;
}
.field-featured-services-desc h3 {
padding-top: 0;
}
.field--name-field-location-info-accordion {
border: none;
}
div.panel-content {
padding: 16px 20px 0px 18px;
}
div.panel.show {
padding: 0;
}
.paragraph--type--location-phone-number {
text-align: center;
}
.paragraph--type--location-phone-number div {
width: 100%;
padding-bottom: 8px;
float: none !important;
}
.paragraph--type--location-phone-number div a {
color: #f15d22;
font-size: 24px;
}
div.paragraph--type--location-retailer {
width: 99%;
min-height: initial;
border: 1px solid #e5e8ea;
margin: 0 0 20px 0 !important;
padding-bottom: 20px;
}
}
div#leaflet-map {
width: 100%;
}
@media screen and (max-width:700px) {
.location-related.related-content {
background-color: #f9fcfe;
box-shadow: 0px 1px 2px rgba(0, 0, 0, .1);
padding: 0 0 40px;
margin: 60px 0;
}
}
.path-locations #block-chn-page-title, .path-locations form.views-exposed-form {
background-color: #f9fcfe;
}
.path-locations #block-chn-page-title h1 {
margin-bottom: 0;
}
.path-locations form.views-exposed-form {
padding-top: 30px;
}
div.list-locations div.js-form-type-checkbox {
float: left;
box-sizing: border-box;
width: 25%;
padding: 0 15px 5px;
min-height: 3em;
}
div.list-locations div.js-form-type-checkbox:nth-child(4n + 1) {
clear: left;
}
div.list-locations span.fieldset-legend {
position: absolute;
left: -99em;
}
div.preview.location {
box-shadow: 0px 1px 2px rgba(0, 0, 0, .1);
margin-bottom: 5px;
}
div.preview.location, div.preview.location p.address span {
color: #303030;
font-size: 15px;
line-height: 1.133333333;
}
div.preview.location h2, div.preview.location h2 a {
color: #f15d22;
font-size: 20px;
line-height: 1.05;
font-weight: bold;
}
div.preview.location p.address {
display: block;
margin: 3px 0;
}
div.preview.location p.address span {
display: inline;
float: none;
}
div.preview.location p.address span.country {
display: none;
}
div.preview.location p.address br {
display: block;
}
div.preview.location div.field--name-field-phone-number {
margin: 0;
padding: 0;
}
div.preview.location div.field--type-telephone, div.preview.location div.field--type-telephone a {
color: #303030;
font-size: 20px;
line-height: 1.1;
font-weight: bold;
margin: 11px 0;
}
div.preview.location div.field--type-telephone a:hover, div.preview.location div.field--type-telephone a:focus {
text-decoration: underline;
}
div.preview.location div.field--name-field-emergency-number, div.preview.location div.field--name-field-emergency-number a {
font-size: 17px;
margin-top: 0;
}
div.preview .emergency-num {
font-size: 16px;
margin-top: -5px;
display: block;
}
div.list-locations {
text-align: center;
}
div.list-locations .form-item {
text-align: left;
}
div.list-locations div.more-link {
margin: 0 auto 60px;
}
@media screen and (max-width:800px) {
div.list-locations div.js-form-type-checkbox {
width: 50%;
}
}
@media screen and (max-width:600px) {
div.list-locations div.js-form-type-checkbox {
float: none;
width: auto;
padding: 0 0 15px;
min-height: 0;
}
div.list-locations ul.inner li {
box-shadow: 0px 1px 2px rgba(0, 0, 0, .1);
}
div.preview.location {
box-shadow: none;
margin-bottom: 0;
}
div.list-locations div.more-link {
display: block;
margin-left: 20px;
margin-right: 20px;
}
}
.ky-search .ky-search-bar, .ky-search .ky-input-search-terms, .ky-search .ky-input-location,
.ky-search .ky-submit-search {
padding: 0 !important;
}
.ky-powered-by-link, .ky-search .ky-legal, .ky-right-input-group {
display: none !important;
}
div.kyruus-search-widget {
padding-top: 40px;
}
label.ky-label-m.ky-mb-xs.ky-d-block {
color: #727374;
font-size: 15px;
}
.ky-search .ky-search-bar label {
white-space: normal !important;
text-indent: 0 !important;
padding-left: 0 !important;
}
.ky-search input {
border-radius: 15px;
}
.ky-search input:-ms-input-placeholder {
color: #c2c2c2 !important;
}
.ky-search .ky-search-bar input[type=text]:active, .ky-search .ky-search-bar input[type=text]:focus {
outline: none;
border-color: #b2ccdb;
box-shadow: 0 0 1em #b2ccdb;
}
@font-face {
font-family: 'dancing_script_otregular';
src: url(https://dev.ecommunity.com/themes/custom/chn/webfonts/dancingscript-regular-webfont.woff2) format('woff2'), url(https://dev.ecommunity.com/themes/custom/chn/webfonts/dancingscript-regular-webfont.woff) format('woff');
font-weight: normal;
font-style: normal;
}
.mobile, .page-node-type-testimonial .inner h1, .page-node-type-person .inner h1 {
display: none;
}
div.patient-image, div.information {
width: 50%;
float: left;
}
div.top-container, div.bottom {
background-color: #f9fcfe;
box-shadow: 0px 1px 2px rgba(0, 0, 0, .1);
padding: 60px 0 0;
margin-bottom: 10px;
overflow: auto;
}
div.top div.content {
display: none;
}
div.bottom {
padding: 10px 0 0;
}
div.bottom div.inner, div.middle div.inner {
max-width: 920px;
}
div.middle {
background: #f1f5f6;
padding: 40px 0 60px 0;
}
div.middle h4 {
font-family: 'dancing_script_otregular';
font-weight: normal;
font-size: 44px;
margin: 0;
}
.patient-image div img {
border-radius: 50%;
display: block;
margin: 0 auto;
z-index: 9;
text-align: center;
}
div.patient-wrapper {
position: relative;
display: inline-block;
}
span.play {
background: url(https://dev.ecommunity.com/themes/custom/chn/img/playhead-w.svg) no-repeat center center;
display: block;
margin: -240px 0 0 0;
height: 75px;
position: relative;
z-index: 10;
opacity: 0.5;
}
div.information h3 {
border-bottom: 3px solid #e5e8ea;
padding-bottom: 5px;
font-size: 20px;
}
div.information h2 {
font-family: 'ProximaNova-Light', Helvetica, Arial, sans-serif;
font-size: 40px;
color: #313233;
}
div.info {
border-bottom: 1px solid #e5e8ea;
}
div.info:last-child {
border-bottom: none;
}
div.info:first-of-type {
border-top: 1px solid #e5e8ea;
}
div.info span, div.info div {
display: inline-block;
}
div.info span.address-line1:after {
content: '';
}
span.first {
width: 95px;
padding: 25px 0;
margin-right: 45px;
text-align: left;
color: #727374;
}
div.info div.field--name-field-condition, div.info p.address, .field--name-field-procedures span {
font-family: "ProximaNova", Helvetica, Arial, sans-serif;
font-weight: bold;
color: #42525f;
padding-bottom: 0;
}
div.info div.field--type-entity-reference a {
font-family: "ProximaNova", Helvetica, Arial, sans-serif;
font-size: 15px;
color: #f15d22 !important;
text-decoration: none;
font-weight: bold;
}
div.info .field--name-field-procedure .lm, div.info .field--name-field-procedure div {
display: none;
}
div.info div.field--name-field-location {
padding: 0;
margin: 0;
position: relative;
top: 20px;
}
div.info div.field--name-field-location p.address br:first-of-type {
display: inherit;
}
div.info .field--name-field-address {
text-align: left;
display: block;
}
div.info p.address span.locality {
clear: left;
}
.field--name-field-quotable {
font-family: 'Merriweather', serif;
font-size: 24px;
font-style: italic;
font-weight: 300;
color: #42525f;
clear: both;
padding: 160px 0 65px;
text-align: center;
max-width: 850px;
margin: 0 auto;
}
.small-pro {
border-left: 1px solid #42525f;
padding: 15px 0 15px 15px;
min-height: 150px;
margin: 50px 0 70px 0;
position: relative;
z-index: 1;
}
div.bottom .small-pro:before {
content: '';
background: url(https://dev.ecommunity.com/themes/custom/chn/img/info-circle.svg) no-repeat 0 0;
background-size: contain;
width: 250px;
height: 250px;
position: absolute;
left: -170px;
top: -35px;
z-index: -1;
}
.small-pro span {
font-size: 24px;
font-weight: bold;
padding-bottom: 10px;
}
.small-pro div {
font-size: 17px;
padding-bottom: 20px;
}
.small-pro a:first-child {
text-decoration: none;
}
article.node--type-person h2 {
margin-bottom: 0;
}
article.node--type-person div.field--type-string {
display: inline-block;
}
article.node--type-person a {
text-decoration: none;
color: #f15d22;
}
article.node--type-person div.info {
border-top: 1px solid #e5e8ea;
}
article.node--type-person .field--name-field-phone-number {
font-size: 17px;
padding-bottom: 0;
}
article.node--type-person .field--name-field-phone-number a {
color: #445c6e;
}
article.node--type-person .field--name-body {
margin: 25px 0 60px 0;
}
div.field--name-field-credentials:after {
content: ',';
position: relative;
left: -5px;
}
div.sub-cred {
font-family: 'ProximaNova-Light', Helvetica, Arial, sans-serif;
font-size: 20px;
color: #42525f;
font-weight: bold;
padding: 0 0 20px 0;
text-align: left;
}
div.email {
font-weight: bold;
margin-bottom: 40px;
}
div.email a:before {
content: '';
display: block;
background: url(https://dev.ecommunity.com/themes/custom/chn/img/envelope.svg) no-repeat;
width: 20px;
height: 20px;
float: left;
margin-right: 5px;
}
.page-node-type-person div#block-chn-content {
background: #f1f5f6;
border-bottom: 1px solid #f1f5f6;
}
article.node--type-person {
margin-bottom: 80px;
background: #f9fcfe;
box-shadow: 0px 1px 2px rgba(0, 0, 0, .1);
}
@media screen and (max-width:880px) {
div.information h3 {
display: none;
}
div.top h3.mobile {
display: block;
text-align: center;
border-bottom: 4px solid #e5e8ea;
padding-bottom: 10px;
}
div.information h2 {
font-size: 34px;
text-align: center;
}
div.patient-image, div.information {
width: 100%;
float: none;
}
.field--name-field-picture {
width: 200px;
margin: 0 auto;
}
div.patient-wrapper {
display: block;
height: 200px;
margin: 0 auto;
position: relative;
}
.patient-image div img, .patient-image div a {
width: 200px;
height: 200px;
}
span.play {
margin: -125px 0 0 0;
height: 50px;
}
div.info div {
display: block;
}
span.first {
padding: 20px 0 5px;
}
div.info div, div.info div.field--name-field-condition, div.info p.address,
.field--name-field-procedures span {
padding-bottom: 25px;
}
div.info div.field--name-field-location {
top: 0;
}
div.bottom .field--name-field-procedure:before {
left: 200px;
top: -15px;
}
div.sub-cred {
font-size: 15px;
text-align: center;
}
div.email-cont {
text-align: center;
padding-bottom: 30px;
}
div.email {
margin: 0 auto;
}
div.info .field--name-field-phone-number {
text-align: left;
padding-bottom: 25px;
}
.field--name-field-quotable {
padding-top: 30px;
}
div.bottom .small-pro:before {
left: inherit;
right: -110px;
top: -20px;
}
.small-pro {
border-left-width: 4px;
}
.small-pro span {
font-size: 20px;
padding-bottom: 10px;
}
.small-pro div {
font-size: 15px;
}
}
.path-services #block-chn-page-title, .path-education-research #block-chn-page-title,
.path-services div.views-header {
background-color: #f9fcfe;
}
.path-services #block-chn-page-title h1, .path-education-research #block-chn-page-title h1 {
margin-bottom: 0;
}
.path-services div.views-header, .path-education-research #block-chn-page-title {
padding-top: 10px;
margin-bottom: 5px;
box-shadow: 0px 1px 2px rgba(0, 0, 0, .1);
}
.path-education-research #block-chn-page-title {
padding-bottom: 40px;
}
.path-services div.views-header p {
margin-top: 0;
}
div.preview.service, div.preview.ed-research {
text-align: center;
box-shadow: 0px 1px 2px rgba(0, 0, 0, .1);
margin-bottom: 5px;
}
div.preview.service div.img, div.preview.ed-research div.img {
position: relative;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d;
min-height: 5em;
}
div.preview.service div.img img, div.preview.ed-research div.img img {
display: block;
}
div.preview.service div.text, div.preview.ed-research div.text {
text-align: left;
padding: 5px 20px 0;
}
div.preview.service div.text p, div.preview.ed-research div.text p {
text-align: left;
padding: 10px 0 0;
color: #313233;
}
div.preview.service div.img h2, div.preview.ed-research div.img h2 {
color: #fff;
font-size: 27px;
font-family: "ProximaNova-Light", Helvetica, Arial, sans-serif;
line-height: 1;
background: #0d141a;
background: rgba(13, 20, 26, .4);
margin: 0;
padding: 0;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
div.preview.service div.img h2 span, div.preview.ed-research div.img h2 span {
position: absolute;
left: 10px;
right: 10px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
div.preview.service div.text p:last-child:after, div.preview.ed-research div.text p:last-child:after {
content: "\2192";
color: #f15d22;
display: inline;
font-size: 1.3em;
vertical-align: middle;
position: relative;
left: 7px;
top: -2px;
}
div.preview.service a:hover div.img h2
div.preview.ed-research a:hover div.img h2 {
background: rgba(13, 20, 26, .6);
}
@media screen and (max-width:600px) {
div.preview.service, div.preview.ed-research {
margin-bottom: 0;
box-shadow: none;
}
.list-services ul.inner li, .list-ed-research ul.inner li {
box-shadow: 0px 1px 2px rgba(0, 0, 0, .1);
}
div.preview.service div.text, div.preview.ed-research div.text {
font-size: 13px;
padding: 0 10px;
}
}
.page-node-type-service #block-chn-page-title h1 {
display: none;
}
article.node--type-procedure {
background-color: #f9fcfe;
box-shadow: 0px 1px 2px rgba(0, 0, 0, .1);
padding: 20px 0 40px;
margin-bottom: 80px;
}
article.node--type-procedure .inner {
max-width: 920px;
}
article.node--type-service {
background: #f1f5f6;
}
.registration {
margin: 60px 0;
}
.registration .inner {
max-width: 920px;
}
.registration h2 {
font-family: "ProximaNova-Light", Helvetica, Arial, sans-serif;
padding-top: 0;
margin-top: 20px;
text-align: center;
}
.registration img {
width: 65px;
height: 70px;
display: block;
margin: 0 auto;
}
.registration p {
font-size: 17px;
line-height: 1.5em;
}
.registration .field--name-field-phone-number a {
color: #f15d22;
text-decoration: none;
position: relative;
top: 5px;
}
.registration .btn a {
text-decoration: none;
}
.registration .field--name-field-phone-number {
font-size: 30px;
}
.registration .field--name-field-phone-number, .registration .btn {
display: inline-block;
}
.reg-contact {
text-align: center;
}
.reg-contact span {
margin: 0 10px;
font-weight: bold;
}
.service-section-procedures {
background-color: #f9fcfe;
box-shadow: 0px 1px 2px rgba(0, 0, 0, .1);
margin-bottom: 5px;
}
.service-section-procedures .inner {
max-width: 920px;
}
.inner .service-procedures {
overflow: auto;
padding: 20px 0 60px;
}
.service-procedures h2 {
font-size: 40px;
}
.service-procedures .view-procedures {
margin-top: 40px;
}
.service-procedures .small-pro {
width: 45%;
float: left;
margin: 0 30px 40px 0;
padding: 5px 0 10px 15px;
min-height: auto;
}
.service-procedures .small-pro span {
font-size: 20px;
font-weight: bold;
line-height: 1.5em;
}
.service-procedures .small-pro div {
font-size: 15px;
padding-bottom: 20px;
}
.service-procedures .small-pro .field--name-field-plain-description {
padding-right: 40px;
}
.service-procedures .view-procedures .views-row:nth-child(3) {
clear: both;
}
@media screen and (max-width:850px) {
.inner .service-procedures {
padding-left: 0;
padding-right: 0;
}
.service-procedures .small-pro {
display: block;
float: none;
width: 98%;
border-left: 4px solid #42525f;
margin: 45px 0 30px 0;
}
.service-procedures {
padding: 0;
overflow: hidden;
}
.service-procedures .small-pro a:last-child {
padding: 8px 12px;
}
}
@media screen and (max-width:700px) {
.service-procedures h2 {
font-size: 24px;
}
.service-body .callout, .ed-research-body .callout {
padding: 10px 20px 30px;
box-shadow: none;
margin-bottom: 10px;
}
.registration .field--name-field-phone-number, .registration .btn {
width: 100%;
padding: 10px 0;
}
.registration .field--name-field-phone-number {
padding: 0 0 10px 0;
}
.registration .btn {
margin-bottom: 10px;
}
}
.page-node-type-person-group .list-result {
padding: 0;
}
.page-node-type-person-group #block-chn-page-title {
display: none;
}
.page-node-type-person-group #block-chn-content .inner {
padding: 0 10% 5%;
background: #f9fcfe;
}
.section-body {
border: 1px solid #d4d5d0;
display: block;
clear: both;
text-align: center;
margin: 0 1% 3%;
overflow: auto;
}
.section-body > div {
font-family: "ProximaNova", Helvetica, Arial, sans-serif;
color: #303030;
font-size: 20px;
line-height: 1.1;
font-weight: bold;
margin: 3%;
}
.section-wrapper {
position: relative;
text-align: center;
margin: 3%;
padding-top: 25px;
}
.section-wrapper h2 {
display: inline-block;
margin: -13px;
background: #f1f5f6;
text-align: center;
vertical-align: -12px;
padding: 0 1%;
}
.page-node-type-person-group .inner p {
font-size: 17px;
line-height: 1.3;
}
.person {
float: left;
width: 25%;
margin: 28px 0;
min-height: 252px;
}
.person a, .person a:hover h3, .person a:focus h3 {
text-decoration: none;
}
.person a:hover span.cta, .person a:focus span.cta {
text-decoration: underline;
}
.picture img {
border-radius: 85px;
display: block;
margin: auto;
}
.person-name, .person h3 {
font-family: "ProximaNova", Helvetica, Arial, sans-serif;
color: #303030;
font-size: 18px;
line-height: 1.1;
font-weight: bold;
margin: 15px 0 0;
padding: 0;
}
.person span.cta {
display: block;
text-align: center;
margin: 6px 0 0;
}
.person-link, .section-wrapper .field--name-field-subhead {
color: #f15d22;
font-size: 16px;
text-decoration: none;
display: block;
margin-top: 6px;
}
.section-wrapper .field--name-field-subhead {
color: #42525f;
font-weight: normal;
}
div.views-block.testimonial div.person {
float: none;
width: auto;
margin: 0;
padding: 0 0 60px;
min-height: 0;
overflow: hidden;
}
div.views-block.testimonial div.person div.picture {
float: left;
margin: 0 25px 0 0;
}
div.views-block.testimonial div.person div.text {
overflow: hidden;
text-align: center;
padding: 0 25px;
}
div.views-block.testimonial blockquote {
margin: 0;
padding: 0;
}
div.views-block.testimonial .field--name-field-quotable {
max-width: none;
line-height: 1.5;
padding: 30px 0 0;
}
div.views-block.testimonial cite {
display: block;
color: #8e9496;
font-size: 15px;
line-height: 1.1;
font-style: normal;
margin: 10px 0 20px;
}
div.views-block.testimonial a {
color: #f15d22;
text-decoration: underline;
}
@media screen and (max-width:920px) {
.page-node-type-person-group #block-chn-content .inner h1 {
font-size: 30px;
}
.section-wrapper {
margin: 3% -2%;
}
.section-body {
padding: 0 15px;
border-bottom: none;
}
.person {
width: 100%;
float: none;
overflow: auto;
min-height: initial;
}
.picture {
float: left;
margin-right: 15px;
}
.picture .field--name-field-picture, .picture img {
width: 80px;
height: 80px;
}
div.views-block.testimonial .picture .field--name-field-picture,
div.views-block.testimonial .picture img {
width: auto;
height: auto;
}
.person-name, .person-link, .section-wrapper .field--name-field-subhead {
text-align: left;
}
}
@media screen and (max-width:600px) {
div.views-block.testimonial {
padding-top: 40px;
}
div.views-block.testimonial div.person {
padding-bottom: 40px;
}
div.views-block.testimonial div.person div.picture {
float: none;
margin: 0;
}
div.views-block.testimonial div.person div.text {
padding: 0;
}
}
div.views-block.doctors {
background: #f9fcfe;
box-shadow: 0px 1px 2px rgba(0, 0, 0, .1);
margin-bottom: 10px;
}
div.list-doctors div.list-result .inner > div > div, div.list-doctors div.list-result li {
width: 25%;
float: left;
clear: none !important;
text-align: center;
margin: 0 0 30px;
}
div.list-doctors div.list-result div.person {
float: none;
width: auto;
margin: 0;
overflow: hidden;
}
div.list-doctors div.list-result div.picture {
float: none;
margin: 0;
}
div.list-doctors div.list-result div.picture img {
width: 170px;
height: auto;
max-width: 100%;
}
@media screen and (max-width:600px) {
div.list-doctors div.list-result li {
width: 50%;
padding: 0 20px;
}
}
@media screen and (max-width:400px) {
div.list-doctors div.list-result li {
width: auto;
float: none;
padding: 0 0 10px;
}
}
.view-events .views-row {
border-bottom: 1px solid #e7ebec;
padding: 20px 0;
margin: 0 auto;
max-width: 1040px;
clear: both;
}
.event-info {
width: 50%;
margin-left: 5%;
margin-top: 2%;
display: inline-block;
}
.event-location, .event-times {
font-size: 17px;
margin: 8px 0;
}
.event-times {
font-family: "ProximaNova", Helvetica, Arial, sans-serif;
font-weight: bold;
}
.event-location:before, .event-times:before {
content: '';
display: inline-block;
float: left;
width: 21px;
height: 21px;
background: url(https://dev.ecommunity.com/themes/custom/chn/img/clock-gray.svg);
vertical-align: middle;
margin: 0 5px 0 0;
}
.event-location:before {
background: url(https://dev.ecommunity.com/themes/custom/chn/img/location-marker-gray.svg);
}
.event-times > span {
border-right: 2px solid #ccc;
padding-right: 10px;
margin-right: 5px;
}
.event-image {
float: left;
}
.event-label a {
font-family: "ProximaNova-Light", Helvetica, Arial, sans-serif;
color: #f15d22;
font-size: 34px;
line-height: 38px;
text-decoration: none;
}
.event-label a:hover {
text-decoration: underline;
}
.cal-date {
font-family: "ProximaNova", Helvetica, Arial, sans-serif;
color: #42525f;
margin: 62px 20px 0;
display: inline-block;
width: 96px;
height: 96px;
border: 1px solid #e7ebec;
float: left;
}
.month-year {
text-align: center;
font-size: 13px;
display: inline-block;
text-transform: uppercase;
letter-spacing: 2px;
clear: both;
width: 100%;
}
.month-date {
text-align: center;
font-size: 60px;
margin: -13px 0;
font-weight: bold;
display: inline-block;
clear: both;
width: 100%;
}
.events-link {
font-family: "ProximaNova", Helvetica, Arial, sans-serif;
height: 36px;
line-height: 40px;
width: 49%;
display: inline-block;
cursor: pointer;
}
.events-link a {
color: #396a86;
font-weight: normal;
text-decoration: none;
}
.events-link a:hover {
text-decoration: underline;
}
.events-link.previous {
text-align: left;
}
.events-link.next {
text-align: right;
float: right;
}
.field--name-field-short-description {
font-size: 15px;
}
.path-events .view-events {
margin-bottom: 40px;
}
.path-events .views-header .events-link-wrapper, .path-events .views-footer .events-link-wrapper {
border-top: 4px solid #e5e8ea;
border-bottom: 1px solid #e5e8ea;
margin-top: 20px;
margin-bottom: 40px;
padding: 0;
display: none;
}
.path-events .views-header .events-link-wrapper {
border-bottom: 4px solid #e5e8ea;
border-top: 1px solid #e5e8ea;
margin-bottom: 0;
}
.path-events .views-header, .path-events .views-footer {
font-size: 17px;
font-weight: bold;
color: #396a86;
}
.path-events .views-header .result-date {
font-family: "Merriweather", Helvetica, Arial, sans-serif;
font-size: 40px;
font-weight: 300;
padding-top: 50px;
color: #42525f;
}
.path-events .views-header .result-summary {
font-family: "ProximaNova", Helvetica, Arial, sans-serif;
font-weight: normal;
color: #42525f;
}
.path-events form.views-exposed-form {
display: block;
overflow: hidden;
margin: 0;
background-color: #f9fcfe;
box-shadow: 0px 1px 2px rgba(0, 0, 0, .1);
padding: 30px 0;
}
.path-events form.views-exposed-form .form-item {
display: inline-block;
padding: 20px;
}
.path-events div.list-result {
padding: 0;
border-top: none;
}
.path-events .inner h1 {
margin: 0;
}
.path-events form.views-exposed-form .form-actions {
display: block;
}
.path-events form.views-exposed-form .inner {
text-align: center;
}
.path-events #block-chn-page-title {
background: #f9fcfe;
}
.path-events .inner .event-label {
font-family: "ProximaNova-Light", Helvetica, Arial, sans-serif;
}
.path-events form.views-exposed-form div.elements {
padding: 20px 0 0;
}
.path-events form.views-exposed-form input {
display: none;
}
@media screen and (max-width:600px) {
.path-events form.views-exposed-form {
padding-bottom: 0;
}
.path-events .views-row {
position: relative;
border: none;
}
.event-image, .views-row .no-image {
height: 160px;
overflow: hidden;
margin: 0 20px;
display: block;
max-width: 100%;
float: none;
}
.event-image img, .views-row .no-image {
position: relative;
top: -35px;
}
.views-row .no-image {
height: 100px;
}
.event-info {
width: 80%;
margin: 0 20px;
clear: both;
display: inline-block;
}
.event-label a {
font-size: 20px;
line-height: inherit;
}
.event-label > span {
color: #f15d22;
font-size: 20px;
line-height: 38px;
}
.cal-date {
color: #fff;
margin: 0;
display: inline-block;
width: 68px;
height: 68px;
border: none;
position: absolute;
left: 10px;
top: 30px;
background-color: #42525f;
z-index: 100;
}
.month-year {
text-align: center;
font-size: 9px;
display: inline-block;
text-transform: uppercase;
clear: both;
width: 100%;
}
.month-year.year {
display: block;
}
.month-date {
text-align: center;
font-size: 40px;
margin: -12px 0 -12px;
font-weight: bold;
display: inline-block;
clear: both;
width: 100%;
}
.event-times, .event-location {
font-size: 14px;
}
.event-location:before, .event-times:before {
width: 16px;
height: 16px;
}
.field--name-field-short-description {
font-size: 13px;
}
}
.page-node-type-event div.top {
background: gray;
position: relative;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d;
min-height: 5em;
margin-bottom: 90px;
}
.top .event-image:before {
content: "";
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: rgba(0, 0, 0, 0.5);
z-index: 1;
}
.top .event-image {
float: none;
}
.page-node-type-event .top .event-image img {
display: block;
margin: 0 auto;
}
.page-node-type-event .top {
color: #fff;
position: relative;
height: 600px;
}
.page-node-type-event .top h1 {
font-size: 55px;
color: #fff;
}
.page-node-type-event .top h1, .page-node-type-event .top .instructor,
.page-node-type-event .top .event-register {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 99;
}
.page-node-type-event .top .instructor {
top: 200px;
}
.page-node-type-event .top .event-register {
top: 600px;
}
.page-node-type-event .top h1 span, .page-node-type-event .top .instructor span,
.page-node-type-event .top .event-register span {
position: absolute;
left: 10px;
right: 10px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.page-node-type-event .top h1 span {
margin: 0 15%;
}
.page-node-type-event .top h1 span:after {
content: '';
display: block;
width: 40px;
height: 1px;
border-bottom: 1px solid #fff;
margin: 0 auto;
padding-top: 30px;
}
div.top.no-image {
height: 300px;
}
div.top.no-image .instructor {
top: 160px;
}
div.top.no-image .event-register {
top: 300px;
}
.node--type-event .inner {
max-width: 945px
}
.instructor, .event-register {
text-align: center;
clear: both;
}
.instructor div {
display: inline-block;
font-weight: bold;
}
.instructor span:before {
content: '';
display: inline-block;
background: url(https://dev.ecommunity.com/themes/custom/chn/img/microphone.svg) no-repeat;
width: 28px;
height: 28px;
margin-right: 5px;
position: relative;
top: 8px;
}
.event-register div {
display: inline-block;
padding: 15px;
font-size: 24px;
}
.event-register .btn {
border-radius: 0;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
border-left: 1px solid #fff;
}
div.btn.rounded {
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
border-left: none;
}
.event-register .btn a {
text-decoration: none;
}
.price {
margin-right: -10px;
color: #fff;
}
.event-detail {
display: block;
width: 30%;
float: left;
text-align: center;
min-height: 150px;
position: relative;
}
.event-address.event-detail {
padding: 0 30px;
}
.event-detail:after {
content: '';
background: #e5e8ea;
width: 1px;
height: 100px;
position: absolute;
top: 20px;
right: 0;
}
.event-detail:nth-child(3):after {
display: none;
}
.event-body {
clear: both;
padding: 1.5% 8.46%;
}
.event-body p {
margin: 0;
}
.event-date:before, .event-address:before, .event-spots:before {
content: '';
display: block;
background: url(https://dev.ecommunity.com/themes/custom/chn/img/clock-purple.svg) no-repeat;
width: 53px;
height: 53px;
position: relative;
margin: 0 auto 15px;
}
.event-address:before {
background: url(https://dev.ecommunity.com/themes/custom/chn/img/location-marker-orange.svg) no-repeat;
}
.event-spots:before {
background: url(https://dev.ecommunity.com/themes/custom/chn/img/chair.svg) no-repeat;
}
.event-date p {
font-family: "ProximaNova", Helvetica, Arial, sans-serif;
font-weight: bold;
color: #355568;
margin: 15px 0 0 0;
}
.event-date span {
display: block;
color: #445c6e;
}
.event-date span, .event-address a {
font-family: "ProximaNova-Light", Helvetica, Arial, sans-serif;
font-size: 20px;
text-decoration: none;
}
.event-address .address {
margin-top: 15px;
color: #f15d22;
display: block;
}
.event-address .address span {
float: none;
font-weight: bold;
padding-right: 0;
}
.event-address .address .administrative-area, .event-address .address .locality,
.event-address .address .postal-code {
display: inline-block;
}
.event-address .address span.address-line1:after {
content: '';
}
.event-spots p {
margin: 0;
}
.event-spots .btn {
background: inherit;
border: none;
margin-top: 10px;
}
.event-spots .btn a {
color: #445c6e !important;
text-decoration: none;
}
.sponsor {
text-align: center;
margin: 35px 0 70px 0;
}
.sponsor p {
color: #b9c0c7;
font-size: 14px;
padding-bottom: 10px;
text-transform: uppercase;
}
.sponsor img {
max-width: 170px;
height: auto;
}
@media screen and (max-width:600px) {
.event-detail {
width: 100%;
height: auto;
float: none;
padding: 0 !important;
}
.event-detail:after {
display: none;
}
.top .event-image {
height: auto;
margin: 0;
}
.top .event-image img {
top: 0;
}
.page-node-type-event .top h1 {
font-size: 30px;
}
.page-node-type-event .top h1 span, .page-node-type-event .top .instructor span {
padding: 0 20px;
}
.page-node-type-event .top .event-register span {
width: 100%;
left: 0;
right: 0;
}
.page-node-type-event .top h1 span {
margin: 0 10%;
}
.event-register div {
font-size: 20px;
}
.sponsor img {
display: block;
width: 100%;
height: auto;
margin: 0 auto;
}
}
.path-blog form.views-exposed-form div.js-form-type-select, .path-blog form.views-exposed-form div.form-actions {
display: inline-block;
}
.path-blog form.views-exposed-form .inner {
padding: 0;
}
.path-blog form.views-exposed-form div.elements {
padding-bottom: 30px;
}
.path-blog .views-element-container {
background-color: #f1f5f6;
padding: 10px 0 75px;
}
.path-blog .menu .views-element-container {
background-color: inherit;
padding: 0 50px;
}
.path-blog div.views-element-container nav a {
height: inherit;
letter-spacing: inherit;
background: none;
font-size: 1em;
}
.path-blog div.views-element-container ul, div.views-element-container li {
overflow: auto;
}
div.blog-listing {
overflow: auto;
background: #f9fcfe;
box-shadow: 0px 1px 2px rgba(0, 0, 0, .1);
}
div.blog-listing.inner {
max-width: 740px;
padding: 0 55px;
}
div.blog-listing ul li:first-child div.field--type-text-with-summary img {
display: none;
}
div.blog-listing div.field--type-text-with-summary {
display: none;
}
.blog-small-teaser .field--type-text-with-summary p br {
display: none;
}
.path-blog .exposed-form-title, .path-blog #block-chn-page-title {
display: none;
}
div.blog-listing > ul li div.field--name-field-main-image {
height: 150px;
overflow: hidden;
}
div.blog-listing li {
float: left;
width: 47.97%;
padding: 0 0 50px;
min-height: 320px;
}
div.blog-listing ul:first-child li:nth-child(odd) {
margin-right: 4.05%;
}
div.blog-listing ul li .field--name-field-main-image img {
display: block;
width: 100%;
height: auto;
}
.blog-small-teaser h2 {
margin: 0;
}
.blog-small-teaser h2 a {
font-family: "ProximaNova-Light", Arial, Helvetica, sans-serif;
text-decoration: none;
color: #313233;
}
.blog-small-teaser .field--name-field-author {
display: inline;
}
li .blog-small-teaser h2 a {
font-size: 24px;
}
li .blog-small-teaser h2 {
padding-top: 20px;
}
.blog-small-teaser div.byline {
color: #727374;
font-size: 13px;
}
.blog-small-teaser div.byline span {
display: inline-block;
}
.blog-small-teaser div.byline .field--name-field-author a {
text-decoration: none;
color: #313233;
font-weight: bold;
}
.blog-small-teaser div.byline span.date:before, .blog-small-teaser .field--name-field-topics a:nth-child(n + 2):before {
content: '.';
display: inline-block;
position: relative;
bottom: 3px;
padding-right: 3px;
font-size: 20px;
color: #727374;
}
.blog-small-teaser .field--type-text-with-summary p {
font-size: 17px;
margin-top: 5px;
}
.blog-small-teaser .field--name-field-topics a {
text-decoration: none;
color: #f15d22;
font-size: 13px;
}
@media screen and (max-width:700px) {
div.blog-listing li {
width: 100% !important;
float: none;
margin-right: 0;
}
div.blog-listing.inner {
padding: 0 20px;
}
.path-blog form.views-exposed-form.collapsed div.elements {
display: block;
}
.path-blog form.views-exposed-form.collapsed div.elements select {
width: 250px;
}
#views-exposed-form-blog-page-1 div.form-actions {
margin-left: 10px;
}
div.blog-listing li:first-child {
padding-top: 25px;
}
}
.page-node-type-blog #block-chn-page-title {
display: none;
}
.node--type-blog {
overflow: auto;
background: #f1f5f6;
padding-bottom: 80px;
}
.node--type-blog h1 {
font-family: 'ProximaNova-Light', Helvetica, Arial, sans-serif;
font-size: 48px;
color: #313233;
text-align: left;
padding: 30px 0;
margin: 0;
}
.node--type-blog a {
text-decoration: none;
color: #f15d22;
}
.node--type-blog .inner {
max-width: 1180px;
overflow: auto;
margin-top: 10px;
}
.node--type-blog .field--name-body {
border-top: 1px solid #e5e8ea;
margin-top: 40px;
padding-top: 40px;
}
.node--type-blog .field--name-body p:first-child {
margin-top: 0;
}
.node--type-blog .location-left {
width: 62.29%;
padding: 5.93% 5.51%;
background: #f9fcfe;
}
.node--type-blog .location-right {
width: 24.15%;
margin: 0 0 0 2.5%;
padding: 0;
}
.node--type-blog .field--type-image img {
width: 100%;
height: auto;
}
.authored .field--name-field-author, .authored .date {
display: inline-block;
}
.authored .field--name-field-author {
font-weight: bold;
}
.authored .field--name-field-author a {
color: #313233;
text-decoration: none;
}
.authored .date {
color: #727374;
}
.node--type-blog .field--name-field-topics a:nth-child(n + 2):before {
content: '.';
position: relative;
bottom: 3px;
padding-right: 3px;
color: #727374;
}
.authored .byline:after {
content: '.';
position: relative;
bottom: 3px;
color: #727374;
}
.node--type-blog ul {
-webkit-padding-start: 30px;
}
.node--type-blog li {
font-family: "ProximaNova", Helvetica, Arial, sans-serif;
font-weight: bold;
font-size: 17px;
margin-bottom: 15px;
}
.latest-block {
width: 100%;
min-height: 420px;
}
.latest-block h2 {
font-family: "BommerSlab-Light", Helvetica, Arial, sans-serif;
font-size: 24px;
text-align: left;
}
.latest-block h2::before {
background: url(https://dev.ecommunity.com/themes/custom/chn/img/heart.svg) no-repeat;
content: '';
display: block;
width: 26px;
height: 40px;
float: left;
margin-right: 5px;
}
@media all and (-ms-high-contrast:none), (-ms-high-contrast:active) {
.latest-block h2::before {
display: inline-block;
float: none;
vertical-align: middle;
height: 26px;
}
}
.latest-block ul li {
font-weight: normal;
list-style: none;
padding-top: 15px;
border-top: 1px solid #e5e8ea;
}
.latest-block ul li:last-child {
padding-bottom: 15px;
border-bottom: 1px solid #e5e8ea;
}
.latest-block ul li a {
color: initial;
}
.latest-block ul {
-webkit-padding-start: 0px;
}
.blog-posts-cta {
display: block;
margin: 20px auto;
width: 205px;
}
.blog-posts-feed {
display: block;
padding: 10px 10px 10px 30px;
color: #f15d22;
text-decoration: none;
text-align: center;
margin: 20px auto 60px;
width: 125px;
font-size: 18px;
background: url(https://dev.ecommunity.com/themes/custom/chn/img/rss-orange.svg) no-repeat;
background-size: 22px;
background-position-y: center;
}
@media screen and (max-width:940px) {
.blog-posts-cta {
width: 100%;
padding: 10px 0;
}
}
@media screen and (max-width:700px) {
.node--type-blog .location-left, .node--type-blog .location-right {
width: 100%;
padding: 0px;
margin: 0px;
}
.node--type-blog .inner {
padding: 0px;
max-width: none;
}
.blog-content, .latest-block {
width: initial;
padding: 20px;
}
.authored .date {
display: block;
padding-bottom: 10px;
}
.authored .date:before {
content: '';
padding: 0;
}
.blog-content + div.content-pager-links {
padding: 0 20px 20px;
}
.blog-content + div.content-pager-links ul {
margin: 0;
}
.blog-posts-feed {
margin-bottom: 35px;
}
}
div.latest-block p {
color: #313233;
margin-bottom: 12px;
border-bottom: 1px solid #e5e8ea;
padding-bottom: 17px;
}
div.latest-block div.views-row:first-child p {
border-top: 1px solid #e5e8ea;
padding-top: 17px;
}
div.latest-block a {
text-decoration: none;
color: #313233;
}
div.latest-block a:hover {
text-decoration: underline;
}
.context-bill-pay #block-chn-page-title, .context-bill-pay #block-chn-local-tasks,
.bill-pay-intro {
background-color: #f9fcfe;
}
.context-bill-pay #block-chn-local-tasks ul {
margin: 0;
padding: 10px 0;
}
.context-bill-pay #block-chn-page-title h1 {
margin-bottom: 0;
}
.bill-pay-intro {
padding: 10px 0 10px;
margin-bottom: 5px;
box-shadow: 0px 1px 2px rgba(0, 0, 0, .1);
}
.bill-pay-intro .inner {
padding: 0 10px;
}
div.js-enabled div.paragraph--type--bill-pay-facility {
display: none;
}
div.paragraph--type--bill-pay-facility .inner {
padding: 0 10px;
}
div.paragraph--type--bill-pay {
text-align: center;
color: #303030;
}
div.paragraph--type--bill-pay p {
max-width: 920px;
margin: 15px auto;
}
div.paragraph--type--bill-pay div.facility-select {
max-width: 381px;
margin: 35px auto 55px;
border: 1px solid #e5e8ea;
padding: 30px 15px;
position: relative;
}
div.paragraph--type--bill-pay span.label {
display: block;
font-weight: bold;
color: #313233;
font-size: 20px;
line-height: 1.1;
margin: 0 0 12px;
position: absolute;
top: -.7em;
left: 0;
right: 0;
}
div.paragraph--type--bill-pay span.label span {
background: #f9fcfe;
padding: 0 10px;
}
div.views-element-container.billpay {
padding-top: 0;
}
div.views-element-container.billpay ul.inner {
padding: 0;
}
div.views-element-container.billpay ul {
font-size: 1px;
text-align: center;
}
div.views-element-container.billpay li {
padding: 0 10px;
float: none;
display: inline-block;
vertical-align: top;
margin-left: auto;
margin-right: auto;
}
div.views-element-container.billpay h2 {
margin: 40px 0 45px;
padding: 0;
}
div.views-element-container.billpay h2 + img {
display: block;
max-width: 90%;
height: auto;
margin: 40px auto 45px;
}
div.views-element-container.billpay div.preview {
padding: 30px 20px 30px;
min-height: 266px;
font-size: 17px;
line-height: 1.235294118;
color: #42525f;
border: 1px solid #e5e8ea;
box-shadow: none;
}
div.views-element-container.billpay div.preview p {
margin: 15px 0;
}
div.views-element-container.billpay div.preview h3 {
font-family: "ProximaNova-Light", Helvetica, Arial, sans-serif;
font-size: 27px;
line-height: 1.1;
font-weight: normal;
margin: 0 0 10px;
}
div.views-element-container.billpay div.preview h3:before {
content: "";
display: block;
width: 134px;
height: 105px;
background: url(https://dev.ecommunity.com/themes/custom/chn/img/icons-billpay.png) no-repeat;
margin: 0 auto 20px;
}
div.views-element-container.billpay div.preview div.more-link {
margin: 0 auto;
}
div.views-element-container.billpay div.preview.mail h3:before {
background-position: -283px 0;
width: 112px;
}
div.views-element-container.billpay div.preview.phone h3:before {
background-position: -173px 0;
width: 59px;
}
div.views-element-container.billpay div.preview.phone span.phone,
div.views-element-container.billpay div.preview.phone span.phone a {
color: #f15d22;
font-weight: bold;
font-size: 24px;
}
@media screen and (max-width:800px) {
div.views-element-container.billpay div.preview {
min-height: 0;
}
}
body.path-contact div.layout-content {
width: 60%;
display: inline-block;
}
body.path-contact aside {
display: inline-block;
width: 40%;
vertical-align: top;
float: right;
}
body.path-contact aside > div {
max-width: 400px;
}
body.path-contact aside .contact-us-sidebar {
padding: 50px 40px 0 100px;
}
div.contact-container {
background: #f1f5f6;
}
.path-contact aside.layout-sidebar-first, .path-contact div.layout-content {
padding-top: 15px;
}
.chn-contact, .network-admin {
background: #fff;
padding: 50px 60px;
max-width: 640px;
margin: 0 auto;
}
.path-contact div#block-chn-content, .network-admin {
padding-left: 12%;
}
.network-admin {
color: #42525f;
background: #f1f5f6;
padding-left: 20%;
}
.network-admin p {
margin: 0;
}
.chn-contact h3, .path-contact aside h3, .network-admin h3 {
font-family: "ProximaNova", Helvetica, Arial, sans-serif;
}
.chn-contact label {
display: block;
font-weight: bold;
padding: 5px 0;
}
.chn-contact .js-form-item-facility label {
padding: 14px 0 8px;
}
.chn-contact label.form-required:after {
content: "*";
color: #f15d22;
font-size: 24px;
}
.chn-contact .js-form-type-select, .chn-contact .js-form-type-textfield,
.chn-contact .js-form-type-textarea {
padding: 12px 0;
width: 47%;
max-width: 300px;
}
div.form-item-name, div.form-item-purpose {
margin-right: 6%;
}
.chn-contact .js-form-type-textfield, .chn-contact .js-form-type-select {
float: left;
}
.chn-contact input, .chn-contact select, .chn-contact textarea, .chn-contact .js-form-type-textarea {
width: 100%;
background-position: 95%;
-webkit-background-position: 95%;
-moz-background-position: 95%;
-ms-background-position: 95%;
-o-background-position: 95%;
}
.chn-contact select {
padding-right: 30px !important;
-webkit-padding-end: 30px !important;
-webkit-padding-start: 10px !important;
}
.chn-contact select::-ms-expand {
display: none;
}
.chn-contact input[type='submit'] {
width: inherit;
}
.chn-contact .js-form-type-textarea {
max-width: inherit;
}
form.chn-contact h3, body.path-contact aside h3.block-title {
font-weight: bold;
font-size: 1.6em;
margin: 0;
}
body.path-contact aside h3.callus-main-number {
font-weight: bold;
font-size: 2em;
margin: 0 0 30px;
color: #f15d22;
}
body.path-contact aside h3.callus-main-number a {
color: #f15d22;
text-decoration: none;
}
body.path-contact aside p {
margin: 10px 0;
}
.callus-content p {
margin: 10px 0 0 !important;
color: #666;
}
.callus-content h2, .callus-content h3, .callus-content h4, .callus-content h5,
.callus-content h6 {
margin: 0;
font-size: 1.3em;
}
#block-contactpagechatwithus {
background: url(https://dev.ecommunity.com/themes/custom/chn/img/icon-chat.svg) no-repeat;
background-size: 46px;
background-position: 30px 50px;
}
#block-contactpagecallus {
background: url(https://dev.ecommunity.com/themes/custom/chn/img/phone-contact.svg) no-repeat;
background-size: 42px;
background-position: 33px 50px;
}
#block-contactpagecallbackservice h3 {
border-top: 1px solid #dbdee0;
padding-top: 20px;
}
.chn-contact .contact-description:before {
content: "";
display: inline-block;
float: left;
background: url(https://dev.ecommunity.com/themes/custom/chn/img/write-contact.svg) no-repeat;
background-size: 50px;
width: 50px;
height: 75px;
margin-right: 10px;
vertical-align: top;
}
.chn-contact .contact-description p {
margin-top: 5px;
}
@media screen and (max-width:920px) {
div.contact-container .inner {
padding: 0;
}
.path-contact div#block-chn-content {
padding-left: 0;
padding-bottom: 50px;
background: #f9fcfe;
}
.chn-contact {
max-width: inherit;
padding: 0;
margin-bottom: 15px;
padding: 0 20px;
}
.chn-contact .form-item-name, .chn-contact .form-item-purpose, .chn-contact .form-item-email,
.chn-contact .form-item-message {
float: none;
padding: 10px 0;
}
body.path-contact aside > div {
max-width: inherit;
}
body.path-contact div.layout-content {
width: 100%;
display: block;
}
body.path-contact aside {
display: block;
width: 100%;
float: none;
}
body.path-contact aside .contact-us-sidebar {
padding: 15px 20px 15px;
}
#block-contactpagechatwithus, #block-contactpagecallus {
background: none;
}
.contact-us-sidebar h3.block-title {
padding-bottom: 10px;
}
.contact-us-sidebar h3.block-title, .callus-content, .callus-main-number,
.callback-content {
text-align: center;
}
div.callback-content p {
margin-top: 0 !important;
}
#block-contactpagechatwithus h3.block-title:before, #block-contactpagecallus h3.block-title:before {
content: '';
display: inline-block;
background: url(https://dev.ecommunity.com/themes/custom/chn/img/icon-chat.svg) no-repeat;
background-size: contain;
width: 25px;
height: 25px;
margin-right: 5px;
position: relative;
top: 5px;
}
#block-contactpagecallus h3.block-title:before {
background: url(https://dev.ecommunity.com/themes/custom/chn/img/phone-contact.svg) no-repeat;
background-size: contain;
height: 25px;
width: 15px;
}
#block-contactpagecallbackservice .contact-us-sidebar {
padding-bottom: 50px;
}
.contact-description {
padding-top: 30px;
}
.contact-us-sidebar p.chat-description {
display: none;
}
.contact-us-sidebar a.btn, .chn-contact input[type='submit'] {
display: block;
}
.chn-contact .contact-description:before {
width: 30px;
height: 30px;
background-size: 28px;
margin-right: 5px;
}
.chn-contact .contact-description p {
margin-top: 10px;
}
.chn-contact .form-item-name, .chn-contact .form-item-purpose, .chn-contact .form-item-email,
.chn-contact .form-item-facility, .chn-contact .form--item-textarea,
.chn-contact select, .chn-contact input[type='submit'] {
width: 100%;
max-width: initial;
}
.network-admin {
padding: 20px 0 40px;
text-align: center;
}
}
.header.job.inner {
background: #f9fcfe;
max-width: 1130px;
padding: 25px 20px;
margin-bottom: 10px;
box-shadow: 0px 1px 2px rgba(0, 0, 0, .1);
}
@media screen and (max-width:600px) {
.header.job.inner {
padding: 10px 15px;
}
}
.header.job.inner .left {
width: 49%;
color: #bbbebf;
text-align: left;
vertical-align: middle;
display: inline-block;
}
.header.job.inner .right {
width: 49%;
text-align: right;
vertical-align: middle;
display: inline-block;
}
@media screen and (max-width:475px) {
.header.job.inner {
padding: 10px 15px;
width: 95%;
}
.header.job.inner .left, .header.job.inner .right {
width: 48%;
}
}
.header.job.inner .right .print {
display: inline-block;
position: relative;
}
.header.job.inner .right .print:before {
content: "";
width: 18px;
height: 18px;
background: url(https://dev.ecommunity.com/themes/custom/chn/img/print.svg) no-repeat;
display: inline-block;
vertical-align: middle;
position: absolute;
top: 20%;
left: 11px;
}
.page-node-type-job .layout-container {
background: #f1f5f6;
}
.page-node-type-job article.inner {
background: #f9fcfe;
max-width: 1070px;
padding: 0 50px;
box-shadow: 0px 1px 2px rgba(0, 0, 0, .1);
margin-bottom: 50px;
}
@media screen and (max-width:600px) {
.page-node-type-job article.inner {
padding: 0 20px;
}
}
.top.job--careers {
text-align: center;
border-bottom: 1px solid #eceff1;
margin-bottom: 30px;
padding-bottom: 30px;
}
.top.job--careers h2 {
font-family: "ProximaNova", Helvetica, Arial, sans-serif;
font-size: 42px;
font-weight: bold;
margin-bottom: 5px;
}
.top.job--careers .details .field__label:after {
content: ":";
display: inline-block;
}
.top.job--careers .details .field__label, .top.job--careers .details .field__item {
display: inline-block;
}
.top.job--careers .details .field--type-link .field__label, .left.job-content .field .field--name-field-job-location-name .field__label,
.left.job-content .field .field--name-field-address .field__label {
display: none;
}
.top.job--careers .details .btn {
margin-top: 20px;
}
.top.job--careers .details .btn a {
text-decoration: none;
}
.left.job-content, .right.job-content {
display: inline-block;
}
.left.job-content {
width: 25%;
vertical-align: top;
margin-top: 15px;
margin-right: 5%;
}
@media screen and (max-width:600px) {
.left.job-content {
width: 100%;
vertical-align: top;
margin-top: 15px;
margin-right: 0%;
}
}
.left.job-content > .field {
border-bottom: 1px solid #f1f5f6;
padding-bottom: 20px;
margin-bottom: 25px;
}
.left.job-content .field--name-field-job-hours {
border-bottom: none;
}
.left.job-content .field .field__label {
font-size: 14px;
color: #727374;
}
.left.job-content .field .field__item {
font-size: 20px;
color: #445c6e;
}
.left.job-content .field .field__item a {
text-decoration: none;
}
.left.job-content .field .field--name-field-job-location-name {
font-size: 20px;
color: #445c6e;
}
.left.job-content .field .field--name-field-address {
text-align: left;
color: #445c6e;
}
.left.job-content .field .field--name-field-address p.address {
padding-bottom: 0;
}
.left.job-content .field .field--name-field-address p.address .address-line1 {
display: block;
width: 100%;
}
.left.job-content .field .field--name-field-address .address span {
font-size: 14px;
}
.right.job-content {
width: 67%;
vertical-align: top;
}
@media screen and (max-width:600px) {
.right.job-content {
width: 100%;
vertical-align: top;
margin-bottom: 20px;
}
}
.right.job-content .field--name-field-link {
display: inline-block;
}
.right.job-content .field--name-field-link .field__label {
display: none;
}
.right.job-content .field--name-field-link a {
text-decoration: none;
}
.careers-landing-page-header .field-hero-image img {
width: 100%;
height: auto;
}
@media screen and (max-width:800px) {
.careers-landing-page-header .field-hero-image img {
width: 120%;
margin-left: -10%;
}
}
.careers-landing-page-header {
position: relative;
line-height: 0;
}
.careers-landing-page-header #views-exposed-form-job-search-page {
position: absolute;
}
.careers-landing-page-header #views-exposed-form-job-search-page .inner {
background: rgba(21, 33, 42, 0.8);
}
.careers-landing-page-header #views-exposed-form-job-search-page .inner .exposed-form-title {
padding: 30px 0;
}
.careers-landing-page-header #views-exposed-form-job-search-page .inner .elements div.browse-all {
padding: 25px 0 35px;
}
@media screen and (max-width:800px) {
.careers-landing-page-header #views-exposed-form-job-search-page {
position: relative;
}
.careers-landing-page-header #views-exposed-form-job-search-page .inner {
background: #42525f;
}
}
img {
max-width: 100%;
height: auto;
}
.page-node-type-career-area article {
background: #f1f5f6;
}
.hero--image {
position: relative;
}
.careers--area {
position: relative;
margin-top: -75px;
}
@media screen and (max-width:600px) {
.careers--area {
margin-top: 0;
}
}
.inner.hero--details {
background-color: #f9fcfe;
text-align: center;
}
.inner.hero--details .hero--inner {
padding: 50px 100px;
}
@media screen and (max-width:900px) {
.inner.hero--details .hero--inner {
padding: 25px 50px;
}
}
@media screen and (max-width:600px) {
.inner.hero--details .hero--inner {
padding: 15px 0;
}
}
.inner.hero--details .hero--inner span {
font-family: "Merriweather", Helvetica, Arial, sans-serif;
font-size: 36px;
}
.career-hero--body {
text-align: left;
}
.page-node-type-career-area .inner.careers--picker {
max-width: 100%;
padding: 0;
}
.page-node-type-career-area .paragraph--type--_-promos {
max-width: 1170px;
padding: 0 20px;
margin: auto;
}
.page-node-type-career-area .three-promos img {
max-width: 100%;
height: auto;
}
.page-node-type-career-area .three-promos {
background: transparent !important;
}
.page-node-type-career-area .three-promos div {
color: #42525f;
}
.page-node-type-career-area .three-promos div a {
display: none;
}
.page-node-type-career-area .three-promos div p {
margin-top: 5px;
}
.page-node-type-career-area .promo-block {
background: #70b575;
padding: 40px 0;
}
.page-node-type-career-area .promo-block h2 {
font-family: 'ProximaNova', Helvetica, Arial, sans-serif;
font-size: 28px;
color: #ffffff;
}
.page-node-type-career-area .promo-block p {
margin: 0;
}
.page-node-type-career-area .promo-block div {
color: #ceefd1;
font-size: 18px;
}
.page-node-type-career-area .promo-block span {
display: none;
}
.paragraph--type--_-promos {
display: flex;
vertical-align: top;
text-align: center;
margin-top: 35px;
padding-bottom: 0;
}
.three-promos {
width: 33%;
padding: 30px 40px;
vertical-align: top;
}
@media screen and (max-width:710px) {
.paragraph--type--_-promos {
display: block;
}
.three-promos {
width: 100%;
padding: 40px 10px;
box-sizing: border-box;
}
}
.three-promos div:nth-child(2) {
font-size: 24px;
font-weight: normal;
margin-top: 10px;
}
.header.job.inner .right .print, .header.job.inner .right .sharethis-share-button {
width: auto;
display: inline-block;
vertical-align: top;
}
.header.job.inner .right .print .btn-tertiary, .header.job.inner .right .btn-secondary {
font-size: 15px;
padding: 4px 17px 7px 32px;
}
.header.job.inner .right .btn-secondary {
position: relative;
border: inherit;
margin-left: 5px;
padding: 6px 17px 8px 33px;
}
.header.job.inner .right .btn-secondary:before {
position: absolute;
top: 6px;
left: 10px;
}
.header.job.inner .right .sharethis-share-button .share-widget.active {
width: 107%;
}
@media screen and (max-width:600px) {
.header.job.inner .right {
margin-right: 5px;
}
}
.page-node-type-careers-landing-page .paragraph--type--_-promos {
margin: 0;
}
.page-node-type-careers-landing-page .three-promos div, .page-node-type-careers-landing-page .three-promos a {
color: #fff;
}
.paragraph--type--video-promos {
max-width: 1170px;
margin: 25px auto 0;
padding: 0 20px;
display: block;
}
.paragraph--type--video-promos .field--name-field-video-thumbnail,
.paragraph--type--video-promos .field--name-field-description {
display: inline-block;
vertical-align: middle;
width: 50%;
}
.paragraph--type--video-promos a {
text-decoration: none;
}
.paragraph--type--video-promos .field--name-field-video-thumbnail img {
width: 100%;
height: auto;
}
.paragraph--type--video-promos .field--name-field-description {
font-size: 17px;
line-height: 1.5em;
width: 45%;
padding: 60px 0 75px 4%;
box-sizing: border-box;
}
.paragraph--type--video-promos .field--name-field-description h2 {
font-size: 40px;
}
.page-node-type-careers-landing-page .field--name-field-videos .field__item {
display: inline-block;
}
.page-node-type-careers-landing-page .field--name-field-videos .field__item a > div {
line-height: 1;
}
@media screen and (max-width:800px) {
.paragraph--type--video-promos {
margin: 0 auto;
padding: 0;
}
.paragraph--type--video-promos .field--name-field-video-thumbnail,
.paragraph--type--video-promos .field--name-field-description {
display: block;
width: 100%;
}
.paragraph--type--video-promos .field--name-field-description {
font-size: inherit;
line-height: inherit;
padding: 0 20px 40px;
}
.paragraph--type--video-promos .field--name-field-description h2 {
font-size: 30px;
}
}
#block-views-block-job-promo-job-post-block-3, .view-job-promo-job-post .views-row {
background: rgb(112, 181, 118);
text-align: center;
padding: 30px 0;
color: #c9eaca;
}
.view-job-promo-job-post .inner {
padding: 0;
}
#block-views-block-job-promo-job-post-block-3 h2, .view-job-promo-job-post .views-row h2 {
font-family: "ProximaNova", Helvetica, Arial, sans-serif;
font-size: 28px;
color: #ffffff;
margin: 0;
}
#block-views-block-job-promo-job-post-block-3 .bottom.description,
.view-job-promo-job-post .views-row .bottom.description {
background: initial;
border: 0;
margin: 0;
padding: 0;
box-shadow: none;
}
#block-views-block-job-promo-job-post-block-3 h2:first-child:first-letter,
.view-job-promo-job-post .views-row h2:first-child:first-letter {
font-size: 16px;
vertical-align: top;
line-height: 24px;
}
#block-views-block-job-promo-job-post-block-3 .bottom.description p,
.view-job-promo-job-post .views-row .bottom.description p {
margin-bottom: 0;
}
#block-views-block-job-post-recent-jobs {
background: #f9fcfe;
box-shadow: 0px 1px 2px rgba(0, 0, 0, .1);
margin-bottom: 80px;
}
#block-views-block-job-post-recent-jobs h2 {
text-align: center;
padding-top: 55px;
}
#block-views-block-job-post-recent-jobs .view-job-post {
overflow: auto;
}
#block-views-block-job-post-recent-jobs .view-job-post > div:nth-child(2n) {
background-color: #f3f7f8;
}
#block-views-block-job-post-recent-jobs .view-job-post > div.more-link {
background-color: #f15d22;
}
#block-views-block-job-post-recent-jobs .view-job-post > div.more-link:hover {
background-color: #ff7037;
}
#block-views-block-job-post-recent-jobs .view-job-post .job-teaser {
padding: 20px 25px;
}
#block-views-block-job-post-recent-jobs .view-job-post .job-teaser .job-header-teaser {
color: #bbbebf;
font-size: 12px;
margin-bottom: 10px;
}
#block-views-block-job-post-recent-jobs .view-job-post .job-teaser .job-content-teaser .left,
#block-views-block-job-post-recent-jobs .view-job-post .job-teaser .job-content-teaser .right {
display: inline-block;
width: 49%;
vertical-align: top;
line-height: 1.4;
}
#block-views-block-job-post-recent-jobs .view-job-post .job-teaser .job-content-teaser .left .title a {
text-decoration: none;
}
#block-views-block-job-post-recent-jobs .view-job-post .job-teaser .job-content-teaser .left h3 {
font-family: "ProximaNova-Light", Helvetica, Arial, sans-serif;
font-size: 18px;
color: #f15d22;
margin: 0;
}
#block-views-block-job-post-recent-jobs .view-job-post .job-teaser .job-content-teaser .left .field--name-field-job-department {
font-size: 14px;
font-weight: bold;
}
#block-views-block-job-post-recent-jobs .view-job-post .job-teaser .job-content-teaser .left .field--name-field-job-schedule,
#block-views-block-job-post-recent-jobs .view-job-post .job-teaser .job-content-teaser .left .field--name-field-job-shift {
font-size: 12px;
color: #727374;
display: inline-block;
}
#block-views-block-job-post-recent-jobs .view-job-post .job-teaser .job-content-teaser .right,
#block-views-block-job-post-recent-jobs .view-job-post .job-teaser .job-content-teaser .right .field--name-field-address {
font-size: 14px;
text-align: right;
}
#block-views-block-job-post-recent-jobs .view-job-post .job-teaser .job-content-teaser .right .field--name-field-address {
color: #727374;
}
#block-views-block-job-post-recent-jobs .view-job-post .more-link {
display: table;
margin: 60px auto;
}
form.chn-staff {
margin: auto;
display: block;
}
form.chn-staff div.js-form-wrapper {
width: 65%;
margin: 0 auto 40px;
}
form.chn-staff .list-doctors .views-header {
padding-top: 20px;
}
form.chn-staff .views-view-grid {
width: 67%;
margin: 0 auto;
}
form.chn-staff .views-view-grid .views-col {
margin-bottom: 25px;
}
form.chn-staff label {
font-weight: bold;
color: #42525f;
display: block;
clear: both;
line-height: 30px;
}
form.chn-staff label.form-required:after {
content: '*';
font-size: 24px;
color: #f15d22;
line-height: 24px;
}
form.chn-staff input {
width: 100%;
height: 45px;
}
form.chn-staff .form-item {
width: 30%;
display: inline-block;
padding: 0 12px 10px;
}
.form-item-provider-lastname {
display: inline-block;
}
.form-item-provider-birthdate {
float: right;
}
form.chn-staff .form-submit {
font-size: 20px;
padding: 10px 15px;
display: inline-block;
width: 30%;
height: 100%;
margin: 0 12px;
text-align: center;
background: #2F83B2;
border: 1px solid #2A78A4;
}
form.chn-staff p, form.chn-staff h2 {
width: 75%;
margin: 0 auto;
font-weight: normal;
}
form.chn-staff h2 {
font-size: 32px;
text-align: center;
}
form.chn-staff p a {
text-decoration: none;
color: #f15d22;
}
form.chn-staff p a:hover {
text-decoration: underline;
}
form.chn-staff .outro-wrapper {
color: #a2a4a6;
font-size: 15px;
text-align: center;
display: block;
padding-top: 35px;
background: #f1f5f6;
}
form.chn-staff .outro-wrapper p {
padding-bottom: 80px;
}
form.chn-staff .result-set {
background-color: #f9fcfe;
box-shadow: 0px 1px 2px rgba(0, 0, 0, .1);
margin: 10px 0 5px;
padding: 10px 0;
}
form.chn-staff .result-set h3 {
font-family: "ProximaNova", Helvetica, Arial, sans-serif;
color: #42525f;
font-size: 24px;
text-align: center;
margin: 40px auto 20px;
}
form.chn-staff .result-set p {
color: #a2a4a6;
text-align: center;
font-size: 17px;
margin-bottom: 45px;
}
form.chn-staff .result-set p.search-results-instructions {
margin: 10px auto 0;
color: #000000;
font-size: 15px;
}
form.chn-staff .result-set .views-col a {
font-size: 17px;
color: #f15d22;
text-decoration: none;
}
.requester p {
margin: 0;
}
@media screen and (max-width:740px) {
form.chn-staff div.js-form-wrapper {
width: 80%;
margin: 0 auto 40px;
}
form.chn-staff .views-view-grid {
width: 80%;
}
.form-item-provider-lastname {
display: block;
}
form.chn-staff .form-item {
width: 100%;
padding: 0;
}
.form-item-provider-birthdate {
float: none;
}
form.chn-staff .form-submit {
margin: 20px 0 0;
width: 100%;
}
form.chn-staff .views-view-grid .views-col {
width: 50% !important;
}
}
.node--add-appointment_request #block-chn-page-title {
background-color: #f9fcfe;
box-shadow: 0px 1px 2px rgba(0, 0, 0, .1);
padding: 10px 0 20px;
}
form.node-appointment-request-form {
max-width: 920px;
margin: 0 auto;
padding: 10px 20px 80px;
}
form.node-appointment-request-form label, div.field--name-field-patient-birth-date h4 {
color: #42525f;
margin: 0 0 8px 0;
display: block;
font-weight: bold;
}
form.node-appointment-request-form .form-item-revision {
display: none;
}
form.node-appointment-request-form fieldset, form.node-appointment-request-form div#edit-actions {
border: none;
background-color: #f9fcfe;
box-shadow: 0px 1px 2px rgba(0, 0, 0, .1);
margin: 10px 0 0;
padding: 5.44% 17.39% 7.61%;
}
form.node-appointment-request-form div#edit-actions {
padding-top: 2.2%;
}
form.node-appointment-request-form div#edit-actions {
margin: 0;
}
form.node-appointment-request-form fieldset.form-contact-info {
padding-bottom: 0;
}
form.node-appointment-request-form div.doctor-small-teaser {
background-color: #f9fcfe;
box-shadow: 0px 1px 2px rgba(0, 0, 0, .1);
width: 100%;
float: none;
margin: 0 auto;
padding: 80px 0 60px;
overflow: auto;
}
form.node-appointment-request-form div.doctor-small-teaser a, form.node-appointment-request-form div.doctor-info,
form.node-appointment-request-form div.form-doctor-intro {
display: block;
margin: 0 auto;
}
form.node-appointment-request-form div.form-doctor-intro {
width: 65%;
}
form.node-appointment-request-form div.doctor-info {
text-align: center;
}
form.node-appointment-request-form div.doctor-small-teaser h3.name {
display: block;
margin: 0 auto;
padding-top: 10px;
color: #303030;
font-size: 18px;
}
form.node-appointment-request-form div.doctor-small-teaser span.cta {
display: none;
}
form.node-appointment-request-form legend {
display: none;
}
fieldset.form-patient-info div.fieldset-wrapper:before, fieldset.form-contact-info div.fieldset-wrapper:before,
form.node-appointment-request-form div.form-doctor-intro span {
content: 'Patient';
display: block;
color: #303030;
font-size: 24px;
font-weight: bold;
padding-bottom: 40px;
}
fieldset.form-contact-info div.fieldset-wrapper:before {
content: 'Contact';
}
form.node-appointment-request-form div.form-doctor-intro span {
content: '';
padding-bottom: 10px;
}
form.node-appointment-request-form div.form-doctor-intro p {
margin: 0;
padding-bottom: 30px;
}
form.node-appointment-request-form div.field--type-string, form.node-appointment-request-form div.field--type-datetime,
form.node-appointment-request-form div.field--type-email, form.node-appointment-request-form div.field--type-telephone {
width: 45%;
display: inline-block;
margin-bottom: 30px;
}
form.node-appointment-request-form div.field--type-telephone {
display: block;
}
form.node-appointment-request-form input {
width: 100%;
}
form.node-appointment-request-form input.button {
width: auto;
}
form.node-appointment-request-form div.field--name-field-first-name,
form.node-appointment-request-form div.field--name-field-contact-first-name,
form.node-appointment-request-form div.field--name-field-contact-email-address {
margin-right: 5%;
}
@media screen and (max-width:920px) {
.doctor-small-teaser .picture {
float: none;
margin-right: 0;
}
.doctor-small-teaser .picture img {
width: 150px;
height: 150px;
}
form.node-appointment-request-form div.field--type-string, form.node-appointment-request-form div.field--type-datetime,
form.node-appointment-request-form div.field--type-email, form.node-appointment-request-form div.field--type-telephone {
width: 100%;
display: block;
margin-bottom: 20px;
}
form.node-appointment-request-form input.button {
width: 100%;
}
}
article.give-page {
margin-bottom: 80px;
}
article.give-page .paragraph--type--generic-wysiwyg {
padding-bottom: 40px;
}
article.give-page div.promo-block {
border-top: none;
}
.give-page .paragraph.paragraph--type--hero-title-and-description {
padding-bottom: 20px;
}
#block-views-block-foundation-block-block-1 {
margin-top: 40px;
}
.foundation-list {
background: #f1f5f6;
overflow: auto;
}
.foundation-list .paragraph--type--generic-wysiwyg {
margin-bottom: 45px;
}
.foundation-view {
min-height: 400px;
width: 31.4%;
text-align: center;
float: left;
background: #f9fcfe;
overflow: hidden;
box-shadow: 0px 1px 2px rgba(0, 0, 0, .1);
}
.node--type-foundation {
text-align: center;
padding-bottom: 20px;
min-height: 425px;
}
.view-foundation-block .views-row {
margin: 0 2.9% 0 0;
}
.view-foundation-block .views-row:last-child {
margin-right: 0;
}
.foundation-logo-wrapper {
width: 100%;
height: 185px;
}
.foundation-logo-wrapper span.foundation-logo {
display: block;
width: 100%;
height: 100%;
}
.node--type-foundation .foundation-logo img {
max-width: 90%;
height: auto;
display: block;
margin: 0 auto;
padding-top: 55px;
}
.foundation-title a, .foundation-phone a {
font-family: "ProximaNova", Helvetica, Arial, sans-serif;
font-weight: bold;
font-size: 20px;
text-decoration: none;
line-height: 20px;
}
.foundation-phone a {
color: #303030;
padding: 20px 0;
display: block;
}
.node--type-foundation p.address {
line-height: 17px;
padding: 10px 0 0;
display: block;
}
.node--type-foundation p.address span.locality, .node--type-foundation p.address span.administrative-area,
.node--type-foundation p.address span.postal-code {
display: inline-block;
}
.node--type-foundation p.address span {
float: none;
font-size: 15px;
padding-right: 0;
color: #303030;
}
.foundation-list p {
text-align: center;
font-size: 20px;
}
.node--type-foundation .foundation-title {
margin-top: 15px;
padding: 0 30px;
}
@media screen and (max-width:1500px) {
.give-page .paragraph.paragraph--type--hero-title-and-description {
padding-bottom: 0;
}
}
@media screen and (max-width:870px) {
.give-page .paragraph.paragraph--type--hero-title-and-description {
padding-bottom: 20px;
}
article.give-page h2 {
font-size: 24px;
}
article.give-page div.promo-block {
padding-top: 20px;
}
.node--type-foundation p strong {
font-size: 17px;
}
.view-foundation-block .foundation-view.views-row {
width: auto;
float: none;
margin: 0 auto 40px;
}
.foundation-list p {
font-size: 17px;
}
.foundation-list .btn, .foundation-list .btn a {
width: auto;
display: inline-block;
}
}
.page-node-type-news #block-chn-page-title {
display: none;
}
body.page-node-type-news .layout-container {
background: #f1f5f6;
}
.news-content.blog-content {
background: #f9fcfe;
padding: 0 50px;
padding-bottom: 20px;
}
.news-content h1 {
font-family: "ProximaNova-Light", Helvetica, Arial, sans-serif;
font-size: 50px;
text-align: left;
margin-bottom: 30px;
}
.news-content .authored {
color: #727374;
}
.news-content .authored div {
display: inline-block
}
.news-content .authored a {
text-decoration: none;
color: #313233;
font-weight: bold
}
.news-content .authored .date {
color: #727374;
}
.news-content .organization {
border-bottom: 1px solid #ebeef0;
margin-bottom: 35px;
padding-bottom: 35px;
line-height: 1.4
}
.news-content .organization a {
text-decoration: none;
color: #f15d22
}
.news-author {
margin-top: 30px;
border-top: 1px solid #ebeef0;
padding-top: 30px;
margin-bottom: 30px;
}
.news-author .views-field-field-picture {
display: inline-block;
vertical-align: middle;
margin-right: 2em;
}
.news-author img {
border-radius: 50%;
}
.news-author .views-field-nothing {
display: inline-block;
vertical-align: middle;
}
.news-author .author--name {
font-size: 17px;
font-weight: bold;
}
.news-author .author--subhead {
font-size: 13px;
color: #727374;
}
.news-author .author--phone {
font-size: 17px;
}
.news-author .author--phone a {
color: #313233;
text-decoration: none;
}
.news-body {
font-size: 17px;
}
.location-left.news-author {
float: none;
display: inline-block;
background: #f9fcfe;
padding: 50px 0;
margin-top: 0;
}
#block-views-block-related-content-homepage-related, div.related-content {
padding: 0 0 50px;
display: block;
overflow: visible;
width: 100%;
}
#block-views-block-related-content-homepage-related .views-row {
max-width: 540px;
height: 560px;
display: inline-block;
vertical-align: top;
padding: 0 0 20px;
}
div.related-content .views-row {
max-width: 400px;
height: 400px;
display: inline-block;
vertical-align: top;
padding: 20px 18px;
}
#block-views-block-related-content-homepage-related div.views-row:nth-of-type(odd) {
float: left;
width: 47%;
}
#block-views-block-related-content-homepage-related div.views-row:nth-of-type(even) {
float: right;
width: 47%;
}
#block-views-block-related-content-homepage-related .views-row h2 a,
#block-views-block-related-content-homepage-related .views-row h2 {
font-family: 'ProximaNova-Light', Helvetica, Arial, sans-serif;
font-size: 34px;
font-weight: normal;
margin: 20px 0;
color: #42525f;
text-decoration: none;
text-align: left;
padding: 0;
}
div.related-content .views-row h3, div.related-content .views-row h3 a {
font-family: 'ProximaNova-Light', Helvetica, Arial, sans-serif;
font-size: 24px;
font-weight: normal;
margin: 15px 0;
color: #42525f;
text-decoration: none;
text-align: left;
padding: 0;
}
#block-views-block-related-content-homepage-related .views-row img {
display: block;
width: 100%;
height: auto;
}
div.related-content .views-row img {
display: block;
width: 100%;
height: auto;
}
#block-views-block-related-content-homepage-related span.cta a {
color: #f15d22;
text-decoration: none;
display: block;
margin: 10px 0;
font-size: 16px;
}
div.related-content a.related-link {
color: #f15d22;
text-decoration: none;
display: block;
margin: 10px 0;
font-size: 16px;
}
.related-content .views-row {
width: 33.3%;
margin: 0 0 60px;
padding: 0 15px;
float: left;
box-sizing: border-box;
}
.related-content .views-row:nth-child(3n + 1) {
clear: left;
}
.related-content h2 {
font-size: 36px;
text-align: center;
}
.related-content h3 {
font-family: "ProximaNova-Light", Helvetica, Arial, sans-serif;
font-size: 25px;
}
.related-content a {
text-decoration: none;
}
.related-content .full-button-inner {
text-align: center;
clear: both;
}
@media screen and (max-width:940px) {
#block-views-block-related-content-homepage-related > .inner {
padding: 0;
}
#block-views-block-related-content-homepage-related .views-row h2 a,
#block-views-block-related-content-homepage-related .views-row h2 {
font-size: 24px;
}
#block-views-block-related-content-homepage-related .views-row {
height: 425px;
}
div.related-content > .inner {
padding: 0;
}
div.related-content .views-row h3, div.related-content .views-row h3 a {
font-size: 20px;
}
}
@media screen and (max-width:700px) {
div.related-content {
margin-top: 20px;
}
div.related-content h2 {
font-size: 24px;
padding: 30px 20px 0;
}
#block-views-block-related-content-homepage-related .views-row h2 a,
#block-views-block-related-content-homepage-related .views-row h2 {
font-size: 20px;
margin: 10px 0 0;
}
div.related-content .views-row, div.view-related-content .views-row {
margin: 0;
padding: 15px 20px;
max-width: 100%;
}
#block-views-block-related-content-homepage-related div.views-row:nth-of-type(odd),
#block-views-block-related-content-homepage-related div.views-row:nth-of-type(even) {
width: 100%;
height: auto;
float: none;
}
div.related-content div.views-row:nth-of-type(odd), div.related-content div.views-row:nth-of-type(even) {
width: 100%;
height: auto;
float: none;
}
div.related-content p, div.related-content a.related-link, div.view-related-content p,
#block-views-block-related-content-homepage-related span.cta a {
display: none;
}
}
.sharethis-share-button {
position: relative;
width: 100%;
height: 35px;
margin: 0 auto;
display: block;
}
.btn-secondary.share {
display: block;
position: absolute;
top: 0;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
padding: 6px 10px 4px;
margin-bottom: 10px;
font-weight: normal;
font-size: 15px;
border: none;
border-radius: 3px;
}
.share:before {
content: "";
width: 24px;
height: 20px;
background: url(https://dev.ecommunity.com/themes/custom/chn/img/share.svg) no-repeat;
display: inline-block;
vertical-align: middle;
}
.share-widget {
display: none;
position: absolute;
top: 40px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
text-align: center;
padding: 15px 18px 13px;
border-radius: 3px;
background-color: #f9fcfe;
box-shadow: 0px 2px 10px #bbb;
}
.share-widget.active {
display: inline-block;
}
div.share-widget.active span {
width: 24px;
height: 24px;
display: inline-block;
margin-right: 10px;
}
div.share-widget.active span:last-child {
margin-right: 0;
}
div.share-widget.active .arrow-middle-top {
border-style: solid;
position: absolute;
border-color: transparent transparent #f9fcfe transparent;
border-width: 0 8px 8px 8px;
top: -8px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
div.share-widget span {
cursor: pointer;
}
.st_facebook_custom {
background: url(https://dev.ecommunity.com/themes/custom/chn/img/social-facebook.svg) no-repeat scroll left top transparent;
}
.st_twitter_custom {
background: url(https://dev.ecommunity.com/themes/custom/chn/img/social-twitter.svg) no-repeat scroll left top transparent;
}
.st_googleplus_custom {
background: url(https://dev.ecommunity.com/themes/custom/chn/img/social-google-plus.svg) no-repeat scroll left top transparent;
}
.st_linkedin_custom {
background: url(https://dev.ecommunity.com/themes/custom/chn/img/social-linkedin.svg) no-repeat scroll left top transparent;
}
.st_email_custom {
background: url(https://dev.ecommunity.com/themes/custom/chn/img/social-envelope.svg) no-repeat scroll left top transparent;
}
