/*
Theme Name: Ferruccio - Business - Child
Theme URI: https://www.autosoft.eu
Template:     Ferruccio
Author: Autosoft - Automotive internet
Author URI: https://www.autosoft.eu/
Description: Ferruccio CHILD Thema, ontworpen en ontwikkeld door Autosoft. Afgeleide van het Autosoft Ferruccio thema voor klantspecifieke aanpassingen.
Version: 1.0
Text Domain: autosoft
*/

/****************************************************
 
  Design: Autosoft BV - www.autosoft.eu
  Code & CSS: Autosoft BV - www.autosoft.eu
  Copyright 2023 Autosoft BV
  
****************************************************/

/* main fonts & titles */
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Lobster&&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');


/* CUSTOM THEME COLORS and DEFAULTS */
:root {
	--ASsite:			1380px;		/* website sizing */
	--ASgutter:			10px;		/* gutter sizing */
	--ASgap:			80px;		/* flex gap */
	--ASanimation:		450ms;		/* animation speed */ 
	--ASfastanimation:	250ms;		/* animation faster */
	
	--ASbg: 			#ffffff; 	/* site BG */
	--AScolorbg:		#f4f4f4; 	/* page BG */
	--ASprimarycolor:	#009fe1; 	/* primary color accent */
	--ASsecondarycolor:	#b0ddfc; 	/* secondary color accent */
	--AStertiarycolor:	#191919; 	/* third color accent */
	
	--ASfontfamily:		-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue",sans-serif; /* base font family */
	--ASfontsize:		16px;		/* base font size */
	--ASlineheight:		1.5em;		/* base line height */
	--ASfontweight:		400;		/* base font weight */
	--ASfontbold:		500;		/* base font weight */
	--ASfontcolor: 		#191919;	/* main text color */
	--AScolortext: 		#ffffff;	/* text on colored BG */
	
	--AStitlefamily:	-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue",sans-serif; /* base title font family */
	--AStitlesize:		32px;		/* base title size */
	--AStitleheight:	1.5em;		/* base title height */
	--AStitleweight:	500;		/* base title weight */
	--AStitlecolor: 	#009fe1;	/* main title color */
	--AStitletransform: none;	/* main title transform */
	
	--ASlogofamily:		-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue",sans-serif; /* base title logo font family */
	--ASlogosize:		3.35rem; 	/* base title font family */

	--ASbordercolor:	#ffffff;	/* border color */
}



/* OTHER CUSTOMIZATIONS */


/* = GLOBALS 
***************************************/
h1, h2, h3, h4, h5, h6 { font-style: italic; }
.pretitle, .widget-title { font-style: normal; }

strong { font-weight: 700; }

h3.wp-block-heading { margin-bottom: 0.5rem; }

/* = HEADER 
***************************************/


/* = MENU
  -------------------------------------------------------------- */
#menu ul ul {
	background: var(--ASsecondarycolor);
}

#menu ul ul a {
    background: var(--ASsecondarycolor)!important;
    color: #FFFFFF!important;
}

#menu ul ul :hover > a,
#menu ul ul li.current-menu-item > a{
    background: #FFFFFF!important;
    color: var(--ASprimarycolor)!important;
}


#menu li {
    margin-right: calc(10px * 2.5);
    margin-right: calc(var(--ASgutter) * 2.5);
}

#menu a { font-weight: 600; }

/* = HERO
  -------------------------------------------------------------- */
body.home #siteheader #herocontent {
    min-height: 70vh;
}

#siteheader #herotitle p { font-weight: 600; font-style: italic; }

#siteheader #herotitle p { display:none!important; }

/* = MAIN CONTENT 
***************************************/

/* = Content animation
  -------------------------------------------------------------- */ 
  
/* = Sections
  -------------------------------------------------------------- */ 
section .kader h3 { font-size: 2.75rem; }

/* = Services & Homepage actualiteiten
  -------------------------------------------------------------- */

  
/* = MAIN PAGES 
***************************************/

/* = Blogposts
  ------------------------------------------- */

/* = Blogposts SINGLE
  ------------------------------------------- */

/* = SIDEBARS
  ------------------------------------------- */
  
/* = TEAM
  ------------------------------------------- */
  

/* = FOOTER 
***************************************/
#scrolltop { display: none; }

/* CONTACT TABS
  ------------------------------------------- */


/* = WORDPRESS SPECIFIC FUNCTIONS 
***************************************/

/* = forms
  ------------------------------------------- */

/* = fotogallery
  ------------------------------------------- */

/* = Searchform
  ------------------------------------------- */

/* Klantenvertellen beoordelingen
  ------------------------------------------- */
  

/* = PAGEBUILDERS
***************************************/


/* = MISC
***************************************/



/* = AUTOCOMMERCE SPECIFIC 
***************************************/
#carslider { display: none; }


/* = MEDIA QUERIES 
***************************************/

@media only screen and (-webkit-min-device-pixel-ratio:1.5),
	   only screen and (min-resolution:144dpi) {

}

/* bigger Desktops - smaller than 1500 */
@media only screen and (max-width:1499px) {

}

/* big Desktops - smaller than 1280 */
@media only screen and (max-width:1299px) {

}

/* big Desktops - smaller than 1200 */
@media only screen and (max-width:1199px) {

}

/* small Desktops - smaller than 992 */
@media only screen and (max-width:991px) {

}

/* big tablets - smaller than 820 */
@media only screen and (max-width:820px) {

}

/* most Tablets - smaller than 768 */
@media only screen and (max-width:767px) {
	
}

/* small Tablets - smaller than 650 */
@media only screen and (max-width:649px) {

}

/* smaller devices & phones - smaller than 480 */
@media only screen and (max-width:479px) {

}




/* = MOBILE MENU 
***************************************/

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

}



/* = AUTOCOMMERCE SPECIFIC OVERRIDES
***************************************/

:root {
    --ACfontfamily: var(--ASfontfamily);
    --ACfontsize: var(--ASfontsize);
    --AClineheight: var(--ASlineheight);
    --ACfontweight: var(--ASfontweight);
    --ACbgwrapper: var(--AScolorbg);
    --ACbgcolor: #eeeeee;
    --ACbgcolorl: #fafafa;
    --ACoverlay: var(--ASbg);
    --ACshade: #cccccc;
    --ACshade2: #999999;
    --ACmaincolor: var(--ASprimarycolor);
    --ACbordercolor: #aaaaaa;
    --ACtextcolor: var(--ASfontcolor);
    --ACcolortext: var(--AScolortext);
    --AClighttext: #aaaaaa;
    --ACgutter: calc(var(--ASgutter) * 2);
    --ACimgpadding: 65%;
}


/****************************************************
 
  Design: Autosoft BV - www.autosoft.eu
  Code & CSS: Autosoft BV - www.autosoft.eu
  Copyright 2023 Autosoft BV
  
****************************************************/