/*
Theme Name: Salient Child Theme
Description: Radonova Modifations
Theme URI: https://radonova.se/;
Author: kalle.bystrom
Author URI:  https://radonova.se/
Template: salient
Version: 4.06
*/

/* Mega menu headers */
body:not([data-header-format="left-header"]) header#top nav >ul >li.megamenu >ul >li >a, body:not([data-header-format="left-header"]) header#top nav >ul >li.megamenu >ul >li >ul >li.has-ul >a {
    color: #dadada;
    font-size:16px;
    font-weight:bold;
}

/* Background-color for menus */
#header-secondary-outer .sf-menu li ul, body:not([data-header-format="left-header"]) #top .sf-menu li ul, #top nav >ul >.megamenu >.sub-menu, #header-outer .widget_shopping_cart .cart_list li, #header-outer .cart-notification, #header-outer .widget_shopping_cart_content {
	background-color: #444444;
}

/* Languages list should be better designed */
.languages >li ul {
    padding:5px;
	width: 25em;
}

/* Text-color in menus */
#header-outer .cart-notification, #header-outer .product_list_widget li dl dd, #header-outer .sf-menu li ul li a, #header-outer .total, #header-outer .total strong, #header-outer .widget_shopping_cart .cart_list li, #header-outer .widget_shopping_cart .quantity {
    color: #efefef;
}

/* Simple product - Minus button */
.woocommerce div[data-project-style="text_on_hover"] .cart .quantity input.minus {
	background-color:#afafaf;
	color:#fff!important;
	font-size:25px;
	border-radius:2px!important;
}

/* Simple product - Plus button */
.woocommerce div[data-project-style="text_on_hover"] .cart .quantity input.plus {
	background-color: #6d6d6c;
	color: #fff!important;
	font-size:30px;
	border-radius:2px!important;
}

/* Secondary Navigation Menu */
#header-secondary-outer nav > ul > li.current-menu-item > a, #header-secondary-outer nav > ul > li.current-menu-ancestor > a  {
	text-transform: uppercase!important;
	font-weight: bold;
}

/* Secondary Navigation Menu */
#header-secondary-outer nav > ul > li > a, #header-secondary-outer nav > ul > li > a  {
	text-transform: uppercase!important;
	font-weight: bold;
}

/* Dont display ugly error messages */
.woocommerce-notices-wrapper {
	display:none;
}

/* Better style on Klarna "Change payment gateway button" */
#klarna-checkout-select-other {
	background-color:#1e85be;
	width:100%;
	height:40px;
	line-height:20px;
	font-size:16px;
	text-transform: initial;
}

/* Infomessages should be more plain */
.woocommerce-info {
	background-color:#f6f6f6!important;
	color:#6d6d6c;
}

/* Ribbons and banners below, add other CSS above */
@media only screen and (max-width: 1000px) {
	.radonova-right-corner-ribbon-wrapper-blue {
	  width: 120px;
	  height: 120px;
	  overflow: hidden;
	  position: absolute;
	  top: -3px;
	  right: -3px;
	}

	.radonova-right-corner-ribbon-blue {
		font: 14px;
		line-height:14px;
		color: #fff;
		text-align: center;
		text-shadow: rgba(255,255,255,1) 0px 0px 0px;
		-webkit-transform: rotate(45deg);
		-moz-transform:    rotate(45deg);
		-ms-transform:     rotate(45deg);
		-o-transform:      rotate(45deg);
		position: relative;
		padding: 7px 0;
		left: -5px;
		top: 31px;
		width: 160px;
		background-color: #027c9c;
		background-image: -webkit-gradient(linear, left top, left bottom, from(#289ce0), to(#67b3e0));
		background-image: -webkit-linear-gradient(top, #289ce0, #67b3e0);
		background-image:    -moz-linear-gradient(top, #289ce0, #67b3e0);
		background-image:     -ms-linear-gradient(top, #289ce0, #67b3e0);
		background-image:      -o-linear-gradient(top, #289ce0, #67b3e0);
		color: #f1f1f1;
		-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
		-moz-box-shadow:    0px 0px 3px rgba(0,0,0,0.3);
		box-shadow:         0px 0px 3px rgba(0,0,0,0.3);
	}

	.radonova-right-corner-ribbon-blue:before, .radonova-right-corner-ribbon-blue:after {
		content: "";
		border-top:   3px solid #027c9c;
		border-left:  3px solid transparent;
		border-right: 3px solid transparent;
		position:absolute;
		bottom: -3px;
	}

	.radonova-right-corner-ribbon-blue:before {
		left: 0;
	}
	.radonova-right-corner-ribbon-blue:after {
		right: 0;
	}

	.radonova-right-corner-ribbon-wrapper-red {
	  width: 120px;
	  height: 120px;
	  overflow: hidden;
	  position: absolute;
	  top: -3px;
	  right: -3px;
	}

	.radonova-right-corner-ribbon-red {
		font: 14px;
		line-height:14px;
		color: #fff;
		text-align: center;
		text-shadow: rgba(255,255,255,1) 0px 0px 0px;
		-webkit-transform: rotate(45deg);
		-moz-transform:    rotate(45deg);
		-ms-transform:     rotate(45deg);
		-o-transform:      rotate(45deg);
		position: relative;
		padding: 7px 0;
		left: -5px;
		top: 31px;
		width: 160px;
		background-color: #96190f;
		background-image: -webkit-gradient(linear, left top, left bottom, from(#d52216), to(#e2655b));
		background-image: -webkit-linear-gradient(top, #d52216, #e2655b);
		background-image:    -moz-linear-gradient(top, #d52216, #e2655b);
		background-image:     -ms-linear-gradient(top, #d52216, #e2655b);
		background-image:      -o-linear-gradient(top, #d52216, #e2655b);
		color: #f1f1f1;
		-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
		-moz-box-shadow:    0px 0px 3px rgba(0,0,0,0.3);
		box-shadow:         0px 0px 3px rgba(0,0,0,0.3);
	}

	.radonova-right-corner-ribbon-red:before, .radonova-right-corner-ribbon-red:after {
		content: "";
		border-top:   3px solid #96190f;
		border-left:  3px solid transparent;
		border-right: 3px solid transparent;
		position:absolute;
		bottom: -3px;
	}

	.radonova-right-corner-ribbon-red:before {left: 0;}
	.radonova-right-corner-ribbon-red:after {right: 0;}
	
	.radonova-right-corner-ribbon-wrapper-gray {
	  width: 120px;
	  height: 120px;
	  overflow: hidden;
	  position: absolute;
	  top: -3px;
	  right: -3px;
	}

	.radonova-right-corner-ribbon-gray {
		font: 14px;
		line-height:14px;
		color: #fff;
		text-align: center;
		text-shadow: rgba(255,255,255,1) 0px 0px 0px;
		-webkit-transform: rotate(45deg);
		-moz-transform:    rotate(45deg);
		-ms-transform:     rotate(45deg);
		-o-transform:      rotate(45deg);
		position: relative;
		padding: 7px 0;
		left: -5px;
		top: 31px;
		width: 160px;
		background-color: #444444;
		background-image: -webkit-gradient(linear, left top, left bottom, from(#6d6d6c), to(#888888));
		background-image: -webkit-linear-gradient(top, #6d6d6c, #888888);
		background-image:    -moz-linear-gradient(top, #6d6d6c, #888888);
		background-image:     -ms-linear-gradient(top, #6d6d6c, #888888);
		background-image:      -o-linear-gradient(top, #6d6d6c, #888888);
		color: #f1f1f1;
		-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
		-moz-box-shadow:    0px 0px 3px rgba(0,0,0,0.3);
		box-shadow:         0px 0px 3px rgba(0,0,0,0.3);
	}

	.radonova-right-corner-ribbon-gray:before, .radonova-right-corner-ribbon-gray:after {
		content: "";
		border-top:   3px solid #444444;
		border-left:  3px solid transparent;
		border-right: 3px solid transparent;
		position:absolute;
		bottom: -3px;
	}

	.radonova-right-corner-ribbon-gray:before {left: 0;}
	.radonova-right-corner-ribbon-gray:after {right: 0;}
}

@media only screen and (min-width: 1400px) {
	.radonova-right-corner-ribbon-wrapper-blue {
	  width: 120px;
	  height: 120px;
	  overflow: hidden;
	  position: absolute;
	  top: -3px;
	  right: -3px;
	}

	.radonova-right-corner-ribbon-blue {
		font: 14px;
		line-height:14px;
		color: #fff;
		text-align: center;
		text-shadow: rgba(255,255,255,1) 0px 0px 0px;
		-webkit-transform: rotate(45deg);
		-moz-transform:    rotate(45deg);
		-ms-transform:     rotate(45deg);
		-o-transform:      rotate(45deg);
		position: relative;
		padding: 7px 0;
		left: -5px;
		top: 31px;
		width: 160px;
		background-color: #027c9c;
		background-image: -webkit-gradient(linear, left top, left bottom, from(#289ce0), to(#67b3e0));
		background-image: -webkit-linear-gradient(top, #289ce0, #67b3e0);
		background-image:    -moz-linear-gradient(top, #289ce0, #67b3e0);
		background-image:     -ms-linear-gradient(top, #289ce0, #67b3e0);
		background-image:      -o-linear-gradient(top, #289ce0, #67b3e0);
		color: #f1f1f1;
		-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
		-moz-box-shadow:    0px 0px 3px rgba(0,0,0,0.3);
		box-shadow:         0px 0px 3px rgba(0,0,0,0.3);
	}

	.radonova-right-corner-ribbon-blue:before, .radonova-right-corner-ribbon-blue:after {
		content: "";
		border-top:   3px solid #027c9c;
		border-left:  3px solid transparent;
		border-right: 3px solid transparent;
		position:absolute;
		bottom: -3px;
	}

	.radonova-right-corner-ribbon-blue:before {left: 0;}
	.radonova-right-corner-ribbon-blue:after {right: 0;}

	.radonova-right-corner-ribbon-wrapper-red {
	  width: 120px;
	  height: 120px;
	  overflow: hidden;
	  position: absolute;
	  top: -3px;
	  right: -3px;
	}

	.radonova-right-corner-ribbon-red {
		font: 14px;
		line-height:14px;
		color: #fff;
		text-align: center;
		text-shadow: rgba(255,255,255,1) 0px 0px 0px;
		-webkit-transform: rotate(45deg);
		-moz-transform:    rotate(45deg);
		-ms-transform:     rotate(45deg);
		-o-transform:      rotate(45deg);
		position: relative;
		padding: 7px 0;
		left: -5px;
		top: 31px;
		width: 160px;
		background-color: #96190f;
		background-image: -webkit-gradient(linear, left top, left bottom, from(#d52216), to(#e2655b));
		background-image: -webkit-linear-gradient(top, #d52316, #e2655b);
		background-image:    -moz-linear-gradient(top, #d52316, #e2655b);
		background-image:     -ms-linear-gradient(top, #d52316, #e2655b);
		background-image:      -o-linear-gradient(top, #d52316, #e2655b);
		color: #f1f1f1;
		-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
		-moz-box-shadow:    0px 0px 3px rgba(0,0,0,0.3);
		box-shadow:         0px 0px 3px rgba(0,0,0,0.3);
	}

	.radonova-right-corner-ribbon-red:before, .radonova-right-corner-ribbon-red:after {
		content: "";
		border-top:   3px solid #96190f;
		border-left:  3px solid transparent;
		border-right: 3px solid transparent;
		position:absolute;
		bottom: -3px;
	}

	.radonova-right-corner-ribbon-red:before {left: 0;}
	.radonova-right-corner-ribbon-red:after {right: 0;}
	
	.radonova-right-corner-ribbon-wrapper-gray {
	  width: 120px;
	  height: 120px;
	  overflow: hidden;
	  position: absolute;
	  top: -3px;
	  right: -3px;
	}

	.radonova-right-corner-ribbon-gray {
		font: 14px;
		line-height:14px;
		color: #fff;
		text-align: center;
		text-shadow: rgba(255,255,255,1) 0px 0px 0px;
		-webkit-transform: rotate(45deg);
		-moz-transform:    rotate(45deg);
		-ms-transform:     rotate(45deg);
		-o-transform:      rotate(45deg);
		position: relative;
		padding: 7px 0;
		left: -5px;
		top: 31px;
		width: 160px;
		background-color: #444444;
		background-image: -webkit-gradient(linear, left top, left bottom, from(#6d6d6c), to(#888888));
		background-image: -webkit-linear-gradient(top, #6d6d6c, #888888);
		background-image:    -moz-linear-gradient(top, #6d6d6c, #888888);
		background-image:     -ms-linear-gradient(top, #6d6d6c, #888888);
		background-image:      -o-linear-gradient(top, #6d6d6c, #888888);
		color: #f1f1f1;
		-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
		-moz-box-shadow:    0px 0px 3px rgba(0,0,0,0.3);
		box-shadow:         0px 0px 3px rgba(0,0,0,0.3);
	}

	.radonova-right-corner-ribbon-gray:before, .radonova-right-corner-ribbon-gray:after {
		content: "";
		border-top:   3px solid #444444;
		border-left:  3px solid transparent;
		border-right: 3px solid transparent;
		position:absolute;
		bottom: -3px;
	}

	.radonova-right-corner-ribbon-gray:before {left: 0;}
	.radonova-right-corner-ribbon-gray:after {right: 0;}
}

@media only screen and (min-width: 1000px) and (max-width: 1400px) {
	.radonova-right-corner-ribbon-blue{
	  width: 100%;
	  position: absolute;
	  top: 0px;
	  left: 0px;
	  line-height:25px;
	  text-align: center;
	  letter-spacing: 1px;
	  color: #f0f0f0;
	  background: #289ce0;
	  transform: rotate(0deg);
	  -webkit-transform: rotate(0deg);
	}
	.radonova-right-corner-ribbon-red{
	  width: 100%;
	  position: absolute;
	  top: 0px;
	  left: 0px;
	  line-height:25px;
	  text-align: center;
	  letter-spacing: 1px;
	  color: #f0f0f0;
	  background: #d52216;
	  transform: rotate(0deg);
	  -webkit-transform: rotate(0deg);
	}
	.radonova-right-corner-ribbon-gray{
	  width: 100%;
	  position: absolute;
	  top: 0px;
	  left: 0px;
	  line-height:25px;
	  text-align: center;
	  letter-spacing: 1px;
	  color: #f0f0f0;
	  background: #6d6d6c;
	  transform: rotate(0deg);
	  -webkit-transform: rotate(0deg);
	}
	.radonova-right-corner-ribbon-grey{
	  width: 100%;
	  position: absolute;
	  top: 0px;
	  left: 0px;
	  line-height:25px;
	  text-align: center;
	  letter-spacing: 1px;
	  color: #f0f0f0;
	  background: #6d6d6c;
	  transform: rotate(0deg);
	  -webkit-transform: rotate(0deg);
	}
}

.corner-ribbon{
  width: 100%;
  position: absolute;
  top: 25px;
  left: -50px;
  text-align: center;
  line-height: 30px;
  letter-spacing: 1px;
  color: #f0f0f0;
  transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
}

.corner-ribbon.sticky{position: fixed;}
.corner-ribbon.shadow{box-shadow: 0 0 3px rgba(0,0,0,.3);}
.corner-ribbon.top{top: 0px; left: 0px; line-height:25px;}
.corner-ribbon.bottom{top: auto; bottom: 0px; left: 0px; line-height: 30px;}

.corner-ribbon.white{background: #f0f0f0; color: #6d6d6c;}
.corner-ribbon.black{background: #333;}
.corner-ribbon.grey{background: #6d6d6c;}
.corner-ribbon.gray{background: #6d6d6c;}
.corner-ribbon.blue{background: #03b1de;}
.corner-ribbon.green{background: #2c7;}
.corner-ribbon.turquoise{background: #1b9;}
.corner-ribbon.purple{background: #95b;}
.corner-ribbon.red{background: #d52316;}
.corner-ribbon.orange{background: #e82;}
.corner-ribbon.yellow{background: #ec0;}