@import "greendeal-common.css";

:root {
	--gd-green: #00966c;
	--gd-pink: #f78bc6;
	--gd-yellow: #fbdd40;
	--gd-blue: #1d388f;
	--gd-black: #000000;
	--gd-grey: #9d9d9d;
	--gd-font: "Source Sans Pro", sans-serif;
}

::selection {
	background: var(--gd-pink) !important;
}

::moz-selection {
	background: var(--gd-pink) !important;
}

/**
 * Navigaton
 */

.gd-navbar-toggle i,
.gd-navbar-toggle i::before,
.gd-navbar-toggle i::after {
	background-color: var(--gd-green);
}

.gd-navbar-navItem {
	color: var(--gd-green);
	font-family: var(--gd-font);
}

.gd-navbar-navLink {
	color: var(--gd-green);
}

.gd-navbar-navLink:hover,
.gd-navbar-navLink:active {
	color: var(--gd-pink);
}

.gd-navbar .wpml-ls-legacy-dropdown a {
	background-color: var(--gd-yellow);
	color: var(--gd-black);
}

.gd-navbar .wpml-ls-legacy-dropdown .wpml-ls-current-language:hover > a,
.gd-navbar .wpml-ls-legacy-dropdown .wpml-ls-current-language:active > a,
.gd-navbar .wpml-ls-legacy-dropdown a:focus,
.gd-navbar .wpml-ls-legacy-dropdown a:hover {
	background-color: var(--gd-pink);
}

.gd-navbar .wpml-ls-legacy-dropdown .wpml-ls-sub-menu {
	background-color: var(--gd-pink);
}

/**
 * Template & block overrides
 */

body.page-template-greendeal-pag .btn.yellow_btn {
	background: var(--gd-yellow);
	border-color: var(--gd-yellow);
}

body.page-template-greendeal-page .btn.yellow_btn:hover,
body.page-template-greendeal-page .btn.yellow_btn:hover:active {
	background: var(--gd-pink);
	border-color: var(--gd-pink);
}

body.page-template-greendeal-page .boost_car_sharing .desc {
	background-color: var(--gd-green);
}

body.page-template-greendeal-page .flexible_block h2 {
	color: var(--gd-green);
}

body.page-template-greendeal-page .flexible_block a {
	color: var(--gd-blue);
}

body.page-template-greendeal-page .flexible_block a:hover,
body.page-template-greendeal-page .flexible_block a:active {
	color: var(--gd-pink);
}

body.page-template-greendeal-page .typography ul > li {
	background-image: url("/wp-content/themes/autodelen/images/greendeal/list.svg");
}

body.page-template-greendeal-page .typography ol > li::marker {
	color: var(--gd-blue);
}

body.page-template-greendeal-page .flx_news_block .news_head h2 {
	color: var(--gd-green);
}

body.page-template-greendeal-page h1,
body.page-template-greendeal-page .heading-1 {
	color: var(--gd-green);
}

body.page-template-greendeal-page .date_text {
	background-image: url("/wp-content/themes/autodelen/images/greendeal/calendar.svg");
	color: var(--gd-blue);
}

body.page-template-greendeal-page .location_text {
	background-image: url("/wp-content/themes/autodelen/images/greendeal/pin.svg");
	color: var(--gd-blue);
}

body.page-template-greendeal-page button[type="submit"],
body.page-template-greendeal-page input[type="submit"],
body.page-template-greendeal-page .btn,
body.page-template-greendeal-page .wpforms-page-button {
	background: var(--gd-yellow);
	border-color: var(--gd-yellow);
	color: var(--gd-black);
}

body.page-template-greendeal-page button[type="submit"]:hover,
body.page-template-greendeal-page button[type="submit"]:active,
body.page-template-greendeal-page input[type="submit"]:hover,
body.page-template-greendeal-page input[type="submit"]:active,
body.page-template-greendeal-page .btn:hover,
body.page-template-greendeal-page .btn:active,
body.page-template-greendeal-page .wpforms-page-button:hover,
body.page-template-greendeal-page .wpforms-page-button:active {
	background: var(--gd-pink);
	border-color: var(--gd-pink);
	color: #ffffff !important;
}

body.page-template-greendeal-page .team_block p a {
	color: var(--gd-blue);
}

body.page-template-greendeal-page .team_block p a:hover,
body.page-template-greendeal-page .team_block p a:active {
	color: var(--gd-pink);
}

body.page-template-greendeal-page .flx_partners_slider h3,
body.page-template-greendeal-page .flx_partners_grid h3 {
	color: var(--gd-green);
}

body.page-template-greendeal-page .event_list_block h4 a {
	color: var(--gd-black);
}

body.page-template-greendeal-page .flx_team_block .team_head h3 {
	color: var(--gd-green);
}

/**
 * Footer
 */

#footer {
	background-color: #f9f9f9;
	border-top: 4px solid #fddc3f;
}

#footer .copyright {
	background-color: #ffffff;
}