Callaghan
<div data-element="main" data-content-type="row" data-appearance="full-width" class=""
style="border-width: 1px; display: flex; border-style: none; border-radius: 0px; flex-direction: column;">
<div data-element="inner" class="">
<div data-element="main" data-content-type="html" data-appearance="full-width" class="">
<div class="callout simple-hero coloured-bg--full"
style="background-image: url('{{media url=wysiwyg/w/e/weather_mid_1.jpg}}'); margin-bottom: 0;">
<div class="simple-hero__wrapper">
<p class="simple-hero__subtitle animate animated fadeInUp">CALLAGHAN MERINO</p>
<h1 class="simple-hero__title animate animated fadeInUp">OUTSIDE IS FREE(ZING)</h1>
<div class="simple-hero__content animate animated fadeInUp">
<div class="content-wrapper" id="simple-hero__content-wrapper--1" style="display: none;">
<p><br /><br /></p>
</div>
<p class="simple-hero__subtitle animate animated fadeInUp" id="expand--1" style="display: none;">READ MORE
<i class="fa fa-arrow-down" aria-hidden="true"></i></a>
</div>
</div>
<script type="text/javascript">
require(['jquery'], function ($) {
$(function () {
var entityId = 1;
var contentWrapper = $('#simple-hero__content-wrapper--' + entityId);
var contentParas = contentWrapper.children('p');
var readMore = $('#expand--' + entityId)
var expanded = {};
expanded[entityId] = false;
contentParas.each(function (index) {
if (index != 0) {
$(this).hide();
}
})
if (contentParas.length > 1) {
readMore.show();
}
contentWrapper.show();
readMore.click(function () {
contentParas.each(function (index) {
if (index != 0) {
$(this).animate({
height: "toggle",
opacity: "toggle"
}, 300);
}
})
if (expanded[entityId]) {
$(this).html('READ MORE <i class="fa fa-arrow-down" aria-hidden="true"></i>');
expanded[entityId] = false;
} else {
$(this).html('READ LESS <i class="fa fa-arrow-up" aria-hidden="true"></i>');
expanded[entityId] = true;
}
})
});
});
</script>
</div> <!-- simple hero -->
</div>
</div>
</div>
<div data-element="main" data-content-type="row" data-appearance="full-width" class=""
style="border-width: 1px; display: flex; border-style: none; border-radius: 0px; flex-direction: column;">
<div data-element="inner" class="">
<div data-element="main" class="pagebuilder-column-group" style="display: flex;" data-content-type="column-group"
data-appearance="default" data-grid-size="12">
<div data-element="main" data-content-type="column" data-appearance="full-height" class="pagebuilder-column"
style="width: 100%; border-width: 1px; border-style: none; border-radius: 0px; padding-left: 7.5px; padding-right: 7.5px;">
<div data-element="main" data-content-type="divider" data-appearance="default" class=""
style="text-align: center; border-width: 1px; border-style: none; border-radius: 0px; margin-top: 15px; margin-bottom: 15px;">
<hr data-element="line"
style="border-color: rgb(255, 255, 255); border-width: 50px; width: 100%; display: inline-block;" />
</div>
<div data-element="main" data-content-type="divider" data-appearance="default" class=""
style="text-align: center; border-width: 1px; border-style: none; border-radius: 0px; margin-top: 15px; margin-bottom: 15px;">
<hr data-element="line"
style="border-color: rgb(221, 221, 221); border-width: 1px; width: 50%; display: inline-block;" />
</div>
<div data-element="main" data-content-type="divider" data-appearance="default" class=""
style="text-align: center; border-width: 1px; border-style: none; border-radius: 0px; margin-top: 15px; margin-bottom: 15px;">
<hr data-element="line"
style="border-color: rgb(255, 255, 255); border-width: 20px; width: 100%; display: inline-block;" />
</div>
</div>
</div>
</div>
</div>
<div data-element="main" data-content-type="row" data-appearance="full-width" class=""
style="border-width: 1px; display: flex; border-style: none; border-radius: 0px; flex-direction: column;">
<div data-element="inner" class="">
<h2 data-element="main" data-content-type="heading" data-appearance="default" class=""
style="text-align: center; border-width: 1px; border-style: none; border-radius: 0px;">HOPE FOR THE WORST</h2>
<div data-element="main" data-content-type="text" data-appearance="default"
class="callout container callout bluefoot-entity bluefoot-textarea bluefoot-entity container--8-columns"
style="text-align: center; border-width: 1px; border-style: none; border-radius: 0px; margin-bottom: 90px;">
<p>At this time of year, deciding what to wear can leave you stuck inside, torn between the trainer and the trails
and tarmac. So instead of flicking between your phone and the front door, reach for our Callaghan Merino wool
Jersey or Hoody. These merino-tech tops excel in the transition to winter, keeping you at the right temperature
and extending your ride beyond four walls.</p>
</div>
<div data-element="main" data-content-type="divider" data-appearance="default" class=""
style="text-align: center; border-width: 1px; border-style: none; border-radius: 0px; margin-top: 15px; margin-bottom: 15px;">
<hr data-element="line"
style="border-color: rgb(255, 255, 255); border-width: 10px; width: 100%; display: inline-block;" />
</div>
</div>
</div>
<div data-element="main" data-content-type="row" data-appearance="full-width" class=""
style="border-width: 1px; display: flex; border-style: none; border-radius: 0px; flex-direction: column;">
<div data-element="inner" class="">
<div data-element="main" class="pagebuilder-column-group" style="display: flex;" data-content-type="column-group"
data-appearance="default" data-grid-size="12">
<div data-element="main" data-content-type="column" data-appearance="full-height" class="pagebuilder-column"
style="width: 50%; border-width: 1px; border-style: none; border-radius: 0px; padding-left: 7.5px; padding-right: 7.5px;">
<figure data-element="main" data-appearance="full-width" data-content-type="image"><img
data-element="desktop_image" src="{{media url=wysiwyg/7/m/7mesh_f19_callaghanhoody_mens-riding-9_1.jpg}}"
alt="7mesh Callaghan Hoody"
style="border-style: none; border-width: 1px; border-radius: 0px; max-width: 100%; height: auto;"></figure>
</div>
<div data-element="main" data-content-type="column" data-appearance="full-height" class="pagebuilder-column"
style="width: 50%; border-width: 1px; border-style: none; border-radius: 0px; padding-left: 7.5px; padding-right: 7.5px;">
<div data-element="main" data-content-type="divider" data-appearance="default" class=""
style="text-align: center; border-width: 1px; border-style: none; border-radius: 0px; margin-top: 15px; margin-bottom: 15px;">
<hr data-element="line"
style="border-color: rgb(255, 255, 255); border-width: 80px; width: 100%; display: inline-block;" />
</div>
<h4 data-element="main" data-content-type="heading" data-appearance="default" class=""
style="text-align: center; border-width: 1px; border-style: none; border-radius: 0px;">OUT WITH THE COLD</h4>
<div data-element="main" data-content-type="text" data-appearance="default"
class="callout container callout bluefoot-entity bluefoot-textarea bluefoot-entity container--6-columns"
style="text-align: center; border-width: 1px; border-style: none; border-radius: 0px; margin-bottom: 15px;">
<p>The secret to the Callaghan’s cold-weather performance is a soft, brushed merino inner that
transitions to a smooth poly-tech outer face. These two materials might seem worlds apart, but they pair
perfectly, with the larger fibres of the wool pushing moisture to the exterior, where the poly fabric face
quickly evaporates it away.</p>
</div>
</div>
</div>
</div>
</div>
<div data-element="main" data-content-type="row" data-appearance="full-width" class=""
style="border-width: 1px; display: flex; border-style: none; border-radius: 0px; flex-direction: column;">
<div data-element="inner" class="">
<div data-element="main" data-content-type="divider" data-appearance="default" class=""
style="text-align: center; border-width: 1px; border-style: none; border-radius: 0px; margin-top: 15px; margin-bottom: 15px;">
<hr data-element="line"
style="border-color: rgb(255, 255, 255); border-width: 10px; width: 100%; display: inline-block;" />
</div>
<figure data-element="main" data-appearance="full-width" data-content-type="image"><img data-element="desktop_image"
src="{{media url=wysiwyg/7/m/7mesh_f19_callaghanhoody_womens-riding-11_1.jpg}}" alt="7mesh Farside Short"
style="border-style: none; border-width: 1px; border-radius: 0px; width: 100%; height: auto;"></figure>
</div>
</div>
SHOP THE CALLAGHAN HOODY
Built for hitting the berms and brewing up a post-ride coffee, the Callaghan Hoody is patterned for the bike and the après-trail hang out with a relaxed fit that smoothly transitions from ride to recovery.
{{widget type="Magento\CatalogWidget\Block\Product\ProductsList" template="Magento_CatalogWidget::product/widget/content/grid.phtml" anchor_text="" id_path="" show_pager="0" show_description="false" show_price="false" show_link="true" products_count="5" condition_option="sku" condition_option_value="1801-XX,1658-XX" type_name="Catalog Products List" conditions_encoded="^[`1`:^[`aggregator`:`all`,`new_child`:``,`type`:`Magento||CatalogWidget||Model||Rule||Condition||Combine`,`value`:`1`^],`1--1`:^[`operator`:`()`,`type`:`Magento||CatalogWidget||Model||Rule||Condition||Product`,`attribute`:`sku`,`value`:`1801-XX,1658-XX`^]^]" sort_order="position_by_sku"}}
<div data-element="main" data-content-type="row" data-appearance="full-width" class=""
style="border-width: 1px; display: flex; border-style: none; border-radius: 0px; flex-direction: column;">
<div data-element="inner" class="">
<div data-element="main" class="pagebuilder-column-group" style="display: flex;" data-content-type="column-group"
data-appearance="default" data-grid-size="12">
<div data-element="main" data-content-type="column" data-appearance="full-height" class="pagebuilder-column"
style="width: 100%; border-width: 1px; border-style: none; border-radius: 0px; padding-left: 7.5px; padding-right: 7.5px;">
</div>
</div>
</div>
</div>
<div data-element="main" data-content-type="row" data-appearance="full-width" class=""
style="border-width: 1px; display: flex; border-style: none; border-radius: 0px; flex-direction: column;">
<div data-element="inner" class="">
<figure data-element="main" data-appearance="full-width" data-content-type="image"><img data-element="desktop_image"
src="{{media url=wysiwyg/7/m/7mesh_f19_callaghan_jersey_w_riding.jpg}}" alt="7mesh Farside Short"
style="border-style: none; border-width: 1px; border-radius: 0px; width: 100%; height: auto;"></figure>
</div>
</div>
<div data-element="main" data-content-type="row" data-appearance="full-width" class=""
style="border-width: 1px; display: flex; border-style: none; border-radius: 0px; flex-direction: column;">
<div data-element="inner" class="">
<div data-element="main" class="pagebuilder-column-group" style="display: flex;" data-content-type="column-group"
data-appearance="default" data-grid-size="12">
<div data-element="main" data-content-type="column" data-appearance="full-height" class="pagebuilder-column"
style="width: 100%; border-width: 1px; border-style: none; border-radius: 0px; padding-left: 7.5px; padding-right: 7.5px;">
<div data-element="main" data-content-type="divider" data-appearance="default" class=""
style="text-align: center; border-width: 1px; border-style: none; border-radius: 0px; margin-top: 15px; margin-bottom: 15px;">
<hr data-element="line"
style="border-color: rgb(255, 255, 255); border-width: 50px; width: 100%; display: inline-block;" />
</div>
<div data-element="main" data-content-type="divider" data-appearance="default" class=""
style="text-align: center; border-width: 1px; border-style: none; border-radius: 0px; margin-top: 15px; margin-bottom: 15px;">
<hr data-element="line"
style="border-color: rgb(221, 221, 221); border-width: 1px; width: 50%; display: inline-block;" />
</div>
<div data-element="main" data-content-type="divider" data-appearance="default" class=""
style="text-align: center; border-width: 1px; border-style: none; border-radius: 0px; margin-top: 15px; margin-bottom: 15px;">
<hr data-element="line"
style="border-color: rgb(255, 255, 255); border-width: 50px; width: 100%; display: inline-block;" />
</div>
</div>
</div>
</div>
</div>
<div data-element="main" data-content-type="row" data-appearance="full-width" class=""
style="border-width: 1px; display: flex; border-style: none; border-radius: 0px; flex-direction: column;">
<div data-element="inner" class="">
<div data-element="main" class="pagebuilder-column-group" style="display: flex;" data-content-type="column-group"
data-appearance="default" data-grid-size="12">
<div data-element="main" data-content-type="column" data-appearance="full-height" class="pagebuilder-column"
style="width: 50%; border-width: 1px; border-style: none; border-radius: 0px; padding-left: 7.5px; padding-right: 7.5px;">
<figure data-element="main" data-appearance="full-width" data-content-type="image"><img
data-element="desktop_image" src="{{media url=wysiwyg/r/a/ranchlands-162.jpg}}" alt="7mesh Glidepath Shorts"
style="border-style: none; border-width: 1px; border-radius: 0px; max-width: 100%; height: auto;"></figure>
</div>
<div data-element="main" data-content-type="column" data-appearance="full-height" class="pagebuilder-column"
style="width: 50%; border-width: 1px; border-style: none; border-radius: 0px; padding-left: 7.5px; padding-right: 7.5px;">
<div data-element="main" data-content-type="divider" data-appearance="default" class=""
style="text-align: center; border-width: 1px; border-style: none; border-radius: 0px; margin-top: 15px; margin-bottom: 15px;">
<hr data-element="line"
style="border-color: rgb(255, 255, 255); border-width: 80px; width: 100%; display: inline-block;" />
</div>
<h4 data-element="main" data-content-type="heading" data-appearance="default" class=""
style="text-align: center; border-width: 1px; border-style: none; border-radius: 0px;">HIGH ROTATION</h4>
<div data-element="main" data-content-type="text" data-appearance="default"
class="callout container callout bluefoot-entity bluefoot-textarea bluefoot-entity container--6-columns"
style="text-align: center; border-width: 1px; border-style: none; border-radius: 0px; margin-bottom: 15px;">
<p>The Callaghan’s smooth and durable outer fabric face resists the rough and tumble of the road and
trail, keeping you at your best for longer. And it’s not so sensitive when you get home, either. Throw
it in a cold wash, let it dry naturally, and you’re good to go all over again.</p>
</div>
</div>
</div>
</div>
</div>
SHOP THE CALLAGHAN JERSEY
Made for rides that start and stay cool, the Callaghan Merino Jersey is our luxuriously comfortable, mid-weight, 3-season long sleeve jersey.
{{widget type="Magento\CatalogWidget\Block\Product\ProductsList" template="Magento_CatalogWidget::product/widget/content/grid.phtml" anchor_text="" id_path="" show_pager="0" show_description="false" show_price="false" show_link="true" products_count="5" condition_option="sku" condition_option_value="1657-XX,1800-XX" type_name="Catalog Products List" conditions_encoded="^[`1`:^[`aggregator`:`all`,`new_child`:``,`type`:`Magento||CatalogWidget||Model||Rule||Condition||Combine`,`value`:`1`^],`1--1`:^[`operator`:`()`,`type`:`Magento||CatalogWidget||Model||Rule||Condition||Product`,`attribute`:`sku`,`value`:`1657-XX,1800-XX`^]^]" sort_order="position_by_sku"}}