/* start product label */
:root {
--bioderma: #52801f;
}
.grico {
display: flex;
justify-content: center;
align-items: center;
margin: 0 auto;
width: 80%;
color: #006b80 !important;
font-weight: bold !important;
}
.gridz {
margin: 0 auto;
display: grid;
grid-template-areas:
"on tw ."
"fr tw fv"
"sx tw .";
row-gap: 15px;
justify-content: flex-start;
align-items: center;
}
.one {
grid-area: on;
}
.two {
grid-area: tw;
background-color: transparent;
position: relative;
margin-bottom: 5%;
width: 15vw;
}
.four {
grid-area: fr;
}
.five {
grid-area: fv;
text-align: center;
}
.six {
grid-area: sx;
}
.two img {
display: block;
width: 100%;
}
.gridz>div p {
font-weight: normal;
margin: 15px;
color: #006b80;
font-weight: bold;
text-align: center;
}
.one::before,
.four::before,
.six::before {
content: "";
position: absolute;
top: 49%;
left: -0.1rem;
width: 0.5rem;
height: 0.5rem;
border-radius: 100px;
display: block;
background-color: var(--bioderma);
}
.five::before {
content: "";
position: absolute;
top: 49%;
right: -0.1rem;
width: 0.5rem;
height: 0.5rem;
border-radius: 100px;
display: block;
background-color: var(--bioderma);
}
.one,
.five,
.four,
.six {
border-top: 2px solid var(--bioderma);
position: relative;
text-indent: 1em;
width: 20vw;
}
.borderLeft {
border-left: 2px solid var(--bioderma);
position: absolute;
top: 0;
bottom: 0;
height: 33%;
}
.borderRight {
border-right: 2px solid var(--bioderma);
position: absolute;
top: 0;
right: 0;
height: 33%;
}
.five .borderLeft {
opacity: 0;
}
.lion {
color: var(--bioderma);
font-weight: bold;
margin-left: 1em;
}
.bigimage {
display: block;
}
.smallimage {
display: none !important;
}
@media screen and (max-width: 700px) {
.grico {
width: 100%;
}
.gridz {
padding: 10px;
grid-template-areas:
"on tw "
"fr tw "
"fv tw "
"sx tw ";
width: 100%;
}
.five::before {
left: -0.1rem;
right: none;
}
.five {
text-align: left;
}
.five .borderLeft {
opacity: 1;
}
.five .borderRight {
display: none;
}
.one,
.five,
.four,
.six {
width: 55vw;
}
.two {
width: 70vw;
}
}
@media screen and (max-width: 490px) {
.bigimage {
display: none !important;
}
.smallimage {
display: block !important;
}
}
/* Video Styling */
.videoz {
position: relative;
padding-bottom: 56.25%;
/* 16:9 */
height: 0;
margin-bottom: 10px;
}
.videoz iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/* Free From Info */
.freefrom {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
border: solid #ffffff 2px;
border-radius: 25px;
box-shadow: #10d61b8f 0px 0px 4px 4px;
padding: 1%;
align-content: space-around;
margin: 2%;
width: 95%;
}
.feat {
text-align: center;
margin: 1%;
width: 10%;
}
.feat:hover {
transform: scale(1.1);
}
.feat {
transition: all 0.5s ease-in-out;
}
.feat img {
display: block;
width: 100%;
margin-bottom: 10%;
}
.featext {
display: block;
font-weight: 600;
overflow-wrap: normal;
color: #006b80 !important;
}
@media (max-width: 767px) {
.feat {
width: 29%;
}
}
/* Product Benefits Styling */
.ProductBenefits {
display: flex;
flex-wrap: wrap;
align-content: space-around;
}
.ProductBenefitsBelow {
text-align: center;
margin: 1%;
width: 48%;
}
@media screen and (max-width: 700px) {
.ProductBenefits>div {
width: 100%;
}
#ProductBenefitsText {
line-height: normal;
}
}
/* Tabel Styling */
.sup {
background-color: #5fda63;
border-color: #5fda63;
border-style: solid;
border-radius: 30px;
/* box-shadow: #11a719 0px 0px 4px 4px; */
color: #006b80 !important;
margin: 2%;
}
.sup table {
vertical-align: middle;
border-radius: 30px;
overflow: hidden;
table-layout: fixed;
background-color: white;
border-collapse: collapse;
box-shadow: none;
}
.captionz {
align-items: flex-end;
padding: 2%;
font-weight: 600;
color: white;
}
.nu1 {
margin-left: 2%;
font-size: 3vw;
white-space: nowrap;
}
.nu2 {
margin-right: 2%;
white-space: nowrap;
float: right;
margin-top: -1%;
font-weight: 900;
font-size: 1.2em !important;
}
.conc {
text-align: left;
text-indent: 0.5em;
}
.sup th {
font-weight: bold;
padding: 2%;
text-align: center;
border-bottom: 6px solid #5fda63;
}
.sup th p {
font-weight: 600;
color: #006b80 !important;
}
.sup tr:first-child th {
border-bottom: 1px solid #5fda63;
}
.sup td {
border-left: none;
border-right: none;
overflow-wrap: normal;
}
.sup td {
padding: 2%;
text-align: center;
vertical-align: middle;
border-bottom: 2px solid #5fda63;
}
.sup tr:last-child td {
border-bottom: none;
}
@media screen and (max-width: 699px) {
.sup {
width: 95%;
}
.nu1 {
font-size: 6vw;
text-align: center;
margin-left: 0%;
}
.nu2 {
float: none;
text-align: center;
font-size: 3.5vw !important;
margin-bottom: 0%;
margin-top: 0%;
}
.sup table {
width: 96%;
margin: 0 auto 10px auto;
}
.sup th {
border-bottom: 4px solid #5fda63;
font-size: 3.5vw;
white-space: nowrap;
}
.sup tr:first-child th p {
font-size: 3vw;
}
.sup th p {
font-weight: 900;
}
.sup table td {
font-size: 3.7vw;
overflow-wrap: normal;
font-weight: 600;
}
.sup table td p {
font-weight: 450;
}
.sup td:nth-child(1) {
text-align: left;
}
.sup th:nth-child(1) {
text-align: left;
}
}
@media screen and (min-width: 700px) {
.sup {
width: 70%;
margin: 0 auto;
}
.sup table {
width: 99%;
margin: 0px 2px 2px 2px;
}
}
Product Details:
Product Description: Source Naturals Non-Fish Omega-3 for the Brain. Docosahexaenoic acid (DHA) is an omega-3 fatty acid and functions as an important component of brain tissue. DHA plays a significant role in cerebral brain development and retina function in the eye. DHA supplementation is especially important during fetal development and infancy. Pregnant mothers transfer DHA directly to the fetus to support rapid brain and retina development. During infancy, DHA is also supplied via mother's breast milk for continued cerebral development. Some people have lower concentrations of DHA due to low-fat or vegetarian diets. Please contact our in-house customer support if you have any questions.
• BENEFIT FROM DHA. Docosahexaenoic acid (DHA) is an omega-3 fatty acid and functions as an important component of brain tissue. DHA plays a significant role in cerebral brain development and retina function in the eye.
Product Details: