Nth Degree – Brightening Purple Sage & Silk Protein Blonde Toning – Conditioner

Description

.ced-body {
margin: 5px;
padding: 0;
box-sizing: border-box;
}

.ced-notification-content-wrap p {
color: #333;
width: 50%;
float: right;
text-align: right;
padding-right: 20px;
margin-top: 27px;
font-family: ‘Roboto’, sans-serif;
}

.ced-notification-content-wrap {
background: #fff;
padding: 5px;
display: inline-block;
}

.ced-ebay-product-description-section {
display: inline-flex;
}

/*logo css */

.ced-ebay-logo-container {
text-align: center;
padding: 20px;
}

.ced-logo {
width: 60%;
float: left;
}

.ced-social {
width: 40%;
float: right;
}

/* menuu ccss */

.ced-navigation {
background: #fff;
overflow: hidden;
box-shadow: 0 2px 10px 2px #a09696;
padding: 0px;
}

.ced-navigation li {
width: 120px;
border-left: 2px solid #776e6eb0;
float: left;
cursor: pointer;
list-style-type: none;
padding: 7px 15px 15px 15px;
font-family: ‘Roboto’, sans-serif;
}

.ced-navigation li a {
text-decoration: none;
color: #212121;
}

.ced-navigation li h2 {
font-weight: 600;
font-size: 14px;
margin-bottom: 5px;
line-height: 16px;
text-align: center;
font-family: ‘Roboto’, sans-serif;
}

.ced-navigation li p {
font-size: 11px;
color: #999;
}

.ced-navigation li:hover {
background: #8b51fe;
}

.ced-navigation li:hover h2 {
font-weight: bold;
color: #fff;
}

.ced-navigation li:hover p {
color: #ccc;
padding-left: 5px;
}

.ced-ebay-menu-container {
background: #f8f8f8;
padding: 5px;
}

/* producct title css*/

.ced-ebay-product-title-wrap {
font-family: ‘Roboto’, sans-serif;
background: #fff;
padding: 2px;
text-align: center;
margin-bottom: 20px;
padding: 20px;
}

.ced-ebay-title-wrap h4 {
margin: 3px;
font-size: 26px;
text-align: center;
width: 87%;
}

/* prodduct-imae css */

.ced-ebay-product-image-container-title {
clear: both;
content: ”;
}

.ced-product-main-image {
width: 80%;
float: left;
overflow: hidden;
}

.ced-ebay-product-price-wrapper {
width: 50%;
float: right;
}

.ced-ebay-maine-image {
margin-right: 50px;
border: 3px solid #eee;
padding: 10px;
}

.ced-product-main-image {
width: 50%;
float: left;
overflow: hidden;
margin-bottom: 31px;
}

.ced-ebay-product-fast-shipping ul li {
font-family: ‘Roboto’, sans-serif;
list-style-type: none;
margin-left: -46px;
border: 1px solid #eee;
padding: 10px 10px;
}

.ced-ebay-category-section h5 {
font-family: ‘Roboto’, sans-serif;
color: #a173fe;
/* margin: 11px; */
background: #fff;
margin: 0;
padding: 14px;
}

.ced-ebay-maine-image img {
width: 100%;
object-fit: contain;
height: 350px;
}

.ced-pproduct-image-slider-image img {
width: 10%;
padding: 5px;
border: 1px solid #eee;
margin-top: 20px;
}

.ced-ebay-product-descrition-wrapper {
font-family: ‘Roboto’, sans-serif;
clear: both;
content: ”;
}

.ced-ebay-description-content-wrap {
width: 100%;
float: left;
margin-right: 5px;
}

.ced-ebay-category-wrapper {
font-family: ‘Roboto’, sans-serif;
width: 18%;
float: left;
border: 1px solid #eee;
margin-top: 18px;
}

.ced-ebay-category-section ul li {
font-family: ‘Roboto’, sans-serif;
margin-left: -39px;
list-style-type: none;
padding: 5px;
padding-left: 19px;
color: #333;
font-weight: 600;
}

.ced-ebay-category-section ul a {
text-decoration: none;
}

.ced-price {
font-size: 25px;
font-weight: 100;
}

/*Start tab*/

.ced-tabbed {
overflow-x: hidden;
/* so we could easily hide the radio inputs */
margin: 10px 0;
padding-bottom: 16px;
border-bottom: 1px solid #ccc;
}

.ced-tabbed [type=”radio”] {
/* hiding the inputs */
display: none;
}

.ced-tabs {
display: flex;
align-items: stretch;
list-style: none;
padding: 0;
border-bottom: 1px solid #f8f8f8;
}

.ced-tab>label {
font-family: ‘Roboto’, sans-serif;
display: block;
margin-bottom: -1px;
padding: 12px 15px;
border: 1px solid #ccc;
background: #a173fe;
color: #fff;
font-size: 18px;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 1px;
cursor: pointer;
transition: all 0.3s;
}

.ced-tab:hover label {
border-top-color: #333;
color: #333;
}

.ced-tab-content {
display: none;
color: #333;
}

/* As we cannot replace the numbers with variables or calls to element properties, the number of this selector parts is our tab count limit */

.ced-tabbed [type=”radio”]:nth-of-type(1):checked~.ced-tabs .ced-tab:nth-of-type(1) label,
.ced-tabbed [type=”radio”]:nth-of-type(2):checked~.ced-tabs .ced-tab:nth-of-type(2) label,
.ced-tabbed [type=”radio”]:nth-of-type(3):checked~.ced-tabs .ced-tab:nth-of-type(3) label,
.ced-tabbed [type=”radio”]:nth-of-type(4):checked~.ced-tabs .ced-tab:nth-of-type(4) label,
.ced-tabbed [type=”radio”]:nth-of-type(5):checked~.ced-tabs .ced-tab:nth-of-type(5) label {
border-bottom-color: #fff;
background: #8547ff;
color: #f8f8f8;
}

.ced-tabbed [type=”radio”]:nth-of-type(1):checked~.ced-tab-content:nth-of-type(1),
.ced-tabbed [type=”radio”]:nth-of-type(2):checked~.ced-tab-content:nth-of-type(2),
.ced-tabbed [type=”radio”]:nth-of-type(3):checked~.ced-tab-content:nth-of-type(3),
.ced-tabbed [type=”radio”]:nth-of-type(4):checked~.ced-tab-content:nth-of-type(4) {
display: block;
}

/*end tabs*/

.ced-ebay-heading-wrap h4 {
font-family: ‘Roboto’, sans-serif;
color: #776e6e;
border-bottom: 1px solid #eee;
padding-bottom: 10px;
margin-bottom: 6px;
}

.ced-ebay-heading-wrap.ced-TGA ul li {
margin-left: -23px;
}

.ced-ebay-price-conatiner button {
background: transparent;
border: 1px solid #c1bebe;
min-height: 50px;
padding: 0 20px;
cursor: pointer;
}

.ced-ebay-price-conatiner {
text-align: center;
margin-top: 20px;
}

.ced-ebay-product-fast-shipping {
font-family: ‘Roboto’, sans-serif;
text-align: justify;
}

.ced-ebay-product-fast-shipping ul {
margin-top: 0;
}

.ced-ebay-heading-wrap p {
font-family: ‘Roboto’, sans-serif;
margin: 3px !important;
}

.ced-ebay-logo-container img {
width: 18%;
}

.ced-notification-content-wrap img {
width: 27%;
}

.ced-tab-trigger {
display: block;
padding: 10px 0;
cursor: pointer;
}

.ced-ebay-product-container {
padding: 10px;
}

.ced-social img {
width: 18px;
height: 16px;
}

/*for mobile view*/

@media screen and (max-width: 480px) {
.ced-notification-content-wrap img {
width: 80%;
}
.ced-notification-content-wrap {
width: 100%;
/*display: inline-block;*/
}
.ced-notification-content-wrap p {
color: #333;
width: 100%;
text-align: center;
padding: 0px;
margin-top: 0px;
}
.ced-navigation li {
width: 100%;
border: 2px solid #ccc;
float: left;
cursor: pointer;
list-style-type: none;
padding: 7px 11px 11px 11px;
}
.ced-navigation li a:hover {
background: #000;
color: #8547ff;
}
.ced-navigation li h2 {
font-weight: 600;
font-size: 21px;
padding-bottom: 5px;
line-height: 2px;
}
.ced-navigation {
width: 100%;
}
.ced-ebay-title-wrap h4 {
margin: 3px;
font-size: 25px;
text-align: center;
width: 100%;
}
.ced-product-main-image {
width: 100%;
position: center;
}
.ced-ebay-product-price-wrapper {
width: 100%;
font-size: 14px;
}
.ced-ebay-description-content-wrap {
width: 100%;
float: left;
margin-right: 5px;
text-align: justify;
}
.ced-tabbed {
overflow-x: hidden;
margin: 50px 0;
}
.ced-tab-content {
padding: 15px;
}
.ced-tab>label {
font-size: 18px;
}
.ced-ebay-maine-image {
margin-right: 0px;
}
.ced-logo {
width: 100%!important;
text-align: center;
}
.ced-social {
width: 100%!important;
}
.ced-ebay-category-wrapper {
width: 100%;
margin-top: px;
}
.ced-ebay-product-description-section {
display: block;
}
.ced-social img {
width: 17px;
height: 16px;
}
}