/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/


div#logo {
  display:none !important;
}

pb-1e {
  padding-bottom: 1em !important;
}

/* wbsc-container defined in startpage banner */ 
/* need to have the background shade on full size */
div.wbsc-container div.banner-inner div.banner-layers {
    max-width: unset;
    left:0px;
}

.wsbc-avatar,
.wsbc-avatar div.img-inner {
    border-radius: 25px;
}

/* disable banner on screen size < 850px */
@media only screen and (max-width: 850px) {
    div.wbsc-container div.banner-inner div.banner-layers {
        display: none;
    }
} 

@media only screen and (max-width: 48em) {
    /*************** ADD MOBILE ONLY CSS HERE  ***************/
}

.wbc-container-bordered {
    background-color: #ededed;
    padding: 15px 60px;
    margin: 5px;
    border: 1px solid #444 !important;
}

label.wbc-form-label {
    font-size: 1.1em;
    font-weight:500;
}

label.wbc-form-label-select {
    padding-bottom:5px;
}

div.wbc-col-receipes {
    padding-bottom: 2px !important;
    font-size: 1.1em !important;
}

section.wbc-section-collapsed-image {
    padding-left: 0px !important;
    padding-right:0px !important;
}

div.wbc-section-title-borders {
    border-bottom: 3px solid #888;
    padding-bottom:px;
    margin-bottom:15px;
}

div.wbc-section-title-borders h3 span.section-title-main,
div.wbc-section-title-borders h3 {
    border: 0px;
    padding-bottom: 0px;
}



div.wbc-section-title-borders a {
    color: #888;
}

div.wbc_receipes_per_category_pageheader {
    padding-left:25px;
    padding-right:25px;
}



p.wbc_receipes_per_category_pagefooter {
    font-size: 1.1em !important;
    padding-top:0px;
}

div.wbc-section-title-margins {
    margin-left:30px;
    margin-right: 30px;
    margin-bottom:0px;
    padding-bottom:0px;
    padding-right: 15px !important;
    width: 18em;
}

div.wbc-col-receipes > div.is-divider {
    margin-left: 15px;
}

div.wbc-col-receipes > li {
    padding-left: 20px !important;
}

div.wbc-section-receipes-per-category div.row{
    padding-left: 15px !important;
}

section.bt-0 {
    padding-bottom:0px !important;
}

div.wbc-receipes-col-padding div.col-inner {
    padding-left:30px !important;
}

a.wbc-receipes-link {
    text-decoration: underline;
}

a.wbc-receipes-link-uc {
    text-transform:uppercase;
}

div.wbc-receipes-subnav {
    padding-bottom: 15px;
    
}

div.wbc-mobileonly {
    display: none;
}

span.wbc-bottomnav-icons-size {
    font-size: 15px !important;
    vertical-align:middle;
}

.wbc-bottomnav-spacing {
    padding-right:15px;
}

div.wbc-receipes-fix-padding-bottomnav {
    padding-left: 1.1em !important;
 
}

@media only screen and (max-width: 850px) {
    div.wbc-receipes-fix-padding {
        padding-left: 30px !important;
    }
  

    div.wbc-mobileonly {
        display: inline-block;
    }

    .mediaicon-lefttop {
	background-image: url("/wp-content/uploads/2025/08/MediaIcon-No-Shadow.png");
  background-repeat: no-repeat;
	height: 50px;
	background-size: contain;
  align-content: center;
}
} 
@media only screen and (min-width: 851px) {
    div.wbc-receipes-fix-padding {
        padding-left: 15px !important;
    }

    .mediaicon-lefttop {
	background-image: url("/wp-content/uploads/2025/08/MediaIcon-No-Shadow.png");
  background-repeat: no-repeat;
	height: 125px;
	background-size: contain;
  align-content: center;
}
}

div.wbc-video-nopadding {
  padding-top: 0px !important;
}

li.wbc-no-list-item-margins {
    margin-bottom: 0px;
}

li.wbc-no-list-item-bullet {
    list-style-type: none;
    list-style-position: outside;
}


span.wbc-list-item-bullet:before { content: '\00ac'; margin-left: -20px; margin-right: 10px; } 

/* Alert Button has extra padding, dont want it */
a.alert {
    padding: 0px !important;
}

.breadcrumb {
    padding: 8px 15px;
    margin-bottom: 20px;
    list-style: none;
    background-color: #f5f5f5;
    border-radius: 4px;
}
.breadcrumb a {
    color: #428bca;
    text-decoration: none;
}

.flex-breadcrumb {
    flex-wrap: wrap;
    display:flex;
    flex:auto;
    justify-content: center;
    gap: 5px;
}

@media only screen and (max-width: 600px) {
    .flex-breadcrumb {
        gap: 15px;
    }
    .flex-breadcrumb > div{
        flex-basis: 100%;
        
    }
    .flex-breadcrumb > div > a > i {
        font-size: 2em;
    }

}

.portfolio-background-image {
    animation-timing-function:ease-in; 
    background-repeat: no-repeat;
    background-size: cover;
} 

.col-padding-15 {
    padding-top: 15px !important;
    padding-left: 15px !important;
}