h1, h2, h3, h4, h5, h6, .header-locations__navigation, .header-navigation {
margin: 0;
font-family: "Futura", "helvetica", sans-serif; }
body {
font-family: "Studio", "helvetica", sans-serif;
font-size: 14px;
line-height: 1.5; }
a {
text-decoration: none; }
a:hover {
cursor: url(https://lawrencemtl.com/wp-content/uploads/2018/05/cursor-image.png) 25 25, auto; }
h1, h2, h3, h4, h5, h6 {
line-height: 20px;
font-size: 20px;
letter-spacing: 0.08em;
font-weight: normal; }
h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong {
font-weight: normal !important; }
.page-sections__content h1, .page-sections__content h2, .page-sections__content h3, .page-sections__content h4, .page-sections__content h5, .page-sections__content h6 {
font-size: 14px; }
.page-sections__content p {
letter-spacing: 0.5px; }
.page-sections__content a,
.page-sections__content a > a,
.page-sections__content a > button {
position: relative;
color: #000;
text-decoration: none !important;
transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
color: #000; }
.page-sections__content a::after,
.page-sections__content a > a::after,
.page-sections__content a > button::after {
position: absolute;
bottom: -4px;
left: 50%;
-ms-transform: translateX(-50%);
transform: translateX(-50%);
width: 20%;
height: 2px;
background-color: transparent;
transition: all 0.3s ease;
content: "";
height: 1px;
bottom: -1px; }
.page-sections__content a:hover,
.page-sections__content a > a:hover,
.page-sections__content a > button:hover {
color: #000; }
.page-sections__content a:hover::after,
.page-sections__content a > a:hover::after,
.page-sections__content a > button:hover::after {
width: 100%;
background-color: #000;
bottom: -2px; }
.page-sections__content a::after,
.page-sections__content a > a::after,
.page-sections__content a > button::after {
width: 100%;
background-color: #000; }
@font-face {
font-family: 'Futura';
src: url(//lawrencemtl.com/wp-content/themes/lawrence-theme/fonts/futura.woff) format("woff");
font-weight: 400;
font-style: normal;
font-stretch: normal;
unicode-range: U+0020-00FE; }
@font-face {
font-family: 'Studio';
src: url(//lawrencemtl.com/wp-content/themes/lawrence-theme/fonts/studio.woff) format("woff");
font-weight: 400;
font-style: normal;
font-stretch: normal;
unicode-range: U+0020-00FE; }
@font-face {
font-family: 'Studio Bold';
src: url(//lawrencemtl.com/wp-content/themes/lawrence-theme/fonts/studio-bold.woff) format("woff");
font-weight: 400;
font-style: normal;
font-stretch: normal;
unicode-range: U+0020-00FE; }
.visually-hidden {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0 0 0 0);
border: 0;
-webkit-clip-path: inset(1px);
clip-path: inset(1px); }
.button, .modal-close, .header-locations__navigation-link, .header-locations__navigation-button, .header-mobile__subnav-toggle, .header-mobile__toggle, .header-language, .page-sections__image, .button button, .modal-close button, .header-locations__navigation-link button, .header-locations__navigation-button button, .header-mobile__subnav-toggle button, .header-mobile__toggle button, .header-language button, .page-sections__image button {
padding: 0;
font-family: "Futura", "helvetica", sans-serif;
font-size: 14px;
cursor: url(https://lawrencemtl.com/wp-content/uploads/2018/05/cursor-image.png) 25 25, auto;
background: transparent;
border: 0;
-webkit-appearance: normal;
-moz-appearance: normal;
appearance: normal; }
.button:hover, .modal-close:hover, .header-locations__navigation-link:hover, .header-locations__navigation-button:hover, .header-mobile__subnav-toggle:hover, .header-mobile__toggle:hover, .header-language:hover, .page-sections__image:hover, .button button:hover, .modal-close button:hover, .header-locations__navigation-link button:hover, .header-locations__navigation-button button:hover, .header-mobile__subnav-toggle button:hover, .header-mobile__toggle button:hover, .header-language button:hover, .page-sections__image button:hover {
cursor: url(https://lawrencemtl.com/wp-content/uploads/2018/05/cursor-image.png) 25 25, auto; }
.button:focus, .modal-close:focus, .header-locations__navigation-link:focus, .header-locations__navigation-button:focus, .header-mobile__subnav-toggle:focus, .header-mobile__toggle:focus, .header-language:focus, .page-sections__image:focus, .button button:focus, .modal-close button:focus, .header-locations__navigation-link button:focus, .header-locations__navigation-button button:focus, .header-mobile__subnav-toggle button:focus, .header-mobile__toggle button:focus, .header-language button:focus, .page-sections__image button:focus {
outline: none; }
.header-locations__navigation, .header-navigation__container {
padding: 0;
margin: 0;
list-style: none; }
html {
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%; }
body {
margin: 0; }
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block;
margin: 0; }
audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline; }
audio:not([controls]) {
display: none;
height: 0; }
[hidden],
template {
display: none; }
a {
background-color: transparent; }
a:active,
a:hover {
outline: 0; }
b,
strong {
font-weight: bold; }
dfn {
font-style: italic; }
mark {
background: #ff0;
color: #000; }
small {
font-size: 80%; }
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline; }
sup {
top: -0.5em; }
sub {
bottom: -0.25em; }
img {
border: 0; }
svg:not(:root) {
overflow: hidden; }
hr {
box-sizing: content-box;
height: 0; }
pre {
overflow: auto; }
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em; }
button,
input,
optgroup,
select,
textarea {
color: inherit;
font: inherit;
margin: 0; }
button {
overflow: visible; }
button,
select {
text-transform: none; }
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer; }
button[disabled],
html input[disabled] {
cursor: default; }
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0; }
input {
line-height: normal; }
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
padding: 0; }
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto; }
input[type="search"] {
-webkit-appearance: textfield;
box-sizing: content-box; }
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none; }
fieldset {
padding: 0;
margin: 0;
border: 0; }
legend {
border: 0;
padding: 0; }
textarea {
overflow: auto; }
optgroup {
font-weight: bold; }
table {
border-collapse: collapse;
border-spacing: 0; }
td,
th {
padding: 0; }
body {
font-size: 14px;
overflow-x: hidden;
background-color: #fff;
transition: background-color 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
cursor: url(https://lawrencemtl.com/wp-content/uploads/2018/05/cursor-image.png) 25 25, auto; }
body.locked {
overflow: hidden; }
.icon-sprite {
display: none; }
svg {
transition: fill 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
img,
svg {
max-width: 100%;
height: auto; }
.button {
border: 2px solid #fff;
display: inline-block;
text-align: center;
color: #fff;
padding: 12.5px 12.5px 10.5px;
box-sizing: border-box;
text-transform: uppercase;
letter-spacing: 1.5px;
font-size: 14px;
letter-spacing: 0.2em; }
.button--dark {
border: 2px solid #000;
color: #000; }
.button--fullwidth {
width: 100%; }
.modal {
display: none;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
position: fixed;
z-index: 120;
justify-content: center;
align-items: center; }
.modal.visible, .modal.animating {
display: flex;
display: flex; }
.modal.animating {
opacity: 0;
transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
.modal.visible {
opacity: 1; }
.modal img {
width: calc(100vw - 100px); }
@media screen and (max-width: 759px) {
.modal img {
width: calc(100vw - 25px); } }
.modal iframe {
position: relative;
left: 50%;
display: block;
height: calc(100vh - 100px);
max-height: calc(100vh - 100px);
width: 700px;
max-width: calc(100vw - 100px);
-ms-transform: translateX(-50%);
transform: translateX(-50%); }
@media screen and (max-width: 759px) {
.modal iframe {
max-width: calc(100vw - 25px); } }
.modal-content {
position: relative;
z-index: 121; }
.modal-overflow .modal-content {
height: calc(100vh - 100px);
overflow: auto; }
@media screen and (max-width: 759px) {
.modal-overflow .modal-content {
height: calc(100vh - 25px); } }
.modal-rounded .modal-content {
border-radius: 10px;
overflow: hidden; }
.modal-backdrop {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 120;
opacity: 0.85; }
.modal-close {
position: fixed;
top: 50px;
right: 50px;
z-index: 122;
padding: 12.5px;
border-radius: 100%; }
@media screen and (max-width: 759px) {
.modal-close {
top: 12.5px;
right: 12.5px; } }
.modal-close svg {
display: block;
width: 30px;
height: 30px;
fill: #000; }
@media screen and (max-width: 1409px) {
.modal-close svg {
width: 20px;
height: 20px; } }
.header-locations {
display: flex;
flex-direction: column;
align-items: center; }
.header-locations__logo {
display: flex;
justify-content: center;
width: 100%;
padding: 20px 0;
background-color: #fff; }
.header-locations__logo svg {
fill: #000; }
.header-locations__logo:hover {
cursor: url(https://lawrencemtl.com/wp-content/uploads/2018/05/cursor-image-white.png) 25 25, auto !important; }
.header-locations__logo:not(:first-child) {
border-top: 2px solid #000; }
.header-locations__logo--lawrence svg {
width: 165px;
height: 20px;
min-width: 88px;
min-height: 11px; }
.header-locations__logo--larrys svg {
width: 100px;
height: 50px;
min-width: 52px;
min-height: 25px;
margin-bottom: -5px; }
.header-locations__logo--boucherie svg {
width: 135px;
height: 45px;
min-width: 72px;
min-height: 24px; }
.header-locations__logo.is--active, .header-locations__logo:hover {
background-color: #000; }
.header-locations__logo.is--active svg, .header-locations__logo:hover svg {
fill: #fff; }
.header-locations__navigation {
display: none;
background-color: #000;
color: #fff;
position: absolute;
top: -2px;
left: calc(100% + 6px);
width: 200px;
padding: 20px;
box-sizing: border-box; }
.header-locations__navigation.visible, .header-locations__navigation.animating {
display: block; }
.header-locations__navigation.animating {
opacity: 0;
transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
.header-locations__navigation.visible {
opacity: 1; }
.header-locations__navigation:hover,
.header-locations__navigation *:hover {
cursor: url(https://lawrencemtl.com/wp-content/uploads/2018/05/cursor-image-white.png) 25 25, auto !important; }
.header-locations__navigation-item {
display: block; }
.header-locations__navigation-item:not(:last-child) {
margin-bottom: 12.5px; }
.header-locations__navigation-link {
text-transform: lowercase;
font-size: 14px;
letter-spacing: 0.08em;
text-align: left !important; }
.header-locations__navigation-link,
.header-locations__navigation-link > a,
.header-locations__navigation-link > button {
position: relative;
color: #fff;
text-decoration: none !important;
transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
.header-locations__navigation-link::after,
.header-locations__navigation-link > a::after,
.header-locations__navigation-link > button::after {
position: absolute;
bottom: -4px;
left: 50%;
-ms-transform: translateX(-50%);
transform: translateX(-50%);
width: 20%;
height: 2px;
background-color: transparent;
transition: all 0.3s ease;
content: ""; }
.header-locations__navigation-link:hover,
.header-locations__navigation-link > a:hover,
.header-locations__navigation-link > button:hover {
color: #fff; }
.header-locations__navigation-link:hover::after,
.header-locations__navigation-link > a:hover::after,
.header-locations__navigation-link > button:hover::after {
width: 100%;
background-color: #fff; }
.header-locations__navigation-link.is--active,
.header-locations__navigation-link.is--active > a,
.header-locations__navigation-link.is--active > button {
position: relative;
color: #fff;
text-decoration: none !important;
transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
color: #fff; }
.header-locations__navigation-link.is--active::after,
.header-locations__navigation-link.is--active > a::after,
.header-locations__navigation-link.is--active > button::after {
position: absolute;
bottom: -4px;
left: 50%;
-ms-transform: translateX(-50%);
transform: translateX(-50%);
width: 20%;
height: 2px;
background-color: transparent;
transition: all 0.3s ease;
content: ""; }
.header-locations__navigation-link.is--active:hover,
.header-locations__navigation-link.is--active > a:hover,
.header-locations__navigation-link.is--active > button:hover {
color: #fff; }
.header-locations__navigation-link.is--active:hover::after,
.header-locations__navigation-link.is--active > a:hover::after,
.header-locations__navigation-link.is--active > button:hover::after {
width: 100%;
background-color: #fff; }
.header-locations__navigation-link.is--active::after,
.header-locations__navigation-link.is--active > a::after,
.header-locations__navigation-link.is--active > button::after {
width: 100%;
background-color: #fff; }
.header-locations__navigation-button {
margin-top: 20px; }
.header {
position: absolute;
top: 50%;
left: 50%;
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
border: 2px solid #000;
position: fixed;
z-index: 110;
width: 210px;
background-color: #fff;
transition: left 0.6s ease, transform 0.6s ease; }
@media screen and (max-width: 979px) {
.header {
display: none;
top: 50px;
left: 0;
width: 100%;
-ms-transform: none;
transform: none;
border-left: 0;
border-right: 0; }
.header.visible, .header.animating {
display: block; }
.header.animating {
opacity: 0;
transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
.header.visible {
opacity: 1; } }
@media screen and (max-width: 979px) {
.is--location .header {
top: 100px; } }
.header.is--inactive {
z-index: 105; }
@media screen and (min-width: 980px) {
.header.is--home {
left: 50%; } }
@media screen and (max-width: 979px) {
.header.is--home {
display: block; } }
@media screen and (min-width: 980px) {
.header.is--active {
left: 4.5vw;
-ms-transform: translate(0, -50%);
transform: translate(0, -50%); } }
.header-navigation {
border-top: 2px solid #000; }
.header-navigation__container {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr; }
.header-navigation__item {
position: relative;
width: 100%;
display: flex;
justify-content: center;
padding: 20px 0;
font-size: 14px;
line-height: 14px;
letter-spacing: 0.08em; }
.header-navigation__item:not(:nth-child(-n+1)) {
border-top: 2px solid #fff; }
.header-navigation__item:nth-child(even) {
border-right: 2px solid #000; }
.header-navigation__item--order-online {
grid-column: 1 / span 2;
}
.header-navigation__link {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
line-height: 14px;
text-transform: lowercase; }
.header-navigation__link span,
.header-navigation__link span > a,
.header-navigation__link span > button {
position: relative;
color: #000;
text-decoration: none !important;
transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
text-align: center; }
.header-navigation__link span::after,
.header-navigation__link span > a::after,
.header-navigation__link span > button::after {
position: absolute;
bottom: -4px;
left: 50%;
-ms-transform: translateX(-50%);
transform: translateX(-50%);
width: 20%;
height: 2px;
background-color: transparent;
transition: all 0.3s ease;
content: ""; }
.header-navigation__link span:hover,
.header-navigation__link span > a:hover,
.header-navigation__link span > button:hover {
color: #000; }
.header-navigation__link span:hover::after,
.header-navigation__link span > a:hover::after,
.header-navigation__link span > button:hover::after {
width: 100%;
background-color: #000; }
.header-navigation__link:hover span,
.header-navigation__link:hover span > a,
.header-navigation__link:hover span > button,
.header-navigation__link.is--active span,
.header-navigation__link.is--active span > a,
.header-navigation__link.is--active span > button {
position: relative;
color: #000;
text-decoration: none !important;
transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
color: #000; }
.header-navigation__link:hover span::after,
.header-navigation__link:hover span > a::after,
.header-navigation__link:hover span > button::after,
.header-navigation__link.is--active span::after,
.header-navigation__link.is--active span > a::after,
.header-navigation__link.is--active span > button::after {
position: absolute;
bottom: -4px;
left: 50%;
-ms-transform: translateX(-50%);
transform: translateX(-50%);
width: 20%;
height: 2px;
background-color: transparent;
transition: all 0.3s ease;
content: ""; }
.header-navigation__link:hover span:hover,
.header-navigation__link:hover span > a:hover,
.header-navigation__link:hover span > button:hover,
.header-navigation__link.is--active span:hover,
.header-navigation__link.is--active span > a:hover,
.header-navigation__link.is--active span > button:hover {
color: #000; }
.header-navigation__link:hover span:hover::after,
.header-navigation__link:hover span > a:hover::after,
.header-navigation__link:hover span > button:hover::after,
.header-navigation__link.is--active span:hover::after,
.header-navigation__link.is--active span > a:hover::after,
.header-navigation__link.is--active span > button:hover::after {
width: 100%;
background-color: #000; }
.header-navigation__link:hover span::after,
.header-navigation__link:hover span > a::after,
.header-navigation__link:hover span > button::after,
.header-navigation__link.is--active span::after,
.header-navigation__link.is--active span > a::after,
.header-navigation__link.is--active span > button::after {
width: 100%;
background-color: #000; }
.header-mobile {
border-bottom: 2px solid #000;
position: fixed;
top: 0;
left: 0;
bottom: auto;
right: 0;
z-index: 110;
width: 100%;
height: 50px;
background-color: #fff; }
@media screen and (min-width: 980px) {
.header-mobile {
display: none; } }
.header-mobile.is--inactive {
z-index: 105; }
.header-mobile__logo {
position: absolute;
top: 50%;
left: 50%;
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
max-height: calc(50px - 25px);
max-width: 130px; }
.header-mobile__logo svg {
max-height: calc(50px - 25px);
max-width: 130px; }
.header-mobile__logo-title {
margin: 0; }
.is--home .header-mobile__logo-title {
display: none; }
.header-mobile__subnav {
border-bottom: 2px solid #000;
position: relative;
top: 52px;
z-index: 110;
height: 50px;
padding: 0 25px;
background-color: #fff;
overflow: hidden;
transition: height 0.3s ease;
display: none; }
@media screen and (max-width: 549px) {
.header-mobile__subnav {
padding: 0 12.5px; } }
.is--location .header-mobile__subnav {
display: block; }
.header-mobile__subnav .header-locations__navigation-item {
height: 50px;
display: flex;
align-items: center;
padding: 0;
margin: 0; }
.header-mobile__subnav .header-locations__navigation-link {
padding: 0;
line-height: 1; }
.header-mobile__subnav .header-locations__navigation-link,
.header-mobile__subnav .header-locations__navigation-link > a,
.header-mobile__subnav .header-locations__navigation-link > button {
position: relative;
color: #000;
text-decoration: none !important;
transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
.header-mobile__subnav .header-locations__navigation-link::after,
.header-mobile__subnav .header-locations__navigation-link > a::after,
.header-mobile__subnav .header-locations__navigation-link > button::after {
position: absolute;
bottom: -4px;
left: 50%;
-ms-transform: translateX(-50%);
transform: translateX(-50%);
width: 20%;
height: 2px;
background-color: transparent;
transition: all 0.3s ease;
content: ""; }
.header-mobile__subnav .header-locations__navigation-link:hover,
.header-mobile__subnav .header-locations__navigation-link > a:hover,
.header-mobile__subnav .header-locations__navigation-link > button:hover {
color: #000; }
.header-mobile__subnav .header-locations__navigation-link:hover::after,
.header-mobile__subnav .header-locations__navigation-link > a:hover::after,
.header-mobile__subnav .header-locations__navigation-link > button:hover::after {
width: 100%;
background-color: #000; }
.header-mobile__subnav .header-locations__navigation-link.is--active,
.header-mobile__subnav .header-locations__navigation-link.is--active > a,
.header-mobile__subnav .header-locations__navigation-link.is--active > button {
position: relative;
color: #000;
text-decoration: none !important;
transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
color: #000; }
.header-mobile__subnav .header-locations__navigation-link.is--active::after,
.header-mobile__subnav .header-locations__navigation-link.is--active > a::after,
.header-mobile__subnav .header-locations__navigation-link.is--active > button::after {
position: absolute;
bottom: -4px;
left: 50%;
-ms-transform: translateX(-50%);
transform: translateX(-50%);
width: 20%;
height: 2px;
background-color: transparent;
transition: all 0.3s ease;
content: ""; }
.header-mobile__subnav .header-locations__navigation-link.is--active:hover,
.header-mobile__subnav .header-locations__navigation-link.is--active > a:hover,
.header-mobile__subnav .header-locations__navigation-link.is--active > button:hover {
color: #000; }
.header-mobile__subnav .header-locations__navigation-link.is--active:hover::after,
.header-mobile__subnav .header-locations__navigation-link.is--active > a:hover::after,
.header-mobile__subnav .header-locations__navigation-link.is--active > button:hover::after {
width: 100%;
background-color: #000; }
.header-mobile__subnav .header-locations__navigation-link.is--active::after,
.header-mobile__subnav .header-locations__navigation-link.is--active > a::after,
.header-mobile__subnav .header-locations__navigation-link.is--active > button::after {
width: 100%;
background-color: #000; }
.header-mobile__subnav .header-locations__navigation-button {
height: 50px;
padding: 0 !important;
text-align: left !important;
margin-top: 0 !important;
text-transform: lowercase !important;
letter-spacing: 0.08em !important;
border: 0 !important; }
.header-mobile__subnav .header-locations__navigation-button,
.header-mobile__subnav .header-locations__navigation-button > a,
.header-mobile__subnav .header-locations__navigation-button > button {
position: relative;
color: #000;
text-decoration: none !important;
transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
.header-mobile__subnav .header-locations__navigation-button::after,
.header-mobile__subnav .header-locations__navigation-button > a::after,
.header-mobile__subnav .header-locations__navigation-button > button::after {
position: absolute;
bottom: -4px;
left: 50%;
-ms-transform: translateX(-50%);
transform: translateX(-50%);
width: 20%;
height: 2px;
background-color: transparent;
transition: all 0.3s ease;
content: ""; }
.header-mobile__subnav .header-locations__navigation-button:hover,
.header-mobile__subnav .header-locations__navigation-button > a:hover,
.header-mobile__subnav .header-locations__navigation-button > button:hover {
color: #000; }
.header-mobile__subnav .header-locations__navigation-button:hover::after,
.header-mobile__subnav .header-locations__navigation-button > a:hover::after,
.header-mobile__subnav .header-locations__navigation-button > button:hover::after {
width: 100%;
background-color: #000; }
.header-mobile__subnav-content {
display: flex;
flex-direction: column; }
.header-mobile__subnav-content > * {
order: 2; }
.header-mobile__subnav-content > *.is--active {
order: 1; }
.header-mobile__subnav-toggle {
position: absolute;
top: 14.70588px;
right: 39.54545px;
width: 16px;
height: 16px;
border-right: 2px solid black;
border-bottom: 2px solid black;
-ms-transform: rotate(45deg) translateY(-50%);
transform: rotate(45deg) translateY(-50%); }
@media screen and (max-width: 549px) {
.header-mobile__subnav-toggle {
right: 27.04545px; } }
.is--active .header-mobile__subnav-toggle {
top: 25px;
border-top: 2px solid black;
border-right: 0;
border-bottom: 0;
border-left: 2px solid black; }
.header-mobile__toggle {
position: absolute;
top: 50%;
left: 25px;
width: 22px;
height: 18px;
-ms-transform: translateY(-50%);
transform: translateY(-50%); }
@media screen and (max-width: 549px) {
.header-mobile__toggle {
left: 12.5px; } }
.is--home .header-mobile__toggle {
display: none; }
.header-mobile__toggle-line {
position: absolute;
display: block;
width: 100%;
height: 2px;
background-color: #000;
opacity: 1;
transition: transform 0.3s ease, opacity 0.3s ease; }
.header-mobile__toggle-line:nth-child(1) {
top: 0; }
.is--active .header-mobile__toggle-line:nth-child(1) {
top: 50%;
left: -2px;
width: calc(100% + 3px);
-ms-transform: rotate(45deg);
transform: rotate(45deg); }
.header-mobile__toggle-line:nth-child(2) {
top: calc(50% - 1px); }
.is--active .header-mobile__toggle-line:nth-child(2) {
opacity: 0; }
.header-mobile__toggle-line:nth-child(3) {
bottom: 0; }
.is--active .header-mobile__toggle-line:nth-child(3) {
top: 50%;
left: -2px;
width: calc(100% + 3px);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg); }
.header-language {
border: 2px solid #000;
position: fixed;
top: 25px;
right: 25px;
z-index: 115;
width: 40px;
height: 40px;
font-size: 14px;
text-align: center;
line-height: 1;
background-color: #fff;
border-radius: 100%;
text-transform: uppercase; }
@media screen and (max-width: 979px) {
.header-language {
top: 9px;
width: 33.33333px;
height: 33.33333px;
font-size: 12px; } }
@media screen and (max-width: 549px) {
.header-language {
right: 12.5px; } }
.header-language.is--inactive {
z-index: 105; }
#page-content {
display: none; }
#page-content.visible, #page-content.animating {
display: block; }
#page-content.animating {
opacity: 0;
transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
#page-content.visible {
opacity: 1; }
.page-content {
min-height: 100vh;
transition: background-color 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
.page-sections {
position: absolute;
top: 0;
left: calc(calc(4.5vw + 210px + 200px) + 6px + 4.5vw);
width: calc(100vw - (calc(calc(4.5vw + 210px + 200px) + 6px + 4.5vw)));
z-index: 105; }
@media screen and (max-width: 979px) {
.page-sections {
top: 200px !important;
left: 50px;
width: calc(100% - 100px);
-ms-transform: none;
transform: none; } }
@media screen and (max-width: 549px) {
.page-sections {
left: 25px;
width: calc(100% - 50px); } }
.page-sections__item {
display: flex;
max-width: calc(100% - 4.5vw);
align-items: flex-start; }
@media screen and (max-width: 979px) {
.page-sections__item {
max-width: 100%;
align-items: center;
justify-content: center; } }
.page-sections__item.page-sections__layout--double-row {
flex-direction: column; }
.page-sections__item.page-sections__layout--double-column {
flex-direction: row; }
.page-sections__item:not(:first-child) {
margin-top: 33.75vw; }
.page-sections__item:last-child {
margin-bottom: 18vw; }
.page-sections__image:hover {
cursor: url(https://lawrencemtl.com/wp-content/uploads/2018/05/zoom-cursor.png) 25 25, auto; }
.page-sections__content {
border: 2px solid #000;
padding: 50px;
margin: 25px 0;
background-color: #fff;
box-sizing: border-box;
max-width: 100%; }
@media screen and (max-width: 549px) {
.page-sections__content {
padding: 50px 25px; } }
.page-sections__size--small .page-sections__content {
width: 450px; }
.page-sections__size--medium .page-sections__content {
width: 700px; }
.page-sections__size--large .page-sections__content {
width: 900px; }
.page-sections__type--image .page-sections__content {
padding: 0; }
.page-sections__content > *:last-child {
margin-bottom: 0; }
.background-images {
display: none;
position: relative;
z-index: 100;
font-size: 0;
overflow: hidden; }
.background-images.visible, .background-images.animating {
display: block; }
.background-images.animating {
opacity: 0;
transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
.background-images.visible {
opacity: 1; }
@media screen and (max-width: 979px) {
.background-images {
top: 50px; } }
.background-images__item {
display: inline-block;
width: 33.3333vw;
vertical-align: top;
position: relative;
height: 33.3333vw; }
@media screen and (max-width: 759px) {
.background-images__item {
width: 50%;
height: 40%; } }
.background-images__image {
position: relative;
width: 100%;
height: auto;
text-align: center; }
.background-images__image img {
display: inline-block;
width: 100%;
height: auto;
max-width: none;
max-height: none; }
.background-images__item-stats {
display: none;
border: 2px solid #000;
position: absolute;
padding: 0 8.33333px;
top: 0;
left: 25px;
font-size: 14px;
background-color: white;
z-index: 9999; }
@media screen and (max-width: 759px) {
#background-image__13-2 figure,
#background-image__382-2 figure {
margin-left: -25vw !important;
margin-top: 9.75vw !important; } }