/*
Theme Name: O Colinho da Mamã
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

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


/*
Aqui pode adicionar o seu próprio CSS.

Clique no ícone de ajuda acima para saber mais.
*/

ul {list-style: circle;}

#main.dark {background:#e89fb9}

.header .flex-row {position:relative;}

.header-wrapper #logo {width:180px}
.header-wrapper .header-main .flex-grow .header-nav {top: 56px; right: 15px !important; width: auto; position: absolute; }
.header-wrapper .header-main .flex-right .header-nav {position: absolute;top: 15px;right: 15px; }
.header-wrapper.stuck #logo {width:240px}
.header-wrapper.stuck .header-main .flex-right .header-nav {top:-15px} 
.header-wrapper.stuck .header-main .flex-grow .header-nav {    top: 20px; right: 15px !important; width: auto; position: absolute; }

.team-wrapper .box-image {border:3px solid #e89fb9}~
.widget_price_filter .price_slider_amount .button { background-color:#e89fb9}
.widget_price_filter .ui-slider .ui-slider-range {background-color:#cbcbcb}
.widget_price_filter .ui-slider .ui-slider-handle {background-color: #e89fb9}
.breadcrumbs {color:#e89fb9}
.absolute-footer {color: rgba(255, 255, 255, 0.5);}
.box-text-products span.amount {font-size:20px; color:#e89fb9}
.woocommerce-ordering .orderby {font-size: 11px;}
.woocommerce-result-count {color: #999;font-size: 11px;}
.page-id-819 .page-box .box-text {border-top:2px solid #fff}
.featured-table .title {border-color: #e89fb9}
.pricing-table-header .price {color:#e89fb9}
.accordion-title {background: #e89fb9 !important; color: #fff !important;}
#header-newsletter-signup .overlay {background-color: rgba(175,111,134,.8) !important; }


#newsletter-signup-link {padding:0 !important;}
#newsletter-signup-link .banner-layers > * {position: relative !important;}
#newsletter-signup-link .banner-layers > .banner-link {position: absolute !important;}
#newsletter-signup-link .banner-layers > .wpcf7 {margin-top:15px; z-index: 10;}
#newsletter-signup-link .banner-layers {padding:50px;}
#newsletter-signup-link .banner-bg:after {content:''; position: absolute; top:0; left:0; right:0; bottom:0; background-color: rgba(175,111,134,.8) !important; }
#newsletter-signup-link .banner:after {content:""; position:absolute; top:0; right:0; bottom:0; left:0; border-color: rgba(255,255,255,.3); border-width: 2px 2px 2px 2px; margin: 10px; border-style: dashed;}
#newsletter-signup-link .mfp-close {top:10px !important; right: 10px !important}
#newsletter-signup-link h3 {color:#fff;margin-bottom: 15px; font-size: 45px;}
#newsletter-signup-link .tx-div {color: #fff; font-size: 20px; margin-bottom: 35px;}
#newsletter-signup-link .wpcf7 input:not([type="submit"]) {background: #fff;}
#newsletter-signup-link .wpcf7 input[type="submit"] {float: right; margin-right: 0;}




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

.header_logo.header-logo {display: none !important}
.header-logo-sticky {display: block !important;}

.map_inner.map-inner {max-width: 91% !important}

}