@font-face { 
font-family: druk-wide-bold; 
src: url(https://www.makerpizza.com/wp-content/uploads/2022/07/Druk-Wide-Bold.ttf); 
font-weight: bold; 
}
:root {
    --yellow: #FCD30A;
    --black: #000
}

html {
    scroll-behavior: smooth;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

body {
    font-family: aktiv-grotesk,sans-serif;
    font-size: 24px;
    color: var(--black);
  
    margin: 0;
    padding: 0;
    line-height: 1.2;
    font-weight: 400;
    
}

.content {
    background: #fff
}

p:first-child {
    margin-top: 0
}

p:last-child {
    margin-bottom: 0
}

figure {
    display: block;
    margin: 0;
    padding: 0
}

figure img {
    display: block
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: druk-wide-bold, Helvetica, sans-serif;
    text-transform: uppercase;
    font-weight: 400;
    margin: 0
}
.elementor-column-gap-default>.elementor-column>.elementor-element-populated {
    padding: 0 !important;
}
h2 {
    font-size: 48px;
    text-shadow: -4px 2px 0 var(--yellow);
    letter-spacing: 4px;
    text-align: center;
    margin-bottom: .5em
}

section>h2:first-of-type,
#contact h2 {
    margin-top: 67px
}

@media(min-width:1024px) {

    section>h2:first-of-type,
    #contact h2 {
        margin-top: 0
    }
}

h3 {
    font-size: 36px;
    letter-spacing: 3px
}

h4 {
    font-size: 24px;
    font-family: druk-wide-bold;
    text-transform: none;
    font-weight: 700;
    margin-bottom: 0
}

h4+p {
    margin-top: 0
}

h3+h4 {
    margin-top: .5em
}

@media(min-width:1024px) {
    h2 {
        font-size: 72px;
        letter-spacing: 8px;
        text-align: left;
        margin-bottom: .25em
    }

    h2.sm {
        font-size: 48px;
        letter-spacing: 4px
    }
}

@media(min-width:1440px) {
    h2 {
        font-size: 100px
    }

    h2.sm {
        font-size: 72px;
        letter-spacing: 6px
    }
}

nav ul {
    margin: 0;
    padding: 0;
    list-style: none
}

nav a {
    text-decoration: none;
    color: inherit
}

img {
    max-width: 100%
}

.Button {
    background: var(--yellow);
    color: var(--black);
    font-family: 'druk-wide-bold', sans-serif;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 24px;
    text-align: center;
    padding: 25px 75px;
    display: inline-block
}

.Button:hover {
    background: var(--black);
    color: var(--yellow)
}

.main-content {
    margin-top: 66px;
    margin-bottom: 68px
}

.header nav {
    background: var(--yellow);
    position: fixed;
    top: 0;
    width: 100%;
    box-shadow: 0 3px 5px rgba(0, 0, 0, .16);
    z-index: 9
}

.header nav ul {
    display: flex;
    justify-content: space-evenly;
    padding: 0 10%
}

.header nav,
.header--order {
    font-family: 'druk-wide-bold', sans-serif;
    text-transform: uppercase;
    font-size: 16px;
    color: var(--black);
    text-align: center;
    font-weight: 400;
    z-index: 2
}

.header li {
    display: block
}

.header nav a {
    letter-spacing: 1px;
    display: inline-block;
    padding: 4px 2px;
    margin: 20px 0
}

.header nav a:hover,
.header nav a.active {
    background: url(static/navhover.svg) center top no-repeat
}

.header--home {
    display: none
}

.header--order {
    background: var(--black);
    position: fixed;
    bottom: 0;
    width: 100%;
    padding: 22px
}

.header--order a {
    color: var(--yellow);
    display: block;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    padding: 2px
}

.header--order svg {
    height: 20px;
    width: 20px;
    margin-right: 5px;
    vertical-align: middle
}

@media(min-width:1024px) {
    .main-content {
        display: flex;
        justify-content: stretch;
        position: relative;
        margin: 0
    }

    .main-content>.header {
        flex: 0;
        width: 140px;
        display: block;
        background: var(--yellow)
    }

    .header:before {
        content: "";
        display: block;
        width: 140px
    }

    .wrapper--header {
        height: 100vh;
        width: 140px;
        position: fixed;
        top: 0;
        z-index: 9;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        background: #FCD30A;
    }

    .header nav{
        font-size: 18px
    }
 .header--order {
        font-size: 10px
    }

    .header--home {
        display: block
    }

    .header--home svg {
        display: block;
        margin: 45px auto 0
    }

    .header--order {
        width: 140px;
        height: 186px;
        position: static;
        padding: 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center
    }

    .header--order svg {
        margin-bottom: 22px;
        height: auto;
        width: auto
    }

    .header--order span {
        display: block
    }

    .header nav {
        position: static;
        box-shadow: none
    }

    .header nav ul {
        display: block
    }

    .header li {
        display: block
    }

    .header nav a {
        display: block;
        margin: 8px 0;
        padding: 4px 0
    }
}

.header--home:hover #Path_9 {
    fill: #fff
}

#Hero_Logo:hover #Path_1 {
    fill: var(--black)
}

#Hero_Logo:hover #Path_2 {
    fill: var(--yellow)
}

.section--home {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 9vh 17.5%
}

.section--home svg {
    display: block;
    max-width: 100%;
    height: auto
}

.section--home>h1 {
    display: none
}

@media(min-width:1024px) {
    .section--home svg {
        height: 82vh
    }
}

.section--about {
    background: var(--yellow);
    font-family: 'druk-wide-bold', sans-serif;
    text-transform: uppercase;
    font-size: 30px;
    text-align: center
}

.section--about p:last-child {
    font-size: 42px
}

.section--about h2 {
    text-shadow: -4px 2px 0 #fff
}

.section--about--content {
    padding: 5% 10%
}

.section--about figure img {
    object-fit: cover;
    object-position: center center;
    width: 100%
}

.section--instagram__wrapper {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin: 20px 0
}

.section--instagram__image {
    display: inline-block;
    width: 100%;
    flex: 1;
    margin-bottom: 20px
}

.section--instagram__image:not(:last-child) {
    margin-right: 10px
}

.section--instagram__image>a {
    display: block;
    height: 0;
    width: 100%;
    padding-bottom: 100%;
    position: relative;
    z-index: 0
}

.section--instagram__image img {
    display: block;
    object-fit: cover;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0;
    padding: 0;
    z-index: 0
}

@media(min-width:1024px) {
    .section--instagram__wrapper {
        flex-direction: row
    }

    .section--about {
        display: flex;
        text-align: left
    }

    .section--about--content {
        padding: 45px 70px;
        flex: 1.25
    }

    .section--about figure {
        position: relative;
        flex: 1
    }

    .section--about figure img {
        width: 100%;
        height: 100%;
        max-height: none;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin-bottom: 0
    }

    .section--instagram {
        width: 55%;
        margin-right: 45px
    }

    .section--contact {
        width: 45%
    }
}

@media(min-width:1440px) {
    .section--about--content {
        padding: 70px 140px
    }

    .section--instagram {
        width: 50%;
        margin-right: 70px
    }

    .section--contact {
        width: 50%
    }

    .section--instagram__wrapper {
        margin: 45px 0
    }
}

@media(min-width:1920px) {
    .section--instagram {
        margin-right: 140px
    }
}

.section--menu hr {
    border: 1px solid var(--yellow);
    height: 1px;
    background: var(--yellow);
    margin: 45px 0
}

.section--pad {
    padding: 10%;
    text-align: center
}

@media(min-width:1024px) {
    .section--pad {
        padding: 45px 70px;
        text-align: left
    }

    .content>.section {
        scroll-margin-top: -2px
    }

    #contact {
        scroll-margin-top: 43px
    }
}

@media(min-width:1440px) {
    .section--pad {
        padding: 70px 140px
    }
}

.section--images img {
    height: auto
}

@media(min-width:1024px) {
    .section--images {}

    .section--images figure {
        display: flex
    }

    .section--images img {
        object-fit: cover;
        display: block;
        width: 50%
    }
}

.section--app {
    background: var(--black);
    text-align: center;
    padding: 45px 0
}

.section--app h2 {
    color: #fff;
    font-size: 115px;
    letter-spacing: 0;
    text-shadow: none;
    line-height: 1;
    margin: 25px 0
}

.section--app h2 span {
    color: var(--yellow)
}

.section--app svg {
    display: none
}

@media(min-width:1024px) {
    .section--app h2 {
        display: none
    }

    .section--app svg {
        display: block;
        max-width: 100%;
        width: 100%;
        height: auto
    }

    .section--app svg:hover tspan {
        fill: var(--yellow)
    }

    .section--app svg:hover #tspan-change {
        fill: #fff
    }

    .section--app svg text {
        cursor: default
    }
}

@media(min-width:1440px) {
    .section--app {
        padding: 70px 0
    }
}

.section--app .Button {
    margin: 22px auto 0
}

.section--app .Button:hover {
    background-color: #fff;
    color: var(--black)
}

.locations article:first-child {
    margin-bottom: 20%
}

address {
    font-style: normal;
    font-family: 'druk-wide-bold', sans-serif;
    text-transform: uppercase;
    font-size: 20px;
}

address a {
    color: inherit
}

article .Map+address {
    margin-top: 1em
}

article .Map>div {
    height: 420px;
    width: 100%
}

@media(min-width:1024px) {
    .locations {
        display: flex
    }

    .locations article {
        width: 50%
    }

    .locations article {
        margin-right: 70px;
        margin-bottom: 0
    }

    address {
        font-size: 30px
    }
}

@media(min-width:1440px) {
    .locations article:first-child {}
}

.section--quote {
    display: block;
    background: var(--black);
    color: var(--yellow);
    font-style: normal;
    text-align: center;
    padding: 70px 10%
}

.section--quote p {
    font-family: 'druk-wide-bold', sans-serif;
    font-size: 28px;
    text-transform: uppercase;
    letter-spacing: 3px;
    margin: 0;
    line-height: 1.3
}

@media(min-width:1024px) {
    .section--quote {
        padding: 0 0 0 10%;
        height: 186px;
        display: flex;
        justify-content: center;
        align-items: center
    }

    .section--quote p {
        font-size: 36px
    }
}

.section--contact {
    font-family: 'druk-wide-bold', sans-serif;
    font-size: 20px;
    text-transform: uppercase;
    margin-top: 20%;
    text-align: center
}

.section--contact a {
    color: inherit;
    text-decoration: none
}

.social-media {
    margin: 0;
    padding: 0;
    list-style: none
}

.social-media li {
    display: inline-block;
    margin: 0 0 0 1em
}

.social-media li:last-child {
    margin-right: 0
}

@media(min-width:1024px) {
    .section--final {
        display: flex;
        justify-content: space-between
    }

    .section--contact {
        font-size: 30px;
        margin-top: 0;
        text-align: left
    }

    .contact-info {
        margin-top: .5em
    }

    .social-media svg {
        height: 55px;
        width: auto
    }
}

.section--menu {
    font-size: 17px
}

.section--menu article,
.section--menu .wp-block-column {
    margin-top: 2em
}

.section--menu h4 {
    font-size: inherit;
    text-transform: uppercase
}

.section--menu h3+p {
    margin-top: 0
}

.menu--main {
    margin-bottom: 140px
}

.section--menu table {
    margin-top: 45px
}

.section--menu table thead {
    font-weight: 700
}

.section--menu table td:first-child {
    font-weight: 700
}

.section--menu table td {
    padding: .25em
}

.section--menu table em {
    font-size: .7em
}

@media(min-width:1024px) {
    .section--menu {
        font-size: 26px
    }

    .section--menu article,
    .section--menu .wp-block-column {
        margin-top: 0
    }

    .section--mymenu>div {
        display: grid
    }

    .menu--main {
        grid-gap: 70px;
        grid-template-columns: 1fr 1fr
    }

    .menu--triple {
        grid-gap: 45px;
        grid-template-columns: 1fr 1fr 1fr
    }

    .menu--table {
        grid-column-start: 3;
        grid-column-end: 3
    }
}

@media(min-width:1440px) {
    .menu--main {
        grid-gap: 140px
    }

    .menu--triple {
        grid-gap: 45px
    }
}

@media(min-width:1024px) {
    .wp-block-columns {
        justify-content: space-between
    }

    .wp-block-column {
        flex-basis: calc(50% - 45px);
        flex-grow: 0;
        word-break: normal;
        overflow-wrap: normal
    }

    .wp-block-column:not(:first-child) {
        margin-left: 45px
    }
}

@media(min-width:1440px) {
    .wp-block-column {
        flex-basis: calc(50% - 70px)
    }

    .wp-block-column:not(:first-child) {
        margin-left: 70px
    }
}

.covid__content {
    position: relative;
    z-index: 91;
    background: #fff;
    display: flex;
    flex-direction: column
}

.covid__button {
    font-family: 'druk-wide-bold', sans-serif;
    font-size: 20px;
    background: var(--yellow);
    text-transform: uppercase;
    padding: .5em .75em;
    color: #000;
    text-decoration: none;
    font-weight: 400;
    display: inline-block;
    margin-left: auto
}

.covid {
    position: absolute;
    width: 100%;
    padding: 5%;
    top: 0
}

.covid h1 {
    font-family: 'druk-wide-bold', sans-serif;
    font-size: 30px;
    background: var(--yellow);
    display: inline-block;
    margin: 1em 7.5%;
    padding: .25em .5em .15em;
    text-transform: uppercase
}

.covid:before {
    content: "";
    display: block;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, .25);
    z-index: 90
}

.covid p,
.covid ul {
    font-weight: 400;
    font-family: 'druk-wide-bold', sans-serif;
    font-size: 18px;
    line-height: 24px;
    text-transform: uppercase
}

.covid strong {
    font-weight: 400;
    background: var(--yellow);
    padding: 3px 2px 1px
}

.covid__content>div {
    padding: 0 7.5% 6.5%
}

@media(min-width:1024px) {
    .covid {
        padding: 10vh 15vw;
        top: 5vh
    }

    .covid h1 {
        margin: 0 auto 1em
    }
}

.stay-safe {
    font-family: 'druk-wide-bold', sans-serif;
    text-transform: uppercase
}

.address-group-hours .address-line {
    margin-bottom: 1em
}


.social-media-buttons {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.social-media-buttons .Button {
    padding: 25px 50px
}

@media(min-width:1200px) {
    .address-group-hours {
        display: grid;
        grid-gap: 45px;
        grid-template-columns: 1fr 1fr
    }
}

.elementor-section.elementor-section-stretched {
    position: relative;
    width: 100% !important;
    left: unset !important;
}
.elementor-widget-wrap.elementor-element-populated {
    background: none !important;
}
.section--about--content{
    font-family: 'druk-wide-bold', sans-serif;
}
.section--about--content h2 {
    font-family: 'druk-wide-bold', sans-serif !important;
text-shadow: -4px 2px 0 #fff;
font-size: 100px !important;
letter-spacing: 8px;
text-align: left;
margin-bottom: 0.25em !important;
text-transform: uppercase;
font-weight: 400 !important;
margin: 0;
}
.section--about--content p{
    text-transform: uppercase;
    font-size: 30px;
}

.section--menu h2.elementor-heading-title.elementor-size-default{
    font-family: 'druk-wide-bold', sans-serif !important;
font-size: 100px !important;
letter-spacing: 8px;
text-align: left;
margin-bottom: 0.25em !important;
text-transform: uppercase;
font-weight: 400 !important;
margin: 0;  
}
.section--menu h3{
    font-family: 'druk-wide-bold', sans-serif !important;
    font-weight: 400 !important;
}
.textwidget.custom-html-widget table {
    width: auto;
    border: none;
}
.textwidget.custom-html-widget table td, .textwidget.custom-html-widget table thead{
    border: none !important;
}

.section--find_us .elementor-element-bfe6163 h2{
    font-family: 'druk-wide-bold', sans-serif !important;
    font-size: 100px !important;
    letter-spacing: 8px;
    text-align: left;
    margin-bottom: 0.25em !important;
    text-transform: uppercase;
    font-weight: 400 !important;
    margin: 0;  
}

.section--find_us .elementor-element-a2ea0a2 h2{
    letter-spacing: 3px;
    font-family: 'druk-wide-bold', sans-serif !important;
    text-transform: uppercase;
    font-weight: 400 !important;
    text-shadow: none;
    padding-right: 45px;
}
a.address-group-link {
    text-decoration: underline;
}

.elementor-element-d0ed5ef, .elementor-element-c73f116 {
    margin-right: 70px;
}
.elementor-element-e7ee261 {
    padding-top: 75px;
}
.elementor-element-e7ee261 h2{
    font-family: 'druk-wide-bold', sans-serif !important;
    font-size: 72px !important;
    letter-spacing: 6px;
    text-align: left;
    margin-bottom: 0.25em;
    font-weight: 400 !important;
}

.elementor-element-1546257 {
    display: inline-block !important;
    width: auto !important;
}
.elementor-element-2143c48 {
    display: inline-block !important;
    width: auto !important;
    margin-left: 67px;
    margin-top: 10px;
}
.elementor-element-2143c48 span.elementor-grid-item {
    margin-right: 15px;
}

.elementor-element-73ca407 {
    height: 100%;
}
.elementor-element-73ca407 img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media (max-width:767px) {
    .header nav ul {
        padding: 0 15px;
    }
    .section--find_us .elementor-element-bfe6163 h2 {
        font-size: 48px !important;
        letter-spacing: 4px;
        text-align: center;
    }
    .elementor-element-73ca407 img {
        position: relative;
    }
    .section--about--content h2, .section--menu h2.elementor-heading-title.elementor-size-default {
        font-size: 48px !important;
        letter-spacing: 4px;
        text-align: center;
    }
    .section--about--content p {
        text-align: center;
    }
    .elementor-element-d0ed5ef, .elementor-element-c73f116 {
        margin-right: 0;
        margin-bottom: 45px;
    }
    .section--find_us .elementor-element-a2ea0a2 h2 {
        padding-right: 0;
    }
    .elementor-element-e7ee261 h2 {
        font-size: 48px !important;
        letter-spacing: 4px;
        text-align: center;
    }
    .elementor-element-1546257 {
        display: inline-block !important;
        width: 100% !important;
    }
    .elementor-element-2143c48 {
        display: inline-block !important;
        width: 100% !important;
        margin-left: 0;
    }
    .elementor-element-2143c48  .elementor-social-icons-wrapper.elementor-grid {
        text-align: center;
    }
    section>h2:first-of-type, #contact h2 {
        margin-top: 0;
    }
    .main-content {
        margin-bottom: 0;
    }
    .section--quote {
        padding: 30px 10%;
    }
    footer {
        margin: 0 0 130px;
    }
    .header--order {
        background: var(--black);
        position: fixed;
        bottom: 0;
        width: 100%;
        padding: 22px 0;
    }
	 #map-cameron, #map-avenue, #map-carlaw  #map_bloor {
    
    margin: 0 auto;
}
}
#map-cameron, #map-avenue, #map-carlaw #map_bloor{
			height:300px;
			width:250px;
		}