/*!/wp-content/plugins/love-create-celebrate/assets/css/custom.css*//*Custom CSS*/
/*
@font-face{font-family:'GeosansLight';src:url('/wp-content/plugins/love-create-celebrate/assets/css/../fonts/GeosansLight.eot');src:url('/wp-content/plugins/love-create-celebrate/assets/css/../fonts/GeosansLight.eot?#iefix') format('embedded-opentype'),
url('/wp-content/plugins/love-create-celebrate/assets/css/../fonts/GeosansLight.woff2') format('woff2'),
url('/wp-content/plugins/love-create-celebrate/assets/css/../fonts/GeosansLight.woff') format('woff'),
url('/wp-content/plugins/love-create-celebrate/assets/css/../fonts/GeosansLight.ttf') format('truetype'),
url('/wp-content/plugins/love-create-celebrate/assets/css/../fonts/GeosansLight.svg#GeosansLight') format('svg');font-weight:300;font-style:normal;font-display:swap;}
*/
.wc-shortcodes-social-icons li img { 

    width: auto;

}

.front-page-content-wrapper { 

    margin-top: 15px !important;

}

.image-container {

    position: relative;

    width: 100%;

    display: inline-block;

    padding: 0 15px;

}

.image-column {

    width: 33.33%;

    float: left;

    padding: 0 15px;

    position: relative;

    max-height: 500px;

    text-align: center;

}

.image-column .link {

    height: 100%;

    width: 100%;

    display: inherit;

    position: relative;

}

.image-column .link:hover {

    text-decoration: none;

}

.image-column .box-content  {

    height: 100%;

    position: relative;

    display: flex;

    align-items: center;

    justify-content: center;

}

.image-column .box-content h4 {

    font-family: 'Muli';

    background: white;

    font-size: 36px !important;

    line-height: 1.2em;

    margin: 0;

    opacity: 0.9;

    padding: 20px 10px;

    position: absolute;

    width: 100%;

    text-transform: none;
    letter-spacing: 1.5px;
    bottom: 50px;
    font-weight: 300;
}

@media screen and (max-width: 1024px) { 

    .image-column .box-content h4 {

        font-size: 24px !important;

    }

}

@media screen and (max-width: 768px) { 

    .image-column .box-content h4 {

        font-size: 20px !important;

    }

}

@media screen and (max-width: 640px) {

    .image-column { 

        width: 100% !important; 

        margin-bottom: 10px;

        overflow: hidden;

    }

    .image-column .box-content {

        text-align: center !important;

    }

    .image-column .box-content h4 {

        font-size: 24px !important;

    }

}