:root {
--wd-text-font: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
--wd-text-font-weight: 300;
--wd-text-color: rgb(255,255,255);
--wd-text-font-size: 14px;
--wd-title-font: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
--wd-title-font-weight: 600;
--wd-title-color: rgb(255,255,255);
--wd-entities-title-font: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
--wd-entities-title-font-weight: 500;
--wd-entities-title-color: rgb(255,255,255);
--wd-entities-title-color-hover: rgb(255, 255, 255);
--wd-alternative-font: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
--wd-widget-title-font: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
--wd-widget-title-font-weight: 600;
--wd-widget-title-transform: uppercase;
--wd-widget-title-color: rgb(255,255,255);
--wd-widget-title-font-size: 16px;
--wd-header-el-font: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
--wd-header-el-font-weight: 700;
--wd-header-el-transform: uppercase;
--wd-header-el-font-size: 13px;
--wd-otl-style: dotted;
--wd-otl-width: 2px;
--wd-primary-color: rgb(59,163,255);
--wd-alternative-color: rgb(24,245,142);
--btn-default-bgcolor: #f7f7f7;
--btn-default-bgcolor-hover: #efefef;
--btn-accented-bgcolor: #83b735;
--btn-accented-bgcolor-hover: #74a32f;
--wd-form-brd-width: 1px;
--notices-success-bg: #459647;
--notices-success-color: #fff;
--notices-warning-bg: rgba(18,18,18,0);
--notices-warning-color: #fff;
--wd-link-color: rgb(59,163,255);
--wd-link-color-hover: rgb(22,146,255);
}
.wd-age-verify-wrap {
--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
background-color: #111111;
background-image: none;
background-repeat: no-repeat;
background-size: contain;
background-position: left center;
}
.wd-promo-popup-wrap {
--wd-popup-width: 800px;
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
max-height: 223px;
}
.wd-page-title .wd-page-title-bg img {
object-fit: cover;
object-position: center center;
}
.wd-footer {
background-color: rgb(18,18,18);
background-image: none;
}
:is(.page, .search-no-results, .error404) :is(.wd-page-content, .whb-header) {
background-color: rgb(18,18,18);
background-image: none;
}
.woodmart-archive-shop:not(.single-product) :is(.wd-page-content, .whb-header) {
background-color: rgb(18,18,18);
background-image: none;
}
.single-product :is(.wd-page-content, .whb-header) {
background-color: rgb(18,18,18);
background-image: none;
}
.woodmart-archive-blog :is(.wd-page-content, .whb-header) {
background-color: rgb(18,18,18);
background-image: none;
}
.single-post :is(.wd-page-content, .whb-header) {
background-color: rgb(18,18,18);
background-image: none;
}
.woodmart-archive-portfolio :is(.wd-page-content, .whb-header) {
background-color: rgb(18,18,18);
background-image: none;
}
.single-portfolio :is(.wd-page-content, .whb-header) {
background-color: rgb(18,18,18);
background-image: none;
}
.wd .product-label.onsale {
background-color: rgb(205,41,47);
}
.mfp-wrap.wd-popup-quick-view-wrap {
--wd-popup-width: 920px;
}
:root{
--wd-container-w: 1230px;
--wd-form-brd-radius: 35px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 35px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-accented-brd-radius: 35px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
--wd-brd-radius: 0px;
}
/* Font-face Begins */
@font-face {
font-family: 'LahzeVF';
font-display: swap;
src: url('/wp-content/uploads/assets/fonts/Lahzeh-VF.woff2') format('woff2-variations');
src: url('/wp-content/uploads/assets/fonts/YLahzeh-VF.woff2') format('woff2') tech('variations');
font-weight: 300 700;}
@font-face {
font-family: "Roboto";
src: local("Roboto");
ascent-override: 100%;
descent-override: 55%;
line-gap-override: 0%;}
@font-face {
font-family: "Segoe UI";
src: local("Segoe UI");
ascent-override: 100%;
descent-override: 25%;
line-gap-override: 0%;}
@font-face {
font-family: "-apple-system";
src: local("-apple-system");}
@font-face {
font-family: "BlinkMacSystemFont";
src: local("BlinkMacSystemFont");
ascent-override: 95%;
descent-override: 24%;
line-gap-override: 0%;}
@font-face {
font-family: "MiSans";
src: local("MiSans");}
@font-face {
font-family: "Vazir";
src: local("Vazir");}
@font-face {
font-family: "Arial";
src: local("Arial");}
@font-face {
font-family: "SamsungOne";
src: local("SamsungOne");}
/* Font-face Ends */
/* Root Begins */
:root {
/** Variable Font Begins **/
--wd-font-base: "LahzeVF", Segoe UI, -apple-system, BlinkMacSystemFont, SamsungOne, MiSans, Roboto, Vazir, Arial, sans-serif;
--wd-text-font: var(--wd-font-base);
--wd-title-font: var(--wd-font-base);
--wd-entities-title-font: var(--wd-font-base);
--wd-widget-title-font: var(--wd-font-base);
--wd-header-el-font: var(--wd-font-base);
/** Variable Font Ends **/
/* variable color Begins */
--oxy-c-blue1: rgb(59, 163, 255);
--oxy-c-blue2: rgba(59, 163, 255, 0.2);
--oxy-c-blue3: rgba(14, 24, 45, 0.3);
--oxy-c-blue4:rgb(7, 10, 17);
--oxy-c-green1: rgb(24, 245, 142);
--oxy-c-green2: rgb(17, 37, 27);
--oxy-c-green3: rgba(24, 245, 142, 0.2);
--oxy-c-green4: rgba(17, 37, 27, 0.3);
--oxy-c-dark: rgb(18, 18, 18);
--oxy-c-dark2: rgba(18, 18, 18, 0.8);
--oxy-c-dark3: rgba(31, 31, 31, 0.5);
--oxy-c-dark4: rgb(31, 31, 31);
--oxy-c-gray1: rgb(166, 166, 166);
--oxy-c-gray2: rgb(128, 128, 128);
--oxy-c-white: rgb(255, 255, 255);
--oxy-c-red1: rgba(255, 0, 0, 0.06);
/* variable color Ends */
/** Variable Border Radius Begins **/
--oxy-br24: 24px;
/** Varialbe Border Radius Ends **/
/** Variable Font Size Begins **/
--oxy-fs10: 10px;
--oxy-fs12: 12px;
--oxy-fs12-res: 12px; /*/* d12 t m10 */
--oxy-fs14: 14px;
--oxy-fs14-res: 14px; /*/* d14 t m12 */
--oxy-fs16-res: 16px; /*/* d16 t m14 */
--oxy-fs16-res2: 16px; /*/* d16 t m12 */
--oxy-fs18-res: 18px; /*/* d18 t m14 */
--oxy-fs20-res: 20px; /*/* d20 t m18 */
--oxy-fs20-res2: 20px; /*/* d20 t m12 */
--oxy-fs20-res3: 20px; /*/* d20 t m16 */
--oxy-fs24-res: 24px; /*/* d24 t m14 */
--oxy-fs24-res2: 24px; /*/* d24 t m22 */
--oxy-fs30-res: 30px; /*/* d30 t m22 */
--oxy-fs40-res: 40px; /*/* d40 t m26 */
--oxy-fs80-res: 80px; /*/* d80 t m40 */
/** Variable Font Size Ends **/
/** Variable Font Weight Begins **/
--oxy-fw2: 200;
--oxy-fw3: 300;
--oxy-fw4: 400;
--oxy-fw5: 500;
--oxy-fw6: 650;
--oxy-fw7: 750;
/** Variable Font Weight Ends **/
/** Margin and Padding Utilities Begins **/
--oxy-mar-t16-res:16px; /*/* d16 t- m12 */
--oxy-mar-t28:28px;
--oxy-mar-t24-res:24px; /*/* d24 t- m16 */
--oxy-mar-t32-res:32px; /*/* d32 t- m16 */
--oxy-mar-t40-res:40px; /*/* d40 t- m24 */
--oxy-mar-t48:48px;
--oxy-mar-t48-res:48px; /*/* d48 t- m32 */
--oxy-mar-t56-res:56px; /*/* d56 t- m32 */
--oxy-mar-t64-res:64px; /*/* d64 t- m48 */
--oxy-mar-t80-res:80px; /*/* d80 t- m48 */
--oxy-mar-t80-res2:80px; /*/* d80 t- m56 */
--oxy-mar-t88-res:88px; /*/* d88 t- m64 */
--oxy-mar-t88-res2:88px; /*/* d88 t- m32 */
--oxy-mar-t120-res:120px; /*/* d120 t- m64 */
--oxy-mar-t120-res2:120px; /*/* d120 t- m88 */
--oxy-mar-t160-res:160px; /*/* d160 t- m88 */
--oxy-mar-t160-res2:160px; /*/* d160 t- m120 */
/** Margin and Padding Utilities Ends **/
/** border radiuse Utilities Begins **/
--oxy-br24: 24px;
--oxy-br32: 32px;
--oxy-br12-res: 12px; /*/* d12 t- m6 */
--oxy-br18-res: 18px; /*/* d18 t- m12 */
--oxy-br24-res: 24px; /*/* d24 t- m17 */
--oxy-br40-res: 40px; /*/* d40 t- m24 */
--oxy-br44-res: 44px; /*/* d44 t- m32 */
/** border radiuse Utilities Ends **/
/** Variable Transition Begins **/
--oxy-tr: .3s ease;
/** Variable Transition Ends **/
/** Variable Line height Begins **/
--wd-text-line-height: 2;
/** Variable Line height Eegins **/
/* Variable Assets utility Begins */
--nav-indicator-url: url("https://hooshesepid.com/wp-content/uploads/2025/10/icon-selected-menu.svg");
/* Variable Assets utility Ends */
}
/* Root Ends */
/* Utilities Begins*/
/** Font Size Utilities Begins **/
.oxy-fs10 {font-size: var(--oxy-fs10)}
.oxy-fs12 {font-size: var(--oxy-fs12)}
.oxy-fs12-res {font-size: var(--oxy-fs12-res)} /*/* d12 t m10 */
.oxy-fs14 {font-size: var(--oxy-fs14)}
.oxy-fs14-res {font-size: var(--oxy-fs14-res)} /*/* d14 t m12 */
.oxy-fs16-res {font-size: var(--oxy-fs16-res)} /*/* d16 t m14 */
.oxy-fs16-res2 {font-size: var(--oxy-fs16-res2)} /*/* d16 t m12 */
.oxy-fs20-res {font-size: var(--oxy-fs20-res)} /*/* d20 t m18 */
.oxy-fs20-res2 {font-size: var(--oxy-fs20-res2)} /*/* d20 t m12 */
.oxy-fs20-res3 {font-size: var(--oxy-fs20-res3)} /*/* d20 t m16 */
.oxy-fs24-res {font-size: var(--oxy-fs24-res)} /*/* d24 t m14 */
.oxy-fs24-res2 {font-size: var(--oxy-fs24-res2)} /*/* d24 t m22 */
.oxy-fs30-res {font-size: var(--oxy-fs30-res)} /*/* d30 t m22 */
.oxy-fs40-res {font-size: var(--oxy-fs40-res)} /*/* d40 t m26 */
.oxy-fs80-res {font-size: var(--oxy-fs80-res)} /*/* d80 t m40 */
/** Font Size Utilities Ends **/
/** Font Utilities Weight Begins **/
.oxy-fw2 {font-weight: var(--oxy-fw2);}
.oxy-fw3 {font-weight: var(--oxy-fw3);}
.oxy-fw4 {font-weight: var(--oxy-fw4);}
.oxy-fw5 {font-weight: var(--oxy-fw5);}
.oxy-fw6 {font-weight: var(--oxy-fw6);}
.oxy-fw7 {font-weight: var(--oxy-fw7);}
/** Font Utilities Weight Ends **/
/** Line Height Utilities Weight Begins **/
.oxy-lh70-res {line-height: 70px;} /*/* d70 t m48 */
.oxy-lh58-res {line-height: 58px;} /*/* d58 t m44 */
.oxy-lh38-res {line-height: 38px;} /*/* d38 t m36 */
/** Line Height Utilities Weight Ends **/
/** Text Utilities Weight Begins **/
.oxy-ta-c {text-align:center ;}
.oxy-ta-e {text-align:end;} /* de mc */
.oxy-ta-s {text-align:start;} /* ds mc */
/** Text Height Utilities Weight Ends **/
/** Color Utilities Begins **/
.oxy-c-blue1 {color: var(--oxy-c-blue1);}
.oxy-c-blue2 {color: var(--oxy-c-blue2);}
.oxy-c-blue3 {color: var(--oxy-c-blue3);}
.oxy-c-green1 {color: var(--oxy-c-green1);}
.oxy-c-green2 {color: var(--oxy-c-green2);}
.oxy-c-green3 {color: var(--oxy-c-green3);}
.oxy-c-green4 {color: var(--oxy-c-green4);}
.oxy-c-dark {color: var(--oxy-c-dark);}
.oxy-c-dark2 {color: var(--oxy-c-dark2);}
.oxy-c-dark3 {color: var(--oxy-c-dark3);}
.oxy-c-dark4 {color: var(--oxy-c-dark4);}
.oxy-c-gray1 {color: var(--oxy-c-gray1);}margin-top
.oxy-c-gray2 {color: var(--oxy-c-gray2);}
.oxy-c-white {color: var(--oxy-c-white);}
.oxy-c-red1 {color: var(--oxy-c-red1);}
/** Color Utilities Ends **/
/** Gradiant Text Begins **/
.oxy-gr-text1, .comment-author.vcard { background: linear-gradient(90deg, var(--oxy-c-green1), var(--oxy-c-blue1)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; color: transparent; display: inline-block;}
.oxy-gr-text2,.teacher-name, .toggle-toc > span,.oxy-course-page_detail .teacher-name {display: inline-block;background: linear-gradient( to right, var(--oxy-c-gray2, #a0a0a0) 35%, var(--oxy-c-white, #ffffff) 100% );-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;color: transparent;}
/** Gradiant Text Ends **/
/** Background color Begins **/
.oxy-bg-gr1 {background: linear-gradient(to right, rgba(19, 42, 32, 0.3),rgba(17, 30, 41, 0.3));}
.oxy-bg-green4 {background-color:var(--oxy-c-green4);}
.oxy-bg-blue3 {background-color: var(--oxy-c-blue3);}
.oxy-bg-red1 {background-color: var(--oxy-c-red1);}
.oxy-bg-dark2 {background-color: var(--oxy-c-dark2);}
.oxy-bg-dark3 {background-color: var(--oxy-c-dark3);}
.oxy-bg-dark4 {background-color: var(--oxy-c-dark4);}
.oxy-bg-bg {width: 250px;height: 250px;background: linear-gradient(to right, var(--oxy-c-blue1), var(--oxy-c-green1));z-index: 0;border-radius: 50%;filter: blur(200px);position: absolute; opacity: 0.7;}
/** Background color Ends **/
/** border Color Utilities Begins **/
:is(.oxy-br-gr1,.oxy-home_about,div.oxy-course_cart .product-wrapper){position:relative; &::before{content:"";position:absolute;inset:0;padding:1px;border-radius:inherit;background:linear-gradient(to right,var(--oxy-c-green1),var(--oxy-c-blue1));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:1;opacity:.2}}
.oxy-br-gr2, .wd-page-nav-btn, div.oxy-product-cart.oxy-product-cart .product-wrapper {position:relative; &::before{content:"";position:absolute;inset:0;padding:1px;border-radius:inherit;background:linear-gradient(to left,#ffffff,var(--oxy-c-gray2));-webkit-mask:linear-gradient(#ffffff 0 0) content-box,linear-gradient(var(--oxy-c-dark4) 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:1;opacity:.2}}
.oxy-br-gr3,.blog-post__related-post div.wd-post-cat{border-radius:24px;padding:6px 16px;border:1px solid rgba(59,163,255,.2);background-color:rgba(59,163,255,.2);filter:blur(18);color:#fff;font-size:var(--oxy-fs10);font-weight:var(--oxy-fw4);display:flex;margin:auto;width:fit-content;position:relative;z-index:1}
.oxy-br-green3{border-color:var(--oxy-c-green3);border-width:1px;border-style:solid}
.oxy-br-green2{border-color:var(--oxy-c-green2);border-width:1px;border-style:solid}
.oxy-br-blue3{border-color:var(--oxy-c-blue2);border-width:1px;border-style:solid}
.oxy-br-red1{border-color:var(--oxy-c-red1);border-width:1px;border-style:solid}
/** border Utilities Ends **/
/** Margin and Padding Utilities Begins **/
.oxy-pa24-res {padding: 24px;} /*/* d24 t- m16 */
.oxy-mar-t16-res {margin-top: var(--oxy-mar-t16-res);} /* d16 t- m12 */
.oxy-mar-t24-res {margin-top: var(--oxy-mar-t24-res);} /* d24 t- m16 */
.oxy-mar-t32-res.oxy-mar-t32-res.oxy-mar-t32-res {margin-top: var(--oxy-mar-t32-res);} /* d32 t- m16 */
.oxy-mar-t40-res {margin-top: var(--oxy-mar-t40-res);} /* d40 t- m24 */
.oxy-mar-t48.oxy-mar-t48.oxy-mar-t48 {margin-top: var(--oxy-mar-t48);}
.oxy-mar-t48-res.oxy-mar-t48-res.oxy-mar-t48-res {margin-top: var(--oxy-mar-t48-res);} /* d48 t- m32 */
.oxy-mar-t56-res {margin-top: var(--oxy-mar-t56-res);} /* d56 t- m32 */
.oxy-mar-t64-res.oxy-mar-t64-res.oxy-mar-t64-res {margin-top: var(--oxy-mar-t64-res);} /* d64 t- m48 */
.oxy-mar-t80-res.oxy-mar-t80-res.oxy-mar-t80-res {margin-top: var(--oxy-mar-t80-res);} /* d80 t- m48 */
.oxy-mar-t80-res2 {margin-top: var(--oxy-mar-t80-res2);} /* d80 t- m56 */
.oxy-mar-t88-res.oxy-mar-t88-res.oxy-mar-t88-res {margin-top: var(--oxy-mar-t88-res);} /* d88 t- m64 */
.oxy-mar-t88-res2.oxy-mar-t88-res2.oxy-mar-t88-res2 {margin-top: var(--oxy-mar-t88-res2);} /* d88 t- m32 */
.oxy-mar-t120-res.oxy-mar-t120-res.oxy-mar-t120-res {margin-top: var(--oxy-mar-t120-res);} /* d120 t- m64 */
.oxy-mar-t120-res2.oxy-mar-t120-res2.oxy-mar-t120-res2 {margin-top: var(--oxy-mar-t120-res2);} /* d120 t- m88 */
.oxy-mar-t160-res.oxy-mar-t160-res.oxy-mar-t160-res {margin-top: var(--oxy-mar-t160-res);} /* d160 t- m88 */
.oxy-mar-t160-res2.oxy-mar-t160-res2.oxy-mar-t160-res2 {margin-top: var(--oxy-mar-t160-res2);} /* d160 t- m120 */
:is(.wd-entry-content,.entry-content,.is-layout-flow,.is-layout-constrained,.is-layout-constrained>.wp-block-group__inner-container)> .oxy-mar-bl0{margin-block-end: 0;}
/** Margin and Padding Utilities Ends **/
/** border radiuse Utilities Begins **/
.oxy-br18-res {border-radius: var(--oxy-br18-res)} /* d18 t- m12 */
.oxy-br24 {border-radius: var(--oxy-br24);}
.oxy-br32 {border-radius: var(--oxy-br32);}
.oxy-br24-res {border-radius: var(--oxy-br24-res);} /* d24 t- m17 */
.oxy-br40-res {border-radius: var(--oxy-br40-res); overflow: hidden;} /* d40 t- m24 */
.oxy-br44-res {border-radius: var(--oxy-br44-res);} /* d44 t- m32 */
/** border radiuse Utilities Ends **/
/** Button Utilities Begins **/
a[class*="oxy-btn"] {z-index: 2; position: relative; font-size: var(--oxy-fs14); font-weight: var(--oxy-fw5); display: inline-flex; align-items: center; border-radius: 28px; padding: 0 16px 0 76px; /* m0 12 0 60 */text-wrap: nowrap; text-decoration: none; min-height: 48px; /* d48 m40 */ border: 1px solid transparent; overflow: hidden; span:first-child { position: relative; z-index: 1; } span:last-child { position: absolute; inset: -1px; border-radius: inherit; opacity: 0; transition: opacity var(--oxy-tr); pointer-events: none; background: linear-gradient(270deg, var(--oxy-c-blue1) 0%, var(--oxy-c-green1) 100%); } &:hover span:last-child { opacity: 1; } &::before { position: absolute; content: ""; width: 40px; /* d40 m32 */ height: 40px; /* d40 m32 */ left: 4px; top: 50%; border-radius: 50%; background-color: var(--btn-arrow-circle-bg); transform: translateY(-50%) rotate(45deg); transition: transform var(--oxy-tr); z-index: 2; } &::after { position: absolute; content: ""; width: 24px; /* d24 m19 */ height: 24px; /* d24 m19 */ left: 12px; /* d12 m10 */ top: 50%; transform: translateY(-50%) rotate(-90deg); background-color: var(--btn-arrow-color); mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M7 17L17 7M17 7H9M17 7V15' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat; transition: transform var(--oxy-tr); z-index: 2; } &:hover::before { transform: translateY(-50%) rotate(-135deg); } &:hover::after { transform: translateY(-50%) rotate(-135deg); }}
a.oxy-btn-green1 { color: var(--oxy-c-dark); background: var(--oxy-c-green1); --btn-arrow-circle-bg: var(--oxy-c-dark); --btn-arrow-color: var(--oxy-c-green1); border: 0px; }
a.oxy-btn-blue1 { color: var(--oxy-c-dark); background: var(--oxy-c-blue1); --btn-arrow-circle-bg: var(--oxy-c-dark); --btn-arrow-color: var(--oxy-c-blue1); &:hover { --btn-arrow-color: var(--oxy-c-green1); } border: 0px; }
a.oxy-btn-strok1 { color: var(--oxy-c-blue1); background: linear-gradient(var(--oxy-c-dark), var(--oxy-c-dark)) padding-box, linear-gradient(270deg, #0088FF 0%, #0088FF 100%) border-box; border: 1px solid transparent; --btn-arrow-circle-bg: var(--oxy-c-blue1); --btn-arrow-color: var(--oxy-c-dark); & span:last-child { display: none; } &:hover { background: linear-gradient(var(--oxy-c-dark), var(--oxy-c-dark)) padding-box, linear-gradient(270deg, #0088FF 0%, #18F58E 100%) border-box; & span:first-child { background: linear-gradient(270deg, #0088FF 0%, #18F58E 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } &::before { background-color: transparent; background-image: linear-gradient(270deg, #0088FF 0%, #18F58E 100%); } } }
a.oxy-btn-gr1 { color: transparent; background: linear-gradient(var(--oxy-c-dark), var(--oxy-c-dark)) padding-box, linear-gradient(270deg, #0088FF 0%, #18F58E 100%) border-box; border: 1px solid transparent; --btn-arrow-circle-bg: var(--oxy-c-dark); --btn-arrow-color: var(--oxy-c-dark); span:first-child { background: linear-gradient(270deg, #0088FF 0%, #18F58E 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; transition: -webkit-text-fill-color var(--oxy-tr); } span:last-child { position: absolute; inset: -1px; border-radius: inherit; opacity: 0; transition: opacity var(--oxy-tr); pointer-events: none; background: linear-gradient(270deg, #0088FF 0%, #18F58E 100%); } &::before { background-color: transparent; background-image: linear-gradient(270deg, #0088FF 0%, #18F58E 100%); z-index: 2; transition: none; } &::after { background-color: var(--oxy-c-dark); } &:hover { span:last-child { opacity: 1; } span:first-child { background: none; -webkit-background-clip: unset; -webkit-text-fill-color: var(--oxy-c-dark); } &::before { background-image: none; background-color: var(--oxy-c-dark); transition: none; } &::after { background-color: var(--oxy-c-green1); } } }
a.oxy-btn-gr2 { color: var(--oxy-c-dark); background: linear-gradient(270deg, #0088FF 0%, #18F58E 100%) padding-box, linear-gradient(270deg, #0088FF 0%, #18F58E 100%) border-box; border: 1px solid transparent; --btn-arrow-circle-bg: var(--oxy-c-dark); --btn-arrow-color: var(--oxy-c-dark); &::before { background-color: var(--oxy-c-dark); background-image: none; z-index: 2; } &::after { background-image: linear-gradient(270deg, #0088FF 0%, #18F58E 100%); background-color: transparent; } span:last-child { position: absolute; inset: -1px; border-radius: inherit; opacity: 0; transition: opacity var(--oxy-tr); pointer-events: none; background: linear-gradient(var(--oxy-c-dark), var(--oxy-c-dark)); } &:hover { span:last-child { opacity: 1; } span:first-child { background: linear-gradient(270deg, #0088FF 0%, #18F58E 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } &::before { background-color: transparent; background-image: linear-gradient(270deg, #0088FF 0%, #18F58E 100%); } &::after { background-image: none; background-color: var(--oxy-c-dark); } } }
/** Button Utilities Ends **/
/** Gap Utilities Begins **/
.oxy-gap8 {gap: 8px;}
.oxy-gap16 {gap: 16px;}
.oxy-gap16-res {gap: 16px;} /*/* d16 t- m8 */
.oxy-gap16-res2 {gap: 16px;} /*/* d16 t- m12 */
.oxy-gap24-res {gap: 24px;} /*/* d24 t- m12 */
.oxy-gap40-res {gap: 40px;} /*/* d40 t- m24 */
/** Gap Utilities Ends **/
/** Flex Utilities Begins **/
.oxy-dflex {display: flex;}
.oxy-inline-flex {display: inline-flex;}
.oxy-fx-col {flex-direction: column;}
.oxy-fx-row {flex-direction: row;}
.oxy-fx-col-rev {flex-direction: column-reverse;}
.oxy-fx-row-rev {flex-direction: row-reverse;}
.oxy-fx-nowrap {flex-wrap: nowrap;}
.oxy-fx-wrap {flex-wrap: wrap;}
.oxy-align-c-center {align-content: center;}
.oxy-align-c-end {align-content: end;}
.oxy-align-c-start {align-content: start;}
.oxy-align-c-around {align-content: space-around;}
.oxy-align-c-between {align-content: space-between;}
.oxy-align-c-stretch {align-content: stretch;}
.oxy-justify-c-end {justify-content: end;}
.oxy-justify-c-start {justify-content: start;}
.oxy-justify-c-center {justify-content: center;}
.oxy-justify-c-between {justify-content: space-between;}
.oxy-justify-c-around {justify-content: space-around;}
.oxy-justify-c-evenly {justify-content: space-evenly;}
.oxy-items-center {align-items: center;}
.oxy-items-start {align-items: flex-start;}
.oxy-items-end {align-items: flex-end;}
.oxy-items-stretch {align-items: stretch;}
.oxy-items-baseline {align-items: baseline;}
.oxy-self-auto {align-self: auto;}
.oxy-self-start {align-self: flex-start;}
.oxy-self-end {align-self: flex-end;}
.oxy-self-center {align-self: center;}
.oxy-self-stretch {align-self: stretch;}
.oxy-self-baseline {align-self: baseline;}
.oxy-fx350 {flex: 1 1 350px;}
/** Flex Utilities Ends **/
/* Assets utility Begins */
.oxy-tag-image{margin-right: 19px; background: no-repeat center / contain var(--nav-indicator-url); width: 6px; height: 20px;}
/* Assets utility Ends */
/* Public CSS Begins */
.yoast-breadcrumbs.oxy-breadcrumbs {
width: 100%;
}
*, *::before, *::after{
transition: color var(--oxy-tr),
background-color var(--oxy-tr),
background var(--oxy-tr),
transform var(--oxy-tr),
opacity var(--oxy-tr);}
html {
scroll-behavior: smooth ;
}
a,
button,
input[type="submit"],
.btn,
.button,
.wd-button,
.elementor-button {
transition: all 0.3s ease-in-out ;
}
.wd-page-wrapper.wd-page-wrapper { background-color: var(--oxy-c-dark);}
div.oxy-carousel.oxy-carousel {
.wd-carousel-wrap {
-webkit-overflow-scrolling: touch;
-webkit-mask-image: unset;
mask-image: unset;
}
.wd-nav-pagin-wrap {margin-top: 56px; display: block;}
.wd-nav-pagin-wrap[class*="wd-style-shape"] li.wd-active span {
opacity: 1;
border-color: var(--oxy-c-blue1);
background-color: var(--oxy-c-blue1);
}
.wd-nav-pagin-wrap[class*="wd-style-shape"] span {
opacity: 0.2;
background-color: rgba(255, 255, 255, 1);
border: 2px solid rgba(255, 255, 255, 1);
}
& .wd-nav-arrows {
display: block;
.wd-btn-arrow {pointer-events: auto; }
.wd-btn-arrow.wd-btn-arrow.wd-btn-arrow.wd-btn-arrow {
z-index: 2;
opacity: 1;
&.wd-prev,
&.wd-prev:hover {
transform: translateX(-50px);
bottom: -70px;
align-self: end;}
&.wd-next,
&.wd-next:hover {
transform: translateX(50px);
bottom: -70px;
align-self: end;}
&:not(.wd-disabled):hover .wd-arrow-inner {
background: var(--oxy-c-dark);
border-color: transparent;
&::before {
opacity: 1;
}
}
}
}
.wd-disabled .wd-arrow-inner {
background: var(--oxy-c-green2);
border-color: rgba(24, 245, 142, 0.2);
border: 1px solid;
color: rgba(24, 245, 142, 0.2);
border-radius: 12px;
&::after {
color: rgba(24, 245, 142, 0.2);
}
}
.wd-arrow-inner {
position: relative;
background: var(--oxy-c-green2);
border-color: rgba(24, 245, 142, 0.2);
border: 1px solid;
border-radius: 12px;
color: rgba(24, 245, 142, 0.2);
transition: background 0.3s ease, border-color 0.3s ease;
&::after {
color: var(--oxy-c-green1);
font-size: 17px;
font-weight: 700;
}
&::before {
content: "";
position: absolute;
inset: -1px;
border-radius: inherit;
padding: 1px;
background: linear-gradient(to right, var(--oxy-c-blue1), var(--oxy-c-green1));
-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude;
pointer-events: none;
opacity: 0;
transition: opacity 0.3s ease;
}
}
}
/* Public CSS Ends */
/* Utilities Ends */
/* Menu Strok Begins */
@media (max-width:1024px) {
.whb-general-header {padding: 16px 0 0 0;}
.whb-general-header-inner { padding: 12px;}
.mobile-nav.wd-opener-item {
& .wd-heading {position:relative;overflow: visible !important;
&::before{
position: absolute;
content: "";
width: 40px;
height: 40px;
right: 16px;
top: 16px;
background-image: url(https://hooshesepid.com/wp-content/uploads/2025/10/logo-hooshesepid.png);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
}
span.wd-action-text { display: none;}
.wd-action-btn.wd-style-text .wd-action-icon {
border: 1px solid var(--oxy-c-gray1);
border-radius: 50%;
padding: 5px;
color: white;
width:21px;
height:21px;
display: flex;
&::before{
color: var(--oxy-c-gray1) !important;
font-size:10px;}
}
background-color: var(--oxy-c-dark); border-radius: 40px 0 0 40px;
& ul { padding: 0 16px;
& li.menu-item {border:solid rgba(166,166,166,0.2);border-width:0 0 1px 0;min-height:50px;
& a{padding:0px}
& .wd-nav-opener{color: var(--oxy-c-gray1); background-color: unset; rotate: 90deg;}
& .wd-nav-opener.wd-active{background-color: unset; rotate: 180deg;}
&.current-menu-item span.nav-link-text {color:var(--oxy-c-blue1);}
& span.nav-link-text {color: var(--oxy-c-gray1); font-size:12px; font-weight:300}}}}
}
.whb-general-header-inner {
background-color: var(--oxy-c-dark1);
backdrop-filter: blur(0px);
isolation: isolate;}
.whb-general-header-inner::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
border-radius: 40px;
padding: 1px;
background: linear-gradient(135deg, #18F58E30, #0088FF30);
-webkit-mask:
linear-gradient(#fff 0 0) content-box,
linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask:
linear-gradient(#fff 0 0) content-box,
linear-gradient(#fff 0 0);
mask-composite: exclude;
z-index: -1;}
.wd-header-mobile-nav span.wd-tools-text {display: none;}
/* Menu Strok Ends */
/* Footer Begins */
footer__contact-box:hover p:not(.oxy-gradient-text-02) {
color: var(--oxy-c-green1);
}
.footer__contact-box p.oxy-gradient-text-02 {
color: transparent !important;
}
.footer-consult,.course-page_teacher-bio {
z-index: 1;
position: relative;
text-align: center;
padding: 28px 24px 72px 24px;
overflow: hidden;
&::after {
content: '';
position: absolute;
width: 6px;
height: 20px;
left: 50%;
transform: translateX(-50%) rotate(180deg);
top: 0;
background: no-repeat center / contain var(--nav-indicator-url);
}
.footer-consult__text {
padding: 24px 0px 56px 0px;
}
.footer-consult__lead {
margin-bottom: 16px;
}
}
.footer-consult .footer-back-image {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
z-index: 0;
pointer-events: none;
}
footer {
.footer-consult__title,
.footer-consult__lead,
.footer-consult__text,
.btn-oxy {
position: relative;
z-index: 1;
max-width: 454px;
margin: auto;
}
}
.footer-social {
position: relative;
display: flex;
flex-direction: column;
height: 296px;
justify-content: center;
align-items: center;
gap: 16px;
img {
max-width: 90px;
}
.social-icon {
gap: 28px;
display: flex;
img {
width: 24px;
align-items: center;
&:hover {
filter: brightness(2) saturate(0) contrast(10);
}
}
}
}
.footer-social::before {
position: absolute;
content: "";
top: -138px;
width: 240px;
height: 240px;
border-radius: 50%;
z-index: 0;
background: radial-gradient(circle at center,
var(--oxy-c-green1) 0%,
var(--oxy-c-blue1) 100%);
filter: blur(200px);
opacity: 0.6;
}
.footer-link-inner {
position: relative;
padding: 15px 24px;
border-right: 1px solid transparent;
border-image: linear-gradient(to bottom, var(--oxy-c-green3), var(--oxy-c-blue2)) 1;
border-image-slice: 1;
.oxy-gradient-text-02 {
padding-bottom: 13px;
}
@media (max-width: 1024px) {
border-right: 0;
border-bottom: 1px solid transparent;
&:last-child {
border-block-end: none;
}
}
}
.footer-link-inner a img{
max-width: 110px;
border: 1px solid var(--oxy-c-blue2);
border-radius: var(--oxy-br24-res);
padding: 5px;
margin-top: 20px;
}
.footer-link {
background: linear-gradient(var(--oxy-c-dark), var(--oxy-c-dark)) padding-box, linear-gradient(to left, var(--oxy-c-blue2), var(--oxy-c-green3)) border-box;
border: solid transparent;
border-width: 1px 0px;
padding: 40px 0px;
& a:hover {
color: var(--oxy-c-green1);
}
@media (max-width:1024px) {
padding: 20px 0px;}
}
.footer__contact-box {color: var(--oxy-c-blue1);
img {transition: 0s;}
&:hover {
img {
filter: hue-rotate(300deg) saturate(1.4) brightness(1.22);
transition: 0s;}
p {color: var(--oxy-c-green1);}
}}
@media (max-width:1024px) {
.footer-link {
flex-direction: column;}
.wp-block-group.oxy-direction-set {
flex-direction: row;
display: flex;
flex-wrap: wrap;}
.footer-link {
display: flex;
flex-wrap: wrap;
gap: 8px 24px;}
.oxy-direction-set p {
display: inline;
position: relative;
margin-left: 12px !important;}
.oxy-direction-set p:not(:last-child)::after {
content: "\00a0•\00a0";
color: var(--oxy-c-blue2);
pointer-events: none;
margin-right: 12px;}
}
/* Footer Ends */
/* Home Page Begins */
/** Course in Home Page Begins **/
.wp-block-columns.oxy-course_cart_header {
& div:last-child p:last-child {margin-bottom: 20px;}
position: relative;
z-index: 1;
}
.wp-block-columns.oxy-course_cart_header::before {
content: "";
position: absolute;
top: -183px;
height: 360px; /*/* d360 m280 */
background-image: url(https://hooshesepid.com/wp-content/uploads/2026/05/Component-1.webp);
background-size: contain;
background-repeat: no-repeat;
z-index: -2;
pointer-events: none;
animation: rotateImg 15s linear infinite;
background-position: center !important;
width: 100%;
left: 0;
}
.wp-block-columns.oxy-course_cart_header::after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(3, 116, 80, 0.2);
backdrop-filter: blur(15px);
-webkit-backdrop-filter: blur(15px);
border: 1px solid rgba(4, 155, 106, 0.4);
border-radius: 40px;
z-index: -1;
pointer-events: none;
}
.wp-block-columns.oxy-course_cart_header {
padding: 40px 40px 237px 40px;
margin-top: 298px; /*/* d298 m228 */
position: relative;
overflow: visible;
z-index: 1;
background-color: transparent ;
margin-bottom: -178px;
}
@keyframes rotateImg {
from { transform: rotate(0deg); }
to { transform: rotate(360deg); }
}
div.oxy-home_course-cart{ margin-top: -217px;}
div.oxy-course_cart.oxy-course_cart {
&.oxy-course_cart-home{
padding-right: 30px; /*/* d30 m0 */
padding-left: 30px; /*/* d30 m0 */
}
& .wd-product-thumb{width: 100%;}
& .product-image-link img{min-height: 131px;object-fit: cover;border-radius: var(--oxy-br12-res); margin-bottom: 12px; aspect-ratio: 16/9;}
& .wd-product-cats {display: none;}
& div.product-teacher {
order: 1;
margin-bottom: 8px; /*/* d8 m6 */
}
& .wd-star-rating {
order: 2;align-self: baseline;
margin-bottom: 9px;
& .star-rating:before { color: var(--oxy-c-blue1);}
& .star-rating span:before {color: var(--oxy-c-blue2);}
}
& .oxy-course-meta {order: 3; font-size: var(--oxy-fs12-res);font-weight: 300; color:var(--oxy-c-gray1); margin-bottom: 49px;}
& .wd-add-btn a.button {
&::before{content: ""; transform: unset;}
&:hover {
ackground-color: var(--oxy-c-green1);
& span {transform: unset;}
}
background-color: var(--oxy-c-green1);
border-radius: 16px;
max-width: 100px;
max-height: 32px;
& span {font-size: 0;
&::before{text-wrap: nowrap; content: "مشاهده دوره"; font-size: var(--oxy-fs12-res); font-weight: 500; color: var(--oxy-c-dark2);}
}
}
& :is(span.price, p.price) {
margin-top: auto;
font-feature-settings: "ss01";
position: relative;
order: 5;
line-height: 2;
font-size: var(--oxy-fs16-res);
color: var(--oxy-c-green1);
display: flex;
justify-content: flex-start;
align-self: end;
margin-left: 39px;
flex-direction: column;
align-items: flex-end;
gap: 0;
& del {
position: relative;
color: var(--oxy-c-gray1);
font-weight: 300;
max-height: 18px;
font-size: var(--oxy-fs12);
text-decoration: none;
position: absolute;
top: -11px;
&::after{
position: absolute;
content: "";
background-color: var(--oxy-c-gray1);
width: 100%;
left: 0;
top: 10px;
font-size: 12px;
height: 0.1px;}
}
&::before{
background: url(https://hooshesepid.com/wp-content/uploads/2026/05/Frame-818.svg);
content: "";
position: absolute;
width: 23px;
height: 20px;
left: -27px;
bottom: 19px;
transform: translateY(50%);}
span.woocommerce-Price-currencySymbol {display: none;}
}
& span.price.is-free-price{
left: 12px;
&::before {display:none;}}
& .wd-add-btn.wd-add-btn-replace {
order: 4;
width: 100%;
background-color: var(--oxy-c-green2);
justify-content: flex-start;
padding: 8px 8px;
border-radius: 0 0 24px 24px; /*/* d0 0 24 24 m0 0 20 2 */
position: absolute;
bottom: 0;
left: 0;
}
& img.teacher-avatar {max-width:24px; border-radius:4px}
& span.teacher-name {font-size: var(--oxy-fs12-res);font-weight:300;color: white;margin-right:8px;}
& h3.wd-entities-title{
text-align: right;
margin-bottom: auto;
color: var(--oxy-c-white);
-webkit-text-fill-color: unset;
& a {font-size: var(--oxy-fs16-res); font-weight: 500; line-height: 2;}
}
.product-wrapper {
& .product-element-bottom {align-items: flex-start; gap: 0px; width: 100%;}
background-color: var(--oxy-c-dark);
gap: 0px;
border-radius: var(--oxy-br24-res);
display: flex;
align-items: flex-start;
padding: 12px;
min-height: 379px; /*/* d379 m344 */
& .wd-buttons.wd-pos-r-t {display: none;}}
}
/** Course in Home Page Ends **/
/* Product Page Begins */
div.oxy-product_comment {
.woocommerce-Reviews #comments {
order: 2 ;
}
#review_form_wrapper {
order: 1 ;
background-color: var(--oxy-c-dark3);
border-radius: var(--oxy-br40-res);
padding: 24px 32px 32px 32px;
}
#reply-title {
display: none;
}
#commentform {
gap: 19px;
#comment {
border-radius: var(--oxy-br40-res);
border: 1px solid var(--oxy-c-blue2);
}
#submit {
width: 100%;
background-color: var(--oxy-c-blue1);
color: var(--oxy-c-dark2);
margin-top: 64px;
}
label {
font-size: 12px;
font-weight: 300;
color: var(--oxy-c-gray1);
margin-bottom: 16px;
}
}
.comment-form-rating {
display: flex;
flex-direction: column;
align-items: flex-start;
}
span.required {
display: none;
}
.wd-reviews-heading {
width: 100%;
}
span.woocommerce-review__dash {
display: none;
}
.commentlist {
img.avatar {
max-width: 56px;
height: 56px;
background-color: white;
}
.meta {
display: flex;
flex-direction: column;
}
}
.woocommerce-review {
&__dash {
display: none;
}
&__published-date {
font-size: 12px;
font-weight: 200;
}
&__author {
background: linear-gradient(90deg, var(--oxy-c-green1), var(--oxy-c-blue1));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
color: transparent;
display: inline-block;
max-width: fit-content;
}
}
span.woocommerce-review__dash {
display: none;
}
strong.woocommerce-review__author {background: linear-gradient(90deg, var(--oxy-c-green1), var(--oxy-c-blue1)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; color: transparent; display: inline-block;}
.comment-text {
display: flex !important;
flex-direction: column !important;
flex-wrap: nowrap;
}
.star-rating {
margin-top: 30px;
}
.description {
right: 0;
color: white;
z-index: 999;
}
li.review {
position: relative;
min-height: fit-content;
&:not(:first-of-type) {
border: solid rgba(166, 166, 166, 0.2);
border-width: 1px 0;
padding-top: 20px;
}
}
}
/* Product Page Ends */
/* Product Archive Page Begins */
.oxy-product-archive-page {
.wd-cat-count.more-products {display: none;}
&.course-archive_hero .wd-carousel-item {
min-width: 170px; /*/* d170 m120 */
min-height: 170px; /*/* d170 m128 */
}
}
.wp-block-wd-off-sidebar {
span.wd-action-text {display: none;}
.wd-heading {
border-bottom: unset;
position: absolute;
left: 20px;
top: 10px;
}
.wd-action-btn .wd-action-icon:before {
color: var(--oxy-c-gray1);
border: 1px solid var(--oxy-c-gray1);
border-radius: 50%;
padding: 4px;
font-size: 10px;
}
}
.wd-off-canvas-btn.oxy-gr-text2 {
display: flex;
}
/** Product Archive Page Side Begins **/
.oxy-course-archive_side {
.wd-switch-widget {
> ul,
> .wd-scroll {
display: none;
}
.wd-switch-wrap {
display: flex;
flex-direction: column;
gap: 10px;
padding: 8px 0;
}
.wd-switch-row {
display: flex;
flex-direction: row-reverse;
justify-content: space-between;
align-items: center;
gap: 10px;
cursor: pointer;
}
.wd-switch-toggle {
position: relative;
width: 40px;
height: 24px;
flex-shrink: 0;
input {
position: absolute;
width: 0;
height: 0;
opacity: 0;
}
}
.wd-switch-slider {
position: absolute;
inset: 0;
background: #1F1F1F;
border: 1px solid rgba(166, 166, 166, 0.2);
border-radius: 12px;
cursor: pointer;
transition: background 0.3s, border-color 0.3s;
&::before {
content: '';
position: absolute;
top: 2px;
left: 2px;
width: 18px;
height: 18px;
background: #888;
border-radius: 50%;
transition: transform 0.3s, background 0.3s;
z-index: 1;
}
}
input:checked + .wd-switch-slider {
background: linear-gradient(270deg, rgba(0, 136, 255, 0.1) 0%, rgba(24, 245, 142, 0.1) 100%);
border: none;
&::after {
content: '';
position: absolute;
inset: 0;
padding: 1px;
border-radius: 12px;
background: linear-gradient(270deg, var(--oxy-c-blue1), var(--oxy-c-green1));
-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude;
pointer-events: none;
}
&::before {
transform: translateX(16px);
background: linear-gradient(135deg, var(--oxy-c-green1), var(--oxy-c-blue1));
}
}
.wd-switch-label {
font-size: 12px;
font-weight: 300;
color: rgba(255, 255, 255, 1);
}
}
}
div.oxy-course-archive_side .oxy-course-archive_side {
.filter-widget {
padding-top: 13px;
padding-bottom: 13px;
margin-bottom: 0;
border-bottom: 1px solid #A6A6A633;
&:last-child {
border-bottom: none;
}
.widget-title {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 0;
font-weight: 300;
font-size: 12px;
line-height: 22px;
text-align: right;
color: #fff;
cursor: pointer;
&::after {
content: url(https://hooshesepid.com/wp-content/uploads/2026/07/Down-2.svg);
display: inline-block;
width: 19px;
height: 18px;
transition: transform 0.3s ease;
transform-origin: center;
display: flex;
justify-content: center;
}
&.is-open::after {
transform: rotate(180deg);
}
}
&:not(#woodmart-woocommerce-layered-nav-8) {
.wd-scroll {
display: none;
margin-top: 10px;
}
}
.wd-scroll {
li a,
.wd-filter-lable,
.wd-swatch-text {
font-weight: 300;
font-size: 12px;
line-height: 22px;
background: linear-gradient(to right, #ffffff, #ffffff);
background-clip: text;
-webkit-background-clip: text;
color: transparent;
-webkit-text-fill-color: transparent;
transition: all 0.3s ease;
}
li a:hover .wd-filter-lable,
li a:hover .wd-swatch-text,
li.wd-active a .wd-filter-lable,
li.wd-active a .wd-swatch-text {
background: linear-gradient(to right, var(--oxy-c-blue1), #18F58E);
background-clip: text;
-webkit-background-clip: text;
color: transparent;
-webkit-text-fill-color: transparent;}
.wd-swatch::after{display: none; opacity: 0;}
li a:hover,
li.wd-active a {
background: linear-gradient(to right, var(--oxy-c-blue1), #18F58E);
background-clip: text;
-webkit-background-clip: text;
color: black;
-webkit-text-fill-color: black;
}
li > a::before {
content: "";
display: inline-flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
width: 18px;
height: 18px;
margin-inline-end: 8px;
vertical-align: middle;
font-size: 0;
line-height: 1;
color: transparent;
border: none;
border-radius: 4px;
background:
linear-gradient(rgba(31, 31, 31, 1), rgba(31, 31, 31, 1)) padding-box,
linear-gradient(rgba(166, 166, 166, 0.2), rgba(166, 166, 166, 0.2)) border-box;
border: 1px solid transparent;
transition: background 0.2s ease;
}
li > a:hover::before {
content: "";
font-size: 0;
color: transparent;
background:
linear-gradient(rgba(31, 31, 31, 1), rgba(31, 31, 31, 1)) padding-box,
linear-gradient(90deg, var(--oxy-c-blue1), var(--oxy-c-green1)) border-box;
}
li.wd-active > a::before,
li.wd-active > a:hover::before {
content: "\f107";
font-family: "woodmart-font";
font-size: 12px;
line-height: 1;
color: rgba(31, 31, 31, 1);
background:
linear-gradient(90deg, var(--oxy-c-blue1), var(--oxy-c-green1)) border-box;
}
}
.wd-swatch {
width: auto;
height: auto;
background: transparent;
border: none;
}
}
#woodmart-woocommerce-layered-nav-13 .widget-title {
display: none;
}
}
/** Product Archive Page Side Ends **/
.spr-product-archive_top-bar {
& .woocommerce-result-count {display: none;}
& .wp-block-wd-container p{
position: relative;
padding-left: 16px;
margin-right: 32px;
&::before{
background: url(https://hooshesepid.com/wp-content/uploads/2026/07/Swap-1.svg) no-repeat center / contain;
width: 16px;
height: 16px;
content: "";
position: absolute;
top: 50%;
transform: translateY(-50%);
right: -21px;
}
}
& .srp-custom-sorting-buttons {
display: flex;
align-items: center;
gap:5px;
& .sort-label {
position: relative;
padding: 8px 16px;
cursor: pointer;
font-weight: var(--oxy-fw3);
font-size: var(--oxy-fs12);
color: var(--oxy-c-gray1);
opacity: 0.8;
font-feature-settings: 'ss02' on;
transition: all var(--oxy-tr);
border: 1px solid transparent;
border-radius: 20px;
white-space: nowrap;
&:hover,
&.active {
background-color: var(--oxy-c-green2);
border: 1px solid var(--oxy-c-green3);
color: var(--oxy-c-green1);
opacity: 1;
}
}
}
}
@media (max-width: 768.98px) {
.woocommerce-ordering.wd-ordering-mb-icon{
&::after {
background: linear-gradient(to right, var(--oxy-c-blue1), #18F58E);
-webkit-background-clip: text;
background-clip: text;
color: transparent;
-webkit-text-fill-color: transparent;
opacity: 0.7;}
&::before{
content: "مرتب سازی";
text-wrap: nowrap;
background: linear-gradient(to right, var(--oxy-c-gray2, #a0a0a0) 35%, var(--oxy-c-white, #ffffff) 100%);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
color: transparent;
}
display: flex;
text-wrap: nowrap;
flex-direction: row-reverse;
margin-right: 24px;
gap: 7px;}
.woocommerce-ordering.wd-ordering-mb-icon select.orderby {
padding: 15px;
& option {
font-size: 14px;
background-color: var(--oxy-c-dark);
color: white;
font-size: 12px;
font-weight: 300;}
}}
/* Product Archive Page Ends */
/** Products in Home Page Begins **/
.oxy-home-latest-product_header{
& div:last-child p:last-child{margin-bottom: 20px;}
position: relative;
&::before {
position: absolute;
content: "";
top: -138px;
width: 240px;
height: 240px;
border-radius: 50%;
z-index: 0;
background: radial-gradient(circle at center, var(--oxy-c-green1) 0%, var(--oxy-c-blue1) 100%);
filter: blur(200px);
opacity: 0.6;
right:50%; transform:translateX(50%)}
}
:is(div.oxy-product-cart.oxy-product-cart,.oxy-course-page_hero) {
.quantity {
border: 1px solid #ffffff36;
border-radius: 40px;
background-color: var(--oxy-c-dark3);
overflow:hidden;
}
div.quantity input[type="button"]:hover {
background-color: var(--oxy-c-green2);
border-color: unset;
}
input.input-text.qty.text {
border: solid #ffffff36;
border-width: 0 1px;
}
& .product-image-link img{
width: 100%;
background-color: white;
object-fit: contain;
aspect-ratio: auto;
height: 146px; /*/* d146 m172 */
border-radius: var(--oxy-br12-res); margin-bottom: 12px;}
& .wd-product-cats {font-size: var(--oxy-fs12-res); font-weight: 300; color:var(--oxy-c-gray1);}
& .wd-add-btn a.button { display: none;}
& :is(span.price, p.price) {
margin-top: auto;
font-feature-settings: "ss01";
position: relative;
order: 5;
line-height: 2;
font-size: var(--oxy-fs16-res);
color: var(--oxy-c-green1);
display: flex;
justify-content: flex-end;
align-self: end;
margin-left: 39px;
flex-direction: row-reverse;
align-items: flex-end;
gap: 4px;
& del {
position: relative;
color: var(--oxy-c-gray1);
font-weight: 300;
text-decoration: none;
&::after{
position: absolute;
content: "";
background-color: var(--oxy-c-gray1);
width: 100%;
left: 0;
top: 12px;
height: 0.1px;}
}
&::before{
background: url(https://hooshesepid.com/wp-content/uploads/2026/05/Frame-818.svg);
content: "";
position: absolute;
width: 23px;
height: 20px;
left: -27px;
bottom: 50%;
transform: translateY(50%);}
span.woocommerce-Price-currencySymbol {display: none;}
}
& h3.wd-entities-title{
text-align: right;
margin-bottom: 8px; /*/* d8 m4 */
color: var(--oxy-c-white);
-webkit-text-fill-color: unset;
& a {font-size: var(--oxy-fs14); font-weight: 500; line-height: 2;}
}
.product-wrapper {
min-height: 340px;
background-color: var(--oxy-c-dark3);
gap: 0px;
border-radius: var(--oxy-br24-res);
display: flex;
align-items: flex-start;
padding: 12px;
& .wd-buttons.wd-pos-r-t {display: none;}}
}
.oxy-product-cart.oxy-product-cart .wd-star-rating{display: none;}
.oxy-product-cart.oxy-product-cart.oxy-product-cart{
.product-element-top{transform: unset; width:100%;position: unset;}
.product-labels{
position: absolute;
left: 20px;
bottom: 42px;
right: unset;
top: unset;
transform: translate3d(1px, 0px, 0px);
font-feature-settings: "ss01";
}
a.wd-product-img-link.product-image-link {
position: unset;
}
}
/** Products in Home Page Ends **/
/** Products Cat Poster in Home Page Begins **/
.oxy-product-cat-poster {
padding: 16px 27px;
position: relative;
max-width: 580px;
min-height: 322px; /*/* d322 m200 */
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
&::before {
content: "";
position: absolute;
inset: 0;
background: url(https://hooshesepid.com/wp-content/uploads/2026/05/hoosh-back1.svg);
background-repeat: no-repeat;
background-size: contain;
background-position: center;
pointer-events: none;}
& .wp-block-image{
width: 171px; /*/* d171 m90 */
z-index: 2;}
& .inner{max-width: 226px; height: 100%;}
& a.oxy-btn-gr1{margin-top: auto;}
}
/** Products Cat Poster in Home Page Endss **/
/** Hero Begins **/
.oxy-home_hero {
margin-top: -16px;
position: relative;
min-height: 550px;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
.oxy-home_hero-inner {
pointer-events: none;
padding: 32px 16px 48px;
position: relative;
z-index: 1;
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
& > img {
width: 128px;}
h1 {
margin: 24px 0 2px 0;
text-align: center;}
p {
margin: 40px 0 80px;
max-width: 614px;
color: var(--oxy-c-gray1);
text-align: center;}
> span {
text-align: center;}
&::after {
content: "";
position: absolute;
background-color: rgba(0, 136, 255, 1);
width: 240px;
height: 240px;
border-radius: 50%;
right: -30px;
bottom: -30px;
filter: blur(213px);
opacity: .5;}
&::before {
content: "";
position: absolute;
background-color: rgba(24, 245, 142, 1);
width: 240px;
height: 240px;
border-radius: 50%;
left: -30px;
top: -30px;
filter: blur(250px);
opacity: .4;}
.oxy-home_hero-btn-container {
gap: 16px;
display: flex;
pointer-events: auto;}
}
.oxy-particle-network {
position: absolute;
inset: 0;
background-color: #171717;
z-index: 0;
&::before {
content: "";
position: absolute;
inset: 0;
background: black center/cover no-repeat;
opacity: .2;
z-index: -2;}
.oxy-glow {
position: absolute;
border-radius: 50%;
top: calc(50% - 20vw);
left: calc(50% - 20vw);
z-index: -1;}
.oxy-glow-1 {
width: 40vw;
height: 40vw;
animation: oxy-glow-1-move 25s linear infinite;}
.oxy-glow-2 {
width: 30vw;
height: 30vw;
animation: oxy-glow-2-move 25s linear infinite;}
.oxy-glow-3 {
width: 35vw;
height: 35vw;
animation: oxy-glow-3-move 25s linear infinite;}
canvas {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
pointer-events: none !important;
touch-action: pan-y;
z-index: 0;}
}}
@keyframes oxy-glow-1-move { from { transform: rotate(0); } to { transform: rotate(360deg); } }
@keyframes oxy-glow-2-move { from { transform: rotate(0); } to { transform: rotate(-360deg); } }
@keyframes oxy-glow-3-move { from { transform: rotate(0); } to { transform: rotate(180deg); } }
@media (max-width: 1024px) {
.oxy-home_her.ooxy-home_hero .oxy-particle-network canvas {
pointer-events: none;
}
}
/** Hero Ends **/
/** Our Customer Begins **/
.oxy-home_our-customer p {
min-width: 92px;
border: solid var(--oxy-c-blue2);
border-width: 0 0 0 1px;}
#main-content .oxy-home_our-customer {
overflow: hidden;
padding: 20px 32px 20px 0; /*/* m 14 32 14 0 */
& img {max-height: 20px; object-fit: contain;}
& #wd-c6a3e658{
position: relative;
&::after {
content: "";
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 80px;
background: linear-gradient(to right, rgba(31, 31, 31, 1), rgba(31, 31, 31, 0));
pointer-events: none;
z-index: 1;}
&::before{
content: "";
position: absolute;
top: 0;
right: 0;
height: 100%;
width: 80px;
background: linear-gradient(to left, rgba(31, 31, 31, 1), rgba(31, 31, 31, 0));
pointer-events: none;
z-index: 1;}
}}
/** Our Customer Ends **/
/** Our Servises Begins **/
.oxy-home_servicses{
gap: 24px; /*/* d24 m12 */
div:last-child p:last-child{margin-bottom: 20px;}
& .inner{
position: relative;
padding: 24px;
min-height: 200px;
&::before{opacity: 0.3;}
&::after{
content: "";
background: url(https://hooshesepid.com/wp-content/uploads/2025/10/Component-service-back.webp) center / contain;
opacity: 0.2;
position: absolute;
width: 100%;
height: 100%;
inset: 0;
}
& p{margin-bottom: 0px;}
a.oxy-arrow-btn {
position: absolute;
right: 24px;
bottom: 24px;
display: inline-flex;
width: 40px;
height: 40px;
border-radius: 50%;
align-items: center;
justify-content: center;
text-decoration: none;
background: linear-gradient(270deg,var(--oxy-c-blue1) 0%,#18F58E 100%);
transition: transform var(--oxy-tr);}
a.oxy-arrow-btn::after {
content: "";
width: 24px;
height: 24px;
background-color: var(--oxy-c-dark);
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M7 17L17 7M17 7H9M17 7V15' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
transform: rotate(-90deg);}
&:hover a.oxy-arrow-btn::after {
transform: rotate(-135deg);}
}
& .oxy-service-pic img {
max-height: 180px;
width: 140px;
animation-duration: auto;
max-width: max-content;}
}
/** Our Servises Ends **/
/** About Begins **/
.oxy-home_about{
padding: 0 15px 64px 15px; /*/* m 0 15px 40px 15px*/
.oxy-home_about-image {position: absolute;}
figure.tag {rotate:180deg;}
h2 {max-width:384px;}
p{max-width:549px;}
}
/** About Ends **/
/** Product in Home Begins **/
div.oxy-product-cart.oxy-carousel {
gap: 24px;
& .wd-carousel-item {min-width: 232px;}
}
/** Product in Home Ends **/
/** media Begins **/
.oxy-media-cart {
& article.wd-post {
border-radius: var(--oxy-br24-res);
overflow:hidden;
}
& .wd-carousel-item{
min-width: 305px; /*/* d305 munset */
}
& h3.wd-post-title.title.post-title {
font-size: 14px;
color: var(--oxy-c-white);
font-weight: 400;
line-height: 2;
}
& .wd-post-cat.wd-style-with-bg.meta-post-categories {
font-size: var(--oxy-fs10);
font-weight: 400;
border: 1px solid rgba(59, 163, 255, 0.5);
border-radius: 24px;
min-height: 30px;
display: flex;
align-items: center;
margin-top: -40px;
position: relative;
background-color: rgb(59 163 255 / 20%);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
}
.wd-post-content.article-body-container.wd-post-content.article-body-container {
background-color: var(--oxy-c-dark3); min-height: 161px;}
.wd-post-author {
position: absolute;
bottom: 16px;
right: 0px;
justify-content: flex-end;
display: flex;
align-content: center;
width: 50%;
padding-left: 12px;
& a{
text-align: left;
color: var(--oxy-c-green1);
font-size: 10px;
font-weight: 300;
display: flex;
justify-content: flex-end;
flex-direction: row;
align-items: center;
}
& img.avatar{display: none;}
& span {display: none;}}
.wd-post-share.wd-tltp {display: none;}
.wd-post-reply {display: none;}
& .wd-post-thumb.entry-header {
position: static ;
transform: none ;
overflow: visible ;
}
& div.wd-post-inner{position: relative;}
.wd-post-date.wd-style-with-bg {
span.post-date-year {display: none;}
transform: translate3d(0px, 0, 0);
align-items: center;
gap: 0;
bottom: 15px;
top: auto;
background: transparent;
border: solid var(--oxy-c-gray2);
border-width: 0 1px 0 0;
left: 0;
width: 50%;
right: auto;
padding-right: 12px;
& span.post-date-day {
padding-left: 2px;
}
}
.wd-post-date.wd-style-with-bg,
.wd-post-date.wd-style-with-bg.wd-style-with-bg * {
font-weight: 300;
font-size: 10px;
line-height: 20px;
color: #FFFFFF;
padding-top: 0;
padding-bottom: 0;
flex-direction: row;
}
.wd-post-date.wd-style-with-bg::before {
content: "";
display: inline-block;
width: 16px;
height: 16px;
background: url(https://hooshesepid.com/wp-content/uploads/2026/05/Calender-1.svg) no-repeat center / contain;
margin-left: 4px;
.wd-post-inner.article-inner,
.wd-post-thumb.entry-header {
position: static ;
transform: none ; }
}
span.post-date-year.post-date-year {display:none ;}
.blog-design-masonry .wd-post-content {padding: 27px 12px 16px 12px;}
.wd-post-meta a.author::before {
content: "";
display: inline-block;
width: 18px;
height: 18px;
background: url('https://hooshesepid.com/wp-content/uploads/2026/05/Profile-Circle.svg') no-repeat center/contain;
margin-left: 4px;
}
& img:not(.avatar) {height: 158px; object-fit: cover;}
}
.oxy-media-home ul.wd-nav.wd-nav-tabs li{
padding:2px 24px ;
border-radius: 24px;
border: 1px solid rgba(166, 166, 166, 0.3);
background-color: var(--oxy-c-dark4);
& span {padding-bottom: 0px; color: var(--oxy-c-gray1);}
&.wd-active,&:hover{
border: 1px solid var(--oxy-c-green1);
color: var(--oxy-c-green1);
background-color: var(--oxy-c-green2);
& span {color: var(--oxy-c-green1);}
}}
.oxy-media-home .wd-nav-wrapper.wd-nav-tabs-wrapper.wd-mb-action-swipe{
border-top: 0px;
border-right: 0;
border-bottom: 1px solid;
border-left: 0;
border-image-source: linear-gradient(to left, var(--oxy-c-green3)40%,var(--oxy-c-blue2)40%);
border-image-slice: 1;
padding-bottom: 32px;
margin-bottom: 28px;
}
/** media Ends **/
/* Home Page Ends */
/* Course Page Begins */
.woocommerce-notices-wrapper {
border: 1px solid var(--oxy-c-green3);
border-radius: 24px;
background-color: var(--oxy-c-green2);
}
.oxy-blog-post_faq {order:5}
body.single-product:has(.yoast-breadcrumbs.oxy-breadcrumbs a[href="https://hooshesepid.com/product-cat/academy/"]) .wd-toolbar {display:none;}
.wd-sticky-btn.wd-sticky-btn-shown {
display: none;
}
div.oxy-course-page_hero{
.wd-single-meta .product_meta {
:is(span.meta-label,a,.sku ){
font-size: 12px;
font-weight: 300;}
a{color:var(--oxy-c-blue1);}
.sku{color:var(--oxy-c-gray1);}
span.meta-label{color:var(--oxy-c-gray1);margin-left: 8px;opacity:0.5;}
span.posted_in:not(:first-of-type){border:solid rgba(166,166,166,0.2); border-width: 0 1px 0 0; padding-right:12px; margin-right:2px;}
}
.woocommerce-product-rating {
display: flex;
flex-direction: row;
align-items: center;
gap: 8px;
align-content: center;
}
.woocommerce-review-link {font-size: 0;color: var(--oxy-c-blue1);background-color: var(--oxy-c-blue3);border: 1px solid var(--oxy-c-blue2);border-radius: 20px;padding: 6px 12px;display: flex;
.count{
font-size:12px;
&::after{
content:"دیدگاه";
line-height: 2;
font-size: 12px;
}
}
}
.woocommerce-review-link::after {content: "\f114";font-family: "woodmart-font";font-weight: 500;font-size: 12px;margin-right: 8px;}
.oxy-show-attribute.oxy-show-attribute h2 {
display: flex;
flex-direction: row-reverse;
}
.wd-single-attrs .woocommerce-product-attributes.shop_attributes{
overflow:visible;
& tbody{
display:flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
gap: 8px;
tr {
background-color: var(--oxy-c-dark3);
padding:18px;
border-radius:var(--oxy-br18-res);
max-width: fit-content;
gap:16px;
min-width: fit-content;
& .wd-attr-name{font-size: var(--oxy-fs12); font-weight:var(--oxy-fw3); color:var(--oxy-c-gray1);}
& .wd-term-name{font-size: var(--oxy-fs12); font-weight:var(--oxy-fw4); color:var(--oxy-c-white);}
}
}
}
& .wd-single-add-cart{
width: 100%;
& .single_add_to_cart_button{
position: absolute;
background: linear-gradient(to right, var(--oxy-c-green1), var(--oxy-c-green1));
font-size: var(--oxy-fs14-res);
font-weight: var(--oxy-fw5);
color: var(--oxy-c-dark);
min-height: 48px;
padding-left: 76px; /*/* d76 m52 */
left: 16px;
z-index: 1;
bottom: 16px;
line-height: 2;
&::before {
content: "";
position: absolute;
left: 4px;
width: 40px;
height: 40px;
background-image: url(https://hooshesepid.com/wp-content/uploads/2025/10/cart-icon.png);
z-index: 222;
background-position: center;
background-size: 24px;
background-color: var(--oxy-c-dark);
border-radius: 50%;
padding: 8px;
background-repeat: no-repeat;
filter: hue-rotate(-79deg);
opacity: 1;
right: unset;
bottom: 5px;
top: unset;
transform: rotate(0deg) !important;
}
&:hover{background: linear-gradient(to right, var(--oxy-c-green1),var(--oxy-c-blue1));}}
}
.oxy-course-page_hero_price-adc{background: linear-gradient(to right,rgba(19, 42, 32, 1),rgba(17, 30, 42, 1) ); border-radius: 40px 12px 12px 40px; padding: 16px;}
.woocommerce-product-gallery .wd-gallery-images img{background-color: white; border-radius: var(--oxy-br40-res); overflow: hidden;}
.woocommerce-product-gallery .wd-gallery-thumb img{border-radius: 18px; background-color: white;}
.product-labels.labels-rounded {display: none;}
.variations {
& tbody {
gap: 4px;
position: relative;
display: flex;
flex-direction: column;
}
& label {
margin-bottom: 16px;
color: var(--oxy-c-gray1);
font-size: var(--oxy-fs12);
font-weight: var(--oxy-fw3);
}
.value .wd-swatch{
color: var(--oxy-c-gray1);
font-size: var(--oxy-fs12);
font-weight: var(--oxy-fw3);
border:1px solid rgba(166,166,166,0.3);
padding:10px;
border-radius:20px;
&:hover ,&.wd-active{border:1px solid var(--oxy-c-green3); color:var(--oxy-c-green1); background-color:var(--oxy-c-green2)}
}
.wd-reset-var {display: none;}
}
a.oxy-btn-green1 {
position: absolute;
left: 14px;
bottom: 16px;
}
}
/** Fixed Add To Cart In Mobile & Tablet Begins **/
@media (max-width: 1024px) {
body.single-product:has(.oxy-single-course) {
& .scrollToTop.button-show {opacity: 0 !important;}
& :is(.wd-single-add-cart.wd-single-add-cart.wd-single-add-cart,.wp-block-wd-container){
& :is(button.single_add_to_cart_button,.oxy-btn-green1) {
padding-left: 0;
width: stretch;
bottom: 24px;
left:24px;
right:24px;}
}
div.oxy-course-page_hero_price-adc.oxy-course-page_hero_price-adc{
padding: 8px;
border-radius: 12px;}
.wd-single-price.wd-align.wd-f6fa5204.oxy-self-center {
align-self: flex-start;
margin-right: auto;
& :is(span.price, p.price) {
flex-direction: row-reverse;}
}
}}
/** Fixed Add To Cart In Mobile & Tablet Ends **/
body.hs-course-purchased .oxy-course-page_hero .wd-single-add-cart{display: none;}
body:not(.hs-course-purchased) .oxy-course-page_hero a.oxy-btn-green1 {display: none;}
.oxy-course-level:has(p.oxy-course-level-1) :is(div.oxy-course-level-2, div.oxy-course-level-3) {display: none ;}
.oxy-course-level:has(p.oxy-course-level-2) :is(div.oxy-course-level-1, div.oxy-course-level-3) {display: none ;}
.oxy-course-level:has(p.oxy-course-level-3) :is(div.oxy-course-level-1, div.oxy-course-level-2) {display: none ;}
.oxy-course-page_detail {
& .product-teacher {
display: flex;
align-items: center;}
& img.teacher-avatar {
width: 56px;
margin-left: 12px;
border-radius: 12px;}
& p{margin-bottom: 0px;}
& .oxy-course-level{gap:3px}
& .wd-single-meta-value.oxy-course-time{
background-image: url(https://hooshesepid.com/wp-content/uploads/2026/05/course-time.svg);
background-repeat: no-repeat;
background-position: center;
background-size: 50px;
min-height: 65px;
overflow: visible;
display: flex;
align-items: center;
}}
@media (max-width:768px){
.oxy-course-page_detail {
& div:has(.product-teacher) {
.product-teacher{
flex-direction: column;
min-height: 140px;
justify-content: center;
border: solid rgb(255 255 255 / 10%);
border-width: 0 0 1px 1px;
padding: 0px 5px;
text-align: center;
}
min-width: 50%;
& .teacher-info {
align-items: center;
display: flex;
flex-direction: column;
}
}
& .wp-block-wd-star-rating {
min-width: 50%;
min-height: 140px;
justify-content: center;
border: solid rgb(255 255 255 / 10%);
border-width: 0 0 1px 0;
align-items: center;
display: flex;
}
& .wp-block-wd-container.wd-dir-col.wd-align-is-lg-center.wd-ed4311ee.wd-custom-width.oxy-course-level {
min-width: 50%;
min-height: 140px;
justify-content: center;
border: solid rgb(255 255 255 / 10%);
border-width: 0 0 0 1px;}
& .wd-single-meta-value.oxy-course-time{
min-width: 50%;
min-height: 140px;
justify-content: center;
position: relative;
height: 72px;
display: flex;
align-items: center;
}}}
.oxy-course-page_intro {
overflow: visible !important;
}
.oxy-course-page_intro {
background-image: linear-gradient(#191919, #191919);
background-repeat: no-repeat;
background-size: 100% 300px;
}
.oxy-course-page_intro {
border-radius:40px 40px 0 0;
}
.oxy-course-nav-wrap {
position: sticky;
top: 10px;
z-index: 100;
display: flex;
justify-content: center;
overflow: auto;
&::-webkit-scrollbar{display:none};
}
.oxy-course-nav {
display: inline-flex;
align-items: center;
gap: 4px;
padding: 12px;
background: var(--oxy-c-dark2);
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: var(--oxy-br40-res);
backdrop-filter: blur(6px);
-webkit-backdrop-filter: blur(6px);
margin-right: 10px;
margin-left: 10px;
}
.oxy-course-nav::before {
content: "";
position: absolute;
inset: 0;
padding: 1px;
border-radius: inherit;
background: linear-gradient(to left, var(--oxy-c-white), var(--oxy-c-gray2));
-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude;
pointer-events: none;
opacity: 0.1;
}
.oxy-course-nav__item {
position: relative;
z-index: 1;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 8px 16px;
min-height: 40px;
border-radius: var(--oxy-br24);
border: 1px solid transparent;
background: transparent;
color: var(--oxy-c-gray1);
font-family: var(--wd-font-base);
font-size: var(--oxy-fs12-res);
font-weight: var(--oxy-fw3);
line-height: 22px;
text-decoration: none;
white-space: nowrap;
opacity: 0.8;
cursor: pointer;
}
.oxy-course-page_intro:not(:has(.wd-ec9356b2 p)) :is(.oxy-course-nav-wrap [data-target="section-intro"], .wd-ec9356b2) {
display: none;
}
.oxy-course-nav__item:hover {
background: var(--oxy-c-green2);
border-color: var(--oxy-c-green2);
color: var(--oxy-c-green1);
opacity: 1;
}
.oxy-course-nav__item.is-active {
background: var(--oxy-c-green2);
border-color: var(--oxy-c-green3);
color: var(--oxy-c-green1);
opacity: 1;
}
.oxy-course-page_intro {
h2 {
font-size: var(--oxy-fs30-res);
font-weight: var(--oxy-fw6);
display: block;
width: fit-content;
background: linear-gradient(90deg, var(--oxy-c-gray2, #a0a0a0), var(--oxy-c-white, #ffffff));
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
color: transparent;
}
h3:not(.item-row) {
font-size: var(--oxy-fs16-res);
font-weight: var(--oxy-fw5);
display: block;
width: fit-content;
background: linear-gradient(90deg, var(--oxy-c-gray2, #a0a0a0), var(--oxy-c-white, #ffffff));
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
color: transparent;
}
p, li span {
font-size: var(--oxy-fs14-res);
font-weight: var(--oxy-fw3);
color: var(--oxy-c-gray1);
}
}
/** Course Section In Course Page Begins **/
.hscourse-component {
& * {font-feature-settings: "ss01";}
& .accordion{
& .accordion-item {
background-color: var(--oxy-c-dark3);
border-radius: 24px;
box-shadow: unset;
padding: 16px 24px; /*/* d16 24 m12 16 */
& .season-header-main {
padding: 0;
display: flex;
align-items: flex-start;
font-size: var(--oxy-fs16-res);
font-weight: var(--oxy-fw5);
color: var(--oxy-c-white);
flex-direction: column;
line-height: 2;
align-content: flex-start;
& .season-chevron {
width: 32px;
height: 32px;
color: var(--oxy-c-green1);
background-color: var(--oxy-c-green2);
border-radius: 50%;
padding: 6px;
position: absolute;
right: 0px;
top: 50%;
transform: translateY(-50%) rotate(0deg);
transition: transform 0.3s ease;
}
& h3:not(.item-row) {
display: flex;
align-items: flex-start;
flex-direction: column;
position: relative;
padding-right: 56px; /*/* d45 m40 */
gap: 10px;
margin-bottom: 16px; /*/* d16 m12 */
}
& .season-stats {
display: flex;
padding:0px;
align-items: center;
color: var(--oxy-c-white);
background-color: unset;
margin-right: 54px; /*/* d54 m40 */
& svg{display: none;}
& .stat {
padding: 0px;
background-color: unset;
color: white;
font-size: var(--oxy-fs12-res);
font-weight: var(--oxy-fw2);
&:not(:last-child)::after{content: ".";margin-right: 8px;}
}
}
&.active .season-chevron {
transform: translateY(-50%) rotate(180deg);
}
}
& .accordion-content{
padding: 0px;
border: solid rgba(166, 166, 166, 0.1);
border-width: 1px 0 0 0;
padding-top: 31px;
flex-direction: column;
margin-top: 16px;
}
& .video-row:not(:last-child){margin-bottom:20px;}
& .item-row{
padding: 0px;
flex-direction: row;
align-items: center;
& .item-duration {font-weight: var(--oxy-fw3);font-size: var(--oxy-fs14-res);}
& .item-meta svg{color: var(--oxy-c-green1);}
&.hscourse-content-locked{
& .item-title{ color: var(--oxy-c-gray1); opacity: 0.5;
&:hover{color: var(--oxy-c-gray1); opacity: 0.5;}
}
& .item-duration ,svg{color: var(--oxy-c-gray1); opacity: 0.5;}
}
&:not(:last-of-type){margin-bottom: 20px;}
& .item-icon {
color: var(--oxy-c-gray1);
background-color: var(--oxy-c-dark);
width: 32px;
height: 32px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
}
& .item-title{
font-size: var(--oxy-fs14-res);
font-weight: var(--oxy-fw3);
color: var(--oxy-c-white);
margin-right: 15px; /*/* d15 m0 */
min-width: 248px;
}
& span.item-meta {
flex-direction: row-reverse;
gap: 8px;
}
&:hover{
background-color: unset;
& .item-title{color: var(--oxy-c-green1);}
}
}
}
}
}
/** Course Section In Course Page Ends **/
body.purchased-product :is(.oxy-course-page_episode,.oxy-course-page_quiz ) a { color: var(--oxy-c-white); }
.oxy-course-page_episode.oxy-course-page_episode.free{
&:hover a{color:var(--oxy-c-green1); ;}
a { color: var(--oxy-c-white); }}
/* ── quiz specific ── */
.oxy-course-page_quiz {
& a {
font-size: var(--oxy-fs14-res);
font-weight: var(--oxy-fw3);
color: var(--oxy-c-gray1);
text-decoration: none;
flex: 1;
text-align: right;
padding-right: 10px;
transition: color 0.2s ease;
line-height: 1.5;
}
&:hover a { font-weight: var(--oxy-fw5); }
}
.course-page_teacher-bio{
position: relative;
&::before{
content: "";
width: 88px;
height: 88px;
background-color: var(--oxy-c-blue1);
position: absolute;
border-radius: 50%;
right: 50%;
transform: translatex(50%);
z-index: 0;
filter: blur(100px);
}
img.teacher-avatar {
width: 56px;
border-radius: 12px;
}
.product-teacher {
flex-direction: column;
display: flex;
align-items: center;
gap: 16px;
margin-top: 32px;
}
span.teacher-name {
font-size: 16px;
color: white;
font-weight: 300;
}
p,span,div,img{z-index: 1;}
p:last-child {
font-size:14px;
font-weight:300;
line-height:1.9;
color: var(--oxy-c-gray1);}
.oxy-course_teacher-pos{
font-size: var(--oxy-fs10);
font-weight: var(--oxy-fw2);
color: var(--oxy-c-gray1);
margin-top: -12px;
margin-bottom: 32px; /*/* d32 m24 */}
}
.oxy-course_faq{
order: 1;
.wd-accordion-opener::before{width: 25px;height: 25px;color: var(--oxy-c-green1); background-color: var(--oxy-c-green2);}
.wd-active .wd-accordion-opener::before{color: rgba(255, 255, 255, 0.3); background-color: rgba(255, 255, 255, 0.1);}
.wd-accordion-title-text span {
color:var(--oxy-c-white);
font-weight: var(--oxy-fw5);
font-size: var(--oxy-fs18-res);}
.wd-accordion-content-inner p{
color:var(--oxy-c-gray1);
font-weight: var(--oxy-fw3);
font-size: var(--oxy-fs14-res);}
div.wd-accordion-item {
border: 1px solid rgba(128, 128, 128, 0.1);
border-radius: 24px;}
div.wd-accordion-item:has(.wd-active){background-color: var(--oxy-c-dark4);}
}
/* Course Page Ends */
/* Course Archive Begins */
.course-archive_hero {
position: relative;
&::before{
content: "";
position: absolute;
inset: 0;
padding: 1px;
border-radius: inherit;
background: linear-gradient(to right, var(--oxy-c-green1), var(--oxy-c-blue1));
-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude;
pointer-events: none;
z-index: 1;
opacity: .2;}
& .course-archive_hero-inner{
position: relative;
&::before{
content: "";
position: absolute;
background-color: rgba(24, 245, 142, 1);
width: 240px;
height: 240px;
border-radius: 50%;
left: -30px;
top: -30px;
filter: blur(250px);
opacity: .4;}
&::after{
content: "";
position: absolute;
background-color: rgba(0, 136, 255, 1);
width: 240px;
height: 240px;
border-radius: 50%;
right: -30px;
bottom: -30px;
filter: blur(213px);
opacity: .5;
}
}
.wd-cat-count.more-products a {
font-size: 10px;
font-weight: 200;
color: var(--oxy-c-gray1);}
h3.wd-entities-title {
margin-top: 13px;
margin-bottom: 4px;}
.wd-carousel-item {
max-width: fit-content;
padding: 16px 8px 13px;
border-radius: var(--oxy-br24-res);
position:relative; &::before{content:"";position:absolute;inset:0;padding: 1px;border-radius:inherit;background:linear-gradient(to right,var(--oxy-c-green1),var(--oxy-c-blue1));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:1;opacity: .2;}}
.wd-carousel-wrap {
gap: 16px;
justify-content: center;}
}
.oxy-testimonial_course .wd-carousel-wrap{
gap: 20px;
& .wp-block-wd-carousel-item.wd-carousel-item {max-width: 32% ; /*/* d32% m unset */}
}
.oxy-back-blur_blue,.oxy-course-landing_why-us{
position:relative;
overflow: visible;
& .inner {
position: absolute;
background: var(--oxy-c-blue1);
width: 500px;
height: 500px;
border-radius: 50%;
z-index: 0;
filter: blur(50px);
opacity: 0.08;
top: -50px;
}
& >div:not(.inner){z-index: 1;}
}
.course-archive_hero .wd-carousel-dis-mb .wd-carousel-wrap {
-webkit-mask-image: none;
mask-image: none;
padding-inline: 15px;
box-sizing: border-box;
}
/* Course Archive Ends */
/* Blog Post Begins */
.oxy-blog-post__tax {
position: relative;
padding: 4px 12px;
z-index: 2;
& a{position: relative ; z-index: 2;}
&::before{
content:"";
border-radius: var(--oxy-br24);
position: absolute;
inset: 0;
width: 100%;
height: 100%;
background-color: var(--oxy-c-blue2);
z-index: 1;
filter: blur(1px);}
}
.oxy-breadcrumbs.oxy-breadcrumbs {
-webkit-mask-image: linear-gradient(to right, transparent 0%, black 70px, black 100%);
mask-image: linear-gradient(to right, transparent 0%, black 70px, black 100%);
-webkit-mask-composite: source-over;
mask-composite: add;
-webkit-mask-attachment: local;
mask-attachment: local;
scrollbar-width: none;
-ms-overflow-style: none;
overflow-x: auto;
overflow-y: hidden;
position: relative;
z-index: 2;
&::-webkit-scrollbar {
display: none;
}
span span:has(a[href="https://hooshesepid.com/shop/"]) {
display: none;
}
& span {
font-size: 0px;
gap: 4px;
display: flex;
text-wrap: nowrap;
}
span a {
position: relative;
padding-left: 8px;
font-size: var(--oxy-fs12-res);
font-weight: var(--oxy-fw2);
color: var(--oxy-c-blue1);
}
& span.breadcrumb_last {
font-size: var(--oxy-fs12-res);
font-weight: var(--oxy-fw2);
color: var(--oxy-c-blue1);
}
& a::after {
content: "";
position: absolute;
top: 50%;
left: 0;
width: 16px;
height: 16px;
background-image: url(https://hooshesepid.com/wp-content/uploads/2025/12/breadcrumbs-arrow.svg);
background-size: contain;
background-repeat: no-repeat;
transform: translate(-50%, -50%);
}
}
body.wp-singular figure.oxy-blog-post__featured-image{
margin-top: -33px;
margin-bottom: 24px;}
.oxy-blog-post__post-data{
.wd-post-author{
position: relative;
&::before{
transform: translateY(1px);
content:
"";
display: inline-block;
width: 16px;
height: 16px;
background: url(https://hooshesepid.com/wp-content/uploads/2026/05/Profile-Circle.svg) no-repeat center / contain;
margin-left: 4px;
}
border: solid rgba(255, 255, 255, 0.3);
border-width: 0 0 0 1px;
padding-left: 16px;
margin-left: 10px;}
.wd-single-post-date {
line-height: 2;
position: relative;
&::before{
transform: translateY(4px);
content:
"";
display: inline-block;
width: 16px;
height: 16px;
background: url(
https://hooshesepid.com/wp-content/uploads/2026/05/Calender-1.svg) no-repeat center / contain;
margin-left: 4px;
}
}
}
body.rtl nav.oxyplug-toc {
margin-bottom: 40px;/*/* d40 t40 m24 */
margin-top: 64px;/*/* d64 t64 m48 */
background-color: #1f1f1f;
border-radius: 40px; /*/* m24px */
padding: 32px;
border: unset;
ul li a{color: var(--oxy-c-blue1); font-weight: 300;}
.toggle-toc{font-size:20px ; font-weight: 650; margin-bottom: 40px;} /*/* m fs:16px mb:16px */
a>span{display: none;}
ul .toc-h3{
padding-right: 12px;
padding-top: 6px;
border: solid var(--oxy-c-gray2);
border-width: 0 1px 0 0;
margin-inline-start: unset;
font-size: 12px;
padding-bottom: 6px;} /*/* m fs:10px pb:8px */
ul .toc-h2{ padding-top: 6px; font-size: 14px;} /*/* m fs:12px pt:12px */
ul .toc-h2:first-of-type {
padding-top: 0 ;
margin-top: 0 ;}
}
body.wp-singular.post-template-default.single-post {
h2{font-size: var(--oxy-fs30-res); font-weight: var(--oxy-fw6);}
h3{font-size: var(--oxy-fs24-res2); font-weight: var(--oxy-fw6);}
:is(h2,h3) {display: inline-block;background: linear-gradient( to right, var(--oxy-c-gray2, #a0a0a0) 35%, var(--oxy-c-white, #ffffff) 100% );-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;color: transparent;}
}
div.blog-post__tip {.right {
border-width: 0 0 0 1px;
border-style: solid;
min-height: 120px;
min-width: 120px;}
.tip{ border-color: rgba(24, 245, 142, 0.2); }
.book {border-color: rgba(59, 163, 255, 0.3);}
.attention {border-color: rgba(255, 0, 0, 0.2); }
&:has(.book) a{color: var(--oxy-c-blue1);}
}
.blog-post__share-box {
div.oxy-blog-post__social-icon{
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
& a.wd-social-icon {
display: flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
border-radius: 50%;
background-color:rgb(17, 37, 27);
text-decoration: none;
&:hover {transform: translateY(-3px); }
& span::before {
display: block;
font-size: 24px;
background: linear-gradient(to left, var(--oxy-c-green1), var(--oxy-c-blue1));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
color: transparent;}}}
}
.oxy-blog-post__navigation{
.wd-page-nav { gap: 24px;}
.next-btn .wd-label::before{content: "مقاله بعدی";}
.prev-btn .wd-label::before{content: "مقاله قبلی";}
div.wd-page-nav-btn{
a{padding-inline: 0px;}
padding: 16px;
border-radius: 24px;
background-color: var(--oxy-c-dark4);
min-height: 90px;
align-items: center;
.wd-page-nav-icon {display: none;}
.wd-label {
font-size: 0px;
min-height: 25px;
&::before{
font-size: 12px;
font-weight: 300;
display: inline-block;
width: fit-content;
background: linear-gradient(90deg, var(--oxy-c-gray2, #a0a0a0), var(--oxy-c-white, #ffffff));
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
}
}
.wd-entities-title {font-size:var(--oxy-fs14); font-weight: 500;line-height: 28px; color: #fff;}
}
.back-to-archive{display: none;}
}
div.blog-post__related-post {
div.wd-post-cat{ font-size:var(--oxy-fs12) ; font-weight: var(--oxy-fw4); min-height:30px; margin-top: -37px;align-items: center;}
div.wd-post-content.article-body-container{background-color: var(--oxy-c-dark4); border-radius: var(--oxy-br24);}
.wd-post-thumb{border-radius: 24px 24px 0 0;}
}
.oxy-blog-post__comment{
max-width: 511px;
padding-top: 120px;
padding-bottom: 12px;
justify-content: center;
display: flex;
.oxy-cooment-image {rotate: 180deg;}
.oxy-comment-text-section{
display: flex;
flex-direction: column;
align-items: center;
gap: 8px;
}
h3#reply-title {
display: none;
}
p.logged-in-as {
display: none;
}
form#commentform
{
width: 100%;
margin: auto;
background-color: var(--oxy-c-dark4);
border-radius: 24px;
padding: 32px; /* m>16px */}
input#submit {
width: 100%;
background-color: var(--oxy-c-blue1);
color: var(--oxy-c-dark);
font-size: var(--oxy-fs14);
font-weight: 500;
min-height: 48px;
margin-top: 64px; /* m>48 */}
span.required {
display: none;
}
p.comment-notes {
display: none;}
label {font-size: var(--oxy-fs12); font-weight: var(--oxy-fw3); color: var(--oxy-c-gray1); margin-bottom: 12px;
padding-right: 12px;}
#comment {min-height: 120px;}
:is(input[type='email'], input[type='date'], input[type='search'], input[type='number'], input[type='text'], input[type='tel'], input[type='url'], input[type='password'], textarea, select) {
border: 1px solid rgba(128,128,128,0.2);
border-radius: 24px;
min-height: 48px;
&:focus {
outline: none ;
box-shadow: none ;
border: 1px solid rgba(128,128,128,0.2);
}
}
p.comment-form-url,p.comment-form-cookies-consent {
display: none;
}
h2.wp-block-heading{
margin-bottom: 28px; /*/* m>12 */
text-align: center;}
.vcard img.avatar { width: 56px; height: 56px;}
.comment-list .bypostauthor .avatar {
content: url("https://hooshesepid.com/wp-content/uploads/2025/12/user-icon-comment.webp") !important;
srcset: none !important;
width: 56px;
height: 56px;
object-fit: cover;
border-radius: 50%; }
span.says {
display: none;
}
.comment-body {
display: flex;
flex-direction: column;
align-items: flex-start;}
.comment-author.vcard {
font-size: var(--oxy-fs14);
font-weight: 500;}
.comment-meta.commentmetadata {
font-size: var(--oxy-fs12);
font-weight: var(--oxy-fw2);
color: var(--oxy-c-gray1);}
.comment-body > p:nth-child(3) {
color: white ;
font-size: var(--oxy-fs14);
font-weight:var(--oxy-fw3) ;}
.comments-area .reply a{color: var(--oxy-c-green1); font-weight: 500; font-size: var(--oxy-fs12);}
li.depth-1 {
border: solid rgba(166, 166, 166, 0.2) ;
border-width: 0 0 1px 0;}
h2.comments-title{
font-size: 0px;
&::before{content: دیدگاه ها; font-size:30px ; font-weight: 650;}
}
.wd-single-post-comments{width: 100%;}
}
.post-template-default article p{font-size: var(--oxy-fs14); font-weight: var(--oxy-fw3); color:var(--oxy-c-gray1); line-height: 32px; }
.oxy-blog-post__content p{text-align: justify;}
.oxy-blog-post_faq{
.wd-accordion-title-text span{
font-size: var(--oxy-fs18-res);
font-weight: var(--oxy-fw5);
color: var(--oxy-c-white);}
}
.oxy-media-cart .wd-load-more{
border: 1px solid var(--oxy-c-blue1);
border-radius: 24px;
color: var(--oxy-c-blue1);
font-size: var(--oxy-fs14-res);
font-weight: var(--oxy-fw4);
position:relative;
padding-left: 60px;
min-height:48px;
&::before{
position: absolute;
content: "";
width: 40px;
height: 40px;
left: 4px;
top: 50%;
border-radius: 50%;
background-color: var(--oxy-c-blue1);
transform: translateY(-50%) rotate(45deg);
transition: transform var(--oxy-tr);
z-index: 2;
}
&::after {
position: absolute;
content: "";
width: 24px;
height: 24px;
left: 12px;
top: 50%;
transform: translateY(-50%) rotate(135deg);
background-color: var(--oxy-c-dark);
transition: transform var(--oxy-tr);
z-index: 2;
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 17L17 7M17 7H9M17 7V15' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E") center / contain no-repeat;
}
}
/* Blog Post Ends */
/* Blog Archive Begins */
.oxy-blog-landing_side a {
color: var(--oxy-c-green1);
display: inline-block;
position: relative;
transition: opacity 0.3s ease;
}
.oxy-blog-landing_side a:hover {
background: linear-gradient(90deg, var(--oxy-c-green1), var(--oxy-c-blue1));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
color: transparent;
}
.oxy-blog-landing_suggestion article{
border-radius: var(--oxy-br40-res);
overflow: hidden;
}
/* Blog Archive Ends */
/* Contact Us Page Begins */
.wd-cf7.wd-f86f46bb {
background: linear-gradient(135deg, rgb(31, 31, 31) 0%, rgb(18, 18, 18) 100%);
border-radius: var(--oxy-br24);
padding: 32px;
& .wpcf7 {
& .screen-reader-response {
position: absolute;
width: 1px;
height: 1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
}
& form.wpcf7-form {
display: flex;
flex-direction: column;
gap: var(--oxy-mar-t24-res);
& > p {
margin: 0;
}
& label {
display: flex;
flex-direction: column;
gap: 8px;
font-size: var(--oxy-fs12);
font-weight: var(--oxy-fw3);
color: var(--oxy-c-gray1);
text-align: right;
line-height: 1;
& > .label-text::before,
&::first-line {
color: var(--oxy-c-green1);
}
}
& label {
&:has(input),
&:has(textarea) {
&::before {
content: none;
}
}
}
& label {
position: relative;
padding-right: 12px;
gap: 16px;
&::after {
content: "*";
color: var(--oxy-c-green1);
position: absolute;
right: 0;
top: 0;
font-size: var(--oxy-fs12);
font-weight: var(--oxy-fw3);
line-height: 1;
}
}
& input.wpcf7-text,
& input.wpcf7-tel {
width: 100%;
height: 48px;
background: transparent;
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: 24px;
padding: 0 20px;
font-size: var(--oxy-fs12);
font-weight: var(--oxy-fw3);
color: var(--oxy-c-white);
outline: none;
box-sizing: border-box;
direction: rtl;
text-align: right;
transition: border-color 0.2s ease;
font-feature-settings: 'ss02' on;
&::placeholder {
color: var(--oxy-c-gray1);
opacity: 0.5;
font-size: var(--oxy-fs12);
font-weight: var(--oxy-fw3);
font-feature-settings: 'ss02' on;
}
&:focus {
border-color: rgba(255, 255, 255, 0.25);
}
}
& textarea.wpcf7-textarea {
width: 100%;
min-height: 119px;
background: transparent;
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: 24px;
padding: 16px 20px;
font-size: var(--oxy-fs12);
font-weight: var(--oxy-fw3);
color: var(--oxy-c-white);
outline: none;
box-sizing: border-box;
resize: none;
font-family: inherit;
direction: rtl;
text-align: right;
transition: border-color 0.2s ease;
font-feature-settings: 'ss02' on;
&::placeholder {
color: var(--oxy-c-gray1);
opacity: 0.5;
font-size: var(--oxy-fs12);
font-weight: var(--oxy-fw3);
font-feature-settings: 'ss02' on;
}
&:focus {
border-color: rgba(255, 255, 255, 0.25);
}
}
& input.wpcf7-submit {
width: 100%;
height: 48px;
background: var(--oxy-c-blue1);
border: none;
border-radius: 24px;
font-size: var(--oxy-fs14);
font-weight: var(--oxy-fw5);
color: var(--oxy-c-dark);
text-align: center;
cursor: pointer;
transition: opacity 0.2s ease;
margin-top: 24px;
&:hover {
opacity: 0.88;
}
&:active {
opacity: 0.75;
}
}
& .wpcf7-spinner {
display: none;
}
& .wpcf7-response-output {
margin: 0;
padding: 10px 16px;
border-radius: var(--oxy-br12-res);
font-size: var(--oxy-fs12);
color: var(--oxy-c-gray1);
border: 1px solid rgba(255, 255, 255, 0.1);
display: none;
&:not(:empty) {
display: block;
}
}
& .wpcf7-not-valid {
border-color: rgba(255, 0, 0, 0.4);
}
& .wpcf7-not-valid-tip {
font-size: var(--oxy-fs12);
color: rgba(255, 80, 80, 0.9);
margin-top: 4px;
display: block;
padding-right: 8px;
}
}
}
}
/* Contact Us Page Ends */
/* About Us Page Begins */
.oxy-how-we-work-number {
color: transparent ;
-webkit-text-fill-color: transparent;
text-shadow: none;
background: none;
-webkit-text-stroke: 1px white;
font-feature-settings:"ss01";
}
.oxy-about-page_our-miision{
& .left,.right{position: relative; overflow: hidden;}
& .left::before,.right::before{
width:240px;
height:240px;
content:"";
position:absolute;
border-radius:50%;
filter:blur(120px);
opacity:0.2;}
& .left::before{right:-120px; background-color:var(--oxy-c-green1);}
& .right::before{left:-120px; background-color:var(--oxy-c-blue1);}
}
.oxy-about_customer{overflow: visible;position:relative;
&::before{
content:"";
position:absolute;
background: linear-gradient(to top,var(--oxy-c-blue1),var(--oxy-c-green1));
width: 240px;
height: 240px;
border-radius: 50%;
filter: blur(180px);
z-index: 0;
opacity: 0.5;
}
&::after{
background-color:var(--oxy-c-dark);
content:"";
width: 100%;
height: 100%;
z-index: 1;
position: absolute;
inset:0;
border-radius:var(--oxy-br44-res);
}
& .wd-marquee-content {
max-height: 40px;
& img {
max-height:30px ;
width:auto ;
}
}
}
.wd-marquee.wd-c6a3e658 {
z-index: 2;
}
.oxy-how-we-work-item-odd{
min-height:160px;
margin-top: -6px;
& .oxy-how-we-work-content {
padding-right:106px; /*/* d106 m38 */
min-height: 160px;
border: dashed #183f2c;
border-width:0 2px 0px 0px;
position: relative;
&::before{right: -18px;top: 50%;transform: translateY(-50%);}
}
& .oxy-how-we-work-number{
min-height: 160px;
padding-left:106px; /*/* d106 m38 */
}
& >div {
min-width: 320px; /*/* d320 m145 */
max-width: 320px; /*/* d320 m145 */
}
}
.oxy-how-we-work-item-even{
margin-top: -6px;
& .oxy-how-we-work-content {
padding-left:106px; /*/* d106 m38 */
min-height: 160px;
position: relative;
&::before{left: -18px;top: 50%;transform: translateY(-50%);}
}
& .oxy-how-we-work-number{
min-height: 160px;
padding-right:106px; /*/* d106 m38 */
border: dashed #183f2c;border-width:0 2px 0 0;
}
& >div {
min-width: 320px; /*/* d320 m145 */
max-width: 320px; /*/* d320 m145 */
}
}
.oxy-how-we-work-item-odd .oxy-how-we-work-content::before,
.oxy-how-we-work-item-even .oxy-how-we-work-content::before {
content: '';
display: block;
position: absolute;
width: 36px;
height: 36px;
border-radius: 36px;
background: radial-gradient(
circle at center,
var(--oxy-c-green1) 0 6px,
rgba(21, 131, 80, 1) 6px 12px,
rgba(19, 63, 43, 1) 12px 18px
);
z-index: 1;
}
.oxy-how-we-work-container {margin-top: 64px; /*/* d64 m32 */
}
/* About Us Page Ends */
/* Servise Page Begins */
.oxy-service-page_why-us .inner{
border-image: linear-gradient(to right, var(--oxy-c-blue2),var(--oxy-c-green3)) 1;
}
.oxy-servise-page_roadmap{
& p{max-width:160px; min-height: 56px;}
figure {
position: relative;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
& img{z-index: 1;}
&::before {
content: "";
width: 100%;
position: absolute;
height: 1px;
background-image: repeating-linear-gradient(
to right,
rgba(255,255,255,0.1) 0px,
rgba(255,255,255,0.1) 8px,
transparent 1px,
transparent 13px
);
}
}}
.oxy-servise-page_roadmap {
overflow: auto;
&>.wd-c290166c{min-width:1000px; align-self: flex-start;}
}
.oxy-service-page_additional-information p{max-width: 552px;}
.oxy-service-page_tools .inner figure {
margin-bottom:auto;
margin-top:auto;
}
/* Servise Page Ends */
/* Service Archive Page Begings */
.service-archive_hero_logo{
position: absolute;
max-width: 100px;
margin-top: 10px;
}
div.oxy-service-archive_clusters .inner{
align-items: stretch;
background-color:var(--oxy-c-dark4) ;
&::after {
background:unset ;
}
&::before{background:unset ;}
& .oxy-first {
min-height: stretch;
position: relative;
}
p.oxy-title{
position:relative;
display:flex;
flex-direction: row;
flex-wrap: nowrap;
position: relative;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: flex-end;
text-wrap: nowrap;
width: 100%;
&::after {
content: "";
width: 100%;
height: 1px;
margin-right: 16px;
margin-bottom: 11px;
border: 1px dashed rgba(255, 255, 255, 0.1);
}}
.oxy-cluster-services_title {
min-height:40px;
padding: 8px 16px;
width: fit-content;
margin: 0px !important;
}
.oxy-cluster-services {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-content: center;
align-items: center;
gap: 12px;
}
}
/* Service Archive Page Ends */
/* Account Begins */
.wd-my-account-sidebar.wd-grid-col {
background-color: var(--oxy-c-blue3);
border-radius: 24px;
padding: 16px;
border: 1px solid var(--oxy-c-blue2);
& h3 {
display: none;
}
& ul {
gap: 8px;
display: flex;
flex-direction: column;
& li {
position: relative;
padding-right: 48px;
min-height: 44px;
display: flex;
align-items: center;
border: 1px solid transparent !important;
border-radius: 8px;
transition: background 0.2s, border-color 0.2s;
& a {
font-size: 14px;
font-weight: 400 !important;
display: inline-block;
background: linear-gradient(to right, var(--oxy-c-gray1) 100%, var(--oxy-c-gray1) 100%);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
color: transparent;
transition: background 0.2s;
}
&::after {
content: "";
position: absolute;
right: 16px;
top: 50%;
transform: translateY(-50%);
background: var(--oxy-c-gray1);
transition: background 0.2s;
}
}
}
& li.woocommerce-MyAccount-navigation-link--dashboard::after {
width: 24px;
height: 24px;
-webkit-mask: url('data:image/svg+xml;utf8,') no-repeat center / contain;
mask: url('data:image/svg+xml;utf8,') no-repeat center / contain;
}
& li.woocommerce-MyAccount-navigation-link--orders::after {
width: 20px;
height: 23px;
-webkit-mask: url('data:image/svg+xml;utf8,') no-repeat center / contain;
mask: url('data:image/svg+xml;utf8,') no-repeat center / contain;
}
& li.woocommerce-MyAccount-navigation-link--my-courses::after {
width: 22px;
height: 19px;
-webkit-mask: url('data:image/svg+xml;utf8,') no-repeat center / contain;
mask: url('data:image/svg+xml;utf8,') no-repeat center / contain;
}
& li.woocommerce-MyAccount-navigation-link--edit-address::after {
width: 18px;
height: 23px;
-webkit-mask: url('data:image/svg+xml;utf8,') no-repeat center / contain;
mask: url('data:image/svg+xml;utf8,') no-repeat center / contain;
}
& li.woocommerce-MyAccount-navigation-link--edit-account::after {
width: 16px;
height: 21px;
-webkit-mask: url('data:image/svg+xml;utf8,') no-repeat center / contain;
mask: url('data:image/svg+xml;utf8,') no-repeat center / contain;
}
& li:hover, .is-active {
background: linear-gradient(to left, #0088FF10, #18F58E10) !important;
transition: 0s;
&::before {
content: "";
position: absolute;
inset: 0;
border-radius: 8px;
padding: 1px;
background: linear-gradient(to left, #0088FF20, #18F58E20) !important;
-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude;
pointer-events: none;
}
&::after {
background: linear-gradient(to left, #0088FF, #18F58E) !important;
}
& a {
background: linear-gradient(to right, var(--oxy-c-gray2, #a0a0a0) 35%, var(--oxy-c-white, #ffffff) 100%);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
color: transparent;
}
}
& li.woocommerce-MyAccount-navigation-link--downloads,
& li.woocommerce-MyAccount-navigation-link--payment-methods {
display: none;
}
}
/** Course In Account Begins **/
.hscourse-my-courses-list {
display: flex;
flex-direction: column;
gap: 16px;
width: 100%;
& .hscourse-my-course-card {
background-color: var(--oxy-c-blue3);
border: 1px solid var(--oxy-c-blue2);
border-radius: 24px;
padding: 16px 24px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
transition: border-color var(--oxy-tr, 0.3s);
&:hover {
border-color: var(--oxy-c-blue1, #0088ff);
}
& .hscourse-my-course-image {
display: none;
}
& .hscourse-my-course-body {
display: flex;
align-items: center;
justify-content: space-between;
flex-grow: 1;
gap: 20px;
}
& .hscourse-my-course-title {
margin: 0;
font-size: var(--oxy-fs16, 16px);
font-weight: var(--oxy-fw7, 700);
& a {
color: var(--oxy-c-white, #ffffff);
text-decoration: none;
transition: color var(--oxy-tr, 0.2s);
&:hover {
color: var(--oxy-c-blue1, #0088FF);
}
}
}
& .hscourse-my-course-meta {
list-style: none;
padding: 0;
margin: 0 auto;
display: flex;
align-items: center;
justify-content: center;
& li:not(:first-child) {
display: none;
}
& li {
margin-bottom: 0;
display: inline-flex;
align-items: center;
font-size: var(--oxy-fs14, 13px);
background-color: rgba(255, 255, 255, 0.03);
border: 1px solid var(--oxy-c-blue2);
padding: 6px 14px;
border-radius: 16px;
line-height: 1;
& .hscourse-meta-label {
color: var(--oxy-c-gray1, #8a94a6);
}
& .hscourse-meta-value {
color: var(--oxy-c-gray2, #e2e8f0);
font-weight: 600;
& a {
color: var(--oxy-c-blue1, #0088FF);
text-decoration: none;
&:hover {
text-decoration: underline;
}
}
}
}
}
& a[class*="oxy-btn"],
& .hscourse-my-course-button {
z-index: 2;
position: relative;
font-size: var(--oxy-fs14, 14px);
font-weight: var(--oxy-fw5, 500);
display: inline-flex;
align-items: center;
border-radius: 28px;
padding: 0 16px 0 76px;
text-wrap: nowrap;
text-decoration: none;
min-height: 48px;
border: 0px;
overflow: hidden;
flex-shrink: 0;
color: var(--oxy-c-dark, #000) !important;
background: var(--oxy-c-blue1, #0088ff);
--btn-arrow-circle-bg: var(--oxy-c-dark, #000);
--btn-arrow-color: var(--oxy-c-blue1, #0088ff);
transition: background var(--oxy-tr, 0.3s);
&:hover {
background: var(--oxy-c-green1, #18F58E);
--btn-arrow-color: var(--oxy-c-green1, #18F58E);
&::before,
&::after {
transform: translateY(-50%) rotate(-135deg);
}
}
&::before {
position: absolute;
content: "";
width: 40px;
height: 40px;
left: 4px;
top: 50%;
border-radius: 50%;
background-color: var(--btn-arrow-circle-bg);
transform: translateY(-50%) rotate(45deg);
transition: transform var(--oxy-tr, 0.3s);
z-index: 2;
}
&::after {
position: absolute;
content: "";
width: 24px;
height: 24px;
left: 12px;
top: 50%;
transform: translateY(-50%) rotate(-90deg);
background-color: var(--btn-arrow-color);
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M7 17L17 7M17 7H9M17 7V15' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
transition: transform var(--oxy-tr, 0.3s);
z-index: 2;
}
}
}
}
@media (max-width: 768px) {
.hscourse-my-courses-list .hscourse-my-course-card {
padding: 16px;
flex-direction: column;
align-items: stretch;
& .hscourse-my-course-body {
flex-direction: column;
align-items: flex-start;
gap: 16px;
}
& .hscourse-my-course-meta {
width: 100%;
margin: 0;
& li {
width: 100%;
justify-content: space-between;
}
}
& a[class*="oxy-btn"],
& .hscourse-my-course-button {
width: 100%;
min-height: 40px;
padding: 0 12px 0 60px;
justify-content: center;
&::before {
width: 32px;
height: 32px;
}
&::after {
width: 19px;
height: 19px;
left: 10px;
}
}
}
}
/** Course In Account Ends **/
/** Order In Account Begins **/
/* WooCommerce Orders Table Section */
.woocommerce-MyAccount-content {
& .woocommerce-orders-table {
width: 100%;
border-collapse: separate;
border-spacing: 0 12px;
background: transparent;
margin: 0;
& thead th {
color: var(--oxy-c-gray1, #8a94a6);
font-size: var(--oxy-fs14, 14px);
font-weight: var(--oxy-fw5, 500);
padding: 12px 20px;
border: none;
text-align: right;
}
& tbody tr {
background-color: var(--oxy-c-blue3, #0e1626);
border: 1px solid var(--oxy-c-blue2, #1b263b);
transition: border-color var(--oxy-tr, 0.3s);
&:hover {
border-color: var(--oxy-c-blue1, #0088ff);
}
& th:first-child, & td:first-child {
border-start-start-radius: 24px;
border-end-start-radius: 24px;
border-right: 1px solid var(--oxy-c-blue2, #1b263b);
}
& th:last-child, & td:last-child {
border-start-end-radius: 24px;
border-end-end-radius: 24px;
border-left: 1px solid var(--oxy-c-blue2, #1b263b);
}
& th, & td {
border-top: 1px solid var(--oxy-c-blue2, #1b263b);
border-bottom: 1px solid var(--oxy-c-blue2, #1b263b);
padding: 16px 20px;
vertical-align: middle;
color: var(--oxy-c-gray2, #e2e8f0);
font-size: var(--oxy-fs14, 14px);
}
}
& .woocommerce-orders-table__cell-order-number a {
color: var(--oxy-c-white, #ffffff);
font-weight: var(--oxy-fw7, 700);
text-decoration: none;
&:hover {
color: var(--oxy-c-blue1, #0088ff);
}
}
& .woocommerce-orders-table__row--status-completed .woocommerce-orders-table__cell-order-status {
color: var(--oxy-c-green1, #18f58e);
font-weight: var(--oxy-fw5, 500);
}
& .woocommerce-Price-amount {
color: var(--oxy-c-white, #ffffff);
font-weight: var(--oxy-fw6, 600);
}
& .woocommerce-orders-table__cell-order-actions {
& .woocommerce-button.button.view {
z-index: 2;
position: relative;
font-size: var(--oxy-fs14, 14px);
font-weight: var(--oxy-fw5, 500);
display: inline-flex;
align-items: center;
border-radius: 28px;
padding: 0 16px 0 76px;
text-wrap: nowrap;
text-decoration: none;
min-height: 48px;
line-height: 48px;
border: 0px;
overflow: hidden;
flex-shrink: 0;
color: var(--oxy-c-dark, #000) !important;
background: var(--oxy-c-blue1, #0088ff);
--btn-arrow-circle-bg: var(--oxy-c-dark, #000);
--btn-arrow-color: var(--oxy-c-blue1, #0088ff);
transition: background var(--oxy-tr, 0.3s);
&:hover {
background: var(--oxy-c-green1, #18F58E);
--btn-arrow-color: var(--oxy-c-green1, #18F58E);
&::before,
&::after {
transform: translateY(-50%) rotate(-135deg);
}
}
&::before {
position: absolute;
content: "";
width: 40px;
height: 40px;
left: 4px;
top: 50%;
border-radius: 50%;
background-color: var(--btn-arrow-circle-bg);
transform: translateY(-50%) rotate(45deg);
transition: transform var(--oxy-tr, 0.3s);
z-index: 2;
}
&::after {
position: absolute;
content: "";
width: 24px;
height: 24px;
left: 12px;
top: 50%;
transform: translateY(-50%) rotate(-90deg);
background-color: var(--btn-arrow-color);
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M7 17L17 7M17 7H9M17 7V15' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
transition: transform var(--oxy-tr, 0.3s);
z-index: 2;
}
}
}
}
}
/* بهینهسازی نمایش ریسپانسیو در موبایل بر اساس ساختار واکنشگرای ووکامرس */
@media (max-width: 768px) {
.woocommerce-orders-table.shop_table_responsive {
& tbody tr {
display: block;
border-radius: 24px !important;
padding: 12px;
margin-bottom: 16px;
border: 1px solid var(--oxy-c-blue2, #1b263b) !important;
& td, & th {
display: flex;
justify-content: space-between;
align-items: center;
border: none !important;
padding: 10px 8px !important;
text-align: left;
&::before {
content: attr(data-title);
float: right;
font-weight: var(--oxy-fw5, 500);
color: var(--oxy-c-gray1, #8a94a6);
}
}
& .woocommerce-orders-table__cell-order-actions {
display: block !important;
padding-top: 16px !important;
border-top: 1px solid var(--oxy-c-blue2, #1b263b) !important;
&::before {
display: none;
}
& .woocommerce-button.button.view {
width: 100%;
min-height: 40px;
line-height: 40px;
padding: 0 12px 0 60px;
justify-content: center;
&::before {
width: 32px;
height: 32px;
}
&::after {
width: 19px;
height: 19px;
left: 10px;
}
}
}
}
}
}
/** Order In Account Ends **/
/** Account Detail Begins **/
.woocommerce-MyAccount-content {
& .woocommerce-EditAccountForm.edit-account {
background-color: var(--oxy-c-blue3, #0e1626);
border: 1px solid var(--oxy-c-blue2, #1b263b);
border-radius: 24px;
padding: 32px;
width: 100%;
& .form-row-first {
float: right;
width: 48%;
}
& .form-row-last {
float: left;
width: 48%;
}
& .form-row-wide {
clear: both;
width: 100%;
}
& p label {
display: block;
color: var(--oxy-c-gray1, #8a94a6);
font-size: var(--oxy-fs14, 14px);
font-weight: var(--oxy-fw5, 500);
margin-bottom: 8px;
& .required {
color: #ff4d4d;
text-decoration: none;
}
}
& p input.input-text {
width: 100%;
background-color: rgba(255, 255, 255, 0.03);
border: 1px solid var(--oxy-c-blue2, #1b263b);
color: var(--oxy-c-white, #ffffff);
font-size: var(--oxy-fs14, 14px);
padding: 12px 16px;
border-radius: 14px;
outline: none;
transition: border-color var(--oxy-tr, 0.3s), background-color var(--oxy-tr, 0.3s);
&:focus {
border-color: var(--oxy-c-blue1, #0088ff);
background-color: rgba(255, 255, 255, 0.05);
}
}
& #account_display_name_description {
display: block;
margin-top: 6px;
font-size: var(--oxy-fs12, 12px);
color: var(--oxy-c-gray1, #8a94a6);
opacity: 0.8;
}
& fieldset {
border: 1px dashed var(--oxy-c-blue2, #1b263b);
border-radius: 18px;
padding: 24px;
margin: 24px 0;
background-color: rgba(0, 0, 0, 0.1);
& legend {
color: var(--oxy-c-white, #ffffff);
font-size: var(--oxy-fs16, 16px);
font-weight: var(--oxy-fw6, 600);
padding: 0 12px;
}
& p:last-of-type {
margin-bottom: 0;
}
}
& .password-input {
position: relative;
display: block;
& .show-password-input {
position: absolute;
top: 50%;
left: 12px;
transform: translateY(-50%);
background: transparent;
border: none;
color: var(--oxy-c-gray1, #8a94a6);
cursor: pointer;
padding: 4px;
}
}
& button[type="submit"].woocommerce-Button.button {
z-index: 2;
position: relative;
font-size: var(--oxy-fs14, 14px);
font-weight: var(--oxy-fw5, 500);
display: inline-flex;
align-items: center;
border-radius: 28px;
padding: 0 16px 0 76px;
text-wrap: nowrap;
text-decoration: none;
min-height: 48px;
line-height: 48px;
border: 0px;
overflow: hidden;
cursor: pointer;
color: var(--oxy-c-dark, #000) !important;
background: var(--oxy-c-blue1, #0088ff);
--btn-arrow-circle-bg: var(--oxy-c-dark, #000);
--btn-arrow-color: var(--oxy-c-blue1, #0088ff);
transition: background var(--oxy-tr, 0.3s);
&:hover {
background: var(--oxy-c-green1, #18F58E);
--btn-arrow-color: var(--oxy-c-green1, #18F58E);
&::before,
&::after {
transform: translateY(-50%) rotate(-135deg);
}
}
&::before {
position: absolute;
content: "";
width: 40px;
height: 40px;
left: 4px;
top: 50%;
border-radius: 50%;
background-color: var(--btn-arrow-circle-bg);
transform: translateY(-50%) rotate(45deg);
transition: transform var(--oxy-tr, 0.3s);
z-index: 2;
}
&::after {
position: absolute;
content: "";
width: 24px;
height: 24px;
left: 12px;
top: 50%;
transform: translateY(-50%) rotate(-90deg);
background-color: var(--btn-arrow-color);
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M7 17L17 7M17 7H9M17 7V15' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
transition: transform var(--oxy-tr, 0.3s);
z-index: 2;
}
}
}
}
@media (max-width: 768px) {
.woocommerce-MyAccount-content .woocommerce-EditAccountForm.edit-account {
padding: 20px;
& .form-row-first, & .form-row-last {
float: none;
width: 100%;
margin-bottom: 16px;
}
& fieldset {
padding: 16px;
}
& button[type="submit"].woocommerce-Button.button {
width: 100%;
min-height: 40px;
line-height: 40px;
padding: 0 12px 0 60px;
justify-content: center;
&::before {
width: 32px;
height: 32px;
}
&::after {
width: 19px;
height: 19px;
left: 10px;
}
}
}
}
/** Account Detail Endss **/
/** WooCommerce Addresses Section Begins **/
.woocommerce-MyAccount-content {
& > p {
color: var(--oxy-c-gray1, #8a94a6);
font-size: var(--oxy-fs14, 14px);
margin-bottom: 24px;
}
& .woocommerce-Addresses.addresses {
display: flex;
gap: 24px;
width: 100%;
& .woocommerce-Address {
flex: 1;
background-color: var(--oxy-c-blue3, #0e1626);
border: 1px solid var(--oxy-c-blue2, #1b263b);
border-radius: 24px;
padding: 24px;
display: flex;
flex-direction: column;
gap: 20px;
transition: border-color var(--oxy-tr, 0.3s);
&:hover {
border-color: var(--oxy-c-blue1, #0088ff);
}
& .woocommerce-Address-title.title {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
gap: 16px;
border-bottom: 1px solid var(--oxy-c-blue2, #1b263b);
padding-bottom: 16px;
margin: 0;
& h2 {
margin: 0;
color: var(--oxy-c-white, #ffffff);
font-size: var(--oxy-fs16, 16px);
font-weight: var(--oxy-fw7, 700);
}
& a.edit {
z-index: 2;
position: relative;
font-size: var(--oxy-fs13, 13px);
font-weight: var(--oxy-fw5, 500);
display: inline-flex;
align-items: center;
border-radius: 28px;
padding: 0 16px 0 16px;
text-wrap: nowrap;
text-decoration: none;
min-height: 40px;
line-height: 40px;
border: 0px;
overflow: hidden;
flex-shrink: 0;
color: var(--oxy-c-dark, #000) !important;
background: var(--oxy-c-blue1, #0088ff);
--btn-arrow-circle-bg: var(--oxy-c-dark, #000);
transition: background var(--oxy-tr, 0.3s);
flex-direction: row-reverse;
&:hover {
background: var(--oxy-c-green1, #18F58E);
}
}
}
& address {
color: var(--oxy-c-gray2, #e2e8f0);
font-size: var(--oxy-fs14, 14px);
font-style: normal;
line-height: 1.8;
padding: 4px 0;
}
}
}
}
@media (max-width: 768px) {
.woocommerce-MyAccount-content {
& .woocommerce-Addresses.addresses {
flex-direction: column;
gap: 16px;
& .woocommerce-Address {
padding: 18px;
& .woocommerce-Address-title.title {
flex-direction: column;
align-items: flex-start;
gap: 12px;
& a.edit {
width: 100%;
justify-content: center;
}
}
}
}
}
}
/** WooCommerce Addresses Section Ends **/
/** WooCommerce Edit Address Begins **/
.woocommerce-MyAccount-content {
& form[method="post"] {
background-color: var(--oxy-c-blue3, #0e1626);
border: 1px solid var(--oxy-c-blue2, #1b263b);
border-radius: 24px;
padding: 32px;
width: 100%;
& h2 {
margin: 0 0 24px 0;
color: var(--oxy-c-white, #ffffff);
font-size: var(--oxy-fs18, 18px);
font-weight: var(--oxy-fw7, 700);
border-bottom: 1px solid var(--oxy-c-blue2, #1b263b);
padding-bottom: 12px;
}
& .woocommerce-address-fields__field-wrapper {
display: flex;
flex-wrap: wrap;
gap: 16px;
width: 100%;
& p.form-row {
display: flex;
flex-direction: column;
margin: 0;
width: 100%;
&.form-row-first {
width: calc(50% - 8px);
}
&.form-row-last {
width: calc(50% - 8px);
}
& label {
color: var(--oxy-c-gray1, #8a94a6);
font-size: var(--oxy-fs14, 14px);
font-weight: var(--oxy-fw5, 500);
margin-bottom: 8px;
& .required {
color: #ff4d4d;
text-decoration: none;
}
& .optional {
font-size: var(--oxy-fs12, 12px);
opacity: 0.7;
}
}
& .woocommerce-input-wrapper {
width: 100%;
position: relative;
}
& input.input-text {
width: 100%;
background-color: rgba(255, 255, 255, 0.03);
border: 1px solid var(--oxy-c-blue2, #1b263b);
color: var(--oxy-c-white, #ffffff);
font-size: var(--oxy-fs14, 14px);
padding: 12px 16px;
border-radius: 14px;
outline: none;
transition: border-color var(--oxy-tr, 0.3s), background-color var(--oxy-tr, 0.3s);
&:focus {
border-color: var(--oxy-c-blue1, #0088ff);
background-color: rgba(255, 255, 255, 0.05);
}
&::placeholder {
color: var(--oxy-c-gray1, #8a94a6);
opacity: 0.5;
}
}
& select,
& .select2-container--default .select2-selection--single {
width: 100% !important;
background-color: rgba(255, 255, 255, 0.03) !important;
border: 1px solid var(--oxy-c-blue2, #1b263b) !important;
color: var(--oxy-c-white, #ffffff) !important;
font-size: var(--oxy-fs14, 14px);
padding: 10px 16px !important;
border-radius: 14px !important;
outline: none;
height: auto !important;
min-height: 46px;
display: flex;
align-items: center;
transition: border-color var(--oxy-tr, 0.3s);
& .select2-selection__rendered {
color: var(--oxy-c-white, #ffffff) !important;
padding: 0 !important;
line-height: inherit !important;
}
& .select2-selection__arrow {
top: 50% !important;
transform: translateY(-50%);
left: 12px !important;
right: auto !important;
& b {
border-color: var(--oxy-c-gray1, #8a94a6) transparent transparent transparent !important;
}
}
}
}
}
& p:last-of-type {
margin: 24px 0 0 0;
display: flex;
justify-content: flex-start;
& button[type="submit"].button {
z-index: 2;
position: relative;
font-size: var(--oxy-fs13, 13px);
font-weight: var(--oxy-fw5, 500);
display: inline-flex;
align-items: center;
border-radius: 28px;
padding: 0 16px 0 44px;
text-wrap: nowrap;
text-decoration: none;
min-height: 40px;
line-height: 40px;
border: 0px;
overflow: hidden;
cursor: pointer;
color: var(--oxy-c-dark, #000) !important;
background: var(--oxy-c-blue1, #0088ff);
--btn-arrow-circle-bg: var(--oxy-c-dark, #000);
transition: background var(--oxy-tr, 0.3s);
&:hover {
background: var(--oxy-c-green1, #18F58E);
}
&::before {
position: absolute;
content: "";
width: 28px;
height: 28px;
left: 6px;
top: 50%;
border-radius: 50%;
background-color: var(--btn-arrow-circle-bg);
transform: translateY(-50%);
z-index: 2;
}
}
}
}
}
@media (max-width: 768px) {
.woocommerce-MyAccount-content form[method="post"] {
padding: 20px;
& .woocommerce-address-fields__field-wrapper {
gap: 12px;
& p.form-row.form-row-first,
& p.form-row.form-row-last {
width: 100%;
}
}
& p:last-of-type button[type="submit"].button {
width: 100%;
justify-content: center;
}
}
}
/** WooCommerce Edit Address Ends **/
/** WooCommerce My Account Dashboard Begins **/
.woocommerce-MyAccount-content {
& > p:first-of-type {
color: var(--oxy-c-white, #ffffff);
font-size: var(--oxy-fs18, 18px);
font-weight: var(--oxy-fw7, 700);
margin-bottom: 24px;
border-bottom: 1px solid var(--oxy-c-blue2, #1b263b);
padding-bottom: 12px;
display: block;
visibility: hidden;
& strong:first-of-type {
visibility: visible;
display: inline-block;
&::before {
content: "سلام ";
display: inline-block;
margin-left: 4px;
}
}
& strong:last-of-type,
& a[href*="logout"] {
display: none !important;
}
}
& > p:nth-of-type(2) {
display: none !important;
}
& ul.wd-my-account-links.wd-nav-my-acc {
display: flex !important;
flex-wrap: wrap;
gap: 16px;
padding: 0;
margin: 0;
list-style: none;
width: 100%;
& li {
flex: 1;
min-width: calc(33.333% - 11px);
margin: 0 !important;
& a {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 12px;
background-color: var(--oxy-c-blue3, #0e1626);
border: 1px solid var(--oxy-c-blue2, #1b263b);
border-radius: 24px;
padding: 24px;
min-height: 120px;
text-decoration: none;
transition: border-color var(--oxy-tr, 0.3s), background-color var(--oxy-tr, 0.3s);
&:hover {
border-color: var(--oxy-c-blue1, #0088ff);
background-color: rgba(255, 255, 255, 0.02);
& .nav-link-text {
color: var(--oxy-c-blue1, #0088ff);
}
& .wd-nav-icon::before {
color: var(--oxy-c-blue1, #0088ff);
}
}
& .wd-nav-icon {
margin: 0;
display: inline-flex;
align-items: center;
justify-content: center;
&::before {
font-size: 24px;
color: var(--oxy-c-gray1, #8a94a6);
transition: color var(--oxy-tr, 0.3s);
}
}
& .nav-link-text {
color: var(--oxy-c-white, #ffffff);
font-size: var(--oxy-fs14, 14px);
font-weight: var(--oxy-fw5, 500);
transition: color var(--oxy-tr, 0.3s);
}
}
&.wd-my-acc-customer-logout a:hover {
border-color: #ff4d4d;
& .nav-link-text, & .wd-nav-icon::before {
color: #ff4d4d;
}
}
}
}
}
/** WooCommerce My Account Dashboard Ends **/
/* Account Ends */
/* Login & Register Form Begins */
.woocommerce .farazsms-inline-login-wrapper {
display: flex;
justify-content: center;
align-items: center;
padding: 40px 20px;
width: 100%;
& .farazsms-embedded-login.farazsms-style-3 {
background-color: var(--oxy-c-blue3, #0e1626);
border: 1px solid var(--oxy-c-blue2, #1b263b);
border-radius: 24px;
padding: 40px 32px;
max-width: 500px;
width: 100%;
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4);
text-align: center;
box-sizing: border-box;
& .login-register-form,
& .farazsms-main-login-form {
background: transparent;
padding: 0;
margin: 0;
border: none;
box-shadow: none;
}
& .farazsms-back {
display: flex;
align-items: center;
justify-content: center;
width: 36px;
height: 36px;
background-color: rgba(255, 255, 255, 0.05);
border-radius: 50%;
margin-bottom: 16px;
transition: background-color var(--oxy-tr, 0.3s);
top: 0;
left: 0;
bottom: unset;
right: unset;
&:hover {
background-color: rgba(255, 255, 255, 0.1);
}
& svg {
fill: var(--oxy-c-white, #ffffff);
transform: rotate(180deg);
}
}
& .farazsms-form-title {
color: var(--oxy-c-white, #ffffff);
font-size: var(--oxy-fs20, 20px);
font-weight: var(--oxy-fw7, 700);
margin: 0 0 12px 0;
}
& .farazsms-form-subtitle {
color: var(--oxy-c-gray1, #8a94a6);
font-size: var(--oxy-fs14, 14px);
font-weight: var(--oxy-fw5, 500);
line-height: 1.6;
margin: 0 0 24px 0;
}
& input#identifier,input[name="full_name"] {
width: 100%;
min-height: 48px;
background-color: rgba(255, 255, 255, 0.03);
border: 1px solid var(--oxy-c-blue2, #1b263b);
border-radius: 12px;
color: var(--oxy-c-white, #ffffff);
font-size: var(--oxy-fs18, 18px);
font-weight: var(--oxy-fw6, 600);
text-align: center;
outline: none;
box-shadow: none;
transition: border-color var(--oxy-tr, 0.3s), box-shadow var(--oxy-tr, 0.3s);
&:focus {
border-color: var(--oxy-c-blue1, #0088ff);
box-shadow: 0 0 10px rgba(0, 136, 255, 0.2);
}
}
& #submit-register input[name="full_name"] {
color: var(--oxy-c-gray1);
font-size: var(--oxy-fs14-res);
font-weight: var(--oxy-fw3);
}
& .farazsms-otp-inputs {
display: flex;
justify-content: center;
gap: 8px;
direction: ltr;
margin-bottom: 20px;
& input.otp-digit {
width: 44px;
height: 48px;
background-color: rgba(255, 255, 255, 0.03);
border: 1px solid var(--oxy-c-blue2, #1b263b);
border-radius: 12px;
color: var(--oxy-c-white, #ffffff);
font-size: var(--oxy-fs18, 18px);
font-weight: var(--oxy-fw6, 600);
text-align: center;
outline: none;
box-shadow: none;
transition: border-color var(--oxy-tr, 0.3s), box-shadow var(--oxy-tr, 0.3s);
&:focus {
border-color: var(--oxy-c-blue1, #0088ff);
box-shadow: 0 0 10px rgba(0, 136, 255, 0.2);
}
}
}
& .farazsms-change-link {
background: none;
border: none;
padding: 0;
color: var(--oxy-c-blue1, #0088ff);
font-size: var(--oxy-fs14, 14px);
font-weight: var(--oxy-fw5, 500);
cursor: pointer;
text-decoration: none;
justify-self: center;
transition: color var(--oxy-tr, 0.2s);
&:hover {
color: var(--oxy-c-green1, #18F58E);
}
}
& .farazsms-countdown-timer {
margin-top: 16px;
color: var(--oxy-c-gray1, #8a94a6);
font-size: var(--oxy-fs13, 13px);
}
& input.farazsms-submit {
width: 100%;
min-height: 48px;
border-radius: 28px;
border: none;
margin-top: 24px;
font-size: 16px;
font-weight: 700;
color: var(--oxy-c-dark, #000);
background: var(--oxy-c-blue1);
cursor: pointer;
box-shadow: none;
transition: background var(--oxy-tr, 0.3s), transform 0.1s;
&:hover {
background: var(--oxy-c-green1, #18F58E);
}
&:active {
transform: scale(0.98);
}
}
& .btn-loading {
background-color: var(--oxy-c-green1);
border-radius: 28px;
& div div {
background-color: #000000;
}
}
& p.farazsms-footer-text {
color: var(--oxy-c-gray1);
margin-top: 24px;
font-size: var(--oxy-fs13, 13px);
}
}
}
/* Login & Register Form Ends */
/* Cart Widget Side Begins */
.cart-widget-side.wd-side-hidden {
background-color: var(--oxy-c-blue4);
border-right: 1px solid var(--oxy-c-blue2);
box-shadow: -10px 0 30px rgba(0, 0, 0, 0.5);
z-index:999;
& .wd-heading {
border-bottom: 1px solid var(--oxy-c-blue2);
padding: 20px;
display: flex;
align-items: center;
justify-content: space-between;
& .title {
color: var(--oxy-c-white, #ffffff);
font-size: var(--oxy-fs18, 18px);
font-weight: var(--oxy-fw7, 700);
}
& .close-side-widget a {
color: var(--oxy-c-gray1, #8a94a6);
font-size: var(--oxy-fs14, 14px);
text-decoration: none;
transition: color var(--oxy-tr, 0.3s);
display: flex;
align-items: center;
gap: 8px;
.wd-action-text{display:none}
&:hover {
color: var(--oxy-c-blue1);
}
}
}
& .widget_shopping_cart_content {
display: flex;
flex-direction: column;
height: calc(100% - 70px);
padding: 14px;
& .shopping-cart-widget-body {
flex: 1;
padding: 0;
& .cart_list.woocommerce-mini-cart {
padding: 0;
margin: 0;
list-style: none;
& .woocommerce-mini-cart-item {
position: relative;
display: flex;
gap: 16px;
padding: 20px;
background-color: transparent;
background: transparent;
border-bottom: 1px dashed var(--oxy-c-blue2);
& .cart-item-image {
width: 70px;
height: 70px;
border-radius: 12px;
overflow: hidden;
border: 1px solid var(--oxy-c-blue2);
flex-shrink: 0;
& img {
width: 100%;
height: 100%;
object-fit: cover;
}
}
& .cart-info {
flex: 1;
display: flex;
flex-direction: column;
gap: 6px;
padding: 0;
margin: 0;
& .wd-entities-title {
color: var(--oxy-c-white);
font-size: var(--oxy-fs12, 12px);
font-weight: var(--oxy-fw4, 400);
line-height: 2;
display: block;
}
& .variation {
padding: 0;
margin: 0;
list-style: none;
display: flex;
gap: 12px;
.item-variation-name{color: var();}
& li {
font-size: var(--oxy-fs12, 12px);
color: var(--oxy-c-gray1);
display: flex;
gap: 4px;
& p {
margin: 0;
color: var(--oxy-c-white);
}
}
}
& .quantity {
color: var(--oxy-c-gray1);
font-size: var(--oxy-fs13, 13px);
& .amount {
color: var(--oxy-c-green1);
font-weight: var(--oxy-fw6, 600);
}
}
}
& .remove {
position: absolute;
top: 20px;
left: 20px;
right: unset;
width: 24px;
height: 24px;
background-color: rgba(255, 77, 77, 0.1);
color: var(--oxy-c-gray1);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 16px;
transition: background var(--oxy-tr, 0.3s), color var(--oxy-tr, 0.3s);
&::after{display:none}
&:hover {
background-color: #ff4d4d;
color: #ffffff;
}
}
}
}
}
& .shopping-cart-widget-footer {
background-color: rgba(255, 255, 255, 0.02);
border: 1px solid var(--oxy-c-blue2);
padding: 20px;
border-radius: 18px;
& .woocommerce-mini-cart__total {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 20px;
font-size: var(--oxy-fs15, 15px);
color: var(--oxy-c-white);
& strong {
font-weight: var(--oxy-fw5, 500);
color: var(--oxy-c-gray1);
}
& .amount {
font-size: var(--oxy-fs18, 18px);
font-weight: var(--oxy-fw7, 700);
color: var(--oxy-c-green1);
}
}
& .woocommerce-mini-cart__buttons {
display: flex;
gap: 12px;
margin: 0;
& a.button {
flex: 1;
min-height: 48px;
border-radius: 24px;
display: inline-flex;
align-items: center;
justify-content: center;
font-size: var(--oxy-fs14, 14px);
font-weight: var(--oxy-fw7, 700);
text-decoration: none;
transition: background var(--oxy-tr, 0.3s), border var(--oxy-tr, 0.3s), color var(--oxy-tr, 0.3s);
box-sizing: border-box;
&.btn-cart {
display: none;
}
&.checkout {
background: var(--oxy-c-blue1);
color: var(--oxy-c-dark, #000000);
border: none;
width: 100%;
&:hover {
background: var(--oxy-c-green1);
}
}
}
}
}
}
span.wd-action-icon {
background-color: var(--oxy-c-dark3);
padding: 10px;
border-radius: 50%;
&::before{color:#ff6e6e;}
}
}
/* Cart Widget Side Ends */
/* Chech Out Begins */
.woocommerce-form-coupon-toggle.woocommerce-form-coupon-toggle {
& .woocommerce-info {
background-color: var(--oxy-c-blue3) ;
border: 1px solid var(--oxy-c-blue2) ;
border-right: 4px solid var(--oxy-c-blue1) ;
color: var(--oxy-c-white) !important;
padding: 15px 20px !important;
border-radius: 8px;
margin-bottom: 20px;
font-size: 14px;
display: flex;
align-items: center;
gap: 8px;
& a.showcoupon {
color: var(--oxy-c-blue1) ;
text-decoration: none;
font-weight: var(--oxy-fw7, 700);
transition: color var(--oxy-tr, 0.3s);
&:hover {
color: var(--oxy-c-green1) ;
}
}
}
}
form.checkout_coupon.woocommerce-form-coupon {
background-color: var(--oxy-c-blue3) ;
border: 1px solid var(--oxy-c-blue2) ;
padding: 20px;
border-radius: 10px;
margin-bottom: 30px;
display: flex;
gap: 15px;
align-items: flex-end;
flex-wrap: wrap;
& .form-row {
margin: 0;
flex: 1;
min-width: 200px;
}
& input.input-text {
width: 100%;
background-color: #111a2e ;
border: 1px solid var(--oxy-c-blue2) ;
color: var(--oxy-c-white) ;
padding: 12px 15px;
border-radius: 8px;
outline: none;
&:focus {
border-color: var(--oxy-c-blue1) ;
}
}
& button.button {
background-color: var(--oxy-c-blue1) ;
color: var(--oxy-c-dark, #000000) ;
border: none ;
padding: 13px 25px;
border-radius: 8px;
font-weight: var(--oxy-fw7, 700);
cursor: pointer;
transition: background var(--oxy-tr, 0.3s);
&:hover {
background-color: var(--oxy-c-green1) ;
}
}
}
.woocommerce-NoticeGroup-checkout {border:1px solid rgba(149,0,0,0.6); border-radius: var(--oxy-br12-res);}
form.woocommerce-checkout {
display: flex;
gap: 30px;
align-items: start;
& .col-1,
& .col-2,
& #customer_details,
& .woocommerce-billing-fields {
& .woocommerce-additional-fields {display: none;}
background-color: var(--oxy-c-blue3, #0e1626) ;
border: 1px solid var(--oxy-c-blue2, #1b263b) ;
padding: 30px ;
border-radius: 12px ;
width: 100% ;
max-width: 100% ;
box-sizing: border-box;
margin-bottom: 25px;
& h3 {
color: var(--oxy-c-white, #ffffff) ;
font-size: var(--oxy-fs18, 18px) ;
font-weight: var(--oxy-fw7, 700) ;
margin-bottom: 25px ;
border-bottom: 1px solid var(--oxy-c-blue2, #1b263b) ;
padding-bottom: 12px ;
}
& .form-row {
margin-bottom: 20px ;
float: none ;
width: 100% ;
& label {
display: block ;
color: var(--oxy-c-gray1, #8a94a6) ;
margin-bottom: 8px ;
font-size: var(--oxy-fs13, 13px) ;
font-weight: var(--oxy-fw5, 500);
& .required {
color: #ff4d4d ;
text-decoration: none ;
}
}
& input.input-text,
& textarea.input-text {
width: 100% ;
background-color: #111a2e ;
border: 1px solid var(--oxy-c-blue2, #1b263b) ;
color: var(--oxy-c-white, #ffffff) ;
padding: 12px 15px ;
border-radius: 8px ;
outline: none ;
transition: border-color var(--oxy-tr, 0.3s), box-shadow var(--oxy-tr, 0.3s);
box-sizing: border-box;
&:focus {
border-color: var(--oxy-c-blue1, #0088ff) ;
box-shadow: 0 0 8px rgba(0, 136, 255, 0.25) ;
}
}
& textarea {
height: 100px ;
resize: vertical;
}
}
& .select2-container--default {
width: 100% ;
& .select2-selection--single {
background-color: #111a2e ;
border: 1px solid var(--oxy-c-blue2, #1b263b) ;
height: 48px ;
border-radius: 8px ;
display: flex;
align-items: center;
& .select2-selection__rendered {
color: var(--oxy-c-white, #ffffff) ;
padding-right: 15px ;
padding-left: 15px ;
}
& .select2-selection__arrow {
height: 46px ;
left: 10px ;
right: auto ;
}
}
}
}
& .checkout-order-review,
& #order_review_heading,
& #order_review {
background-color: var(--oxy-c-blue3, #0e1626) ;
background: var(--oxy-c-blue3, #0e1626) !important;
max-width: 100%;
}
& .checkout-order-review {
th.product-total {
display: flex;
justify-content: end;
}
tr.cart-subtotal {
display: none;
}
tr {
border-bottom: 1px solid var(--oxy-c-blue2, #1b263b);
}
border: 1px solid var(--oxy-c-blue2, #1b263b) ;
padding: 30px ;
border-radius: 12px ;
position: sticky;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
&::before, &::after {
display: none ;
content: none ;
background: none ;
}
& #order_review_heading {
color: var(--oxy-c-white, #ffffff) ;
font-size: var(--oxy-fs18, 18px) ;
font-weight: var(--oxy-fw7, 700) ;
margin-bottom: 25px ;
border-bottom: 1px solid var(--oxy-c-blue2, #1b263b) ;
padding-bottom: 12px ;
}
& .wd-table-wrapper,
& #order_review,
& table.shop_table {
background-color: transparent ;
background: transparent ;
border: none ;
width: 100% ;
border-collapse: collapse ;
margin-bottom: 25px ;
& thead, & tbody, & tfoot, & tr, & th, & td {
background-color: transparent ;
background: transparent ;
}
& th, & td {
padding: 16px 10px ;
color: var(--oxy-c-gray1, #8a94a6) ;
font-size: var(--oxy-fs14, 14px) ;
text-align: right ;
}
& th {
font-weight: var(--oxy-fw6, 600) ;
color: var(--oxy-c-white, #ffffff) ;
}
& td {
color: var(--oxy-c-white, #ffffff) ;
line-height: 2;
}
& .cart_item {
& .product-name {
font-weight: var(--oxy-fw6, 600) ;
color: var(--oxy-c-white, #ffffff) ;
line-height: 1.6 ;
& .product-quantity {
color: var(--oxy-c-blue1, #0088ff) ;
margin-right: 6px ;
display: inline-block ;
}
& .variation {
list-style: none ;
padding: 0 ;
margin: 8px 0 0 0 ;
font-size: var(--oxy-fs12, 12px) ;
color: var(--oxy-c-gray1, #8a94a6) ;
display: flex ;
gap: 12px ;
& li {
display: flex ;
gap: 4px ;
& p {
margin: 0 ;
color: var(--oxy-c-white, #ffffff) ;
}
}
}
}
& .product-total .amount {
color: var(--oxy-c-white, #ffffff) ;
font-weight: var(--oxy-fw6, 600) ;
}
}
& .cart-subtotal, & .order-total {
& th {
color: var(--oxy-c-white, #ffffff) ;
line-height: 2;
}
& td .amount {
color: var(--oxy-c-green1, #18F58E) ;
font-weight: var(--oxy-fw7, 700) ;
}
}
& .order-total {
& td .amount {
font-size: var(--oxy-fs18, 18px) ;
}
}
}
& .woocommerce-checkout-payment {
background-color: #111a2e ;
border: 1px solid var(--oxy-c-blue2, #1b263b) ;
border-radius: 10px ;
padding: 20px ;
margin-top: 15px ;
& .payment_methods {
list-style: none ;
padding: 0 ;
margin: 0 ;
& .wc_payment_method {
margin-bottom: 15px ;
&:last-child {
margin-bottom: 0 ;
}
& label {
color: var(--oxy-c-white, #ffffff) ;
font-weight: var(--oxy-fw6, 600) ;
display: flex ;
align-items: center ;
gap: 10px ;
cursor: pointer ;
& img {
max-height: 24px ;
background-color: #ffffff ;
padding: 3px 8px ;
border-radius: 6px ;
}
}
& .payment_box {
background-color: var(--oxy-c-blue3, #0e1626) ;
border: 1px solid var(--oxy-c-blue2, #1b263b) ;
padding: 15px ;
border-radius: 8px ;
margin-top: 10px ;
color: var(--oxy-c-gray1, #8a94a6) ;
font-size: var(--oxy-fs13, 13px) ;
line-height: 1.6 ;
}
}
}
& .woocommerce-terms-and-conditions-wrapper {
margin-top: 20px ;
font-size: var(--oxy-fs12, 12px) ;
color: var(--oxy-c-gray1, #8a94a6) ;
line-height: 1.6 ;
& a {
color: var(--oxy-c-blue1, #0088ff) ;
text-decoration: none ;
}
}
& button#place_order {
width: 100% ;
background-color: var(--oxy-c-green1);
color: var(--oxy-c-dark, #000000) ;
border: none ;
padding: 15px ;
border-radius: 30px ;
font-size: var(--oxy-fs15, 15px) ;
font-weight: var(--oxy-fw7, 700) ;
cursor: pointer ;
transition: background var(--oxy-tr, 0.3s), transform 0.1s ;
margin-top: 20px ;
&:hover {
background-color: var(--oxy-c-green1, #18F58E) ;
}
&:active {
transform: scale(0.98) ;
}
}
}
}
}
.select2-dropdown {
background-color: #111a2e ;
border: 1px solid var(--oxy-c-blue2, #1b263b) ;
color: var(--oxy-c-white, #ffffff) ;
& .select2-search__field {
background-color: var(--oxy-c-blue3, #0e1626) ;
border: 1px solid var(--oxy-c-blue2, #1b263b) ;
color: var(--oxy-c-white, #ffffff) ;
}
& .select2-results__option {
&[aria-selected="true"] {
background-color: var(--oxy-c-blue2, #1b263b) ;
}
&--highlighted[aria-selected] {
background-color: var(--oxy-c-blue1, #0088ff) ;
color: var(--oxy-c-dark, #000000) ;
}
}
}
/* Chech Out Ends */
/* Mobile Bottom Navigation Begins */
div.wd-toolbar.wd-toolbar {
box-shadow: 0 -5px 19px 0px var(--oxy-c-dark);
background-color: var(--oxy-c-dark4);
min-height: 64px;
height: auto;
padding-block: 0;
align-items: stretch;
&.wd-toolbar-label-show .wd-tools-element > a {
flex-direction: column;
justify-content: center;
gap: 4px;
width: 100%;
height: auto;
min-height: 64px;
padding-bottom: 0;
color: var(--oxy-c-gray1);
}
&.wd-toolbar-label-show .wd-tools-element .wd-toolbar-label {
position: static;
inset: auto;
display: block;
color: var(--oxy-c-gray1);
font-size: var(--oxy-fs10);
font-weight: var(--oxy-fw3);
line-height: 2;
padding: 0;
}
.wd-tools-element .wd-toolbar-icon img {width: 24px;}
body.page-id-1294 & .wd-toolbar-link-1,
body:has(.yoast-breadcrumbs.oxy-breadcrumbs a[href="https://hooshesepid.com/product-cat/products/"]) & .wd-toolbar-link-2,
body.single-product & .wd-toolbar-link-2,
body.term-35 & .wd-toolbar-link-2,
body.page-id-1110 & .wd-toolbar-link-3,
body.term-21 & .wd-toolbar-link-3,
body:has(.yoast-breadcrumbs.oxy-breadcrumbs a[href="https://hooshesepid.com/product-cat/academy/"]) & .wd-toolbar-link-3,
body.woocommerce-account & .wd-toolbar-link-4 {
border-bottom: 3px solid var(--oxy-c-green1);
background: linear-gradient(to top, rgba(24, 245, 142, 0.05), rgba(24, 245, 142, 0));
.wd-toolbar-label {
color: var(--oxy-c-green1);
}
.wd-toolbar-icon {
background-color: var(--oxy-c-green1);
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
}
.wd-toolbar-icon img {
visibility: hidden;
}
}
body.page-id-1294 & .wd-toolbar-link-1 .wd-toolbar-icon {
-webkit-mask-image: url(/wp-content/uploads/2026/07/Shield-1.svg);
mask-image: url(/wp-content/uploads/2026/07/Shield-1.svg);
}
body:has(.yoast-breadcrumbs.oxy-breadcrumbs a[href="https://hooshesepid.com/product-cat/products/"]) & .wd-toolbar-link-2 .wd-toolbar-icon,
body.single-product & .wd-toolbar-link-2 .wd-toolbar-icon, body.term-35 & .wd-toolbar-link-2 .wd-toolbar-icon {
-webkit-mask-image: url(/wp-content/uploads/2026/07/Bag-1.svg);
mask-image: url(/wp-content/uploads/2026/07/Bag-1.svg);
}
body.term-21 & .wd-toolbar-link-3 .wd-toolbar-icon, body.page-id-1110 & .wd-toolbar-link-3 .wd-toolbar-icon, body:has(.yoast-breadcrumbs.oxy-breadcrumbs a[href="https://hooshesepid.com/product-cat/academy/"]) & .wd-toolbar-link-3 .wd-toolbar-icon {
-webkit-mask-image: url(/wp-content/uploads/2026/07/Education.svg);
mask-image: url(/wp-content/uploads/2026/07/Education.svg);
}
body.woocommerce-account & .wd-toolbar-link-4 .wd-toolbar-icon {
-webkit-mask-image: url(/wp-content/uploads/2026/07/Profile-Octagon.svg);
mask-image: url(/wp-content/uploads/2026/07/Profile-Octagon.svg);
}
}
/* Mobile Bottom Navigation Ends */
/* Videos Archive Page Begins */
.oxy-video_cart.oxy-video_cart {
.wd-post {
background: transparent;
box-shadow: none;
}
div.wd-post-inner.wd-post-inner {
position: relative;
aspect-ratio: 16 / 9;
border-radius: 24px;
overflow:hidden !important;
background: transparent;
box-shadow: none;
&::before {
content: "";
position: absolute;
inset-block-start: 12px;
inset-inline-start: auto;
left: 12px;
top: 12px;
width: 48px;
height: 48px;
background-image: url("https://hooshesepid.com/wp-content/uploads/2026/07/Group-851.svg");
background-size: contain;
background-repeat: no-repeat;
background-position: center;
z-index: 4;
pointer-events: none;
}
&::after {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 60%;
background: linear-gradient(
to top,
rgba(0, 0, 0, .85) 0%,
rgba(0, 0, 0, .55) 35%,
rgba(0, 0, 0, 0) 100%
);
z-index: 1;
pointer-events: none;
transition: opacity .3s ease;
opacity: 1;
}
&:hover::after {
opacity: 0;
}
}
.wd-post-thumb {
position: absolute;
inset: 0;
margin: 0;
border-radius: 24px;
.wd-post-img {
width: 100%;
height: 100%;
img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
border-radius: 0;
}
}
.wd-fill {
z-index: 2;
overflow: hidden;
border-radius: 24px;
}
.wd-post-date {
display: none;
}
}
div.wd-post-content.wd-post-content {
background-color:unset;
position: absolute;
left: 12px;
right: 12px;
bottom: 12px;
padding: 0;
margin: 0;
z-index: 3;
pointer-events: none;
.wd-post-title {
margin: 0;
text-align: right;
direction: rtl;
pointer-events: auto;
a {
display: inline-block;
font-size: 14px;
font-weight: 500;
line-height: 1.6;
color: #fff;
}
}
.wd-post-cat,
.wd-post-meta,
.wd-post-author,
.wd-modified-date,
.wd-post-share,
.wd-post-reply,
.wd-post-excerpt,
.wd-post-read-more {
display: none;
}
}
}
.wd-loop-footer.blog-footer .wd-blog-load-more {
display: inline-flex;
align-items: center;
justify-content: space-between;
direction: ltr;
background-color: var(--oxy-c-dark, #111) !important;
border: 1px solid var(--oxy-c-blue1, #007bff);
border-radius: 50px;
padding: 6px 0px 6px 6px;
color: var(--oxy-c-blue1, #007bff) !important;
font-size: 14px;
text-decoration: none;
}
.wd-loop-footer.blog-footer .wd-blog-load-more .load-more-label {
direction: rtl;
order: 2;
margin-right: 15px;
}
.wd-loop-footer.blog-footer .wd-blog-load-more::after {
content: "↓";
order: 1;
display: flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
background-color: var(--oxy-c-blue1, #007bff);
border-radius: 50%;
font-size: 29px;
font-weight: 700;
line-height: 1;
color: var(--oxy-c-dark);
}
.wd-loop-footer.blog-footer .wd-blog-load-more .load-more-label {
visibility: hidden;
position: relative;
}
.wd-loop-footer.blog-footer .wd-blog-load-more .load-more-label::after {
content: "مشاهده بیشتر";
visibility: visible;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
white-space: nowrap;
}
/* Videos Archive Page Ends */
/* Media Page Begins */
div.oxy-post-cart_full div.wd-post-inner.article-inner {
display: flex;
flex-direction: row; /*/* d row m column */
background: linear-gradient(to right, rgba(19, 42, 32, 0.3), rgba(17, 30, 41, 0.3));
border-radius: var(--oxy-br40-res);
overflow: hidden;
padding: 0;
position: relative;
&::before {
content: "";
position: absolute;
inset: 0;
padding: 1px;
border-radius: inherit;
background: linear-gradient(to right, var(--oxy-c-green1), var(--oxy-c-blue1));
-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude;
pointer-events: none;
z-index: 1;
opacity: .2;
}
.wd-post-thumb {
flex: 1;
position: relative;
overflow: hidden;
margin: 16px;
border-radius: var(--oxy-br24-res);
img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.wd-fill {
position: absolute;
inset: 0;
z-index: 2;
}
}
.wd-post-content {
width: 100%;
flex: 1.1;
padding: 16px;
display: flex;
flex-direction: column;
justify-content: flex-start;
text-align: right;
align-items: flex-start;
background-color: unset;
.wd-post-meta,
.wd-post-date,
.wd-modified-date,
.wd-post-share,
.wd-post-reply {display: none !important;}
.wd-post-cat {
align-self: flex-start;
background-color: var(--oxy-c-blue2);
border: 1px solid rgba(59, 163, 255, 0.5);
border-radius: 24px;
padding: 4px 12px;
height: fit-content;
position: unset !important;
margin-top: unset;
a {
color: #ffffff ;
font-size: 10px;
font-weight: var(--oxy-fw4);
}
}
.wd-post-title {
font-size: var(--oxy-fs30-res);
font-weight: var(--oxy-fw6);
color: var(--oxy-c-white);
margin-top: auto;
margin-bottom: auto;
}
}
.wd-post-date.wd-style-with-bg {
display: none;
}
.wd-post-content.article-body-container {
background-color: unset ;
}
}
/* Media Page Ends */
/* Cart Page Begins */
.cart-content-wrapper {
a {/* min-width: 100%; */}
display: flex;
gap: 30px;
align-items: start;
flex-wrap: wrap;
@media (min-width: 992px) {
flex-wrap: nowrap;
}
& .woocommerce-cart-form {
flex: 1;
width: 100%;
& table.shop_table.woocommerce-cart-form__contents {
background-color: var(--oxy-c-blue3, #0e1626);
border: 1px solid var(--oxy-c-blue2, #1b263b);
padding: 30px;
border-radius: 17px !important;
width: 100%;
border-collapse: collapse;
box-sizing: border-box;
& thead {
& tr {
border-bottom: 1px solid var(--oxy-c-blue2, #1b263b);
& th {
background: transparent;
color: var(--oxy-c-white, #ffffff);
font-size: var(--oxy-fs14, 14px);
font-weight: var(--oxy-fw6, 600);
padding: 16px 15px;
text-align: right;
border: none;
&.product-remove,
&.product-thumbnail {
text-align: center;
}
}
}
}
& tbody {
& tr.cart_item {
border-bottom: 1px dashed var(--oxy-c-blue2, #1b263b);
background: transparent;
&:last-child {
border-bottom: 1px solid var(--oxy-c-blue2, #1b263b);
}
& td {
background: transparent;
padding: 20px 15px;
color: var(--oxy-c-white, #ffffff);
/* vertical-align: middle; */
/* text-align: right; */
border: none;
font-size: var(--oxy-fs14, 14px);
&.product-remove {
text-align: center;
& a.remove {
width: 24px;
height: 24px;
background-color: rgba(255, 77, 77, 0.1);
color: var(--oxy-c-gray1, #8a94a6);
border-radius: 50%;
display: inline-flex;
align-items: center;
justify-content: center;
text-decoration: none;
transition: background var(--oxy-tr, 0.3s), color var(--oxy-tr, 0.3s);
&:hover {
background-color: #ff4d4d;
color: #ffffff;
}
}
}
&.product-thumbnail {
text-align: center;
& img {
width: 100%;
height: 70px;
border-radius: 12px;
object-fit: contain;
border: 1px solid var(--oxy-c-blue2, #1b263b);
}
}
&.product-name {
& a {
color: var(--oxy-c-white, #ffffff);
text-decoration: none;
font-weight: var(--oxy-fw6, 600);
transition: color var(--oxy-tr, 0.3s);
&:hover {
color: var(--oxy-c-blue1, #0088ff);
}
}
}
&.product-price,
&.product-subtotal {
& .amount {
color: var(--oxy-c-green1, #18F58E);
font-weight: var(--oxy-fw6, 600);
}
}
}
}
& tr.wd-cart-action-row {
border: none;
& td.actions {
background: transparent;
padding: 25px 15px 10px 15px;
border: none;
& .cart-actions {
display: flex;
gap: 15px;
align-items: center;
flex-wrap: wrap;
justify-content: space-between;
& .coupon {
display: flex;
gap: 10px;
flex: 1;
min-width: 250px;
& input.input-text {
flex: 1;
background-color: #111a2e;
border: 1px solid var(--oxy-c-blue2, #1b263b);
color: var(--oxy-c-white, #ffffff);
padding: 12px 15px;
border-radius: 8px;
outline: none;
font-size: 14px;
&:focus {
border-color: var(--oxy-c-blue1, #0088ff);
}
}
}
& button.button {
background-color: var(--oxy-c-blue1, #0088ff);
color: var(--oxy-c-dark, #000000);
border: none;
padding: 13px 25px;
border-radius: 8px;
font-weight: var(--oxy-fw7, 700);
cursor: pointer;
transition: background var(--oxy-tr, 0.3s);
font-size: 14px;
&:hover {
background-color: var(--oxy-c-green1, #18F58E);
}
&:disabled {
opacity: 0.5;
cursor: not-allowed;
background-color: var(--oxy-c-blue2, #1b263b);
color: var(--oxy-c-green1);
border: 1px solid var(--oxy-c-green1);
}
}
}
}
}
}
}
}
& .cart_totals {
width: 100%;
max-width: 400px;
flex-shrink: 0;
& .cart-totals-inner {
background-color: var(--oxy-c-blue3, #0e1626);
border: 1px solid var(--oxy-c-blue2, #1b263b);
padding: 30px;
border-radius: 12px;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
position: sticky;
top: 20px;
& h2 {
color: var(--oxy-c-white, #ffffff);
font-size: var(--oxy-fs18, 18px);
font-weight: var(--oxy-fw7, 700);
margin-top: 0;
margin-bottom: 25px;
border-bottom: 1px solid var(--oxy-c-blue2, #1b263b);
padding-bottom: 12px;
}
& table.shop_table {
width: 100%;
border-collapse: collapse;
margin-bottom: 25px;
& tr {
border-bottom: 1px solid var(--oxy-c-blue2, #1b263b);
background: transparent;
& th, & td {
background: transparent;
padding: 16px 10px;
color: var(--oxy-c-gray1, #8a94a6);
font-size: var(--oxy-fs14, 14px);
border: none;
text-align: right;
}
& th {
font-weight: var(--oxy-fw6, 600);
color: var(--oxy-c-white, #ffffff);
}
& td {
color: var(--oxy-c-white, #ffffff);
text-align: left;
}
&.cart-subtotal {
display: none; /* مطابق خواستهی استایلهای تسویه حساب شما که سابتوتال را مخفی کرده بود */
}
&.order-total {
& th {
color: var(--oxy-c-white, #ffffff);
}
& td .amount {
color: var(--oxy-c-green1, #18F58E);
font-weight: var(--oxy-fw7, 700);
font-size: var(--oxy-fs18, 18px);
}
}
}
}
& .wc-proceed-to-checkout {
& a.checkout-button {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
background-color: var(--oxy-c-green1, #18F58E);
color: var(--oxy-c-dark, #000000);
text-decoration: none;
border: none;
padding: 15px;
border-radius: 30px;
font-size: var(--oxy-fs15, 15px);
font-weight: var(--oxy-fw7, 700);
cursor: pointer;
transition: background var(--oxy-tr, 0.3s), transform 0.1s;
box-sizing: border-box;
&:hover {
background-color: var(--oxy-c-green1, #18F58E);
opacity: 0.9;
}
&:active {
transform: scale(0.98);
}
}
}
}
}
}
@media (max-width: 768.98px) {
.shop-table-with-img.shop-table-with-img tr {
padding-inline-start: 0px;
}
}
@media (max-width: 768.98px) {
.shop-table-with-img.shop-table-with-img td.product-thumbnail {
position: relative;
}
}
/* Cart Page Ends */
.oxy-dn{display: none !important;}
@media (min-width: 1025px) {
/* Header Begins */
.whb-general-header-inner {padding: 0 24px;}
.whb-general-header {padding-top: 24px;}
/** Search form Begins**/
.whb-row .wd-search-form {
& input.s {
background-color: var(--oxy-c-dark3);
min-width: unset;
padding: 0px 59px 0px 8px;}
& form.searchform {width: 211px;}
}
button.searchsubmit.wd-with-img.searchsubmit.wd-with-img {
right: 8px;
width: 32px ;
height: 32px;
background-color: var(--oxy-c-green2);
top: 50% ;
transform: translateY(-50%);}
.searchform {
input.s.s.s {
text-align: right;
padding-right: 48px;
padding-bottom: 3px;
&::placeholder {
color: var(--oxy-c-gray1);
font-weight: 300;
font-size: 12px;
opacity: 1;
}
&:-ms-input-placeholder {
color: var(--oxy-c-gray1);
font-weight: 300;
font-size: 12px;
}
&::-ms-input-placeholder {
color: var(--oxy-c-gray1);
font-weight: 300;
font-size: 12px;
}
/* این بخش به انتهای بلاک منتقل و تغییر کرد */
&:focus::placeholder {
color: transparent;
}
}
}
/** Search form Ends**/
/** Menu begins **/
.nav-link-text {
color: var(--oxy-c-gray1);
font-size: 12px;
font-weight: 300;
position: relative;
display: inline-block;
padding-bottom: 30px;
&::after {
content: '';
position: absolute;
width: 6px;
height: 20px;
left: 50%;
transform: translateX(-50%);
bottom: 0px;
background: no-repeat center / contain var(--nav-indicator-url);
visibility: hidden;
transition: opacity 0.3s ease, visibility 0.3s ease;
}
&:hover {color: var(--oxy-c-white);}
.current-menu-item & {
color: var(--oxy-c-blue1);
&::after {
opacity: 1;
visibility: visible;
}
}
}
.wd-header-nav .wd-dropdown-menu {
background-color: rgba(17, 37, 27, 0.6);
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
border: 1px solid rgba(24, 245, 142, 0.2) ;
border-radius: 15px ;
padding: 0px 0 ;
overflow:hidden;
margin-top: -15px;
}
.wd-header-nav .wd-dropdown-menu .container {
background-color: transparent ;
}
.wd-header-nav .wd-sub-menu > li > a {
font-size: 12px ;
line-height: 25px ;
color: #FFFFFF ;
padding: 12px 25px ;
}
.wd-header-nav .wd-sub-menu > li > a:hover {
background-color: rgba(24, 245, 142, 0.1) ;
color: #18f58e ;
}
.menu-item .woodmart-nav-link {position: relative;}
#menu-main-menu {margin-bottom: -32px;}
/** Menu Ends **/
/** Account & Cart Begins **/
.whb-column {
.wd-header-my-account {
background-color: var(--oxy-c-green2);
border-radius: var(--oxy-br24);
padding: 4px 7px;
&:hover {
background-color: var(--oxy-c-dark4);
& .wd-tools-text::after {
color: var(--oxy-c-white);
}
}
span.wd-tools-text {
display: inline-block;
font-size: 0px;
&::after {
vertical-align: middle;
color: var(--oxy-c-green1);
font-size: 12px;
font-weight: 300;
transition: 0s;
}
}
body:not(.logged-in) & {
.wd-tools-text::after {
content: "ورود | ثبت نام";
}
}
body.logged-in & {
.wd-tools-text::after {
content: "ناحیه کاربری";
}
}
}
.wd-header-cart {
border: solid var(--oxy-c-green3);
border-width: 0px 1px 0px 0px;
margin-right: 24px;
padding-right: 14px;
}
.wd-tools-custom-icon:hover .wd-custom-icon {
opacity: 1;
}
:is(.wd-header-my-account, .wd-tools-icon):hover .wd-custom-icon {
filter: brightness(30);
opacity: 1;
transition: 0s;
}
.wd-custom-icon{transition: 0s;}
}
/** Account & Cart Ends **/
/* Header Ends */
/* Course Archive Begins */
.oxy-testimonial_course .wd-carousel-wrap{
gap: 20px;
& .wp-block-wd-carousel-item.wd-carousel-item {max-width: 32% ; /* d32% t47% m unset */}
}
/* Course Archive Ends */
/** Product Archive Page Side Begins **/
.spr-product-archive_top-bar {
& .wd-shop-ordering{display: none;}}
/** Product Archive Page Side Ends **/
}
@media (min-width: 768px) and (max-width: 1024px) {
/* Course Archive Begins */
.oxy-testimonial_course .wd-carousel-wrap{
gap: 20px;
& .wp-block-wd-carousel-item.wd-carousel-item {max-width: 47% ; /* d32% t47% m unset */}
}
/* Course Archive Ends */
/** Product Archive Page Side Begins **/
.spr-product-archive_top-bar {
& .wd-shop-ordering{display: none;}}
/** Product Archive Page Side Ends **/
/* Cart Widget Side Begins */
.cart-widget-side.wd-side-hidden .woocommerce-mini-cart-item {flex-direction: column;}
/* Cart Widget Side Ends */
}
@media (min-width: 577px) and (max-width: 767px) {
/** border Color Utilities Begins **/
.oxy-br-c2
{position: relative;
&::before {
pointer-events: unset;}
}
/** border Color Utilities Ends **/
/* Blog Post Begins */
body.rtl{
nav.oxyplug-toc {
margin-bottom: 24px;/* d40 t40 m24 */
margin-top: 48px;/* d64 t64 m48 */
border-radius: 24px; /* d40px */
.toggle-toc{font-size:16px; margin-bottom: 16px;} /* m fs:16px mb:16px */
ul .toc-h3{
padding-top: 4px;
padding-bottom: 4px;
font-size: 10px;
padding-bottom: 6px;} /* d fs:12px pt:6px pb:6px m fs:10px pt:4px pb:4px */
ul .toc-h2{ padding-top: 12px; font-size: 12px;} /* d fs:14px pt:16px m fs:12px pt:12px */}
.oxy-blogpost__linked-card1{
max-height: 100%;
overflow: visible; /* d>max h 248px */
flex-direction: column-reverse;
span{text-align:center;}
}
.blog-post__tip .right {
border-width: 0 0 1px 0;
width:100%}
.oxy-blogpost__courses-card1 .right{margin-top:-90px;}
.oxy-blogpost__services-card1{padding-bottom:0px; gap:63px;}
}
body.post-template-default div.wp-block-wd-image img{border-radius: 24px; margin: 40px 0;} /* m> br:24px mar:40px */
.blog-post__share-box .oxy-share-text-section {
display: flex;
flex-direction: column;
flex-wrap: wrap;
align-content: center;
justify-content: flex-start;
align-items: center;
gap: 19px;
margin-top: -37px;
.oxy-share-image{ rotate: 180deg;}
}
.oxy-blog-post__navigation
{ .wd-page-nav { gap: 16px;}
.wd-page-nav-btn span.wd-entities-title {font-size:var(--oxy-fs2); line-height: 24px; display: inline-block; color:white}}
/* Blog Post Ends */
/* Course Archive Begins */
.oxy-testimonial_course .wd-carousel-wrap{
& .wp-block-wd-carousel-item.wd-carousel-item {max-width: unset* d32% t47% m unset */}
}
/* Course Archive Ends */
.oxy-br-c2
{position: relative;
&::before {
pointer-events: unset;
}
}
/* Cart Widget Side Begins */
.cart-widget-side.wd-side-hidden .woocommerce-mini-cart-item {flex-direction: column;}
/* Cart Widget Side Ends */
}
@media (max-width: 576px) {
/* Root Begins */
:root {
/** Variable Font Size Begins **/
--oxy-fs12-res: 10px;
/*/* d12 t m10 */
--oxy-fs14-res: 12px;
/*/* d14 t m12 */
--oxy-fs16-res: 14px;
/*/* d16 t m14 */
--oxy-fs16-res2: 12px;
/*/* d16 t m12 */
--oxy-fs18-res: 14px;
/*/* d18 t m14 */
--oxy-fs20-res: 18px;
/*/* d20 t m18 */
--oxy-fs20-res2: 12px;
/*/* d20 t m12 */
--oxy-fs20-res3: 16px;
/*/* d20 t m16 */
--oxy-fs24-res: 14px;
/*/* d24 t m14 */
--oxy-fs24-res: 22px;
/*/* d24 t m22 */
--oxy-fs30-res: 22px;
/*/* d30 t m22 */
--oxy-fs40-res: 26px;
/*/* d40 t m26 */
--oxy-fs80-res: 40px; /*/* d80 t m40 */
/** Variable Font Size Ends **/
/** Margin and Padding Utilities Begins **/
--oxy-mar-t16-res: 12px;
/*/* d16 m12 */
--oxy-mar-t24-res: 16px;
/*/* d24 m16 */
--oxy-mar-t32-res: 16px;
/*/* d32 m16 */
--oxy-mar-t40-res: 24px;
/*/* d40 m24 */
--oxy-mar-t48-res: 32px;
/*/* d48 m32 */
--oxy-mar-t56-res: 32px;
/*/* d56 m32 */
--oxy-mar-t64-res: 48px;
/*/* d64 m48 */
--oxy-mar-t80-res: 48px;
/*/* d80 m48 */
--oxy-mar-t80-res2: 56px;
/*/* d80 m56 */
--oxy-mar-t88-res: 64px;
/*/* d88 m64 */
--oxy-mar-t88-res2: 32px;
/*/* d88 m32 */
--oxy-mar-t120-res: 64px;
/*/* d120 m64 */
--oxy-mar-t120-res2: 88px;
/*/* d120 m88 */
--oxy-mar-t160-res: 88px;
/*/* d160 m88 */
--oxy-mar-t160-res2: 120px;
/*/* d160 m120 */
/** Margin and Padding Utilities Ends **/
/** border radiuse Utilities Begins **/
--oxy-br12-res: 6px;
/*/* d12 m6 */
--oxy-br24-res: 17px;
/*/* d24 m17 */
--oxy-br40-res: 24px;
/*/* d40 m24 */
--oxy-br44-res: 32px;
/*/* d44 m32 */
/** border radiuse Utilities Ends **/
}
/* Root Ends */
/* Utilities Begins*/
/** Line Height Utilities Weight Begins **/
.oxy-lh70-res {
line-height: 48px;
}
/*/* d70 t m48 */
.oxy-lh58-res {
line-height: 44px;
}
/*/* d58 t m44 */
.oxy-lh38-res {
line-height: 36px;
}
/*/* d38 t m36 */
/** Line Height Utilities Weight Ends **/
/** Text Utilities Weight Begins **/
.oxy-ta-e {
text-align: center;
}
/* de mc */
.oxy-ta-s {
text-align: center;
}
/* ds mc */
/** Text Height Utilities Weight Ends **/
/** Gap Utilities Begins **/
.oxy-gap16-res {
gap: 8px;
}
/*/* d16 t- m8 */
.oxy-gap16-res2 {
gap: 12px;
}
/*/* d16 t- m12 */
.oxy-gap24-res {
gap: 12px;
}
/*/* d24 t- m12 */
.oxy-gap40-res {
gap: 24px;
}
/*/* d40 t- m24 */
/** Gap Utilities Ends **/
/** Margin and Padding Utilities Begins **/
.oxy-pa24-res {
padding: 16px;
}
/*/* d24 t- m16 */
/** Margin and Padding Utilities Ends **/
/** Button Utilities Begins **/
a[class*="oxy-btn"] {
position: relative;
font-size: var(--oxy-fs14);
font-weight: var(--oxy-fw5);
display: inline-flex;
align-items: center;
border-radius: 28px;
padding: 0 12px 0 60px;
/*/* m0 12 0 60 */
text-wrap: nowrap;
text-decoration: none;
min-height: 40px;
/*/* d48 m40 */
border: 1px solid transparent;
overflow: hidden;
span:first-child {
position: relative;
z-index: 1;
}
span:last-child {
position: absolute;
inset: -1px;
border-radius: inherit;
opacity: 0;
transition: opacity var(--oxy-tr);
pointer-events: none;
background: linear-gradient(270deg, var(--oxy-c-blue1) 0%, var(--oxy-c-green1) 100%);
}
&:hover span:last-child {
opacity: 1;
}
&::before {
position: absolute;
content: "";
width: 32px;
/*/* d40 m32 */
height: 32px;
/*/* d40 m32 */
left: 4px;
top: 50%;
border-radius: 50%;
background-color: var(--btn-arrow-circle-bg);
transform: translateY(-50%) rotate(45deg);
transition: transform var(--oxy-tr);
z-index: 2;
}
&::after {
position: absolute;
content: "";
width: 19px;
/*/* d24 m19 */
height: 19px;
/*/* d24 m19 */
left: 10px;
/*/* d12 m10 */
top: 50%;
transform: translateY(-50%) rotate(-90deg);
background-color: var(--btn-arrow-color);
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M7 17L17 7M17 7H9M17 7V15' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
transition: transform var(--oxy-tr);
z-index: 2;
}
&:hover::before {
transform: translateY(-50%) rotate(-135deg);
}
&:hover::after {
transform: translateY(-50%) rotate(-135deg);
}
}
/** Button Utilities Ends **/
/** Text Utilities Begins **/
body .oxy-text-align-center_mobile {
text-align: center;
}
/** Text Utilities Ends **/
/* Utilities Ends */
/* Home Page Begins */
#main-content .oxy-home_our-customer {
padding: 14px 32px 14px 0;
/*/* d 20 32 20 0 */
& img {
max-height: 20px;
object-fit: contain;
}
}
/** Course in Home Page Begins **/
.wp-block-columns.oxy-course_cart_header {
margin-top: 228px;
/*/* d298 m228 */
}
.wp-block-columns.oxy-course_cart_header::before {
height: 280px;
/*/* d360 m280 */
}
div.oxy-course_cart.oxy-course_cart {
&.oxy-course_cart-home{
padding-right: 0px;/*/* d30 m0 */
padding-left: 0px;/*/* d30 m0 */
}
& div.product-teacher {
margin-bottom: 6px; /*/* d8 m6 */
}
.product-wrapper {
min-height: 344px;
/*/* d379 m344 */
}
&.oxy-carousel .wd-carousel-item {
max-width: 240px;
}
& .wd-add-btn.wd-add-btn-replace {
border-radius: 0 0 20px 20px;
/*/* d0 0 24 24 m0 0 20 2 */
}
}
/** Course in Home Page Ends **/
/** Products in Home Page Begins **/
div.oxy-product-cart.oxy-product-cart {
&.oxy-carousel .wd-carousel-item {
max-width: 240px;
}
& .product-image-link img {
height: 172px;
/*/* d146 m172 */
}
& h3.wd-entities-title {
margin-bottom: 4px;
/*/* d8 m4 */
}
}
oxy-home-latest-product_header {
& div:last-child p:last-child {
margin-bottom: 20px;
}
position: relative;
&::before {
position: absolute;
content: "";
top: -138px;
width: 240px;
height: 240px;
border-radius: 50%;
z-index: 0;
background: radial-gradient(circle at center, var(--oxy-c-green1) 0%, var(--oxy-c-blue1) 100%);
filter: blur(200px);
opacity: 0.6;
right: 50%;
transform: translateX(50%)
}
}
:is(div.oxy-product-cart.oxy-product-cart, .oxy-course-page_hero) {
& :is(span.price, p.price) {
flex-direction: column;
&::before {
bottom: 7px;
transform: unset;
}
}
}
/** Products in Home Page Ends **/
/** Products Cat Poster in Home Page Begins **/
.oxy-product-cat-poster {
padding: 16px 27px;
min-height: 200px;
/*/* d322 m200 */
& .wp-block-image {
width: 90px;
/*/* d171 m90 */
}
}
/** Our Servises Begins **/
.oxy-home_servicses {
gap: 12px;
/*/* d24 m12 */
}
/** Our Servises Ends **/
/** About Begins **/
.oxy-home_about {
padding: 0 15px 40px 15px;
/*/* d 0 15px 64px 15px*/
}
.oxy-how-we-work-item-odd{
& .oxy-how-we-work-content {
padding-right:38px; /*/* d106 m38 */
}
& .oxy-how-we-work-number{
padding-left:38px; /*/* d106 m38 */
}
& >div {
min-width: 145px; /*/* d320 m145 */
max-width: 145px; /*/* d320 m145 */
}
}
.oxy-how-we-work-item-even{
& .oxy-how-we-work-content {
padding-left:38px; /*/* d106 m38 */
}
& .oxy-how-we-work-number{
padding-right:38px; /*/* d106 m38 */
}
& >div {
min-width: 145px; /*/* d320 m145 */
max-width: 145px; /*/* d320 m145 */
}
}
/** About Ends **/
/** media Begins **/
.oxy-media-cart {
& .wd-carousel-item {
min-width: unset;
/*/* d305 munset */
max-width: 257px;
}
}
div.oxy-course-page_hero {
& .wd-single-add-cart {
& .single_add_to_cart_button {
padding-left: 52px;
/*/* d76 m52 */
}
}
}
/* Home Page Ends */
/* Course Page Begins */
.oxy-course-page_episode,
.oxy-course-page_quiz {
display: flex;
align-items: flex-start;
flex-direction: column;
padding: 11px 40px 11px 0px;
gap: 9px;
&::before {
right: 0;
}
}
body.rtl .oxy-course-page_file .wd-accordion-content {
padding-inline: 0;
}
.oxy-course-page_episode,
.oxy-course-page_quiz {
& span {
&::after {
right: 6px;
transform: unset;
top: 50%;
transform: translateY(-50%);
}
}
}
.oxy-course-page_episode,
.oxy-course-page_quiz {
& span {
padding-right: 30px;
position: relative;
}
}
.course-page_teacher-bio {
.oxy-course_teacher-pos {
margin-bottom: 24px; /* d32 m24 */
}
}
.oxy-course-nav-wrap {
justify-content: flex-start;
}
/** Course Section In Course Page Begins **/
.hscourse-component {
& .accordion {
& .accordion-item {
padding: 12px 16px;/*/* d16 24 m12 16 */
& .season-header-main {
& h3:not(.item-row) {padding-right: 40px;}
& .season-stats {
margin-right: 40px; /*/* d54 m40 */
}
}
& .item-row {
flex-wrap: wrap;
row-gap: 9px;
& .item-title {
margin-right: 0px;/*/* d15 m0 */
}
& h3 {
padding-right: 40px;/*/* d45 m40 */
margin-bottom: 12px;/*/* d16 m12 */
}
& span.item-meta{margin-right: 40px; flex-direction: row;}
}
}
}
}
/** Course Section In Course Page Ends **/
/* Course Page Ends */
/* Course Archive Begins */
.oxy-testimonial_course .wd-carousel-wrap {
& .wp-block-wd-carousel-item.wd-carousel-item {
max-width: unset; /*/* d32% m unset */
}
}
.course-archive_hero {
.wd-carousel-wrap {
gap: 16px;
justify-content: unset;
}
}
/* Course Archive Ends */
/* Product Archive Page Begins */
.oxy-product-archive-page {
.wd-cat-count.more-products {
display: none;
}
&.course-archive_hero .wd-carousel-item {
min-width: 120px;
/*/* d170 m120 */
min-height: 128px;
/*/* d170 m128 */
}
}
/* Product Archive Page Ends */
/* Blog Post Begins */
body.rtl {
nav.oxyplug-toc {
margin-bottom: 24px;
/* d40 t40 m24 */
margin-top: 48px;
/* d64 t64 m48 */
border-radius: 24px;
/* d40px */
.toggle-toc {
font-size: 16px;
margin-bottom: 16px;
}
/* m fs:16px mb:16px */
ul .toc-h3 {
padding-top: 4px;
padding-bottom: 4px;
font-size: 10px;
padding-bottom: 6px;
}
/* d fs:12px pt:6px pb:6px m fs:10px pt:4px pb:4px */
ul .toc-h2 {
padding-top: 12px;
font-size: 12px;
}
/* d fs:14px pt:16px m fs:12px pt:12px */
}
.oxy-blogpost__linked-card1 {
max-height: 100%;
overflow: visible;
/* d>max h 248px */
flex-direction: column-reverse;
span {
text-align: center;
}
}
.blog-post__tip .right {
border-width: 0 0 1px 0;
width: 100%
}
.oxy-blogpost__services-card1 {
padding-bottom: 0px;
gap: 63px;
}
}
body.post-template-default div.wp-block-wd-image img {
border-radius: 24px;
margin: 40px 0;
}
/* m> br:24px mar:40px */
.oxy-blogpost__services-card1 {
padding-bottom: 0px;
}
.blog-post__share-box .oxy-share-text-section {
display: flex;
flex-direction: column;
flex-wrap: wrap;
align-content: center;
justify-content: flex-start;
align-items: center;
gap: 19px;
margin-top: -37px;
.oxy-share-image {
rotate: 180deg;
}
}
.oxy-blog-post__navigation {
.wd-page-nav {
gap: 16px;
}
.wd-page-nav-btn span.wd-entities-title {
font-size: var(--oxy-fs2);
line-height: 24px;
display: inline-block;
color: white
}
}
.oxy-blog-post__comment {
.oxy-tag-image {
margin-right: 0;
}
h2.wp-block-heading {
margin-bottom: 12px;/*/* d>28 */
}
input#submit {
margin-top: 48px;
/* d>64 */
}
form#commentform {
padding: 16px;
/* d>32px */
}
}
body.rtl nav.oxyplug-toc {
margin-bottom: 24px;/*/* d40 t40 m24 */
margin-top: 48px;/*/* d64 t64 m48 */
border-radius: 24px; /*/* m24px */
& .toggle-toc{font-size:16px ; margin-bottom: 16px;} /*/* m fs:16px mb:16px */
ul .toc-h3{
font-size: 10px;
padding-bottom: 8px;} /*/* m fs:10px pb:8px */
ul .toc-h2{ padding-top: 12px; font-size: 12px;} /*/* m fs:12px pt:12px */
}
/* Blog Post Ends */
/* Blog Archive Begins */
.oxy-blog-landing_side .wp-block-categories-list {
width: 100%;
}
.oxy-blog-landing_cat a.oxy-btn-strok1 {
order: 2;
margin-right: auto;
margin-left: auto;
}
/* Blog Archive Ends */
/* About Us Page Begins */
.oxy-about-page_our-miision {
& .left::before {
right: unset;
top: -120px;
}
& .right::before {
right: 50%;
transform: translateX(50%);
bottom: -120px;
}
}
/* About Us Page Ends */
/* Servise Page Begins */
.oxy-service-page_benefits {
overflow: auto;
.inner {
min-width: 200px;
}
}
.service-archive_hero_logo {
position: absolute;
max-width: 74px;
right: 50%;
transform: translateX(50%) translateY(50%);
top: 61%;
}
svg.oxy-services_hero {
max-width: 100vw;
}
/* Servise Page Ends */
/* Cart Widget Side Begins */
.cart-widget-side.wd-side-hidden .woocommerce-mini-cart-item {flex-direction: column;}
/* Cart Widget Side Ends */
/* Media Page Begins */
div.oxy-post-cart_full div.wd-post-inner.article-inner {
flex-direction: column; /*/* d row m column */
}
/* Media Page Ends */
}