/*
Theme Name: Ferruccio - PRO - 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:	#FE5F00; 	/* primary color accent */
	--ASsecondarycolor:	#CC3300; 	/* secondary color accent */
	--AStertiarycolor:	#cccccc; 	/* third color accent */
	
	--ASfontfamily:		'Roboto', Helvetica, Arial, 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:	'Bebas Neue', Helvetica, Arial, sans-serif; /* base title font family */
	--AStitlesize:		32px;		/* base title size */
	--AStitleheight:	1.5em;		/* base title height */
	--AStitleweight:	400;		/* base title weight */
	--AStitlecolor: 	#5f5f62;	/* main title color */
	--AStitletransform: none;	/* main title transform */
	
	--ASlogofamily:		'Bebas Neue', Helvetica, Arial, sans-serif; /* base title logo font family */
	--ASlogosize:		2.65rem; 	/* base title font family */

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



/* OTHER CUSTOMIZATIONS */


/* = GLOBALS 
***************************************/

/* privacy policy */
body.page-id-1090 main#sitecontent section h2 {
    padding-top: 1em;
    margin-bottom: 0;
}


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

#mainheader #topbar #branding .widget a img {
    height: 180px !important;
    margin-bottom: -110px;
}
#mainheader #topbar.shrink #branding .widget a img {
    height: calc(180px / 2) !important;
	margin-bottom: -60px;
}

/* = MENU
  -------------------------------------------------------------- */
/*#mainheader #topbar #menu {
    border-top: 34px solid #000000;
}
#mainheader #topbar #menu::before {
	background: #000000;
}*/

#mainheader #topbar #menu a { color: #000000; }

#menu ul ul { border-top: 3px solid #000000; }
#menu ul ul :hover > a  {
    background: var(--ASprimarycolor);
    color: #ffffff!important;
}
#menu ul ul .current-menu-item > a {
	color: #ffffff!important;
}

/* = HERO
  -------------------------------------------------------------- */
#siteheader #headerlinks.headerquicklinks ul li a { 
	color: #ffffff;
	text-shadow: 1px 1px 0px #000000;
}

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

body.home main#sitecontent {
    background: var(--ASbg);
    background: -moz-linear-gradient(top, var(--AScolorbg) 0%, var(--ASbg) 100%);
    background: -webkit-linear-gradient(top, var(--AScolorbg) 0%, var(--ASbg) 100%);
    background: linear-gradient(to bottom, var(--AScolorbg) 0%, var(--ASbg) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#ffffff',GradientType=0 );
}

a.pagelink, a span.pagelink,
a.pagelink:hover, a:hover span.pagelink { color: #000000; }
a.pagelink:hover, a:hover span.pagelink {color: var(--ASprimarycolor); border-right: 50px solid #000000; }


.wp-block-table { margin-top: -1em; }
.wp-block-table td, .wp-block-table th {
    border: none;
    padding: .1em;
}
.wp-block-table td, 
.wp-block-table th {
    width: 75%;
}
.wp-block-table td:first-child, 
.wp-block-table th:first-child {
	width: 25%;
}

/* = Content animation
  -------------------------------------------------------------- */ 
  
/* = Sections
  -------------------------------------------------------------- */ 

section#vehicles { 
	background: #f4f4f4;
	background: var(--AScolorbg);
	padding-bottom: calc(10px * 4);
    padding-bottom: calc(var(--ASgutter) * 4);
}

section#vehicles h3 {
	padding-top: 0;
}

section#vehicles a.pagelink, 
section#vehicles a span.pagelink,
section#vehicles ul li {
    background: #ffffff;
    background: var(--ASbg);
}

/* = Services & Homepage actualiteiten
  -------------------------------------------------------------- */
main#sitecontent section#services {
	padding-top: 10px;
    padding-top: var(--ASgutter);
	background: #ffffff;
    background: var(--ASbg);
}

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

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

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

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

/* = FOOTER 
***************************************/

#sitefooter .branding #socials ul li a:hover { color: var(--ASprimarycolor); }

#sitefooter .contact .widget table { 
	width: 100%;
}
#sitefooter .contact .widget table td {
	vertical-align: top;
	width: 60%;
}
#sitefooter .contact .widget table td:first-child {
	width: 40%;
}


/* 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) {
	
	#mainheader #topbar #branding .widget a img,
	#mainheader #topbar.shrink #branding .widget a img {
    	height: calc(180px / 2) !important;
    	margin-bottom: -60px;
	}

}

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

}

/* big tablets - smaller than 820 */
@media only screen and (max-width:820px) {
	#sitefooter .contact .widget table td {	width: 65%;}
	#sitefooter .contact .widget table td:first-child { width: 35%; }
}

/* 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) {
	#mainheader #topbar #branding .widget a img {
		height: 120px !important;
		margin-bottom: -80px;
	}
	#sitefooter .contact .widget table td {	display: block; width: 100%;}
	#sitefooter .contact .widget table td:first-child { width: 100%; }
}




/* = 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
  
****************************************************/