<div class="c-la-content-block la-c-two-column-media-contact">
<div class="la-c-two-column-media-contact__column">
<h3 class="la-c-two-column-media-contact__column-title f-title--h6">Carolyn Belardo</h3>
<div class="la-c-two-column-media-contact__column-text">
<span class="la-c-two-column-media-contact__column-occupation">
<p>Director, Public Relations, <br /> Academy of Natural Sciences</p>
</span>
<span class="la-c-two-column-media-contact__column-content">
<p><strong>belardo@ansp.org</strong></p>
<p><strong>Phone</strong> (215) 299-1043</p>
<p><strong>Fax</strong> (215) 299-1107</p>
</span>
</div>
</div>
<div class="la-c-two-column-media-contact__column">
<h3 class="la-c-two-column-media-contact__column-title f-title--h6">Chandler Lennon</h3>
<div class="la-c-two-column-media-contact__column-text">
<span class="la-c-two-column-media-contact__column-occupation">
<p>Communications Manager</p>
</span>
<span class="la-c-two-column-media-contact__column-content">
<p><strong>chandler.lennon@audubon.org</strong></p>
</span>
</div>
</div>
</div>
<div class="c-la-content-block la-c-two-column-media-contact">
{% for column in columns %}
<div class="la-c-two-column-media-contact__column">
<h3 class="la-c-two-column-media-contact__column-title f-title--h6">{{ column.name }}</h3>
<div class="la-c-two-column-media-contact__column-text">
<span class="la-c-two-column-media-contact__column-occupation">
{{column.occupation}}
</span>
<span class="la-c-two-column-media-contact__column-content">
{{ column.content }}
</span>
</div>
</div>
{% endfor %}
</div>
{
"pageColorTheme": "teal",
"mediaHeading": "Media <br />Contacts",
"mediaPara": "Excepteur sint occaecat cupidatat non <br /> proident, sunt in culpa",
"columns": [
{
"name": "Carolyn Belardo",
"occupation": "<p>Director, Public Relations, <br/> Academy of Natural Sciences</p>",
"content": "<p><strong>belardo@ansp.org</strong></p><p><strong>Phone</strong> (215) 299-1043</p><p><strong>Fax</strong> (215) 299-1107</p>"
},
{
"name": "Chandler Lennon",
"occupation": "<p>Communications Manager</p>",
"content": "<p><strong>chandler.lennon@audubon.org</strong></p>"
}
]
}
.la-c-two-column-media-contact {
@include break($xs) {
display: flex;
}
p + p {
margin-top: 0.8rem;
}
}
.c-two-column-media-contact__heading-title {
margin-bottom: 3rem;
}
.la-c-two-column-media-contact__column-text {
p {
@include text--small;
}
}
.la-c-two-column-media-contact__column-content p {
margin-top: 1rem;
@include break($sm) {
margin-top: 2.5rem;
}
}
.la-c-two-column-media-contact__column {
@include break($xs) {
flex: 0 0 50%;
padding-right: 2.4rem;
}
& + & {
margin-top: 3.2rem;
@include break($xs) {
margin-top: 0;
}
}
}
.c-two-column-media-contact__column-title {
margin-bottom: 1.2rem;
}
No notes defined.