/* colors 
	red: #df003a;
	light gray: #f0f1f2;
	dark gray: #797272;
*/

body { color: #183d4e; } /* default text-color for complete site except a-tags (hyperlinks) */
.default_color { color: #183d4e; }

#header_nav > li > a:hover, #header_nav > li > a:active, /* don't set :focus the same */
#header_nav > li > a:hover span, #header_nav > li > a:active span { color: #797272; }
#header_nav > li > a span[class*="icon"] { font-size: 3rem; }
#logo {
	background-image: url("../images_evag/logo.svg");
	height: 10rem;
}

#header_wrapper, #nav_header ul { background-color: #fff; } /* background(-color) for #header_wrapper */

input:focus, select:focus, textarea:focus { border-color: #797272; color: #797272; }

/* icon-color if flyout is hovered */
#header_nav > li:hover > a div,
#header_nav > li:active > a div,
#header_nav > li:focus > a div,
#header_nav > li > a.hover_link_color,
#header_nav > li > a.hover_link_color span,
#header_nav > li > a.hover_link_color div { color: #797272; }

#filter_wrapper a.button { background: #df003a; }
#filter_wrapper a.button:hover { background: #fff; }

#viewGrid:hover, #viewRow:hover { color: #df003a; }
#viewGrid, #viewRow { color: #df003a; }

a.button, [class*="flyout"] a.button { background-color: #df003a; border: 1px solid #df003a; }
a.button:hover, a.button:active, a.button:focus, a.button.active { color: #df003a !important; background-color: #fff; text-decoration: none; }
.languages li a:hover, .languages li a:active, .languages li a:focus, .languages li a.active { box-shadow: .2rem .2rem .2rem #333; }
[class*="flyout"] span, [class*="flyout"] a { color: #797272; }
[class*="flyout"] button span, [class*="flyout"] a.button { color: #fff; }

/* >>> box_product */
.box_product { border: .1rem solid #fff; }
.box_product:hover, .box_product:active, .box_product:focus { border-color: #df003a; background: #f0f1f2; }

/* >>> price */
.price > span > s { color: #c00; }
/* <<< price */

ul.colors li a { border: .1rem solid #797272; }
ul.colors li a:hover, ul.colors li a:active, ul.colors li a:focus, ul.colors li a.active {
	border-color: #df003a;
}
/* <<< box_product */

/* >>> thumbnail_scroller */
.thumbnail_scroller { border: .1rem solid #797272; background: #fff; }

.mTSButton {
    border-radius: 50%;
	background: #797272;
	color: #fff;
}

.mTSButton:hover, .mTSButton:active, .mTSButton:focus { background-color: #df003a; color: #fff; }
/* <<< thumbnail_scroller */

input[type="submit"],
button,
nav ul li ul li:hover > a,
nav ul li ul li:active > a,
nav ul li ul li:focus > a,
nav ul li ul > li.nav_active > a,
aside ul li:hover > a,
aside ul li:active > a,
aside ul li:focus > a,
aside div.box h2, 
.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn,
.default_gradient,
.ui-tooltip { background-color: #df003a; }

.flyout_my_account li a:hover, .flyout_my_account li a:focus, .flyout_my_account li a:active,
header ul li:hover > a, header ul li:active > a, header ul li:focus > a, 
th, #nav_wrapper { background-color: #f0f1f2; }

#header_nav > li > a span,
#header_nav > li > a div { color: #797272; }
#header_nav > li > a #quantity { color: #fff; }
#navigation_wrapper { background: #df003a; }

/* >>> navigation */
/* first level navigation */
nav ul > li:hover > a,
nav ul > li:active > a,
nav ul > li:focus > a,
nav ul > li.nav_active > a { background-color: #df003a; }

/* third level navigation */
nav ul li ul li a { border-bottom: .1rem solid #797272; }
nav ul ul ul ul { margin-left: 1rem; }
#content nav.clearfix ul.main-nav  a { font-size: 1.2rem; }
/* <<< navigation */

/* footer >>> */
#footer_wrapper { border-top: .1rem solid #797272; }
#footer_wrapper footer h6 { font-size: 1.4rem; }
#footer_wrapper footer, 
#footer_wrapper footer a { 
	text-decoration: none; /* text-decoration for hyperlinks in footer */
    font-weight: bold; /* font-weight for hyperlinks in footer */
	color: #797272; /* text-color for hyperlinks within footer (and #copyright_wrapper) */
}

#footer_wrapper footer ul li:hover a, #footer_wrapper footer ul li:active a, #footer_wrapper footer ul li:focus a {
	text-decoration: underline; /* text-decoration for hover-/active-/focus-status of hyperlinks in footer */
	color: #df003a;
}
/* <<< /footer */

/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< END DESIGN FOR BASIC STRUCTURE */

/* HYPERLINKS >>> */
a, label > sup, small > sup, span[class^="icon-"],
article ul li a:hover, article ul li a:active, article ul li a:focus,
article ul li a:hover span[class^="icon-"], article ul li a:active span[class^="icon-"], article ul li a:focus span[class^="icon-"] {
    color: #797272;
}

a.link-icon, a:hover, a:active, a:focus, a:hover span, a:active span, a:focus span {
	text-decoration: none; /* text-decoration for :hover-/:active-/:focus-status hyperlinks */
	color: #df003a;
}

.icon-blocks, .icon-rows { transition: .5s ease; }
.icon-blocks:hover, .icon-blocks:active, .icon-blocks:focus, .icon-rows:hover, .icon-blocks:active, .icon-blocks:focus { transition: .5s ease; }
article ul li a:hover span:last-child, article ul li a:active span:last-child, article ul li a:focus span:last-child { text-decoration: underline !important; }
hr { color: #797272; background-color: #797272; }

article h1, article h2, article h3, article h4, article h5, article h6,
a, main > article ul li a:hover, main > article ul li a:active, main > article ul li a:focus {
	color: #797272; /* default text-color for hyperlinks (i.e. in main, left/right column; NOT in nav) */
}
/* <<< HYPERLINKS END */

.box.login p.small { border-top: .1rem dotted #df003a; }
article fieldset, .highlight { background: #f0f1f2; border: .1rem solid #797272; }
input, select, textarea { border: .1rem solid #797272; } /* border-color for all elements with borders */

/* FORMS >>> */
input[type="submit"]:hover, input[type="submit"]:active, input[type="submit"]:focus {
	color: #0c0; /* text-color for pseudo-classes for submit-buttons */
}

/* <<< FORMS END */

/* BUTTONS AND ICONS >>> */
input[type="submit"],
button, .tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn { border: .1rem solid #df003a; color: #fff; }

a.button:hover, a.button:active, a.button:focus, a.button.active, 
a.button:hover span, a.button:active span, a.button:focus span, a.button.active span,
input[type="submit"]:hover, input[type="submit"]:active, input[type="submit"]:focus,
button:hover, button:active, button:focus,
button:hover span, button:active span, button:focus span,
button:hover [class*="icon-"], button:active [class*="icon-"], button:focus [class*="icon-"],
a.button:hover [class*="icon-"], a.button:active [class*="icon-"], a.button:focus [class*="icon-"], a.button.active [class*="icon-"], 
input[type="submit"]:hover [class*="icon-"], input[type="submit"]:active [class*="icon-"], input[type="submit"]:focus [class*="icon-"],
.tablesaw-bar .tablesaw-advance .tablesaw-nav-btn:hover, .tablesaw-bar .tablesaw-advance .tablesaw-nav-btn:active, .tablesaw-bar .tablesaw-advance .tablesaw-nav-btn:focus,
.tablesaw-enhanced .tablesaw-bar .btn:hover, .tablesaw-enhanced .tablesaw-bar .btn:active, .tablesaw-enhanced .tablesaw-bar .btn:focus { color: #df003a !important; }

#nav_wrapper li:hover a, #nav_wrapper li:active a, #nav_wrapper li:focus a { text-shadow: inherit; }

/* tablesaw >>> */
.tablesaw tbody tr { border-bottom: .1rem solid #797272; }
.tablesaw-swipe .tablesaw-cell-persist { box-shadow: none; }
.tablesaw thead tr:first-child th { border-right: .1rem solid; border-top: .1rem solid; }
.tablesaw thead tr:first-child th:last-child { border-top: .1rem solid; }

.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.left:hover:before,
.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.left:focus:before,
.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.left:active:before  { border-right: .5rem solid #df003a; }
.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.right:hover:before,
.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.right:focus:before,
.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.right:active:before { border-left: .5rem solid #df003a; }


.tablesaw-enhanced .tablesaw-bar .btn:active, .tablesaw-enhanced .tablesaw-bar .btn:focus, 
.tablesaw-bar .tablesaw-advance .tablesaw-nav-btn:active, .tablesaw-bar .tablesaw-advance .tablesaw-nav-btn:focus { background: #fff; }
/* <<< tablesaw */

span.icon-file-pdf { color: #da251c; }
.product_sizes li a { border: .1rem solid #797272; }

.product_sizes li a:hover, .product_sizes li a:active, .product_sizes li a:focus, .product_sizes li.active a {
	background-color: #df003a;
	color: #fff;
	transition: ease .5s;
}
.product_colors li span[class*="colors"] { border: .1rem solid #797272; }

a[id^="submit_link_search_"] {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

button > span, button > span[class*="icon-"] {
	color: #fff;
	text-decoration: none !important;
}

.disabled, .disabled:hover, .disabled:active, .disabled:focus,
a.disabled, a.disabled:hover, a.disabled:active, a.disabled:focus,
input[disabled="disabled"], input[disabled="disabled"]:hover, input[disabled="disabled"]:active, input[disabled="disabled"]:focus,
input[type="submit"]:disabled, input[type="submit"]:disabled:hover, input[type="submit"]:disabled:active, input[type="submit"]:disabled:focus,
button:disabled, button:disabled:hover, button:disabled:active, button:disabled:focus {
	background: linear-gradient(#a0a0a0 0%, #777 100%) !important; /* background(-gradient) for pseudo-classes and active-status of disabled buttons (w3c) */
	border: .1rem solid #a0a0a0 !important; /* border for pseudo-classes and active-status of disabled buttons (old browsers only) */
	cursor: not-allowed !important;
	color: #ddd !important;
	box-shadow: inherit;
}

.message .icon-warning { color: #fff; }
span.icon-male { color: #27b5e5; }
span.icon-female { color: #fcb5b5; }
/* <<< BUTTONS AND ICONS END */

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> TABLES */

#header_wrapper fieldset { background: none !important; }
table { border: 0; }
th, td, .tablesaw-swipe .tablesaw-cell-persist {
	border: .1rem solid #797272; /* border for th (tablehead) and td (tablecells) */
	border-left-width: 0; /* border-left for th (tablehead) and td (tablecells) */
	border-bottom: none;  /* border-top for th (tablehead) and td (tablecells) */
}

th, table.tablesaw thead th { color: #797272; font-size: 1.5rem; font-weight: bold; }
td { background: rgb(230, 230, 230); color: #797272; }
tr:nth-child(2n+1) td { background: rgba(230, 230, 230, .8); }
tr:hover td, tr:active td, tr:focus td { background: #fff; transition: all 1.5s; }
td:first-child { border-left-width: 0; }
/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< END TABLES */

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> CONTENT & MODULES */

/* >>> slideshow */
.callbacks .caption {	
	background: rgba(255, 255, 255, 0.3);
}

.callbacks .caption p {
    color: #fff;
	font-size: 2rem;
	text-shadow: .1rem .1rem .1rem #444;
}

.slideshow ul.callbacks_tabs li {
	border-radius: 50%;
    background: #fff;
	border: .1rem solid #797272;
}

.slideshow ul.callbacks_tabs li a {
    background: #797272;
}

.slideshow ul.callbacks_tabs li a:hover, 
.slideshow ul.callbacks_tabs li a:active, 
.slideshow ul.callbacks_tabs li a:focus, 
.slideshow ul.callbacks_tabs li.callbacks_here a {
    background-color: #df003a;
}
/* <<< /slideshow */
article div.box {
	border-color: #df003a; /* border-color of boxes in article */
}

aside div.box h2 {
	color: #fff; /* text-color for h2 in boxes */
}

.box.login nav {
	background: none; /* background for navigation in #box_login */
}

nav.box ul li:not(:last-child) a {	
	border-bottom: .1rem dotted #fff; /* border-bottom (vertical separation) between hyperlinks in navigation within boxes */
}

nav.box ul.horizontal li a {	
	border-bottom: none; /* border-bottom (vertical separation) between hyperlinks in navigation within boxes */
}

nav.box ul li a:hover, nav.box ul li a:active, nav.box ul li a:focus, nav.box ul li a.nav_active {	
	color: #fff; /* text-color for pseudo-classes and active-status on hyperlinks in navigation within boxes */
	background-color: #df003a;
}

article div.box.content {
	border: 0;
}

/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< END CONTENT & MODULES */

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> PAGES */
#home #breadcrumbs, #home h1 {
	display: none; /* displays/hides h1 on homepage */ 
}

.message {
    box-shadow: 0 .2rem .2rem #333; /* box-shadow for messages */
	border-radius: 0;
}

.ui-tooltip {
	border: .2rem solid #fff;
	color: #fff;
	border-radius: .5rem;
	font-size: 1.1rem;
	font-weight: bold;
	box-shadow: 0 .2rem .2rem #666;
	font-family: inherit !important;
}

.ui-tooltip.error {
	background: -webkit-linear-gradient(#e00 0%, #c00 100%);
	background: linear-gradient(#e00 0%, #c00 100%);
}

/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< PAGES */
#back_to_top_wrapper {
	color: #df003a;
	background: #fff;
	box-shadow: .1rem .1rem .1rem #666;
	font-size: 1.3rem;
}

#back_to_top_wrapper:hover, #back_to_top_wrapper:active, #back_to_top_wrapper:focus { color: #fff; background-color: #df003a; }
a[href^="tel"] { text-decoration: none; }
a[href^="tel"]:hover, a[href^="tel"]:active, a[href^="tel"]:focus { text-decoration: underline; }

/* begin cart table */
#cart_table { border-bottom: .1rem solid #797272; }
/* end cart table */

#summary, #filter_wrapper { background-color: #f0f1f2; border: .1rem solid #797272; }

/* >>> flyout */
input[type="search"], #search_input { border-right: 0; }
[class*="flyout"] input[type="search"], [class*="flyout"] #search_input { border: .1rem solid #797272; }
[class*="flyout"] { background-color: #f0f1f2; color: #797272; }
[class*="flyout"] a.button { text-decoration: none; }
[class*="flyout"] span.icon-search.place-inside { color: #df003a; }
[class*="flyout"] button, [class*="flyout"] input[type="submit"] { border: .1rem solid #df003a; }
#header_nav .flyout_login p span { color: #797272; }
#header_nav .flyout_login p span:hover, #header_nav .flyout_login p span:active, #header_nav .flyout_login p span:focus { color: #df003a; }
/* <<< flyout */

/* >>> cookie_policy */
#cookie_policy { background-color: #797272; }
#cookie_policy a { color: #fff; }
#close_cookie_policy:hover, #close_cookie_policy:active, #close_cookie_policy:focus { color: #fff; }
#cookie_policy .button { border:0; border-radius: 0; background-color: #df003a; }
/* <<< cookie_policy */

#form_checkout_method_of_payment img, #form_checkout_mode_of_chipment main img { border: .1rem solid #797272; }
button[class*="icon-"] { background-color: #df003a; }
button[class*="icon-"]:hover { background-color: #fff; } 

@media only screen and (max-width: 1024px) {
  button#button_search  { margin: 0; }