/*
* Panini Press structural classes
* These are included on all front end pages
* Change them as you'd like to match the widths and breakpoints of your own site
*/

/*
* Widths
* This should mostly be on rows, but use wherever you want
*/

.panini-row,
.panini-column {
    position: relative;
}

.panini-row {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    display: block;
    margin: 0 auto;
    overflow: hidden;
    width: 100%;
}
.panini-row > .row-content {
    margin: 0 auto;
}
.panini-row.full-width .row-content {
    max-width: 100%;
}
.panini-row.page-width .row-content {
    max-width: 1270px;
    padding-left: 15px;
    padding-right: 15px;
}
.panini-row.large .row-content {
    max-width: 1010px;
    padding-left: 15px;
    padding-right: 15px;
}
.panini-row.medium .row-content {
    max-width: 810px;
    padding-left: 15px;
    padding-right: 15px;
}
.panini-row.small .row-content {
    max-width: 670px;
    padding-left: 15px;
    padding-right: 15px;
}
.panini-row.x-small .row-content {
    max-width: 550px;
    padding-left: 15px;
    padding-right: 15px;
}

/*
* Columns
*/
.row-full .panini-column {
    width: 100%;
}
.row-half .panini-column {
    float: left;
    width: 50%;
}
.row-third .panini-column {
    float: left;
    width: 33.33%;
}
.row-quarter .panini-column {
    float: left;
    width: 25%;
}
.row-sidebar-left .panini-column:first-child {
    float: left;
    width: 350px;
}
.row-sidebar-left .panini-column:nth-child(2) {
    overflow: hidden;
}
.row-sidebar-right .panini-column:first-child {
    float: right;
    width: 350px;
}
.row-sidebar-right .panini-column:nth-child(2) {
    overflow: hidden;
}

@media all and (max-width: 980px) {
    .row-quarter .panini-column {
        width: 50%;
    }
}

@media all and (max-width: 780px) {
    .row-half .panini-column {
        width: 100%;
    }
    .row-third .panini-column {
        width: 100%;
    }
    .row-sidebar-left .row-content {
        padding-left: 15px;
        padding-right: 15px;
    }
    .row-sidebar-left .panini-column {
        margin-left: 0;
        margin-right: 0;
    }
    .row-sidebar-left .panini-column:first-child {
        float: none;
        width: 100%;
    }
    .row-sidebar-left .panini-column:nth-child(2) {
        overflow: visible;
    }
    .row-sidebar-right .row-content {
        padding-left: 15px;
        padding-right: 15px;
    }
    .row-sidebar-right .panini-column {
        margin-left: 0;
        margin-right: 0;
    }
    .row-sidebar-right .panini-column:first-child {
        float: none;
        width: 100%;
    }
    .row-sidebar-right .panini-column:nth-child(2) {
        overflow: visible;
    }
}

@media all and (max-width: 640px) {
    .row-quarter .panini-column {
        width: 100%;
    }
}

/*
* Text alignment
*/

.align-right {
    text-align: right;
}
.align-left {
    text-align: left;
}
.align-center {
    text-align: center;
}

.align-center .image-wrapper img {
    float: none;
}

/*
* Margins
*/

/* margin left */
.margin-left-5 {
    margin-left: 5px;
}
.margin-left-10 {
    margin-left: 10px;
}
.margin-left-15 {
    margin-left: 15px;
}
.margin-left-20 {
    margin-left: 20px;
}
.margin-left-25 {
    margin-left: 25px;
}
.margin-left-30 {
    margin-left: 30px;
}
.margin-left-35 {
    margin-left: 35px;
}
.margin-left-40 {
    margin-left: 40px;
}
.margin-left-45 {
    margin-left: 45px;
}
.margin-left-50 {
    margin-left: 50px;
}
.margin-left-55 {
    margin-left: 55px;
}
.margin-left-60 {
    margin-left: 60px;
}
.margin-left-65 {
    margin-left: 65px;
}
.margin-left-70 {
    margin-left: 70px;
}
.margin-left-75 {
    margin-left: 75px;
}
.margin-left-80 {
    margin-left: 80px;
}
.margin-left-85 {
    margin-left: 85px;
}
.margin-left-90 {
    margin-left: 90px;
}
.margin-left-95 {
    margin-left: 95px;
}
.margin-left-100 {
    margin-left: 100px;
}
.margin-left-105 {
    margin-left: 105px;
}
.margin-left-110 {
    margin-left: 110px;
}
.margin-left-115 {
    margin-left: 115px;
}
.margin-left-120 {
    margin-left: 120px;
}

/* margin right */
.margin-right-5 {
    margin-right: 5px;
}
.margin-right-10 {
    margin-right: 10px;
}
.margin-right-15 {
    margin-right: 15px;
}
.margin-right-20 {
    margin-right: 20px;
}
.margin-right-25 {
    margin-right: 25px;
}
.margin-right-30 {
    margin-right: 30px;
}
.margin-right-35 {
    margin-right: 35px;
}
.margin-right-40 {
    margin-right: 40px;
}
.margin-right-45 {
    margin-right: 45px;
}
.margin-right-50 {
    margin-right: 50px;
}
.margin-right-55 {
    margin-right: 55px;
}
.margin-right-60 {
    margin-right: 60px;
}
.margin-right-65 {
    margin-right: 65px;
}
.margin-right-70 {
    margin-right: 70px;
}
.margin-right-75 {
    margin-right: 75px;
}
.margin-right-80 {
    margin-right: 80px;
}
.margin-right-85 {
    margin-right: 85px;
}
.margin-right-90 {
    margin-right: 90px;
}
.margin-right-95 {
    margin-right: 95px;
}
.margin-right-100 {
    margin-right: 100px;
}
.margin-right-105 {
    margin-right: 105px;
}
.margin-right-110 {
    margin-right: 110px;
}
.margin-right-115 {
    margin-right: 115px;
}
.margin-right-120 {
    margin-right: 120px;
}

/* margin top */
.margin-top-5 {
    margin-top: 5px;
}
.margin-top-10 {
    margin-top: 10px;
}
.margin-top-15 {
    margin-top: 15px;
}
.margin-top-20 {
    margin-top: 20px;
}
.margin-top-25 {
    margin-top: 25px;
}
.margin-top-30 {
    margin-top: 30px;
}
.margin-top-35 {
    margin-top: 35px;
}
.margin-top-40 {
    margin-top: 40px;
}
.margin-top-45 {
    margin-top: 45px;
}
.margin-top-50 {
    margin-top: 50px;
}
.margin-top-55 {
    margin-top: 55px;
}
.margin-top-60 {
    margin-top: 60px;
}
.margin-top-65 {
    margin-top: 65px;
}
.margin-top-70 {
    margin-top: 70px;
}
.margin-top-75 {
    margin-top: 75px;
}
.margin-top-80 {
    margin-top: 80px;
}
.margin-top-85 {
    margin-top: 85px;
}
.margin-top-90 {
    margin-top: 90px;
}
.margin-top-95 {
    margin-top: 95px;
}
.margin-top-100 {
    margin-top: 100px;
}
.margin-top-105 {
    margin-top: 105px;
}
.margin-top-110 {
    margin-top: 110px;
}
.margin-top-115 {
    margin-top: 115px;
}
.margin-top-120 {
    margin-top: 120px;
}

/* margin bottom */
.margin-bottom-5 {
    margin-bottom: 5px;
}
.margin-bottom-10 {
    margin-bottom: 10px;
}
.margin-bottom-15 {
    margin-bottom: 15px;
}
.margin-bottom-20 {
    margin-bottom: 20px;
}
.margin-bottom-25 {
    margin-bottom: 25px;
}
.margin-bottom-30 {
    margin-bottom: 30px;
}
.margin-bottom-35 {
    margin-bottom: 35px;
}
.margin-bottom-40 {
    margin-bottom: 40px;
}
.margin-bottom-45 {
    margin-bottom: 45px;
}
.margin-bottom-50 {
    margin-bottom: 50px;
}
.margin-bottom-55 {
    margin-bottom: 55px;
}
.margin-bottom-60 {
    margin-bottom: 60px;
}
.margin-bottom-65 {
    margin-bottom: 65px;
}
.margin-bottom-70 {
    margin-bottom: 70px;
}
.margin-bottom-75 {
    margin-bottom: 75px;
}
.margin-bottom-80 {
    margin-bottom: 80px;
}
.margin-bottom-85 {
    margin-bottom: 85px;
}
.margin-bottom-90 {
    margin-bottom: 90px;
}
.margin-bottom-95 {
    margin-bottom: 95px;
}
.margin-bottom-100 {
    margin-bottom: 100px;
}
.margin-bottom-105 {
    margin-bottom: 105px;
}
.margin-bottom-110 {
    margin-bottom: 110px;
}
.margin-bottom-115 {
    margin-bottom: 115px;
}
.margin-bottom-120 {
    margin-bottom: 120px;
}

/* margin y */
.margin-y-5 {
    margin-top: 5px;
    margin-bottom: 5px;
}
.margin-y-10 {
    margin-top: 10px;
    margin-bottom: 10px;
}
.margin-y-15 {
    margin-top: 15px;
    margin-bottom: 15px;
}
.margin-y-20 {
    margin-top: 20px;
    margin-bottom: 20px;
}
.margin-y-25 {
    margin-top: 25px;
    margin-bottom: 25px;
}
.margin-y-30 {
    margin-top: 30px;
    margin-bottom: 30px;
}
.margin-y-35 {
    margin-top: 35px;
    margin-bottom: 35px;
}
.margin-y-40 {
    margin-top: 40px;
    margin-bottom: 40px;
}
.margin-y-45 {
    margin-top: 45px;
    margin-bottom: 45px;
}
.margin-y-50 {
    margin-top: 50px;
    margin-bottom: 50px;
}
.margin-y-55 {
    margin-top: 55px;
    margin-bottom: 55px;
}
.margin-y-60 {
    margin-top: 60px;
    margin-bottom: 60px;
}
.margin-y-65 {
    margin-top: 65px;
    margin-bottom: 65px;
}
.margin-y-70 {
    margin-top: 70px;
    margin-bottom: 70px;
}
.margin-y-75 {
    margin-top: 75px;
    margin-bottom: 75px;
}
.margin-y-80 {
    margin-top: 80px;
    margin-bottom: 80px;
}
.margin-y-85 {
    margin-top: 85px;
    margin-bottom: 85px;
}
.margin-y-90 {
    margin-top: 90px;
    margin-bottom: 90px;
}
.margin-y-95 {
    margin-top: 95px;
    margin-bottom: 95px;
}
.margin-y-100 {
    margin-top: 100px;
    margin-bottom: 100px;
}
.margin-y-105 {
    margin-top: 105px;
    margin-bottom: 105px;
}
.margin-y-110 {
    margin-top: 110px;
    margin-bottom: 110px;
}
.margin-y-115 {
    margin-top: 115px;
    margin-bottom: 115px;
}
.margin-y-120 {
    margin-top: 120px;
    margin-bottom: 120px;
}


/* margin x */
.margin-x-5 {
    margin-left: 5px;
    margin-right: 5px;
}
.margin-x-10 {
    margin-left: 10px;
    margin-right: 10px;
}
.margin-x-15 {
    margin-left: 15px;
    margin-right: 15px;
}
.margin-x-20 {
    margin-left: 20px;
    margin-right: 20px;
}
.margin-x-25 {
    margin-left: 25px;
    margin-right: 25px;
}
.margin-x-30 {
    margin-left: 30px;
    margin-right: 30px;
}
.margin-x-35 {
    margin-left: 35px;
    margin-right: 35px;
}
.margin-x-40 {
    margin-left: 40px;
    margin-right: 40px;
}
.margin-x-45 {
    margin-left: 45px;
    margin-right: 45px;
}
.margin-x-50 {
    margin-left: 50px;
    margin-right: 50px;
}
.margin-x-55 {
    margin-left: 55px;
    margin-right: 55px;
}
.margin-x-60 {
    margin-left: 60px;
    margin-right: 60px;
}
.margin-x-65 {
    margin-left: 65px;
    margin-right: 65px;
}
.margin-x-70 {
    margin-left: 70px;
    margin-right: 70px;
}
.margin-x-75 {
    margin-left: 75px;
    margin-right: 75px;
}
.margin-x-80 {
    margin-left: 80px;
    margin-right: 80px;
}
.margin-x-85 {
    margin-left: 85px;
    margin-right: 85px;
}
.margin-x-90 {
    margin-left: 90px;
    margin-right: 90px;
}
.margin-x-95 {
    margin-left: 95px;
    margin-right: 95px;
}
.margin-x-100 {
    margin-left: 100px;
    margin-right: 100px;
}
.margin-x-105 {
    margin-left: 105px;
    margin-right: 105px;
}
.margin-x-110 {
    margin-left: 110px;
    margin-right: 110px;
}
.margin-x-115 {
    margin-left: 115px;
    margin-right: 115px;
}
.margin-x-120 {
    margin-left: 120px;
    margin-right: 120px;
}


/*
* Padding
*/

/* padding left */
.padding-left-5 {
    padding-left: 5px;
}
.padding-left-10 {
    padding-left: 10px;
}
.padding-left-15 {
    padding-left: 15px;
}
.padding-left-20 {
    padding-left: 20px;
}
.padding-left-25 {
    padding-left: 25px;
}
.padding-left-30 {
    padding-left: 30px;
}
.padding-left-35 {
    padding-left: 35px;
}
.padding-left-40 {
    padding-left: 40px;
}
.padding-left-45 {
    padding-left: 45px;
}
.padding-left-50 {
    padding-left: 50px;
}
.padding-left-55 {
    padding-left: 55px;
}
.padding-left-60 {
    padding-left: 60px;
}
.padding-left-65 {
    padding-left: 65px;
}
.padding-left-70 {
    padding-left: 70px;
}
.padding-left-75 {
    padding-left: 75px;
}
.padding-left-80 {
    padding-left: 80px;
}
.padding-left-85 {
    padding-left: 85px;
}
.padding-left-90 {
    padding-left: 90px;
}
.padding-left-95 {
    padding-left: 95px;
}
.padding-left-100 {
    padding-left: 100px;
}
.padding-left-105 {
    padding-left: 105px;
}
.padding-left-110 {
    padding-left: 110px;
}
.padding-left-115 {
    padding-left: 115px;
}
.padding-left-120 {
    padding-left: 120px;
}

/* padding right */
.padding-right-5 {
    padding-right: 5px;
}
.padding-right-10 {
    padding-right: 10px;
}
.padding-right-15 {
    padding-right: 15px;
}
.padding-right-20 {
    padding-right: 20px;
}
.padding-right-25 {
    padding-right: 25px;
}
.padding-right-30 {
    padding-right: 30px;
}
.padding-right-35 {
    padding-right: 35px;
}
.padding-right-40 {
    padding-right: 40px;
}
.padding-right-45 {
    padding-right: 45px;
}
.padding-right-50 {
    padding-right: 50px;
}
.padding-right-55 {
    padding-right: 55px;
}
.padding-right-60 {
    padding-right: 60px;
}
.padding-right-65 {
    padding-right: 65px;
}
.padding-right-70 {
    padding-right: 70px;
}
.padding-right-75 {
    padding-right: 75px;
}
.padding-right-80 {
    padding-right: 80px;
}
.padding-right-85 {
    padding-right: 85px;
}
.padding-right-90 {
    padding-right: 90px;
}
.padding-right-95 {
    padding-right: 95px;
}
.padding-right-100 {
    padding-right: 100px;
}
.padding-right-105 {
    padding-right: 105px;
}
.padding-right-110 {
    padding-right: 110px;
}
.padding-right-115 {
    padding-right: 115px;
}
.padding-right-120 {
    padding-right: 120px;
}

/* padding top */
.padding-top-5 {
    padding-top: 5px;
}
.padding-top-10 {
    padding-top: 10px;
}
.padding-top-15 {
    padding-top: 15px;
}
.padding-top-20 {
    padding-top: 20px;
}
.padding-top-25 {
    padding-top: 25px;
}
.padding-top-30 {
    padding-top: 30px;
}
.padding-top-35 {
    padding-top: 35px;
}
.padding-top-40 {
    padding-top: 40px;
}
.padding-top-45 {
    padding-top: 45px;
}
.padding-top-50 {
    padding-top: 50px;
}
.padding-top-55 {
    padding-top: 55px;
}
.padding-top-60 {
    padding-top: 60px;
}
.padding-top-65 {
    padding-top: 65px;
}
.padding-top-70 {
    padding-top: 70px;
}
.padding-top-75 {
    padding-top: 75px;
}
.padding-top-80 {
    padding-top: 80px;
}
.padding-top-85 {
    padding-top: 85px;
}
.padding-top-90 {
    padding-top: 90px;
}
.padding-top-95 {
    padding-top: 95px;
}
.padding-top-100 {
    padding-top: 100px;
}
.padding-top-105 {
    padding-top: 105px;
}
.padding-top-110 {
    padding-top: 110px;
}
.padding-top-115 {
    padding-top: 115px;
}
.padding-top-120 {
    padding-top: 120px;
}

/* padding bottom */
.padding-bottom-5 {
    padding-bottom: 5px;
}
.padding-bottom-10 {
    padding-bottom: 10px;
}
.padding-bottom-15 {
    padding-bottom: 15px;
}
.padding-bottom-20 {
    padding-bottom: 20px;
}
.padding-bottom-25 {
    padding-bottom: 25px;
}
.padding-bottom-30 {
    padding-bottom: 30px;
}
.padding-bottom-35 {
    padding-bottom: 35px;
}
.padding-bottom-40 {
    padding-bottom: 40px;
}
.padding-bottom-45 {
    padding-bottom: 45px;
}
.padding-bottom-50 {
    padding-bottom: 50px;
}
.padding-bottom-55 {
    padding-bottom: 55px;
}
.padding-bottom-60 {
    padding-bottom: 60px;
}
.padding-bottom-65 {
    padding-bottom: 65px;
}
.padding-bottom-70 {
    padding-bottom: 70px;
}
.padding-bottom-75 {
    padding-bottom: 75px;
}
.padding-bottom-80 {
    padding-bottom: 80px;
}
.padding-bottom-85 {
    padding-bottom: 85px;
}
.padding-bottom-90 {
    padding-bottom: 90px;
}
.padding-bottom-95 {
    padding-bottom: 95px;
}
.padding-bottom-100 {
    padding-bottom: 100px;
}
.padding-bottom-105 {
    padding-bottom: 105px;
}
.padding-bottom-110 {
    padding-bottom: 110px;
}
.padding-bottom-115 {
    padding-bottom: 115px;
}
.padding-bottom-120 {
    padding-bottom: 120px;
}

/* padding y */
.padding-y-5 {
    padding-top: 5px;
    padding-bottom: 5px;
}
.padding-y-10 {
    padding-top: 10px;
    padding-bottom: 10px;
}
.padding-y-15 {
    padding-top: 15px;
    padding-bottom: 15px;
}
.padding-y-20 {
    padding-top: 20px;
    padding-bottom: 20px;
}
.padding-y-25 {
    padding-top: 25px;
    padding-bottom: 25px;
}
.padding-y-30 {
    padding-top: 30px;
    padding-bottom: 30px;
}
.padding-y-35 {
    padding-top: 35px;
    padding-bottom: 35px;
}
.padding-y-40 {
    padding-top: 40px;
    padding-bottom: 40px;
}
.padding-y-45 {
    padding-top: 45px;
    padding-bottom: 45px;
}
.padding-y-50 {
    padding-top: 50px;
    padding-bottom: 50px;
}
.padding-y-55 {
    padding-top: 55px;
    padding-bottom: 55px;
}
.padding-y-60 {
    padding-top: 60px;
    padding-bottom: 60px;
}
.padding-y-65 {
    padding-top: 65px;
    padding-bottom: 65px;
}
.padding-y-70 {
    padding-top: 70px;
    padding-bottom: 70px;
}
.padding-y-75 {
    padding-top: 75px;
    padding-bottom: 75px;
}
.padding-y-80 {
    padding-top: 80px;
    padding-bottom: 80px;
}
.padding-y-85 {
    padding-top: 85px;
    padding-bottom: 85px;
}
.padding-y-90 {
    padding-top: 90px;
    padding-bottom: 90px;
}
.padding-y-95 {
    padding-top: 95px;
    padding-bottom: 95px;
}
.padding-y-100 {
    padding-top: 100px;
    padding-bottom: 100px;
}
.padding-y-105 {
    padding-top: 105px;
    padding-bottom: 105px;
}
.padding-y-110 {
    padding-top: 110px;
    padding-bottom: 110px;
}
.padding-y-115 {
    padding-top: 115px;
    padding-bottom: 115px;
}
.padding-y-120 {
    padding-top: 120px;
    padding-bottom: 120px;
}


/* padding x */
.padding-x-5 {
    padding-left: 5px;
    padding-right: 5px;
}
.padding-x-10 {
    padding-left: 10px;
    padding-right: 10px;
}
.padding-x-15 {
    padding-left: 15px;
    padding-right: 15px;
}
.padding-x-20 {
    padding-left: 20px;
    padding-right: 20px;
}
.padding-x-25 {
    padding-left: 25px;
    padding-right: 25px;
}
.padding-x-30 {
    padding-left: 30px;
    padding-right: 30px;
}
.padding-x-35 {
    padding-left: 35px;
    padding-right: 35px;
}
.padding-x-40 {
    padding-left: 40px;
    padding-right: 40px;
}
.padding-x-45 {
    padding-left: 45px;
    padding-right: 45px;
}
.padding-x-50 {
    padding-left: 50px;
    padding-right: 50px;
}
.padding-x-55 {
    padding-left: 55px;
    padding-right: 55px;
}
.padding-x-60 {
    padding-left: 60px;
    padding-right: 60px;
}
.padding-x-65 {
    padding-left: 65px;
    padding-right: 65px;
}
.padding-x-70 {
    padding-left: 70px;
    padding-right: 70px;
}
.padding-x-75 {
    padding-left: 75px;
    padding-right: 75px;
}
.padding-x-80 {
    padding-left: 80px;
    padding-right: 80px;
}
.padding-x-85 {
    padding-left: 85px;
    padding-right: 85px;
}
.padding-x-90 {
    padding-left: 90px;
    padding-right: 90px;
}
.padding-x-95 {
    padding-left: 95px;
    padding-right: 95px;
}
.padding-x-100 {
    padding-left: 100px;
    padding-right: 100px;
}
.padding-x-105 {
    padding-left: 105px;
    padding-right: 105px;
}
.padding-x-110 {
    padding-left: 110px;
    padding-right: 110px;
}
.padding-x-115 {
    padding-left: 115px;
    padding-right: 115px;
}
.padding-x-120 {
    padding-left: 120px;
    padding-right: 120px;
}

/*
* Sliders
*/

.slider-column .slick-slide img {
    max-width: 100%;
}
.slider-column[data-show-arrows="true"] {
    padding-left: 45px;
    padding-right: 45px;
}
.slider-column .slick-prev {
    left: 0;
}
.slider-column .slick-next {
    right: 0;
}