/*
Theme Name: Symo Theme
Theme URI: 
Version: 2.0
Description: A theme developed for Symoparasols.
Author: MagnetischeMarketing.be
Author URI: https://magnetischemarketing.be
template: bb-theme
*/


h1, h2, h3, h4, h5, h6,
.et_bloom .et_bloom_optin .et_bloom_form_container .et_bloom_header_outer h2 {
	font-family: sofia-pro, sans-serif;
	font-weight: 200;
	font-style: normal;
		-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
    line-height: 1.2;
    margin-bottom: 25px;
}

.unclickable > a:hover {
  cursor: default;
}

li {
    margin-top: 10px;
    margin-bottom: 10px;
}

#tab-description li img {
    margin-top: 25px !important;
}

.fl-page-bar-text {
    float: right;
    background-color: #173957;
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.fl-page-bar-text .navbar-nav.menu a {
    color: #fff !important;
}

.fl-page-header,.fl-page-bar {
	border-bottom: none;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: top left; 
}

.fl-page-content .row {
    margin-right: 0;
    margin-left: 0;
}

#hero .fl-row-content-wrap {
  background-position: center -250px; 
}

.font-thin {
		font-weight: 200;
		-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.baseline h1,
.baseline h6 {
	font-family: sofia-pro, sans-serif;
	font-weight: 200;
	text-transform: uppercase;
		-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.baseline h6 {
	font-size: 1em;
}

.baseline strong {
	font-weight: 500;
}

.et_bloom .et_bloom_form_header.et_bloom_header_text_dark h2 {
	color: #053a58;
	padding-bottom: 10px !important;
}

/* Top bar Navigation */

.fl-page-bar-container { padding: 0; }

.fl-page-bar-text { padding: 0; } /* equalize top strip spacing */

.fl-page-bar-text li,
.fl-page-bar-nav li {
    padding: 5px 0;
    margin: 0;
}

.fl-page-nav ul.sub-menu li {
    margin: 0;
}

/* Language switcher */

.wpml-ls-current-language .wpml-ls-native,
.wpml-ls-current-language .wpml-ls-native:hover { color: #ffffff; }

.market-hilite {
	position: relative;
}

.market-hilite a {
		color: transparent;	
	
}

.market-hilite:hover a {
	color: #fff !important;

	
}
.market-hilite h4 {
	background-color: #063B56 !important;
	padding: 10px !important;
	opacity: 0.75;
	filter: alpha(opacity=75);
	color: #fff !important;
}

/* --- Quote --- */

.quote {
	text-align: center;
}

.quote p {
	position: relative;
	margin-left: 60px;
}

.quote blockquote {
	display: inline-block;
	margin-top: 25px;
	border: none;
	font-size: 28px;
}

.quote blockquote p:before {
	display: inline-block;
	font-family: "Font Awesome 5 Free";
    content: "\f10d";
    font-weight: 900;
	font-size: 100px;
	position: absolute;
	top: -60px;
	left:-60px;
	color: rgba(5, 58, 88, 0.2);
}

.woocommerce-result-count, .woocommerce-ordering {
	display: none;
}

/* ZOOM OUT */

.market-hilite {
	min-height: 250px;
}

/* --- Zoom on hover --- */

.fl-post-grid-post,
.fl-post-carousel-post,
#menu-markets a,
.zoom-slight,
.zoom {
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
transition: all 500ms ease;
}

.zoom-slight:hover {
	-webkit-transform: scale(1.02);
	-moz-transform: scale(1.02);
	-o-transform: scale(1.02);
	-ms-transform: scale(1.02);
	transform: scale(1.02);
}

.fl-post-grid-post:hover,
.fl-post-carousel-post:hover,
#menu-markets a:hover,
.zoom:hover {
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-o-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05);
}

/* Rechter CTA */
/* side CTS */


#side-cta-block {
    position: fixed;
    top: 200px;
    right: 0;
    z-index: 8383;
    width: 155px;
}

#side-cta-block .side-cta-button {
    clear: right;
    float: right;
    display: block;
    padding: 8px 10px;
    margin: 0 0 1px 0;
    color: #FFF;
    background: /*#137c02*//*#18a603*/ /*#e40e1b*/#1A72A4;
    font-size: 0.9em;
    text-decoration: none;
    vertical-align: middle;
    width: 155px;
    transition: background-color 0.5s;
    font-size: 13px
}

#side-cta-block .side-cta-button:hover {
    background: #8B8816/*#012a02*//*#137c02*/; /*#a40003;*/
    transition: background-color 0.5s;
}

#side-cta-block .side-cta-button span.icon {
    display: block;
    float: left;
    width: 25px;
    text-align: center;
}

#side-cta-block .side-cta-button span.text {
    display: block;
    float: left;
		padding-left: 5px;
    text-align: left;
    max-width: 125px;
}

#side-cta-arrow {
    display: block;
    clear: right;
    float: right;
		width: 100%;
}

#side-cta-arrow svg {
	margin: 0 33% 10px 0;
	fill: #A4A101;
}

/* Sidebar */

.fl-sidebar-left {
	background-color: #f6f6f6;
	padding: 40px;
}

.fl-sidebar-left .fl-builder-module-template
 {
    padding: 0;
}
.fl-sidebar-left .fl-builder-module-template .fl-module-content {
    margin: 0;
}

.fl-sidebar-left .rpwe_widget h4.fl-widget-title,
.fl-sidebar-left .widget_custom_html h4.fl-widget-title {
	font-size: 22px;
    text-align: center;
	color: #1F4C68;
	padding-bottom: 10px;
	border-bottom: 1px solid #1F4C68;
    margin-bottom: 30px;
}

/* Parasols finder */
.prdctfltr_wc.prdctfltr_checkbox .prdctfltr_filter label.prdctfltr_active>span:after {
    color: #053a58;
    font-size: 20px !important;
    top: -1px !important;
    left: -2px !important;

}

/* Product Image Gallery */

.woocommerce-product-gallery,
.woocommerce div.product div.summary {
    width: 100% !important;
}

.woocommerce div.product div.summary {
    float: left;
    margin-bottom: 0.5em;
}

.woocommerce div.product .woocommerce-product-gallery--columns-4 .flex-control-thumbs li:nth-child(4n+1) {
clear: none;
}

.woocommerce div.product .woocommerce-product-gallery--columns-4 .flex-control-thumbs li:nth-child(8n+1) {
clear: left;
}
 
.woocommerce div.product div.images .flex-control-thumbs li {
width: 12.5%;
}


/* Woo */

.woocommerce-products-header__title.page-title,
.woocommerce-products-header .page-title {
    display: none;
}

.corner .fl-module-content,
.corner .magma_project_product_text {
	position: relative;
}

.corner .fl-module-content:before,
.corner .magma_project_product_text:before,
li.type-product:before {
	display: block;
	z-index: 10;
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	background-size: contain;
	background-repeat: no-repeat;
}

li.type-product:before {
    background-image: url('/svg/umbr-white-transp.svg');
    width: 40%;
    filter: brightness(95%);
}

.corner.corner-white .fl-module-content:before,
.corner.corner-white .magma_project_product_text:before {
    background-image: url('/svg/umbr-white-transp.svg');
    width: 100%;
    height: 50%;
    filter: opacity(5%);
}


/* Woocommerce buttons */

.woocommerce a.button,
.woocommerce-page a.button {
	background-color: rgba(5,58,88,1);
	color: #fff;
	border: 1px solid #053a58;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
transition: all 300ms ease;
}

.woocommerce a.button:hover,
.woocommerce-page a.button:hover {
	  background-color: rgba(5,58,88,0.1);
		color: #053a58;
		border: 1px solid #053a58;
}


/*
 * ---- Single product page ----
 */

/* --- Download tab styling --- */
    
ul.magma_symo_downloads {
    padding-left: 0;
}

.magma_symo_downloads li {
    display: inline-block;
    width: 45%;
    vertical-align: top;
    margin: 0 3% 20px 0;
    min-width: 100px;
}

.magma_symo_downloads li img {
    margin-top: 20px;
}

.magma_symo_downloads a {
    text-decoration: underline;
}


/* --- Child products --- */

.woocommerce div.product form.cart {
	margin-bottom: 0;
}

.woocommerce-grouped-product-list.group_table {
	width: 100%;
}

.woocommerce-grouped-product-list.group_table tr {
	display: inline-block;
	width: 25%;
	min-width: 170px;
	margin-bottom: 20px;
	vertical-align: top;
}

.woocommerce-grouped-product-list.group_table tr td {
	display: block;
	padding: 0 10px 5px 5px !important;
}

.woocommerce-grouped-product-list.group_table tr td.woocommerce-grouped-product-list-item__quantity  {
	width: 50% !important;
}

.woocommerce-grouped-product-list.group_table tr td.woocommerce-grouped-product-list-item__quantity  a.button {
	float: none;
}

.vorm-rond,
.vorm-round,
.vorm-vierkant,
.vorm-carré,
.vorm-square,
.vorm-rechthoek,
.vorm-rectangulaire,
.vorm-rectangular {
	position:relative;
}

.vorm-rond:before,
.vorm-round:before,
.vorm-vierkant:before,
.vorm-carré:before,
.vorm-square:before,
.vorm-rechthoek:before,
.vorm-rectangulaire:before,
.vorm-rectangular:before {
	display: inline-block;
	content: '';
	width: 45px;
	height: 30px;
	margin-right: 15px;
	vertical-align: middle;
	background-position: center right;
	background-size: contain; 
	background-repeat: no-repeat;
}

.vorm-rond:before,
.vorm-round:before {
	background-image: url('/svg/icon-shape-round.svg');
}

.vorm-vierkant:before,
.vorm-carré:before,
.vorm-square:before {
	background-image: url('/svg/icon-shape-square.svg');
}

.vorm-rechthoek:before,
.vorm-rectangulaire:before,
.vorm-rectangular:before {
	background-image: url('/svg/icon-shape-rectangle.svg');
}


/* --- Upsells - cross-sels --- */ 

.product ul.products {
	padding-top: 20px;
}

.woocommerce .upsells.products ul.products li.product {
	width: 100%;
	text-align: left;
}

.woocommerce .upsells.products ul.products li.product:before {
	width: 13%;
}

.woocommerce .upsells.products ul.products li.product a img,
.woocommerce .upsells.products ul.products li.product a h2 {
    float: left;
    width: 33%;
}

.woocommerce .upsells.products ul.products li.product a h2,
.woocommerce .upsells.products ul.products li.product .button {
    float: left;
    margin-left: 10%;
}

.woocommerce .upsells.products ul.products li.product a h2 {
    font-size: 150%;
}

.up-sells .product {
	
}


/* --- Product Tabs --- */

.single-product .product_meta {
   display: none;
}

.woocommerce div.product .woocommerce-tabs ul.tabs {
	padding-left: 5px;
}

.woocommerce div.product .woocommerce-tabs ul.tabs:before, .woocommerce-page div.product .woocommerce-tabs ul.tabs:before {
	border-color: #053a58;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li[role="tab"] {
	margin-right: 3px;
	background-color: rgba(5,58,88,0.3);
	border: none;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active[role="tab"] {
	background-color: #053a58;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li[role="tab"]:before {
	display: block;
	z-index:-1;
	content: '';
	position: absolute;
	height: 100%;
	width: 50%;
	left: 0;
	top: 0;
	bottom: 0;
	background-image: url('/svg/umbr-white-transp.svg');
	background-size: contain;
	background-repeat: no-repeat;
	border: none;
	border-radius: 0;
  box-shadow: none;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li[role="tab"] a {
	font-family: sofia-pro, sans-serif;
	font-weight: 200;
	font-style: normal;
	color: #fff;
	padding-left: 5px;
}

.woocommerce div.product .woocommerce-tabs .panel, .woocommerce-page div.product .woocommerce-tabs .panel {
	border: none;
	background-color: #f4f8fb;
}

.woocommerce .product .woocommerce-Tabs-panel blockquote {
    border: 1px solid #053a58;
    margin: 25px 25px 0 25px;
    padding-bottom: 25px;
}

/* --- Projects --- */

/*.category-referenties .fl-post-meta,
.category-references .fl-post-meta,
.category-references-en .fl-post-meta {
    display: none;
}

.fl-post .fl-post-thumb img {
	width: 100%;
}

.project-details .fl-accordion-button,
.project-details .fl-accordion-content {
	display: inline-block;
	vertical-align: top;
}

.project-details .fl-accordion-button {
	width: 120px;
	background-color: #eee;
}

.project-details .fl-accordion-button .fl-accordion-button-icon {
	display: none;
}

.project-details .fl-accordion-content {
	padding: 10px 15px;
}

.project-details .fl-accordion-content p {
	margin-bottom: 0;
}
*/

.magma_proj_data {
    width: 100%;
}

.magma_proj_data tr {
    border: 1px solid #e5e5e5;
}

.magma_proj_data td {
    padding: 10px 15px;
}

.magma_proj_data_label {
    width: 100px;
    background-color: #eee;
    color: #00324b;
}

.magma_project_product {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.magma_project_product_text {
    width: 50%;
    background-color: rgba(5,58,89,0.75); padding: 40px;
}

.magma_project_product h2 a,
.magma_project_product p a {
    color: #ccc;
}

.magma_project_product p {
    margin-bottom: 30px;
    color: #fff;
}

/* --- Projects excerpts --- */


/*.symo_project_columns p,
.woocommerce-tabs .symo_project_list p {
    margin-bottom: 0;
    line-height: 1.4;
}

.symo_project_columns p:nth-child(odd),
.woocommerce-tabs .symo_project_list p:nth-child(odd) {
    float: left;
    margin-right: 5px;
}

.symo_project_columns p:nth-child(odd):after,
.woocommerce-tabs .symo_project_list p:nth-child(odd):after {
    content: ':';  
}*/

.type-projecten .fl-post-grid-content p { margin-bottom: 0;}


/* --- Project lists (Tabs) --- */

.magma_proj_list {
    margin-top: 40px;
    padding-left: 0;
    list-style: none;
}

.magma_proj_list_item {
    margin-top: 14px;
    padding-bottom: 16px;
    border-bottom: 1px solid #e6e6e6;
}

.magma_proj_list_img {
    float: left;
    margin-top: 7px;
}

.magma_proj_list_text {
    margin-left: 140px;
}

.magma_proj_list_header h2 {
    margin-bottom: 10px;
}
.magma_proj_list_header h2 a {
    font-size: 24px;
    color: #053a59;
    vertical-align: top;
    
}

.magma_proj_list_content p {
    margin-bottom: 7px;
    font-size: 14px;
    line-height: 1;
}

/* --- Footer --- */
.fl-page-footer-widgets aside h4 {
	font-size: 22px;
	padding-bottom: 10px;
	margin-right: 40px;
	border-bottom: 2px solid #053a58;
}

.fl-page-footer-widgets aside > div,
.fl-page-footer-widgets aside > ul {
	margin-left: 20px;
	font-size: 14px;
	font-weight: 100;
	line-height: 1.4
}

.fl-page-footer-widgets aside .rpwwt-widget {
	margin-left: 0px;
}

.fl-page-footer-widgets aside .rpwwt-post-title {
	font-family: "Sofia-pro", sans-serif;
	font-weight: 100;
}
.fl-page-footer-widgets aside .rpwwt-post-excerpt {
	font-size: 12px;
	padding-top: 10px;
}

.fl-page-footer-widgets aside.widget_media_image {
	max-width: 200px;
	margin-left: 20px;
}

.fl-page-footer-widgets .logo-fit {
	max-width: 50% !important;
	  -webkit-filter: grayscale(100%); 
  filter: grayscale(100%);
}

.footer-finder {
	display: block
}

.footer-finder .fl-icon-wrap {
	display: block;
}

/* --- On-page market menu --- */

#menu-markets a {
	border-bottom: 1px solid #053a59;
	padding: 7px 0px 5px 0px;
	margin: 0 15px;
}

/* Homepage highlighted markets */

.market-panel {
height: 250px;
	position: relative;
}

.market-panel h3.fl-callout-title {
	padding: 5px 0 5px 0;
	background-color: rgba(5,58,88,0.75);

}
.market-panel h3.fl-callout-title a {
	color: #fff;
	padding-left: 10px;
		
}
.market-panel .fl-button-wrap {
	position: absolute;
	bottom: 0;
	right: 0;
}

.market-panel .fl-button-wrap:before {
	display: block;
	z-index: 10;
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	background-size: contain;
	background-repeat: no-repeat;
    background-image: url('/svg/umbr-blue-transp.svg');
    width: 40%;
    opacity: 0.80;
    filter: alpha(opacity=80); /* For IE8 and earlier */
}

/* FORMS */

form._form { margin-top: 0 !important; }

._form-label { display: none !important; }

._form ._form-content ._form_element input[type="text"],
._form ._form-content ._form_element input[type="date"],
._form ._form-content ._form_element textarea { 
    border: none !important;
    font-size: 14px !important;
    padding: 10px !important;
    line-height: 16px !important;
}

._form ._form-content ._form_element ._row._checkbox-radio { margin-bottom: 10px; }

._form ._form-content ._form_element { margin-bottom: 15px !important; }

._form_element ._checkbox-radio label {
    display: inline-block !important;
    margin-bottom: 0 !important;
    color: rgba(0,0,0,0.5);
} 

._form_element ._checkbox-radio .radio input { margin-left:0; }

._form ._button-wrapper._full_width { margin-top: 20px; }

._form ._form-thank-you { line-height: 1.4 !important; }

._form ._error-inner._no_arrow {
    /*width: 180px;
    position: absolute;
    left: 180px;  */
    position: absolute;
    right: 110%;
}

.et_bloom_bottom_inline {
    /*padding-top: 0 !important;*/
    padding-bottom: 30 !important;
}

.et_bloom .et_bloom_form_container .et_bloom_form_content input {
    font-weight: 200 !important;
}


/* Blog */

.fl-page-content .fl-post.category-blog .fl-post-thumb,
.fl-page-content .fl-post.category-nouvelles .fl-post-thumb,
.fl-page-content .fl-post.category-blog-en .fl-post-thumb {
	float: left;
    max-width: 300px;
    margin-right: 50px;
}

figure.wp-block-embed-youtube {
    clear: left;
}

/* Testimonials */

.magma_testimonial h2 a,
.magma_testimonial h6 a {
    pointer-events: none !important;
    cursor: default !important;
}

.magma_testimonial .fl-post-slider-post { min-height: 235px; padding-bottom: 0;}
.magma_testimonial p { font-size: 28px; }
.magma_testimonial .fl-post-grid-text,
.magma_testimonial .fl-post-slider-content { display: table; width: 100%; }
.magma_testimonial .fl-post-grid-title,
.magma_testimonial .fl-post-slider-title {
    display: table-footer-group;
    text-align: right; 
}

.magma_testimonial .fl-post-grid-content,
.magma_testimonial .fl-post-slider-feed-content { display: table-header-group; }


.magma_testimonial .fl-post-slider:before {
	display: inline-block;
	font-family: "Font Awesome 5 Free";
    content: "\f10d";
    font-weight: 900;
	font-size: 100px;
	position: absolute;
	top: -20px;
	left:-20px; 
	color: rgba(5, 58, 88, 0.2);
    z-index: 200;
}

/* Buy button on products */

.magma_buy_button {
    display: block;
    max-width: 200px;
    margin: 0 0 20px auto;
    background-color: #979426;
    text-align: center;
    color:#fff;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    font-size: 16px;
    font-weight: normal;
    line-height: 18px;
    padding: 12px;
    text-decoration: none;
    text-shadow: none;
}


.magma_buy_button:hover,
.magma_buy_button:active {
    background: #bab774;
     color:#fff;
        text-decoration: none;
    text-shadow: none;
}


@media screen and (max-width: 1240px) {
    
    #side-cta-block,
    #side-cta-block .side-cta-button {
        width: 125px;
    }

}

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

    .fl-page-bar-text {
        float: left;
    }
    
    .fl-page-header-container.container {
        padding-left: 0;
        padding-right: 0;
    }
    
    .fl-page-header-logo {
        text-align: left;
    }
    
    #hero .fl-row-content-wrap {
        background-position: center center; 
    }
    
    #side-cta-block,
    #side-cta-block .side-cta-button {
		width: 34px;
		padding: 32px 2px;
	}
	#side-cta-block .side-cta-button .icon { width: 100%;}
	#side-cta-block .text,
	#side-cta-arrow {
		display: none !important;
	}

}

@media screen and (min-width: 769px) {
    
    .cta-callout .fl-callout-photo {
        width: 25%;
    }  
}


@media (max-width: 667px) {
    
    .magma_testimonial p { font-size: 20px; }
    
    .magma_project_product { 
        background-size: contain;
        background-position: top;
        padding-top: 50%;
    }
    
    .magma_project_product_text {
        width: 100%;
    }
    
    
}