/*
Theme Name: Joe Kools - Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/


@font-face {
    font-family: 'beach_party';
    src: url('./fonts/BEACH-PARTY.woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'vegan_style';
    src: url('./fonts/Vegan-Style-Personal-Use.ttf');
    font-weight: normal;
    font-style: normal;
}
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Fredericka+the+Great&display=swap');

/* Headings/Typography */
h1{
    letter-spacing: 5px !important;
    font-size: 72px !important;
    line-height: 82px !important;
    text-transform: uppercase;
}
h2{
    font-size: 70px !important;
    line-height: 80px !important;
}
h3 {
    font-family: 'vegan_style' !important;
    font-size: 48px !important;
    line-height: 58px !important;
    font-weight: 200 !important;
}
body {
    font-size: 18px !important;
    line-height: 28px !important;
}
.features h4 {
    font-size: 46px !important;
    line-height: 38px !important;
}
.features h4 sup {
    font-size: 30px !important;
    position: relative;
    top: 8px;
}
.features h3 {
    font-size: 44px !important;
}
.beach {
    font-family: 'beach_party' !important;
}
.white{
    color: #fff !important;
}
p, li, a{
    font-weight: 600;
}
.grey-text {
    color:#676767 !important;
}
/* Buttons */
body[data-button-style*="slightly_rounded"] .nectar-button.large,
body[data-form-submit="regular"] .container-wrap input[type="submit"]{
    border-radius: 0 !important;
    font-family: Roboto !important;
    font-weight: 400 !important;
    padding: 12px 55px !important;
    font-size: 18px !important;
    text-transform: uppercase;
}
#gform_submit_button_2 {
    font-weight: bold !important;
}

/* Padding */
.ptb-5{
    padding-top: 5% !important;
    padding-bottom: 5% !important;
}
.pt-5{
    padding-top: 5% !important;
}
.pa-1 {
    padding: 1% !important;
}
.pb-10{
    padding-bottom: 10% !important;
}

/* Heading Underlines */
.text-underline h2 {
    z-index: 10 ;
}
.text-underline .wpb_raw_code .wpb_wrapper{
    margin: 0 auto !important;
    margin-top: -58px !important;
    z-index: -1;
    position: relative;
}
/* NAV */
.sf-menu li a {
    opacity: 1 !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    text-transform: uppercase;
}
#logo {
    margin: 10px 0 !important;
}
#menu-item-83{
    margin-left: 40px !important;
    background-image: url(/wp-content/uploads/sites/4/2020/10/JoeKools-DeliveryTakeout-NavShape-1.svg) !important;
    background-repeat: no-repeat;
    background-position: center center;
    padding: 0 15px !important;
}
#menu-item-83 a{
    margin-left: 0 !important;
    color: #fff !important;
    margin-right: 40px !important;
}
#menu-item-83 a::before{
    content: "XXX";
    background-image: url(/wp-content/uploads/sites/4/2020/10/JoeKools-TopNav-Arrow.png);
    width: 50px;
    height: 30px;
    color: transparent;
    position: absolute;
    right: -60px;
    background-repeat: no-repeat;
}

/* FOOTER */
.material #footer-outer #footer-widgets .col #wysiwyg_widgets_widget-3 ul li {
    padding: 0px !important;
}
#footer-outer{
    background-color: #fff !important;
    background-size: contain !important;
}
#footer-outer .row {
    padding: 20px 0 !important;
    padding-bottom: 0 !important;
}
#footer-outer img {
    height: 80px !important;
    margin-bottom: 0 !important;
}
#footer-outer ul {
    display: flex; 
    color: rgb(82, 82, 82);
}
#footer-outer ul li {
    margin-right: 15px !important;
    font-weight: 600 !important;
    font-size: 14px !important;
}
#footer-outer ul li:first-of-type {
    margin-left: 0 !important;
}
#wysiwyg_widgets_widget-2 {
    margin-bottom: 0 !important;
}
#footer-outer ul{
    justify-content: flex-end;
}
#copyright{
    display: none !important;
}

/* Hero */
.hero-narrow > .col {
	height: 550px;
}
/* overlap image btm */
.overlap-btm {
    padding-top: 50px !important;
    margin-bottom: -50px !important;
}

/* position home page underlines */
.features .text-underline .wpb_raw_code .wpb_wrapper{
    width: 85%;
    margin-left: 13% !important;
}
.reservation .text-underline .wpb_raw_code .wpb_wrapper {
    width: 75%;
    margin-left: 0 !important;
    margin-right: 0 !important;
}
.catering .text-underline .wpb_raw_code .wpb_wrapper {
    /* top: -8px !important; */
}
.contact .text-underline .wpb_raw_code .wpb_wrapper{
    width: 55%;
    margin-left: 0 !important;
    margin-top: -55px !important;
}
/* position catering underlines */

/* position gallery underlines */
.instagram .wpb_raw_code .wpb_wrapper {
    width: 70%;
}

/* ----- HOME PAGE ----- */
.ashphalt-bg .row-bg-overlay{
    background: url(/wp-content/uploads/sites/4/2020/10/background-texture-asfalt-dark-opacity-65.png);
}
.chalkboard-wraps .row-bg-overlay,
.reservation .row-bg-overlay{
    background: url(/wp-content/uploads/sites/4/2020/10/JoeKools-Wrap-Reservation-BG.svg);
    background-repeat: no-repeat;
    background-position: center center;
}
.chalkboard-drinks .row-bg-overlay,
.contact .row-bg-overlay {
    background: url(/wp-content/uploads/sites/4/2021/01/JoeKools-Contact-ContactChalkDrawings-min2.svg);
    opacity: 0.1;
    background-repeat: no-repeat;
    background-position: center;
}

/* special section styling */
.features .wpb_row.inner_row:first-of-type{
    margin-top: -50px !important;
}
.features .vc_col-sm-4 .vc_column-inner{
    height: 300px !important;
}
.features .vc_col-sm-4 .vc_column-inner .column-image-bg{
    background-size: cover;
    background-repeat: no-repeat;
}
.features .row-bg {
    background-size: contain !important;
}
.features .vc_col-sm-4 .vc_column-inner > .wpb_wrapper{
    top: 30px !important;
}
.features .wpb_raw_code .wpb_wrapper{
    width: 105%;
    left: -4.5%;
    position: relative;
}
.features .vc_col-sm-4:first-of-type .wpb_text_column,
.features .vc_col-sm-4:last-of-type .wpb_text_column{
    z-index: 500;
    position: relative;
    top: 125px;
    padding-left: 30px !important;
}
.features .vc_col-sm-4:first-of-type .wpb_text_column h4,
.features .vc_col-sm-4:last-of-type .wpb_text_column h4{
    padding-left: 30px !important;
}
.features .vc_col-sm-4:nth-of-type(2) .wpb_text_column{
    z-index: 500;
    position: relative;
    bottom: 135px;
    text-align: right;
    padding-right: 30px !important;
}
.features .vc_col-sm-4:nth-of-type(2) .column-image-bg{
    background-position: bottom;
}

/* Catering Section */
.catering {
    padding-top: 50px !important;
    padding-bottom: 150px !important;
}
.catering .row-bg.using-image,
.scale-ashphalt .row-bg.using-image{
    background-repeat: repeat !important;
    background-size: 50% !important;
}
/* reservation section */
.reservation .text-underline {
    padding: 40px 0 !important
}
.home .reservation .overlap-btm {
    margin-bottom: -190px !important;
}
@media screen and (min-width: 1425px){
    .home .reservation .overlap-btm {
        margin-bottom: -50px !important;
    }
}
/* Contact */
.contact .wpb_gallery {
    margin-top: -140px !important;
}
.contact .column-image-bg{
    opacity: 0.1;
}
.contact .wpb_raw_code{
    margin-bottom: 0 !important;
}
.home .hours p:first-of-type {
    font-size: 18px !important;
    font-weight: 600 !important;
}
.home .hours p:not(:first-of-type), .home .hours ul li{
    font-size: 18px !important;
    font-weight: 400 !important;
}
.hours ul {
    display: flex;
    margin-left: 0 !important;
}
.hours ul li {
    list-style: none;
}
.hours ul li:first-of-type{
    margin-right: 20px !important;
}
.contact a {
    color: #fff !important;
}
.contact .nectar-google-map{
    box-shadow: -15px 15px 0px 0px rgba(63,105,224,1);
}

/* CATERING PAGE */
.page-id-93 .catering .text-underline .wpb_raw_code .wpb_wrapper {
    width: 100%;
}
.catering-table .vc_col-sm-6:last-of-type p,
.catering-table-header .vc_col-sm-6:last-of-type p{
    text-align: right;
}
.catering-table-header small {
    font-size: 14px !important;
}
.vc_column-inner .catering-table {
    padding-bottom: 15px !important;
    margin-top: 15px !important;
    border-bottom: 1px solid rgba(255,255,255,0.5);
}
.vc_column-inner .catering-table.no-border-b {
    border-bottom: none;
}
.vc_column-inner .catering-table:first-of-type {
    padding-bottom: 0 !important;
}
.text-underline .catering-table-header + .wpb_raw_code{
    margin-bottom: 0 !important;
}
.text-underline .catering-table-header + .wpb_raw_code .wpb_wrapper{
    margin-top: -28px !important;
    transform: rotateY(180deg);
}

/* catering contact form */
.private-functions > .col{
    height: 300px !important;
}
.private-functions h3 {
    padding-top: 20px !important;
}
#gform_fields_1,
#gform_fields_2  {
    display: flex;
    flex-wrap: wrap;
}
#gform_fields_1 li,
#gform_fields_2 li {
    width: 50%;
    margin-top: 0 !important;
}
#gform_fields_2 li input, #field_2_1, #field_2_4 {
    width: 100% !important;
}
#field_2_1{
    margin-right: 0 !important;
}
#field_2_1 input {
    margin-bottom: 0 !important;
}
#input_2_3, #input_2_2 {
    margin-top: 0 !important;
}
#gform_fields_1 #field_1_1, #gform_fields_1 #field_1_6, #field_2_1{
    width: 100%;
}
#gform_fields_1 li input, select, #gform_fields_1 #field_1_6 textarea {
    width: 100% !important;
    margin: 0 !important;
    padding: 10px !important;;
    background-color: #fff;
    border: 1px solid #dadada;
    color: #000 !important;
}
select {
    -webkit-appearance: menulist-button;
    color: rgb(160, 160, 160) !important;
}
select:invalid{
    /* color: rgb(160, 160, 160); */
}
.gform_wrapper input::placeholder,
select#input_1_4 option:first-of-type,
.gform_wrapper textarea::placeholder{
    color: rgb(96, 96, 96) !important;
}
.gform_footer {
    text-align: center;
    padding-bottom: 0 !important;
}
select {
    height: 46px;
    border-radius: 4px;
    box-shadow: none;
}
.gform_wrapper {
    margin-bottom: 0 !important;
}

/* GALLERY PAGE */
.instagram {
    padding-top: 15% !important;
    margin-top: -10% !important;
}

/* CONTACT PAGE */
.page-id-75 .contact .nectar-google-map{
    box-shadow: 15px 15px 0px 0px #ffbd66;
}
.page-id-75 .contact a {
    color: #676767 !important;
}

/* MENU PAGE */
.page-template-joe-kools-menu #ajax-content-wrap {
    background: url(/wp-content/uploads/sites/4/2020/10/background-texture-asfalt-dark-opacity-65.png);
}
.highlight-anim.small-plates object{
    margin-bottom: -44px;
    margin-left: -1%;
    width: 210px;
}
.highlight-anim.salads object{
    width: 120px;
    margin-bottom: -39px;
    margin-left: -1%;
}
.highlight-anim.sandwiches object{
    width: 195px;
    margin-bottom: -45px;
    margin-left: -1%;
}
.highlight-anim.burgers object{
    width: 135px;
    margin-bottom: -42px;
    margin-left: -1%;
}
.highlight-anim.pizza object{
    width: 110px;
    margin-bottom: -42px;
    margin-left: -1%;
}
.highlight-anim.nachos object{
    width: 125px;
    margin-bottom: -42px;
    margin-left: -1%;
}
.highlight-anim.dinners object{
    width: 135px;
    margin-bottom: -42px;
    margin-left: -1%;
}
.highlight-anim.desserts object{
    width: 150px;
    margin-bottom: -42px;
    margin-left: -1%;
}
.highlight-anim.sides object{
    width: 110px;
    margin-bottom: -42px;
    margin-left: -1%;
}
.highlight-anim.quesadillas object{
    width: 200px;
    margin-bottom: -52px;
    margin-left: -1%;
}
.highlight-anim.draft object{
    width: 110px;
    margin-bottom: -42px;
    margin-left: -1%;
}
.highlight-anim.bottled-beer object{
    width: 210px;
    margin-bottom: -46px;
    margin-left: -1%;
}
.highlight-anim.wine object{
    width: 100px;
    margin-bottom: -40px;
    margin-left: -1%;
}
.menu-container .drinks {
    text-align: center;
}
.menu-container .drinks object{
    width: 25%;
    margin-bottom: -77px;
}
.food-container > h2, .drinks-container > h2 {
    font-size: 32px !important;
    line-height: 42px !important;
    color: #000 !important;
}
.menu-section h3{
    font-size: 22px !important;
    line-height: 32px !important;
    font-family: 'Fredericka the Great' !important;
    color: #000 !important;
}
.menu-section{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.menu-section > div {
    width: 45%;
    padding-bottom:15px;
}
.menu-section > div > p,
.menu-section > div li {
    font-size: 14px;
    line-height: 24px;
}
.menu-section > div > div,
.menu-section .price {
    width: 100%;
    display: flex;
    justify-content: space-between;
    position: relative;
}
.menu-section .price p {
    font-weight: 800;
    padding-bottom: 15px !important;
    text-align: right;
    font-size: 20px !important;
    line-height: 30px !important;
}
.menu-section .dietary {
    position: absolute;
    left: -40px;
}
/* make the wine table thing */
.menu-section.wine {
    display: block;
}
.menu-section.wine p {
    padding-bottom: 10px !important;
}
.menu-section.wine > div {
    padding-bottom: 0 !important;
}
.wine-type h2 {
    font-size: 18px !important;
    line-height: 28px !important;
}
.menu-section .wine-header {
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.menu-section .wine-header:first-of-type,
.menu-section .wine-header:nth-of-type(5){
    padding-top: 40px !important;
}
.wine-header p {
    font-size: 18px !important;
    font-weight: bold;
}
.menu-section .wine-header .wine-type, 
.menu-section .wine-desc {
    width: 64%;
}
.menu-section.wine p, .menu-section .wine-price{
    width: 12%;
}
.menu-section .wine-desc p, .menu-section .wine-price p{
    width: 100%;
}
.wine-desc p {
    font-size: 14px !important;
    line-height: 24px !important;
}
.menu-section .wine-deets {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.menu-container .menu-section:last-of-type {
    padding-bottom: 40px !important;
}
/* constrain width of page to match rest of site */
.menu-container {
    margin: 0 auto;
}

/* toggler */
.menu-toggler {
    margin-top: 40px !important;
    height: 50px;
    width: 320px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    position: relative;
    background-color: #fafafa;
    border: 2px solid #ccc;
    border-radius: 100px;
}
.menu-toggler a{
    width: 50%;
    text-align: center;
    font-weight: 600;
    color: #333;
    z-index: 9;
}
.menu-toggler a.selected {
    color: #fff;
    transition-delay: 0.25s;
}
.menu-toggler .selected-highlight {
    background-color: #3f6ae1;
    width: 50%;
    height: 100%;
    border-radius: 100px;
    position: absolute;
    transition: all 0.5s ease-in-out;
}
.menu-toggler .selected-highlight.drinks-select {
    transform: translateX(158px);
}
@media screen and (min-width: 1000px){
    .menu-container {
        max-width: 1425px;
        padding: 0 90px;
        margin: 0 auto;
    }
}
@media screen and (max-width: 999px){
    .menu-section > div {
        width: 100%;
    }
    .menu-section .dietary {
        left: unset;
        top: 0
    }
    .menu-section > div > div:not(.wine-type) {
        padding-top: 25px;
    }
    .menu-section > div > p {
        padding-bottom: 0 !important;
    }
    .drinks-container {
        display: none;
    }
    .menu-section > div > div.wine-price {
        display: none;
    }
    .menu-section .wine-header .wine-type, 
    .menu-section .wine-desc {
        width: 100%;
    }
    .menu-section .wine-desc p, .menu-section .wine-price p {
        width: 100% !important;
    }
    .menu-section.wine p, .menu-section .wine-price{
        width: 33%;
    }
    /* home page reservations section */
    .reservation .overlap-btm {
        margin-bottom: 0 !important;
    }

    /* catering form */
    #gform_fields_1 li,
    #gform_fields_2 li {
        width: 100%;
    }
    #input_1_1_6_container {
        margin-bottom: 0 !important;
    }
    .gform_wrapper .gform_footer input.button, 
    .gform_wrapper .gform_footer input[type="submit"]  {
        width: unset !important;
        margin-bottom: 0 !important;
    }
}
@media screen and (min-width: 690px) and (max-width: 999px){
    .menu-container{
        max-width: 600px;
        margin: 0 auto;
        padding: 0;
    }
    .menu-container .drinks object {
        width: 50%;
    }
}
@media screen and (max-width: 690px){
    .menu-container{
        max-width: 320px;
    }
    .menu-container .drinks object {
        width: 50%;
        margin-bottom: -47px;
    }
}

/* Media Queries */
@media screen and (min-width: 1000px){
    .hide-desktop {
        display: none !important;
    }
}
@media screen and (max-width: 999px){
    .mb-0-m {
        margin-bottom: 0 !important;
    }
    .pb-1em-m {
        padding-bottom: 1.5em !important;
    }
    .full-width-content .wpb_text_column {
        max-width: 600px !important;
        margin: 0 auto !important;
    }
    .contact .text-underline .wpb_raw_code .wpb_wrapper{
        margin-left: auto !important;
    }
    .reservation .text-underline .wpb_raw_code .wpb_wrapper {
        margin-left: auto !important;
        margin-right: auto !important;
        width: 100% !important;
        margin-top: -35px !important;
    }
    .features .text-underline .wpb_raw_code .wpb_wrapper {
        left: 0 !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
    .reservation .text-underline{
        padding-top: 5% !important;
    }
    /* FOOTER */
    #footer-widgets .row {
        display: flex;
        flex-direction: column;
    }
    #footer-widgets .row .span_6{
        width: 100%;
        text-align: center;
    }
    #footer-widgets .row .span_6:first-of-type {
        margin-bottom: 10px !important;
    }
    #footer-widgets ul {
        justify-content: center;
        flex-wrap: wrap;
    }
    .text-center-m {
        text-align: center !important;
    }
    .plr-5-m{
        padding-left: 5% !important;
        padding-right: 5% !important;
    }
    .hours ul {
        flex-direction: column;
        padding-bottom: 20px !important;
    }
    .hours ul li:first-of-type{
        margin-right: 0 !important;
    }
    /* CATERING PAGE */
    .catering-table .row_col_wrap_12_inner, .catering-table-header .row_col_wrap_12_inner {
        flex-wrap: nowrap !important;
        max-width: 600px;
        margin: 0 auto !important;
    }
    .text-underline.up-less .wpb_raw_code .wpb_wrapper{
        margin-top: -30px !important;
    }
    .underline-70-t {
        z-index: -1;
    }
}
@media screen and (min-width: 691px) and (max-width: 999px){
    .underline-70-t .wpb_raw_code .wpb_wrapper {
        width: 70% !important;
        max-width: 600px;
    }
    .hide-tablet {
        display: none !important;
    }
    .features h4 {
        font-size: 47px !important;
        line-height: 57px !important;
    }
    .features .wpb_raw_code .wpb_wrapper {
        width: 80%;
        position: absolute;
        left: unset !important;
        right: 0;
        margin-right: 0 !important;
    }
    .features .vc_col-sm-4:nth-of-type(2) .wpb_text_column {
        bottom: 0;
    }
    .features .vc_col-sm-4:first-of-type .wpb_text_column, .features .vc_col-sm-4:last-of-type .wpb_text_column{
        text-align: right;
        padding-right: 30px !important;
    }
    .features .vc_col-sm-4:nth-of-type(2) .vc_column-inner > .wpb_wrapper {
        top: 150px !important
    }
    .contact .text-underline {
        padding-top: 5% !important;
    }
}
@media screen and (max-width: 690px){
    .hide-mobile {
        display: none !important;
    }
    h1{
        font-size: 48px !important;
        line-height: 58px !important;
        letter-spacing: 0px !important;
    }
    h3 {
        font-size: 32px !important;
        line-height: 42px !important;
    }
    h2 {
        font-size: 40px !important;
        line-height: 50px !important;
    }
    .full-width-content .wpb_text_column {
        max-width: 320px !important;
        margin: 0 auto !important;
    }
    .pt-0-m {
        padding-top: 0 !important;
    }
    .home-header .wpb_row .vc_col-sm-6:last-of-type{
        padding-bottom: 80px !important;
    }
    .text-underline .wpb_raw_code .wpb_wrapper{
        margin-top: -48px !important;
    }
    /* footer */
    #wysiwyg_widgets_widget-3{
        margin-bottom: 10px !important;
    }
    #footer-outer #copyright{
        display: block !important;
        text-align: center;
        padding-top: 0 !important;
    }
    #footer-outer #copyright .col.span_5 {
        margin-bottom: 15px !important;
    }
    /* position home page underlines */
    .features .text-underline .wpb_raw_code .wpb_wrapper{
        width: 100%;
        margin-left: 5% !important;
    }
    .reservation .text-underline .wpb_raw_code .wpb_wrapper {
        width: 100%;
        margin-left: 0 !important;
        margin-right: 0 !important;
        margin-top: -20px !important;
    }
    .catering .text-underline .wpb_raw_code .wpb_wrapper {
        width: 60%;
        margin-top: -53px !important;
    }

    /* features */
    .features .row-bg.using-image{
        background-image: url(/wp-content/uploads/sites/4/2020/10/JoeKools-Food-MenuBackground-M.png) !important;
        background-position: center center !important;
    }
    .features .vc_col-sm-4:last-of-type {
        order: 2 !important;
        margin-bottom: 1.5em !important;
    }
    .features .vc_col-sm-4:nth-of-type(2) {
        order: 3 !important;
        margin-bottom: 0 !important;
    }
    .features .vc_col-sm-4:nth-of-type(2) .vc_column-inner > .wpb_wrapper {
        top: 150px !important
    }
    .features .vc_col-sm-4:nth-of-type(2) .column-image-bg{
        background-image: url(/wp-content/uploads/sites/4/2020/10/JoeKools-DrinksSpecial-M.jpg) !important;
    }
    /* reservations */
    .reservation .vc_col-sm-5:last-of-type{
        padding-top: 5% !important;
    }
    /* contact */
    .contact .nectar-google-map {
        box-shadow: none !important;
    }
    .contact .map{
        width: 100vw;
        margin-left: -50vw !important;
        left: 50% !important;
        margin-bottom: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .contact .vc_col-sm-5 {
        padding-bottom: 30px !important;
    }
    .home .contact .vc_col-sm-5 {
        padding-bottom: 0 !important;
    }
    /* .contact .map {
        padding-bottom: 30px !important;
    } */
    .contact .wpb_row.ptb-5 {
        padding-bottom: 0 !important;
    }
    .contact .row-bg-overlay {
        background: url(/wp-content/uploads/sites/4/2020/10/JoeKools-Contact-BeerChalkDrawings.svg);
        opacity: 0.1;
        background-repeat: no-repeat;
        background-position: center;
    }
    /* CATERING PAGE */
    .catering-table .row_col_wrap_12_inner, .catering-table-header .row_col_wrap_12_inner {
        flex-wrap: nowrap !important;
        max-width: 320px;
        margin: 0 auto !important;
    }
    .text-underline.up-less .wpb_raw_code .wpb_wrapper{
        margin-top: -21px !important;
    }
}
@media screen and (max-width: 470px){
    /* Gallery layout */
    .contact .portfolio-wrap .portfolio-items {
        display: flex;
    }
    .contact .portfolio-wrap .elastic-portfolio-item:not(:first-of-type){
        width: 50% !important;
    }
    .features h4 {
        font-size: 39px !important;
    }
}



/* full width mobile home page map */