/* --------------------------------------------------
 * Header
 * -------------------------------------------------- */
header#navbar {
	position: fixed; z-index: 100; width: 100%; box-sizing: border-box;
	background: #FFF; box-shadow: 0px 0px 4px 4px rgba(0,0,0,0.3); line-height: 1.0;
}

header#navbar .block-body { margin: 0; padding: 0; }

#header-nav-primary {
	width: 100%; margin: 0; padding: 5px 10px;
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
}

#header-nav-secondary {
	width: 100%; margin: 0; padding: 0;
	background: #007147; /* Old browsers */
	background: -webkit-linear-gradient(left,  #007147 0%,#8cc63f 100%);
	background: linear-gradient(to right,  #007147 0%,#8cc63f 100%);
	box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.3) inset;
}

/* BG : Pink */
/*
#header-nav-secondary {
	background: #ff286e;
	background: -webkit-linear-gradient(left,  #ff286e 0%,#ff5676 100%);
	background: linear-gradient(to right,  #ff286e 0%,#ff5676 100%);
}
*/

/* BG : Pink and Red */
/*
#header-nav-secondary {
	background: #ff286e;
	background: -webkit-linear-gradient(left,  #ff286e 0%,#FF0000 100%);
	background: linear-gradient(to right,  #ff286e 0%,#FF0000 100%);
}
*/

/* BG : Yellow */
/*
#header-nav-secondary {
	background: #ffff00;
	background: -webkit-linear-gradient(left,  #ffd138 0%,#FFFF00 100%);
	background: linear-gradient(to right,  #ffd138 0%,#FFFF00 100%);
}
*/

/* BG : Red */
/*
#header-nav-secondary {
background: #FE0000;
	background: -webkit-linear-gradient(left,  #EF3535 0%,#FE0000 100%);
	background: linear-gradient(to right,  #EF3535 0%,#FE0000 100%);
}
*/

/* BG : Rainbow */
/*
#header-nav-secondary {
	background: #000000;
	background: -webkit-linear-gradient(left,  #000000 0%,#333333 100%);
	background: linear-gradient(to right,  #000000 0%,#333333 100%);
}
*/

.header-search { width: 30%; }
.drawer-search { width: 100%; padding: 5px 0; }

.header-search label,
.drawer-search label { display: none; }

.header-search .search-form,
.drawer-search .search-form { margin: 0; vertical-align: middle; }

.drawer-search .search-form input.form-text { width: 100%; }

.header-search .form-submit,
.drawer-search .form-submit { display: none; }

#block-cw910-site-branding { width: 30%; text-align: center; }
#block-cw910-site-branding a { vertical-align: middle; margin: 0; padding: 0; }
#block-cw910-site-branding img { max-width: 189px; width: 189px; height: auto; margin: 0 auto; }

/* Socila Icons */
.header-social { width: 30%; text-align: right; }
.header-social .social-links { letter-spacing: -0.4em; }

a.ico-twitter-1,
a.ico-facebook-1,
a.ico-youtube-1 { display: inline-block; margin: 0 3px; width: 32px; height: 32px; text-decoration: none; letter-spacing: normal; }

a.ico-twitter-1 { background: url(images/ico-twitter-1.png) left top; background-size: 32px 64px; }
a.ico-facebook-1 { background: url(images/ico-facebook-1.png) left top; background-size: 32px 64px; }
a.ico-youtube-1 { background: url(images/ico-youtube-1.png) left top; background-size: 32px 64px; }

a.ico-twitter-1:hover,
a.ico-facebook-1:hover,
a.ico-youtube-1:hover { text-decoration: none; background-position: 0 -32px; }

/* --------------------------------------------------
 * Navbar
 * -------------------------------------------------- */ 
#block-footer-menu { background: #000; line-height: 1.0; }

#main-menu ul,
#block-footer-menu > ul,
#drawer-menu ul {
	margin: 0 auto; padding: 0; list-style: none; width: 100%; max-width: 1100px;
	font-size: 13px;
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
}

#drawer-menu .drawer-menu-primary ul {
	height: 200px; margin: 0; padding: 0;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: flex-start;
}

#drawer-menu .drawer-menu-secondary ul {
	margin: 0; padding: 5px 0 0;
	border-top: 1px solid #FFF;
	flex-wrap: wrap;
	justify-content: flex-start;
}

#main-menu ul li,
#block-footer-menu > ul li,
#mobile-menu-1 ul li,
#drawer-menu ul li { position: relative; margin: 0; padding: 0; list-style: none; }

#main-menu ul li a::before,
#block-footer-menu > ul li a::before,
#drawer-menu ul li a::before {
	position: absolute;  top: 9px; left: 8px; width: 24px; height: 24px;
	background-position: top 0px left -24px; background-size: 72px 24px;
	content: "";
}

#drawer-menu .drawer-menu-primary ul li { width: 50%; margin: 4px 0; }
#drawer-menu .drawer-menu-secondary ul li { width: auto; margin: 4px 0; }
#drawer-menu ul li a::before { top: 3px; left: 0px; }

#block-footer-menu ul li a::before,
#drawer-menu .drawer-menu-secondary ul li a::before { background-position: top 0px left 0px; }

#main-menu ul li a,
#block-footer-menu > ul li a { display: block; width: auto; padding: 15px 8px 15px 34px; color: #FFF; }
#drawer-menu ul li a { display: block; padding: 6px 8px 5px 26px; color: #FFF; }

#main-menu ul li:hover { background: #7cda3f; }
#block-footer-menu > ul li:hover { background: #444; }

/* Menu : Green (Normal) */

.menu-news-all::before { background: url(images/green/ico-news-all.png) no-repeat; }
.menu-race::before { background: url(images/green/ico-news-race.png) no-repeat; }
.menu-products::before { background: url(images/green/ico-news-products.png) no-repeat; }
.menu-impression::before { background: url(images/green/ico-news-impression.png) no-repeat; }
.menu-topics::before { background: url(images/green/ico-news-topics.png) no-repeat; }
.menu-information::before { background: url(images/green/ico-news-information.png) no-repeat; }
.menu-feature::before { background: url(images/green/ico-news-feature.png) no-repeat; }
.menu-shop::before { background: url(images/green/ico-recommend-shop.png) no-repeat; }
.menu-event::before { background: url(images/green/ico-event.png) no-repeat; }
.menu-calendar::before { background: url(images/green/ico-calendar.png) no-repeat; }

.menu-about::before { background: url(images/green/ico-about.png) no-repeat; }
.menu-privacy-policy::before { background: url(images/green/ico-privacy-policy.png) no-repeat; }
.menu-disclaimer::before { background: url(images/green/ico-disclaimer.png) no-repeat; }
.menu-copyright::before { background: url(images/green/ico-copyright.png) no-repeat; }
.menu-inquiry::before { background: url(images/green/ico-inquiry.png) no-repeat; }


/* Menu : Yellow */
/*
#main-menu ul li a::before,
#block-menu-secondary-menu ul li a::before,
#drawer-menu ul li a::before {
	background-position: top 0px left -48px;
}

#main-menu ul li a { color: #000; }

#main-menu ul li:hover { background: #FBC700; }

.menu-news-all::before { background: url(images/yellow/ico-news-all-yellow.png) no-repeat; }
.menu-race::before { background: url(images/yellow/ico-news-race-yellow.png) no-repeat; }
.menu-products::before { background: url(images/yellow/ico-news-products-yellow.png) no-repeat; }
.menu-impression::before { background: url(images/yellow/ico-news-impression-yellow.png) no-repeat; }
.menu-topics::before { background: url(images/yellow/ico-news-topics-yellow.png) no-repeat; }
.menu-information::before { background: url(images/yellow/ico-news-information-yellow.png) no-repeat; }
.menu-feature::before { background: url(images/yellow/ico-news-feature-yellow.png) no-repeat; }
.menu-shop::before { background: url(images/yellow/ico-recommend-shop-yellow.png) no-repeat; }
.menu-event::before { background: url(images/yellow/ico-event-yellow.png) no-repeat; }
.menu-calendar::before { background: url(images/yellow/ico-calendar-yellow.png) no-repeat; }

.menu-about::before { background: url(images/yellow/ico-about-yellow.png) no-repeat; }
.menu-privacy-policy::before { background: url(images/yellow/ico-privacy-policy-yellow.png) no-repeat; }
.menu-disclaimer::before { background: url(images/yellow/ico-disclaimer-yellow.png) no-repeat; }
.menu-copyright::before { background: url(images/yellow/ico-copyright-yellow.png) no-repeat; }
.menu-inquiry::before { background: url(images/yellow/ico-inquiry-yellow.png) no-repeat; }
*/

/* Menu : Pink */
/*
#block-menu-secondary-menu ul li a::before,
#drawer-menu .drawer-menu-secondary ul li::before {
	background-position: top 0px left -48px;
}

#main-menu ul li:hover { background: #ff71b5; }

.menu-news-all::before { background: url(images/pink/ico-news-all-pink.png) no-repeat; }
.menu-race::before { background: url(images/pink/ico-news-race-pink.png) no-repeat; }
.menu-products::before { background: url(images/pink/ico-news-products-pink.png) no-repeat; }
.menu-impression::before { background: url(images/pink/ico-news-impression-pink.png) no-repeat; }
.menu-topics::before { background: url(images/pink/ico-news-topics-pink.png) no-repeat; }
.menu-information::before { background: url(images/pink/ico-news-information-pink.png) no-repeat; }
.menu-feature::before { background: url(images/pink/ico-news-feature-pink.png) no-repeat; }
.menu-shop::before { background: url(images/pink/ico-recommend-shop-pink.png) no-repeat; }
.menu-event::before { background: url(images/pink/ico-event-pink.png) no-repeat; }
.menu-calendar::before { background: url(images/pink/ico-calendar-pink.png) no-repeat; }

.menu-about::before { background: url(images/pink/ico-about-pink.png) no-repeat; }
.menu-privacy-policy::before { background: url(images/pink/ico-privacy-policy-pink.png) no-repeat; }
.menu-disclaimer::before { background: url(images/pink/ico-disclaimer-pink.png) no-repeat; }
.menu-copyright::before { background: url(images/pink/ico-copyright-pink.png) no-repeat; }
.menu-inquiry::before { background: url(images/pink/ico-inquiry-pink.png) no-repeat; }
*/

/* Menu : Pink and Red  */
/*
#block-menu-secondary-menu ul li a::before,
#drawer-menu .drawer-menu-secondary ul li::before {
	background-position: top 0px left -48px;
}

#main-menu ul li:hover { background: #ff71b5; }

.menu-news-all::before { background: url(images/red/ico-news-all-red.png) no-repeat; }
.menu-race::before { background: url(images/red/ico-news-race-red.png) no-repeat; }
.menu-products::before { background: url(images/red/ico-news-products-red.png) no-repeat; }
.menu-impression::before { background: url(images/red/ico-news-impression-red.png) no-repeat; }
.menu-topics::before { background: url(images/red/ico-news-topics-red.png) no-repeat; }
.menu-information::before { background: url(images/pink/ico-news-information-pink.png) no-repeat; }
.menu-feature::before { background: url(images/pink/ico-news-feature-pink.png) no-repeat; }
.menu-shop::before { background: url(images/pink/ico-recommend-shop-pink.png) no-repeat; }
.menu-event::before { background: url(images/pink/ico-event-pink.png) no-repeat; }
.menu-calendar::before { background: url(images/pink/ico-calendar-pink.png) no-repeat; }

.menu-about::before { background: url(images/pink/ico-about-pink.png) no-repeat; }
.menu-privacy-policy::before { background: url(images/red/ico-privacy-policy-red.png) no-repeat; }
.menu-disclaimer::before { background: url(images/pink/ico-disclaimer-pink.png) no-repeat; }
.menu-copyright::before { background: url(images/red/ico-copyright-red.png) no-repeat; }
.menu-inquiry::before { background: url(images/pink/ico-inquiry-pink.png) no-repeat; }
*/

/* Menu : Red */
/*
#block-menu-secondary-menu ul li a::before,
#drawer-menu .drawer-menu-secondary ul li::before {
	background-position: top 0px left -48px;
}

#main-menu ul li:hover { background: #F44; }

.menu-news-all::before { background: url(images/red/ico-news-all-red.png) no-repeat; }
.menu-race::before { background: url(images/red/ico-news-race-red.png) no-repeat; }
.menu-products::before { background: url(images/red/ico-news-products-red.png) no-repeat; }
.menu-impression::before { background: url(images/red/ico-news-impression-red.png) no-repeat; }
.menu-topics::before { background: url(images/red/ico-news-topics-red.png) no-repeat; }
.menu-information::before { background: url(images/red/ico-news-information-red.png) no-repeat; }
.menu-feature::before { background: url(images/red/ico-news-feature-red.png) no-repeat; }
.menu-shop::before { background: url(images/red/ico-recommend-shop-red.png) no-repeat; }
.menu-event::before { background: url(images/red/ico-event-red.png) no-repeat; }
.menu-calendar::before { background: url(images/red/ico-calendar-red.png) no-repeat; }

.menu-about::before { background: url(images/red/ico-about-red.png) no-repeat; }
.menu-privacy-policy::before { background: url(images/red/ico-privacy-policy-red.png) no-repeat; }
.menu-disclaimer::before { background: url(images/red/ico-disclaimer-red.png) no-repeat; }
.menu-copyright::before { background: url(images/red/ico-copyright-red.png) no-repeat; }
.menu-inquiry::before { background: url(images/red/ico-inquiry-red.png) no-repeat; }
*/

/* Menu : Rainbow */
/*
#main-menu ul li a::before,
#block-menu-secondary-menu ul li a::before,
#drawer-menu ul li a::before {
	background-position: top 0px left 0px;
}

#main-menu ul li a { color: #FFF; }

#main-menu ul li:hover { background: #444; }

.menu-news-all::before { background: url(images/rainbow/ico-news-all-rainbow.png) no-repeat; }
.menu-race::before { background: url(images/rainbow/ico-news-race-rainbow.png) no-repeat; }
.menu-products::before { background: url(images/rainbow/ico-news-products-rainbow.png) no-repeat; }
.menu-impression::before { background: url(images/rainbow/ico-news-impression-rainbow.png) no-repeat; }
.menu-topics::before { background: url(images/rainbow/ico-news-topics-rainbow.png) no-repeat; }
.menu-information::before { background: url(images/rainbow/ico-news-information-rainbow.png) no-repeat; }
.menu-feature::before { background: url(images/rainbow/ico-news-feature-rainbow.png) no-repeat; }
.menu-shop::before { background: url(images/rainbow/ico-recommend-shop-rainbow.png) no-repeat; }
.menu-event::before { background: url(images/rainbow/ico-event-rainbow.png) no-repeat; }
.menu-calendar::before { background: url(images/rainbow/ico-calendar-rainbow.png) no-repeat; }

.menu-about::before { background: url(images/rainbow/ico-about-rainbow.png) no-repeat; }
.menu-privacy-policy::before { background: url(images/rainbow/ico-privacy-policy-rainbow.png) no-repeat; }
.menu-disclaimer::before { background: url(images/rainbow/ico-disclaimer-rainbow.png) no-repeat; }
.menu-copyright::before { background: url(images/rainbow/ico-copyright-rainbow.png) no-repeat; }
.menu-inquiry::before { background: url(images/rainbow/ico-inquiry-rainbow.png) no-repeat; }
*/

/* Mobile Menu */
#mobile-nav {
	position: fixed; bottom: 20px; left:3%; z-index: 500;
	width: 94%; height: 54px; padding: 0 3px 0 8px; background: rgba(0,0,0,0.85); color: #FFF;
	border-radius: 27px;
}

#mobile-nav a { color: #FFF; }

#mobile-menu-1 { width: 80%; }
#mobile-menu-1 ul { margin: 0; padding: 0; font-size: 11px; text-align: center; }

#mobile-nav,
#mobile-menu-1 ul {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
}

#mobile-menu-1 ul li { position: relative; list-style: none; width: 60px; height:48px; margin: 0; padding: 0; }

#mobile-menu-1 ul li a::before {
	position: absolute; width: 24px; height: 24px; top: 4px; left: 18px;
	background-position: top 0px left -24px;
	background-size: 72px 24px; content: "";
}

#mobile-menu-1 ul li a { display: block; padding: 27px 0px 0px; }

/* Mobile : drawer-menu-button : Common & Green */
#drawer-menu-button { display: inline-block; width: 48px; height: 48px; transition: all .4s; margin: 0; padding: 12px 0 0 12px; line-height: 1.0; background: #007147; border-radius: 24px; border: 2px solid #FFF; }

/* Mobile : drawer-menu-button :Pink */
/* #drawer-menu-button { background: #ff286e; border-radius: 24px; } */

/* Mobile : drawer-menu-button :Yellow */
/* #drawer-menu-button { background: #FFFF00; border-radius: 24px; } */

/* Mobile : drawer-menu-button :Red */
/* #drawer-menu-button { background: #FE0000; border-radius: 24px; } */

/* Mobile : drawer-menu-button :Rainbow */
/*
#mobile-menu-1 ul li::before { background-position: top 0px left 0px; }
#drawer-menu-button { background: #39B23B; border-radius: 24px; }
*/

#drawer-menu-button.active { background: #ed7224; }

.menu-trigger,
.menu-trigger span { display: inline-block; transition: all .4s; box-sizing: border-box; }

.menu-trigger { position: relative; width: 20px; height: 20px; }

.menu-trigger span { position: absolute; left: 0; width: 100%; height: 2px; }
.menu-trigger span:nth-of-type(1) { top: 0; }
.menu-trigger span:nth-of-type(2) { top: 9px; }
.menu-trigger span:nth-of-type(3) { bottom: 0; }

/* Mobile : menu-trigger span : Common & Green */
.menu-trigger span { background-color: #fff; }

/* Mobile : menu-trigger span :Yellow */
/* .menu-trigger span { background-color: #000; } */

/* Mobile : menu-trigger span : Rainbow */
/* .menu-trigger span { background-color: #fff; } */

#drawer-menu-button .menu-trigger.active span:nth-of-type(1) { -webkit-transform: translateY(9px) rotate(-45deg); transform: translateY(9px) rotate(-45deg); }
#drawer-menu-button  .menu-trigger.active span:nth-of-type(2) { opacity: 0; }
#drawer-menu-button .menu-trigger.active span:nth-of-type(3) { -webkit-transform: translateY(-9px) rotate(45deg); transform: translateY(-9px) rotate(45deg); }

/* Mobile Menu - Drawer */
#drawer-menu {
	visibility: hidden; opacity: 0; transition: all .4s; position: fixed; z-index: 499; bottom: 70px; right: 3%;
	width: 94%; max-width: 400px; height: 70%; max-height: 390px;
	margin: 0; padding: 8px;
	background: rgba(0,0,0,0.85); overflow: auto;
	font-size: 13px; color: #FFF; border-radius: 8px;
}

#drawer-menu.active { visibility: visible; display: block; opacity: 1; bottom: 80px; }

/* --------------------------------------------------
 * Main / Sidebar
 * -------------------------------------------------- */
.layout-container { padding-top: 100px; }
#main {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: start;
	max-width: 1100px; margin: 0 auto; padding: 10px 0;
}


#block-cw910-breadcrumbs { margin: 1em auto 0.5em; width: 100%; max-width: 1100px; line-height:1.2; }
#block-cw910-breadcrumbs .block-body { margin: 0; padding: 8px 10px; font-size: 12px; }
#block-cw910-breadcrumbs  ol { margin: 0; padding: 0; list-style: none; }
#block-cw910-breadcrumbs  ol li { margin: 0; padding: 0 0 0 14px; position: relative; display: inline-block; }
#block-cw910-breadcrumbs  ol li a::before {
	position: absolute;  top: -1px; left: 4px; width: 12px; height: 12px;
	content: ">";
}

section { width: 100%; max-width: 1100px; }
.layout-content { width: 69.1%; max-width: 760px; }

.layout-sidebar { width: 30%; max-width: 330px; margin: 0 0 0 0.9%; padding: 0; }

/* Unpublished & Preview */
#block-system-main .content .node-unpublished .submitted { margin: 0 0 1em; }

.preview .node { background: #FFF; color: #000; padding: 15px; }
article.node-preview .submitted { margin: 0 0 1em; background: #FFA; }

/* --------------------------------------------------
 * Footer
 * -------------------------------------------------- */
.footer { margin-top: 10px; padding-top: 10px; padding-bottom: 25px; border-top: none; }
.footer .block-body { border-radius: 0; }
.footer h2.block-title { margin: 0 0 1em; text-align: center; }