/*
Theme Name: Smart Automation
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Clickdreams Internet Solutions
Author URI: https://www.clickdreams.nl
Description: Custom made design for Smart Automation
Tags: flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 2.3.0.1589814393
Updated: 2020-05-18 15:06:33

*/

/* Header */
/* #wpmlmenuBox .wpml-ls-legacy-list-horizontal { border: 0 solid transparent !important; padding: 0 !important; clear: both; }
#wpmlmenuBox .wpml-ls-flag { height: 20px !important; width: auto !important; }
#wpmlmenuBox a.wpml-ls-link { padding: 0 !important; }
*/
#wpmlmenuBox .wpml-ls-legacy-dropdown { width: auto !important; }
#wpmlmenuBox .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle { border-radius: 5px !important; padding: 0 !important; }
#wpmlmenuBox .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after { display: none !important; }
#wpmlmenuBox .wpml-ls-legacy-dropdown a { border: 0 !important; }
#wpmlmenuBox .wpml-ls-legacy-dropdown .wpml-ls-sub-menu { padding-top: 8px !important; border: 0 !important; }
#wpmlmenuBox .wpml-ls-legacy-dropdown .wpml-ls-sub-menu a { border: 0 !important; border-radius: 5px !important; padding: 0 !important; }
#mainmenuBox nav > ul { flex-wrap: nowrap !important; }
#mainmenuBox nav.elementor-nav-menu--dropdown { background-color: transparent !important; }
#mainmenuBox nav.elementor-nav-menu--dropdown ul { background-color: #fff !important; margin-left: 30px !important; margin-right: 30px !important; border-radius: 5px !important; padding-bottom: 10px !important; padding-top: 10px !important; box-shadow: 0 4px 5px 0 rgb(0 0 0 / .1) !important; margin-bottom: 30px !important; }
#mainmenuBox nav.elementor-nav-menu--dropdown ul ul { 
    margin-left: 0px !important;
    margin-right: 0px !important;
    border-radius: 0px !important;
    padding-bottom: 0px !important;
    padding-top: 0px !important;
    box-shadow: none !important;
    margin-bottom: 0 !important;
}
#mainmenuBox > div, #wpmlmenuBox  > div  { box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.25) !important; }

/* Footer */
body.home #footerCntr, body.single-projecten #footerCntr, #footerCntr.wit { background-color: var(--e-global-color-7e70a008) !important;}
body.home #footercontactCntr, body.single-projecten #footercontactCntr,  #footercontactCntr.wit { background-color: #fff !important;}
.footmenulist ul { margin-left: 16px !important; }
.footmenulist li { display: list-item !important; list-style: disc !important; }

/* Global */
.arrowBtn a .fas { color: var(--e-global-color-accent) !important; }
.arrowBtn a:hover .fas { color: var(--e-global-color-secondary) !important; }
h1 strong, h2 strong, h3 strong { font-weight: 700; }

/* Projecten items */
.projectBox .projecttitle span:after  { content: "\f061"; font-family: "Font Awesome 5 Free"; font-weight: 900; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1;color: var(--e-global-color-accent) !important; font-size: 0.75rem !important; padding-left: 5px; }
.projectBox:hover .projecttitle span:after { color: var(--e-global-color-secondary) !important; }
.projectimgBox img { aspect-ratio: 1.8 / 1;}
#projectsgridBox .jet-engine-swiper-pagination-wrapper { text-align: left !important; justify-content: left !important; }

/*Projecten detail page */
#projectsnavBox a {     
	background-color: #FFFFFF;
    font-weight: 600;
    text-decoration: none;
    color: var(--e-global-color-accent);
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: var(--e-global-color-accent);
    border-radius: 20px 20px 20px 20px;
    fill: #fff;
    font-size: 15px;
    line-height: 1;
    padding: 12px 24px;
    text-align: center;
    transition: all .3s;
}
#projectsnavBox a:hover {
	background-color: #FFFFFF;
    color: var(--e-global-color-secondary);
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: var(--e-global-color-secondary);
}
#projectsnavBox a:hover span { color: var(--e-global-color-secondary); }
#projectsnavBox .elementor-post-navigation .elementor-post-navigation__link { width: auto !important; }
#projectsnavBox .elementor-post-navigation { gap: 20px !important; }

/* News Archive */
#newslistCntr .jet-listing-grid__item:nth-child(odd) { background-color: var(--e-global-color-7e70a008); } 
#newslistCntr .jet-listing-grid__item:nth-child(even) .newsleftCntr { order: 2; }
#newslistCntr .jet-listing-grid__item:nth-child(even) .newsrightCntr { order: 1; }
#newslistCntr .e-con.e-flex>.e-con-inner { gap: 2.5rem; }

/* Default page */
/* Quotes repeater */
#quotesBox .quoteitem { display: flex; flex-direction: row; gap: 30px; }
#quotesBox .quoteleftcol { width: 160px; flex-grow: 0; flex-shrink: 0; }
#quotesBox .quoteleftcol img { width: 100%; height: auto; aspect-ratio: 1 / 1; border-radius: 5px; object-fit: cover; object-position: center center; }
#quotesBox .quoterightcol { display: flex; flex-direction: column; gap: 0; flex-shrink: 1; }
#quotesBox .quoterightcol p { margin:0; }
/* Text block repeater listing */
#textblockgridBox .jet-listing-grid__items .jet-listing-grid__item:nth-child(odd) { background-color: var(--e-global-color-7e70a008); } 

/* Team item */
.teamitemimgBox .elementor-widget-container { border-radius: 12px !important; overflow: hidden !important; }


@media(max-width: 767px) {
	#wpmlmenuBox .wpml-ls-flag { height: 15px !important; width: auto !important; }
	/* #mainmenuBox nav.elementor-nav-menu--dropdown { background-color: #fff !important; box-shadow: 0 4px 5px 0 rgb(0 0 0 / .1) !important; border-radius: 0 !important; }
	#mainmenuBox nav.elementor-nav-menu--dropdown ul { background-color: #fff !important; margin: 0px !important; border-radius: 0 !important; padding-bottom: 10px !important; padding-top: 10px !important; box-shadow:none !important; margin-bottom: 0px !important; } */
	#mainmenuBox nav.elementor-nav-menu--dropdown ul { margin-left: 20px !important; margin-right: 20px !important; border-radius: 5px !important; padding-bottom: 10px !important; padding-top: 10px !important; box-shadow: 0 4px 5px 0 rgb(0 0 0 / .1) !important; margin-bottom: 20px !important; }
	#newslistCntr .jet-listing-grid__item:nth-child(even) .newsleftCntr { order: 1; }
	#newslistCntr .jet-listing-grid__item:nth-child(even) .newsrightCntr { order: 2; }

}