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

/* Taking care of the Trustpilot banner */
.trustpilot-widget.trustpilot-header {
    background-color: rgb(201 242 210);
    border: 1px solid rgb(229 229 229);
    padding-top: 6px;
    padding-bottom: 2px;
    position: relative;
}

/* Making default price more visible when using discount prices */
.woocommerce #content div.product p.price del, .woocommerce #content div.product span.price del, .woocommerce div.product p.price del, .woocommerce div.product span.price del, .woocommerce-page #content div.product p.price del, .woocommerce-page #content div.product span.price del, .woocommerce-page div.product p.price del, .woocommerce-page div.product span.price del {
    color: #444;
    font-size: 1em;
}

/* Making default price more visible when using discount prices */
.woocommerce div.product p.price del, .woocommerce div.product span.price del {
    opacity: 1;
    display: inline-block;
}

/* We Dont Want CamelCase */
.woocommerce a.button, .woocommerce-page a.button, .woocommerce button.button, .woocommerce-page button.button, .woocommerce input.button, .nectar-quick-view-box a.button, .woocommerce-page input.button, .woocommerce #respond input#submit, .woocommerce-page #respond input#submit, .woocommerce #content input.button, .woocommerce-page #content input.button {
    text-transform: none!important;
}

/* Hide phone and flags on smaller screens */
@media only screen and (min-width : 1px) and (max-width : 1140px) {
	.radonova-phone {
		display: none!important;
	}
	.radonova-flags {
		display: none!important;
	}
}

/* Remove secondary header from tablets and cellphones */
@media only screen and (min-width : 1px) and (max-width : 1000px) {
    #header-secondary-outer {
        display:none !important;
    }
}

/* 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;
}

/* Better padding on product pages */
@media only screen and (min-width: 1200px) {
	.woocommerce div.product .woocommerce-tabs[data-tab-style=fullwidth_stacked] {
	    padding-top: 2%!important;
	    width: 60%!important;
	}
}

/* Better padding on product pages */
.woocommerce div.product .woocommerce-tabs[data-tab-style=fullwidth_stacked] {
    padding-top: 2%;
}

/* Remove margin on dropdown for variation products */
.woocommerce div.product form.cart .variations, .woocommerce .variations, .nectar-quick-view-box .variations, .woocommerce .nectar-quick-view-box div.product form.cart .variations {
    margin-bottom: 10px;
}

/* Background color for dropdown on secondary menu */
#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: #444;
}

/* Set margin on add to cart button */
.woocommerce-page button[type="submit"].single_add_to_cart_button {
    margin-top: 10px;
}

/* 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: #14283c;
	color: #fff!important;
	font-size:30px;
	border-radius:2px!important;
}

/* Hide reset variation link on variable products */
.reset_variations {
	visibility: hidden !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;
}

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

/*Don't display Shop header */
.container .nectar-shop-header {
	display: none!important;
}

/* 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:#14283c;
}

/* 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: #14283c;
		background-image: -webkit-gradient(linear, left top, left bottom, from(#14283c), to(#14283c));
		background-image: -webkit-linear-gradient(top, #14283c, #14283c);
		background-image:    -moz-linear-gradient(top, #14283c, #14283c);
		background-image:     -ms-linear-gradient(top, #14283c, #14283c);
		background-image:      -o-linear-gradient(top, #14283c, #14283c);
		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 #14283c;
		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: #dc3030;
		background-image: -webkit-gradient(linear, left top, left bottom, from(#dc3030), to(#dc3030));
		background-image: -webkit-linear-gradient(top, #dc3030, #dc3030);
		background-image:    -moz-linear-gradient(top, #dc3030, #dc3030);
		background-image:     -ms-linear-gradient(top, #dc3030, #dc3030);
		background-image:      -o-linear-gradient(top, #dc3030, #dc3030);
		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 #b02626;
		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(#14283c), to(#14283c));
		background-image: -webkit-linear-gradient(top, #14283c, #14283c);
		background-image:    -moz-linear-gradient(top, #14283c, #14283c);
		background-image:     -ms-linear-gradient(top, #14283c, #14283c);
		background-image:      -o-linear-gradient(top, #14283c, #14283c);
		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: #14283c;
		background-image: -webkit-gradient(linear, left top, left bottom, from(#289ce0), to(#14283c));
		background-image: -webkit-linear-gradient(top, #14283c, #14283c);
		background-image:    -moz-linear-gradient(top, #14283c, #14283c);
		background-image:     -ms-linear-gradient(top, #14283c, #14283c);
		background-image:      -o-linear-gradient(top, #14283c, #14283c);
		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 #14283c;
		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: #dc3030;
		background-image: -webkit-gradient(linear, left top, left bottom, from(#dc3030), to(#dc3030));
		background-image: -webkit-linear-gradient(top, #dc3030, #dc3030);
		background-image:    -moz-linear-gradient(top, #dc3030, #dc3030);
		background-image:     -ms-linear-gradient(top, #dc3030, #dc3030);
		background-image:      -o-linear-gradient(top, #dc3030, #dc3030);
		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 #dc3030;
		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(#14283c), to(#14283c));
		background-image: -webkit-linear-gradient(top, #14283c, #14283c);
		background-image:    -moz-linear-gradient(top, #14283c, #14283c);
		background-image:     -ms-linear-gradient(top, #14283c, #14283c);
		background-image:      -o-linear-gradient(top, #14283c, #14283c);
		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 #14283c;
		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: #f9fafb;
	  background: #14283c;
	  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: #f9fafb;
	  background: #dc3030;
	  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: #f9fafb;
	  background: #14283c;
	  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: #f9fafb;
	  background: #14283c;
	  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: #f9fafb;
  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: #14283c;}
.corner-ribbon.black{background: #333;}
.corner-ribbon.grey{background: #14283c;}
.corner-ribbon.gray{background: #14283c;}
.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;}

/* Dont add CSS here, add above CSS for ribbons */