caption,td,th{text-align:right}.header-aligned-right:not([class*=nav-float-]) .inside-header{justify-content:flex-start}.header-aligned-left:not([class*=nav-float-]) .inside-header{justify-content:flex-end}.header-aligned-right:not([class*=nav-float-]) .header-widget{order:10}.header-aligned-left:not([class*=nav-float-]) .header-widget{order:-10}.site-logo+.site-branding{order:-1}.nav-float-right #site-navigation{order:-5}.nav-float-right #site-navigation.has-active-search,.nav-float-right #site-navigation.toggled{order:10}.nav-float-right .header-widget{order:-10}.nav-float-left #site-navigation{order:5}.nav-float-left .header-widget,.nav-float-left .mobile-menu-control-wrapper{order:10}.mobile-menu-control-wrapper{margin-right:auto;margin-left:0}.nav-align-right .inside-navigation{justify-content:flex-start}.nav-align-left .inside-navigation{justify-content:flex-end}.menu-item-has-children .dropdown-menu-toggle{float:left!important}.main-navigation ul ul{text-align:right}.sidebar .menu-item-has-children .dropdown-menu-toggle,nav ul ul .menu-item-has-children .dropdown-menu-toggle{float:left}.comment-meta .avatar{float:right;margin-left:10px}.page-header .avatar{float:right;margin-left:1.5em}.slideout-navigation .menu-item-has-children .dropdown-menu-toggle{float:left}.dropdown-click #generate-slideout-menu .slideout-menu .menu-item-has-children>a:first-child,.slideout-desktop.dropdown-hover #generate-slideout-menu .slideout-menu .menu-item-has-children>a:first-child{padding-left:0}.comment .children{padding-right:30px;border-right:1px solid rgba(0,0,0,.05)}.main-navigation .main-nav ul li.menu-item-has-children>a,.secondary-navigation .main-nav ul li.menu-item-has-children>a{padding-left:0}nav:not(.toggled) ul ul .menu-item-has-children .dropdown-menu-toggle{padding-left:15px}nav:not(.toggled) .menu-item-has-children .dropdown-menu-toggle{padding-right:10px}.main-navigation{padding-right:0}ol,ul{margin:0 3em 1.5em 0}li>ol,li>ul{margin-right:1.5em}.menu-toggle .mobile-menu{margin-right:5px;margin-left:0}.widget_categories .children{margin-right:1.5em}.widget_nav_menu ul ul,.widget_pages ul ul{margin-right:1em}.cat-links:before,.comments-link:before,.nav-next .next:before,.nav-previous .prev:before,.tags-links:before{margin-left:.6em;margin-right:0}.entry-meta .gp-icon{margin-right:0;margin-left:.6em}.menu-toggle,.nav-search-enabled .main-navigation .menu-toggle{text-align:right}.rtl .navigation-search{left:auto;right:-99999px}.rtl .navigation-search.nav-search-active{right:0}.main-navigation.toggled .main-nav li{text-align:right}.both-left #left-sidebar,.both-sidebars #left-sidebar,.left-sidebar .sidebar{order:10}.both-left #right-sidebar{order:5}.both-right #left-sidebar{order:-5}.both-right #right-sidebar,.both-sidebars #right-sidebar,.right-sidebar #right-sidebar{order:-10}@media (max-width:768px){.site-content .content-area{order:-20}}.nav-float-right .header-widget {
order: 10;
}
.site-title{
order:1;
}
.site-branding {
margin-left: 10px;
}
.nav-float-right #site-navigation {
order: 2;
}
body{
background: var(--base);
overflow-x: hidden;
}
.main-navigation .main-nav ul li > a{
color:white;
line-height:1.3;
padding-bottom:3px;
border-radius:10px;
}
body:not(.home) div#page {
min-height: 55vh;
}
section {
padding: 50px 0;
}
.site-header a:not([rel="home"]){
text-decoration: none;
font-weight: 500;
} ::-webkit-scrollbar {
width: 10px;
} ::-webkit-scrollbar-track {
background: #c6c6c6;
} ::-webkit-scrollbar-thumb {
background: var(--contrast-4);
} ::-webkit-scrollbar-thumb:hover {
background: var(--contrast-3);
}
.sub-menu {
position: absolute;
flex-direction: column;
display: none;
z-index: 99;
}
.textwidget:has(.header_login_logout_welcome):hover .sub-menu{
display: flex;
}
.textwidget.custom-html-widget {
color: white;
}
.inside-article{
background: linear-gradient(180deg, var(--contrast-4), #6673a061);
color: white; border-radius: 10px;
}
.inside-article a{
color: white;
}
.sidebar .widget {
background: transparent;
border-radius: 20px;
margin-bottom: 40px;
}
::selection {
background: var(--contrast-4);
color:var(--base-3);
}
.no_courses_found{
text-align:start;
}
.no_courses_found ul, .home section .no_courses_found ul {
list-style: disc;
display: list-item;
margin: 20px;
}
body:not(.home, .single-course){
background: var(--base-4);
color: var(--contrast-4);
background-image: radial-gradient(#d0cfcf 1px, transparent 1px);
background-size: 16px 16px;
}  .home .main-navigation .main-nav ul li > a{
color:white;
}
.home h1.site-title {
background: linear-gradient(var(--accent), var(--base));
background-clip: text;
-webkit-background-clip: text;
color: transparent;
-webkit-text-fill-color: transparent;
font-weight: 900;
font-size: 70px;
margin-bottom: 0;
}
.home .left_side p {
font-size: 22px;
margin-bottom: 40px;
}
.home_icons {
display: flex;
justify-content: center;
}
.home .icon_box {
width: 33%;
max-width: 220px;
}
.home .the_icon {
width: 60px;
height: 60px;
background: var(--accent);
padding: 15px;
border-radius: 100%;
margin: 0 auto 10px;
}
.home .icon_box h5.icon_title {
font-size: 18px;
margin-bottom: 0;
color: var(--accent);
}
.home .icon_box p {
font-size: 16px;
margin-bottom: 30px;
}
.home #main{
display:none;
}
.home section{
color:#fff;
position: relative;
}
.home section h2{
text-align: center;
position: relative;
margin-bottom: 20px;
}
section.reccomendations {
margin-top: 0px;
margin-bottom: 40px;
} section.reccomendations h2{
text-align: center;
color: var(--contrast-3);
font-weight: 600;
}
section.reccomendations h2 span{
max-width: 1200px;
margin:0 auto;
display: block;
}
section.reccomendations h2 span.last-word {
display: inline-block;
background: linear-gradient(var(--accent), var(--contrast-3));
background-clip: text;
-webkit-background-clip: text;
color: transparent;
-webkit-text-fill-color: transparent;
font-weight: 600;
} section.header_stuff {
text-align: center;
margin-top: 0;
background: var(--contrast);
display: none;
}
section.header_stuff h1 {
font-weight: 700;
font-size: 60px;
margin-bottom: 0;
color:#fff;
}
section.header_stuff p {
margin-bottom: 0;
font-size: 22px;
font-weight: 500;
color:#fff;
}
section.home_cubes h4 {
max-width: 700px;
margin: -20px auto 40px;
color: #afc2d5;
font-weight: 500;
font-size:20px;
}
.home section.home_cubes{
background: var(--contrast);
color:var(--base-3);
}
.home section.home_cubes {
text-align: center;
color: var(--base-3);
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 20px;
justify-content: center;
padding-left: 10px;
padding-right: 10px;
border-bottom-left-radius: 20px;
border-bottom-right-radius: 20px;
}
.right_side {
max-width: 550px;
width: 100%;
}
.home section.courses{
background: var(--base-4);
color: var(--contrast-4);
background-image: radial-gradient(#d0cfcf 1px, transparent 1px);
background-size: 16px 16px;
padding:40px 20px 100px 20px;
}
section#courses h2{
margin-bottom: 10px;
}
section#courses h4 {
text-align: center;
}
.home_boxes_wrap {
max-width: 1400px;
margin: 0 auto;
}
.home li.box{
background-color: var(--accent);
padding: 10px;
border-radius: 10px;
margin-bottom: 20px;
}
.home li.box h3.box_title {
font-size: 20px;
}
.home .courses_wrap {
max-width: 90%;
margin: 0 auto;
max-width: 1265px;
}
.home section ul {
list-style: none;
margin: 0;
display: flex;
justify-content: center;
gap: 2.6%;
}
.home section ul.courses {
display: block;
margin: 0;
padding: 0;
list-style: none;
}
li.course_category {
width: 100%;
margin-bottom: 45px;
border-top: 2px solid;
}
.home section ul.course_category_grid {
display: flex;
flex-wrap: wrap;
align-items: stretch;
gap: 3%;
justify-content: flex-start;
margin: 0;
padding: 0;
list-style: none;
}
.home li.course {
background-color: var(--base-3);
padding: 20px 20px;
color: #fff; width: 30%;
min-width:220px;
margin-bottom: 20px;
position: relative; border-radius: 20px;
flex-basis: 12%;
padding: 0;
overflow: hidden;
}
li.course img{
max-height: 150px;
}
li.course:hover, li.box:hover {
background-color: var(--base-3);
}
.home .show_more_courses {
background: transparent !important;
color: var(--accent-2) !important;
display: block;
margin: 20px auto 0;   padding: 5px 10px;
border-radius: 10px;
font-weight: 500;
border: 1px solid;
}
li.box a {
text-decoration: none;
display: flex;
flex-direction: row;
justify-content: center;
height: 100%;
gap: 10px;
}
li.course a.course-link{
text-decoration: none;
display: flex;
flex-direction: column;
justify-content: start;
height: 100%;
width: 100%;
gap: 2%;
padding-bottom: 20px;
text-align: center;
}
a.course-link.loading:before {
content: 'נא להמתין, הקורס נטען.';
position: absolute;
background: var(--base-3);
z-index: 9;
padding: 5px;
font-weight: 500;
color: var(--contrast);
top: 45%;
right: 50%;
border-radius: 10px;
transform: translate(50%, -50%);
box-shadow: 0px 1px 3px 0px #565656;
white-space: nowrap;
animation: loadingDots 1.5s steps(3, end) infinite;
width: 95%;
}
li.course_category_title{
flex-basis: 100%;
}
section#courses h2.course_category_title {
text-align: start;
font-size: 20px;
margin-bottom: 20px;
display: inline-block;
border: 1px solid;
border-top: hidden;
padding: 4px 15px;
background: var(--contrast-4);
margin-right: 20px;
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;
font-weight: 500;
color: var(--base-3);
}
li.course_category_title:nth-of-type(1n+1) {
margin-top: 30px;
margin-bottom: 20px;
border-top: 1px solid var(--contrast-3);
padding-top: 20px;
}
@keyframes loadingDots {
0%   { content: 'נא להמתין, הקורס נטען.'; }
33%  { content: 'נא להמתין, הקורס נטען..'; }
66%  { content: 'נא להמתין, הקורס נטען...'; }
100% { content: 'נא להמתין, הקורס נטען.'; }
}
h3.box_title, li.box p {
color: var(--contrast);
text-decoration: none;
margin-bottom: 0;
z-index: 1;
}
h3.course_title, li.course p {
color: var(--contrast);
}
li.course p {
font-size: 75%;
}
h3.course_title{
margin-bottom: 5px;
font-size: 20px;
}
li.box .featured{
position: relative;
width: 22px;
height: 22px;
}
li.course .featured{
width:100%;
}
li.course .featured:after {
content: '';
width: 60px;
height: 60px;
display: block;
position: relative;
margin: -40px auto 0;
background-color: var(--base-3);
background-repeat: no-repeat;
background-position: center;
background-size: 30px;
border-radius: 50%;
box-shadow: 0px 0px 3px -1px #565656;
}
.semester_courses .course .featured:after {
background-image: url(//doctoron.co.il/wp-content/uploads/2026/09/school.webp);
}
.marathons .course .featured:after {
background-image: url(//doctoron.co.il/wp-content/uploads/2026/09/run.webp);
}
.other .course .featured:after {
background-image: url(//doctoron.co.il/wp-content/uploads/2026/09/sun.webp);
}
li.course .featured img,
li.box .featured img {
width: 100%;
height: 100%;
object-fit: cover;
}
.course_title_text {
width: 100%;
padding:10px;
flex-grow: 1;
display: flex;
flex-direction: column;
}
.course_title_text button{
background: transparent;
color: var(--accent);
border: 1px solid;
border-radius: 10px;
padding: 5px 20px; margin: 0 auto;
display: block;
margin-top: auto;
}
.course_title_text button:hover {
background: var(--accent);
color: var(--base);
}
.info_courses{
padding: 20px 30px;
color: #fff;
width: 24%;
margin-bottom: 20px;
font-size: 1.3vw;
font-weight: 500;
display: none;
}
.info_courses p {
line-height: 1;
margin-bottom: 0;
}
.info_courses a{
color:#fff;
}
.home .footer-widgets,.home .site-info {
background-color: var(--contrast);
color:#fff;
padding: 10px;
}
.recco_outer {
position: relative;
max-width: 1265px;
margin: 0 auto;
direction: ltr;
}
.recco_outer>a{
padding: 15px;
margin-left: -15px;
margin-right: -15px;
font-size: 0;
margin-top: 10px;
top: 50%;
transform: translate(0, -50%);
color: var(--accent);
background: var(--base-3);
border-radius: 100%;
box-shadow: 0px 0px 3px -1px #565656;
}
.recco_outer >a span {
display: block;
width: 40px;
height: 40px;
border-top: 3px solid;
border-right: 3px solid;
}
a.recco_prevt { position: absolute;
left: 40px;
top: 50%;
overflow: hidden;
z-index: 999;
cursor: pointer;
}
a.recco_prevt span {
transform: rotate(-135deg);
}
a.recco_nextt { position: absolute;
top: 50%;
right: 40px;
overflow: hidden;
cursor: pointer;
z-index: 999;
}
.recco_outer >a span {
display: block;
width: 18px;
height: 18px;
border-top: 3px solid;
border-right: 3px solid;
}
a.recco_nextt span {
transform: rotate(45deg);
}
.recco_wrap {
max-width: 1000px;
overflow: hidden;
margin: 0 auto;
position: relative;
padding: 20px 0;
} .home section .recco_wrap ul {
display: flex;
padding: 0;
margin: 0;
list-style: none;
transition: transform 0.7s ease;
gap:20px;
} li.reccomendation { box-sizing: border-box;
padding: 10px;
transition: .2s linear;
background: var(--base-3);
text-align: center;
border-radius: 20px;
box-shadow: 0px 0px 2px -1px #565656;
display: flex;
flex-direction: column;
}
@media(min-width:768px){ li.reccomendation:hover{
transform: scale(1.03);
}
}
.rtl li.reccomendation {
direction: rtl;
}
.recco_quote {
color: var(--accent);
font-size: 36px;
font-weight: 700;
line-height: 1;
text-align: start;
}
.recco_content {
margin-top: auto;
}
li.reccomendation p {
font-weight: 600;
font-size: 16px;
text-align: start;
padding-inline-start: 20px;
padding-inline-end: 20px;
color: var(--contrast-3);
text-align: center;
}
.recco_student {
display: flex;
padding-inline-end: 20px;
padding-inline-start: 20px;
color: var(--contrast);
justify-content: center;
align-items: center;
margin-top: auto;
}
li.reccomendation h3 {
font-weight: 500;
font-size: 18px;
text-align: start;
padding-inline-start: 20px;
padding-inline-end: 20px;
}
li.reccomendation .recco_images {
height: 100%;
background: white;
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
border-radius:20px;
overflow: hidden;
}
img.recco_student_image {
border-radius: 50%;
width: 50px;
height: 50px;
object-fit: cover;
}
.recco_student_details {
margin-inline-start: 10px;
text-align: start;
}
.recco_student_details > * {
display: block;
}
.recco_student_details strong {
font-size: 14px;
}
.recco_student_details span {
font-size: 12px;
}
.recco_stars span.active{
color: gold;
font-size: 22px;
display: inline-block;
}
li.reccomendation p img {
margin: 5px;
display: inline-block;
}
.choose_school {
margin-bottom: 40px;
font-weight: 500;
text-align: center;
}
.choose_school select {
background: var(--contrast);
color: var(--base-3);
font-weight: 500;
display: block;
margin: 10px auto;
border-radius: 15px;
}
.course_hidden {
display: none !important;
}
.show_more_courses {
display: block;
margin: 20px auto 0;
}
section#doctoron_numbers{
background: url(https://doctoron.asawolfson.com/wp-content/uploads/2026/09/ChatGPT-Image-Sep-5-2026-07_09_12-AM.webp);
border-radius: 30px;
background-size: cover;
background-position: center;
padding:30px 0 80px;
}
section#doctoron_numbers h3{
text-align:center;
}
section#doctoron_numbers .inside_section {
display: flex;
justify-content: center;
max-width: 1520px;
margin:0 auto;
}
section#doctoron_numbers .info_box {
display: flex;
flex-direction: column;
gap: 10px;
align-items: center;
text-align: center;
width: 25%;
position: relative;
}
section#doctoron_numbers .info_box img {
filter: invert(67%) sepia(45%) saturate(646%) hue-rotate(132deg) brightness(91%) contrast(84%);
width: 60px;
}
section#doctoron_numbers span.box_headline {
font-size: 22px;
font-weight: 600;
line-height: 1;
}
section#doctoron_numbers .info_box:not(:last-child)::after {
content: '';
height: 100%;
position: absolute;
width: 2px;
background: var(--base-2);
left: 0;
opacity: .5;
}
.support-bar {
width: 95%;
max-width: 1265px;
position: relative;
right: 50%;
transform: translate(50%);
border-radius: 20px;
background: radial-gradient(var(--contrast), #124c74);
background: var(--base-3);
display: flex;
justify-content: space-between;
color: var(--accent);
padding: 10px;
box-shadow: 0px 0px 2px 0px var(--contrast);
top: -45px;
}
.support-bar-content {
display: flex;
align-items: center;
}
.support-bar-text * {
margin-bottom: 0;
}
.support-bar-icon {
text-align: center;
padding: 0 20px;
}
.support-bar-icon svg.icon.icon-tabler.icons-tabler-outline.icon-tabler-headset {
width: 65px;
height: 65px;
border-radius: 50%;
background: var(--contrast-4);
padding: 5px;
}
a.support-bar-button {
display: flex;
align-items: center;
gap: 10px;
padding-left: 20px;
color:var(--accent);
} .single-course{
background: var(--contrast);
}
.single-course .site-content{
flex-wrap: wrap;
flex-direction: row-reverse;
}
.single-course .site {
max-width: calc(100% - 80px);
margin: 0 auto 60px;
}
.single-course main#main {
background: var(--base);
border-radius: 20px;
padding:20px;
}
.single-course .is-left-sidebar {
width: 22%;
transition: .3s linear;
overflow: hidden;
}
.single-course .is-right-sidebar {
width: 25%;
max-width: 375px;
min-width: 280px;
transition: .3s linear width;
overflow: hidden;
}
body.expand_video .sidebar{
width:0;
opacity: 0;
min-width:0;
}
body.expand_video .ai_box{
display: none;
}
.single-course .site-content .content-area {
width: auto;
flex: 1;
min-width:650px;
}
.single-course .inside-article {
padding: 0px;
background: transparent;
}
.single-course .featured-image {
width: 30%;
display: none;
}
.single-course .entry-header{
position: relative;
overflow: visible;
border-radius: 0;
margin-bottom: 10px;
}
.single-course h1.entry-title {
font-size: 30px;
font-weight: 700;
margin-bottom: 10px;
color: var(--base-3);
padding: 15px 30px;
text-align: center;
position: relative;
z-index: 1;
}
.first_lesson > p {
margin-bottom: 0;
color: var(--contrast);
font-weight: 500;
font-size: 18px;
}
.course_main_header {
display: flex;
justify-content: space-between;
}
.single-course h4.video_title {
font-size: 25px;
font-weight: 500;
color: var(--contrast-2);
margin: 0px;
padding: 0px;
}
.video_wrapper {
margin-top: 10px;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
overflow: hidden;
border: 1px solid var(--base-2);
}
.video_wrapper.loading:before {
content: '';
background: url(https://doctoron.co.il/wp-content/uploads/2025/07/loading.gif);
position: absolute;
z-index: 9;
padding: 5px;
font-weight: 500;
top: 50%;
right: 50%;
border-radius: 10px;
transform: translate(50%, -50%);
width: 60px;
height: 60px;
background-size: contain;
}
.video_wrapper.loading iframe{
display: none;
}
.inside-right-sidebar {
height: 100%;
}
.lessons_wrap .lessons {
list-style: none;
display: flex;
justify-content: start;
flex-wrap: wrap;
margin: 0;
gap: 1%;
}
li.lesson {
padding: 10px;  margin-bottom: 15px;
color: var(--contrast);
border-bottom: 1px solid var(--base-2);
}
.lesson_title_box {
cursor: pointer;
color: var(--contrast);
padding: 10px 10px 15px 10px;
border-radius: 10px;
scale: 1;
transition: .1s linear;
}
.lesson_title_box:hover, .lesson.open .lesson_title_box {
background: var(--base-4);
scale: 1.025;
}
li.lesson a {
text-decoration: none;
color: var(--contrast);
}
h3.lesson_title {
margin-bottom: 10px;
font-weight: 500;
line-height: 1;
font-size: 17px;
color: var(--contrast);
}
span.angle {
width: 10px;
height: 10px;
display: inline-block;
border-bottom: 2px solid;
border-left: 2px solid;
rotate: -45deg;
vertical-align: top;
transition: .2s linear;
margin-left: 5px;
}
.open span.angle{
rotate: 135deg;
vertical-align: baseline;
}
li.lesson p {
margin-bottom: 0;
font-size: 85%;
color: var(--base-2);
}
.single-course h3.widget_title {
font-size: 20px;
font-weight: 500;
margin-bottom: 10px;
float:right;
color: var(--base-2);
}
aside#lessons_in_course {
padding: 20px 10px 10px 5px;
height: calc(100% - 20px);
background: var(--base);
} aside ::-webkit-scrollbar {
width: 5px;
border-radius: 5px;
} aside ::-webkit-scrollbar-track {
background: #c6c6c6;
border-radius: 4px;
} aside ::-webkit-scrollbar-thumb {
background: var(--contrast-4);
border-radius: 5px;
} aside ::-webkit-scrollbar-thumb:hover {
background: var(--contrast-3);
}
.aside_inner {
height: 100%;
overflow-y: auto;
position: relative;
direction: ltr;
padding: 0 5px 0 0px;
}
ul.lessons{
direction: rtl;
}
.single-course li.lesson.locked .locked_overlay {
background: #e2e2e2a1;
margin-top: 0;
font-weight: 500;
height: 100%;
position: absolute;
top: 50%;
transform: translate(0, -50%);
padding: 5px;
}
.single-course li.lesson.locked .lesson_title_box *:not(div.locked_overlay,div.locked_overlay a) {
filter: sepia(50%) blur(1px);
opacity: .4;
}
.single-course li.lesson.locked *:not(div.locked_overlay) a {
text-decoration: underline;
}
li.lesson.locked li.loading {
display: none;
}
.single-course .lesson_status {
background: goldenrod;
color: white;
font-weight: 500;
}
.single-course .widget ul li ul.vids {
margin-top: 20px;
}
.single-course .lesson_progress_box {
margin: 0px 0 0px 0;
direction: rtl;
height: 10px;
width: 300px;
max-width: 50%;
position: absolute;
bottom: 0;
position: relative;
right: 0;
z-index: -1;
}
.single-course .lesson_progress_text {
font-size: 12px;
margin-bottom: 0;
text-align: right;
position: absolute;
width: 100%;
z-index: 2;
bottom: -15px;
right: 10px;
}
.single-course .lesson_progress_bar {
width: 100%;
height: 6px;
background: var(--base-2);
border-radius: 20px;
overflow: hidden;
position: relative;
right: 0;
margin-right: 0;
}
.single-course .lesson_progress_bar span {
display: block;
height: 100%;
background: var(--accent); width: 0;
transition: width .4s ease;
}
.single-course ul.vids h5 {
font-size: 17px;
margin-bottom: 5px;
font-weight: 500;
border-bottom: 1px solid;
}
.single-course li.vid {
display: flex;
gap: 5px;
justify-content: space-between;
padding-right: 0px;
}
.single-course li.vid input[type="checkbox"],.single-course li.vid a {
align-self: baseline;
}
.single-course li.vid input[type="checkbox"] {
position: relative;
top: 2px;
-webkit-appearance: none;
width: 16px;
height: 16px;
border: 2px solid var(--contrast-3);
border-radius: 50%;
margin-right: 8px;
position: relative;
vertical-align: middle;
}
.single-course li.vid input[type="checkbox"]:checked::before {
content: '';
width: 6px;
height: 6px;
background: #009999;
border-radius: 50%;
position: absolute;
top: 3px;
left: 3px;
}
.single-course li.vid a{
flex-basis: 75%;
}
.single-course li.vid:not([data-type="obligatory"]),
.single-course li.vid:not([data-type="obligatory"]) a,
.single-course ul.vids h5:nth-of-type(n+2){
color: (--accent-2);
}
.single-course li.vid:hover {
background: var(--contrast-2);
border-radius: 10px;
color:var(--accent-2);
}
.single-course li.vid:hover a{
color:var(--accent-2);
}
li.vid:has(a.active){
background: linear-gradient(270deg, var(--accent-2), var(--contrast-3));
color:var(--base-3);
padding: 6px 0px 6px 10px;
border-radius: 10px;
}
li.vid:has(a.active):hover{
background: linear-gradient(90deg, var(--accent-2), var(--contrast-3));
color:var(--base-3);
}
li.vid:has(a.active) a,
li.vid:has(a.active):hover a,
li.vid:has(a.active) a:hover{
color:var(--base-3);
}
.single-course li.vid span.video_meta {
align-self: start;
}
.single-course li.vid a.active {
font-weight: 500;
}
li.vid:has(a.active) span.playing {
display: block !important;
}
li.vid:has(a.active) span.numbers {
display: none;
}
.single-course .iframe_wrap {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
max-width: 100%;
width:100%;
aspect-ratio: 16 / 9;
display: block;
}
.single-course .iframe_wrap iframe {
position: absolute; top: 0; left: 0; width: 100%; height: 100%;
}
div#overlay_blocker{
width:90% !important;
right:0;
left:auto !important;
}
div#overlay_blocker:before{
position: absolute;
top: 0;
width: 50%;
background: transparent;
height: 100px;
left: -11%;
z-index: 99999;
content: '';
}
div#overlay_blocker:after {
position: absolute;
bottom: 0;
width: 50%;
background: transparent;
height: 20%;
left: -11%;
z-index: 99999;
content: '';
}
.single-course .overlay_blurer{
content: '';
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 0;  z-index: 999999;
pointer-events: none;
display: none;
} div#video_controls {
background: var(--contrast-2);
margin-top: -1px;
z-index: 99999;
position: relative;
padding: 5px;
border-bottom-left-radius: 20px;
border-bottom-right-radius: 20px;
text-align: center;
display: flex;
align-items: center;
justify-content: space-between; gap: 10px;
flex-wrap: wrap;
flex-direction:row-reverse;
width:calc(100% - 2px);
left:-1px;
}
.widget_title_image {
display: flex;
height: 85px;
align-items: center;
gap: 15px;
padding-bottom: 10px;
}
.single-course aside#search-2{
display: none;
}
.single-course input[type=range] {
-webkit-appearance: none;
width: 100%;
height: 8px;
background: #ddd;
border-radius: 5px;
outline: none;
}  .single-course input[type="range"]::-webkit-slider-runnable-track {
height: 8px;
border-radius: 5px;
background: linear-gradient(
to right,
var(--accent) 0%,
var(--accent) var(--progress, 0%),
var(--contrast-3) var(--progress, 0%),
var(--contrast-3) 100%
);
}
.single-course input[type="range"]::-webkit-slider-thumb {
-webkit-appearance: none;
height: 20px;
width: 20px;
border-radius: 50%;
background: var(--base-3);
cursor: pointer;
margin-top: -6px;
} .single-course input[type="range"]::-moz-range-track {
height: 8px;
background: var(--contrast-3);
border-radius: 5px;
} .single-course input[type="range"]::-moz-range-progress {
height: 8px;
background: var(--accent);
border-radius: 5px;
}
.single-course input[type="range"]::-moz-range-thumb {
height: 20px;
width: 20px;
background: var(--accent);
border-radius: 50%;
cursor: pointer;
border: none;
}
article.course button {
background: transparent;
color: var(--base-3);
margin-top: 13px;
border: hidden;
padding: 5px;
}
article.course button img {
height: 24px;
width: 24px;
aspect-ratio: 1 / 1;
}
article.course button:hover {
filter: brightness(0.9);
}
button#play_pause_toggle {
order: 1;
width: 30px;
}
.volume_wrap{
order: 2;
position: relative;
width: 30px;
}
button#backward10 {
order: 3;
}
div.timer {
order: 4;
flex-grow: 1;
direction: ltr;
display: flex;
justify-content: space-between;
align-items: center;
color:var(--base-3);
position:relative;
top:5px;
}
button#forward30 {
order: 7;
}
select#speed-select {
order: 8;
}
button#cc-toggle{
order:9;
}
button#expand {
order: 11;
}
.volume_wrap:has(.with_line):before {
content: '';
height: 4px;
width: 30px;
background: var(--contrast-2);
position: absolute;
top: 30px;
transform: rotate(45deg);
left:0;
} #awf-volume-slider {
position: absolute;
left: 0;
top: 5px;
transform: rotate(180deg);
width: 0px; opacity: 0;
height: 4px;
appearance: none;
cursor: pointer;
transition: width 0.25s ease, opacity 0.25s ease;
padding: 3px 0;
} .volume_wrap:hover #awf-volume-slider {
width: 70px;
opacity: 1;
height: 4px;
cursor: pointer;
z-index: 9999;
} #awf-volume-slider::-webkit-slider-thumb {
appearance: none;
width: 14px;
height: 14px;
background: #ff6600;
border-radius: 50%;
}
#awf-volume-slider::-moz-range-thumb {
width: 14px;
height: 14px;
background: #ff6600;
border-radius: 50%;
} #awf-volume-slider::-webkit-slider-runnable-track {
background: #ddd;
height: 4px;
border-radius: 4px;
}
#awf-volume-slider::-moz-range-track {
background: #ddd;
height: 4px;
border-radius: 4px;
}
select#speed-select {
padding: 6px 2px;
font-size: 1rem;
border-radius: 5px;
margin-left: 8px;
background: transparent;
color: var(--base-3);
max-width: 55px;
border: hidden;
}
select#speed-select option{
color: var(--contrast);
}
.notes_and_free_content_box {
color: var(--base-2);
overflow: auto;
direction: ltr;
text-align: right;
padding-right: 33px;
padding-bottom: 20px;
} .popit .inside-left-sidebar{
height:100%;
transition:.3s linear;
}
.popit aside:not(.notes_widget) {
height: 0;
overflow: hidden;
transition: .3s linear;
margin: 0 !important;
padding: 0 !important;
border: hidden !important;
}
.popit .notes_and_free_content_box{
height:auto;
transition: .3s linear;
}
.popit aside:has(.notes_and_free_content_box){
height: calc(100% - 20px) !important;
transition: .3s linear;
border: 1px solid;
border-radius: 20px;
padding: 10px;
}
.notes_and_free_content_box h4 {
font-size: 20px;
}
.notes_and_free_content_box a{
color:var(--base);
}
.notes_and_free_content_box a:hover{
color:var(--base-2);
}
.notes_and_free_content_box a.clicked{
color:var(--base-2);
}
.notes_and_free_content_box  span.open-in-modal {
position: relative;
top: -20px;
cursor:pointer;
color:var(--base-3);
text-decoration: underline;
display: flex;
gap:10px;
}
span.open-in-modal img {
width: 17px;
object-fit: contain;
position: relative;
top: 1px;
pointer-events: none;
}
.notes_and_free_content_box *{
direction: rtl;
}
.single-course .sidebar .widget{
position: relative;
border: 2px solid var(--base-2);
background: var(--contrast-4);
color: var(--base);
}
.single-course .is-left-sidebar aside.widget.inner-padding {
border: 2px solid rgb(237 238 240 / 5%);
padding:20px;
margin-bottom: 20px;
}
body:not(.single-course,.single-product) aside#text-6 {
color: var(--base-3);
line-height: 2;
background: linear-gradient(230deg, var(--contrast) 40%, var(--base-2)) !important;
border-radius: 20px;
}
aside#text-6 h2 {
display: none;
}
aside#text-6 figure{ }
aside#text-6 img{
width: 100%;
}
.is-left-sidebar aside#text-6 figcaption {
color: var(--base-3);
font-size: 17px;
position: absolute;
bottom: 0px;
background: #333;
width: 100%;
text-align: center;
padding-bottom: 5px;
}
aside#text-6 a{ padding:4px;
border-radius: 20px;
color: var(--base-2);
}
aside#text-6 a:hover{
background: var(--contrast-2);
} .single-course aside div#course_progress {
position: relative;
width: 110px;
height: 110px;
margin: 20px auto;
background: transparent;
border-radius: 50%;
overflow: visible;
bottom: auto;
right: auto;
z-index: 0;
} .single-course aside div#course_progress_bar {
--progress: 0;
position: relative;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
background:
repeating-conic-gradient(
transparent 0 16%,
var(--contrast) 16% 16.67%
),
conic-gradient(
var(--accent) calc(var(--progress) * 1%),
var(--contrast-3) 0
);
transform: rotate(-90deg);
} .single-course aside div#course_progress_bar::before {
content: "";
position: absolute;
inset: 10px;
background: var(--contrast-4);
border-radius: 50%;
} .single-course aside div#course_progress_text {
position: relative;
z-index: 1;
top: auto;
right: auto;
padding: 0;
color: var(--base-3);
font-size: 20px;
font-weight: 600;
transform: rotate(90deg);
} .single-course aside:has(div#course_progress) h3.widget-title {
color: var(--base-3);
text-align: center;
}
.course_progress_stats {
color: var(--base);
text-align: center;
font-size: 15px;
font-weight: 600;
} #video_modal_clean,div#image_modal_clean {
display: none;
position: fixed;
inset: 0;
background: rgba(0, 0, 0, 0.95);
z-index: 9999;
overflow-y: auto;
padding: 20px;
}
.video_modal_inner, .image_modal_inner {
width: 100%;
max-width: 100%;
margin: auto;
position: relative;
}
#video_frame_holder iframe{
max-height: 90vh !important;
}
div#video_modal_clean div#video_controls {
position: fixed;
bottom: -3vh;
background: #000000bd;
padding-bottom: 15px;
}
#video_frame_holder {
width: 100%;
height:94vh;
aspect-ratio: 16 / 9;
background: black;
overflow: hidden;
border-radius: 8px;
}
div#video_modal_clean .video_wrapper{
border:hidden !important;
}
#video_frame_holder iframe {
width: 100%;
height: 100%;
border: none;
}
div#image_holder {
text-align: center;
}
.close_modal_clean {
position: absolute;
top: -10px;
right: -10px;
background: #fff;
color: #000;
border: none;
padding: 4px 10px;
font-size: 18px;
border-radius: 50%;
cursor: pointer;
z-index: 10000;
display: none;
}
div#video_modal_clean div#video_controls {
position: fixed;
bottom: -400px;
background: #000000bd;
padding: 15px;
right: 0;
transition:.25s;
z-index: 9999999;
}
div#video_modal_clean:hover div#video_controls {
position: fixed;
bottom: 0;
}
#video_modal_clean.hide-ui {
cursor: none !important;
}
#video_modal_clean.hide-ui #video_controls {
bottom: -400px !important;
}
div#video_modal_clean .first_lesson >p{
display: none;
}
.vid_controls_box.expanded {
position: fixed;
top: 0;
width: 65%;
height: 85vh;
left: 50%;
transform: translate(-50%, 32px);
z-index: 9999;
background: var(--base);
padding: 10px;
box-shadow: 1px 1px 5px 2px var(--base-2);
}
.vid_controls_box.expanded h3,
.vid_controls_box.expanded p,
.expanded h4.video_title {
display: none;
}
.single-course .entry-content { margin-top: 1em;
}  .single-course section.bottom_course_section {
position: relative;
width: 100%;
background: var(--base);
border-radius: 20px;
padding-top: 0;
padding-bottom: 0;
overflow: hidden;
border: 1px solid var(--base-2);
}
.single-course section.bottom_course_section button.expand_minimize {
position: absolute;
left: 30px;
bottom: 0;
font-size: 15px;
padding: 0;
background: transparent !important;
display: flex;
align-items: center;
gap: 5px;
filter: invert(1);
}
.single-course section.bottom_course_section button.expand_minimize img{
max-width: 14px;
top: 1px;
position: relative;
}
.single-course .bottom_section_filter {
display: flex;
width: 100%;
justify-content: space-around;
gap: 1px;
}
.single-course .bottom_section_filter button {
flex-basis: 33.333%;
background: var(--base-4);
color: var(--contrast-4);
font-weight: 700;
padding: 10px 0;
}
.single-course .bottom_section_filter button.active {
background: var(--contrast-4);
color: var(--base-3);
}
.single-course .bottom_section_filter button svg{
display: inline-block;
vertical-align: bottom;
}
.single-course main.bottom_expanded,
.single-course section.bottom_course_section.expanded{
height:100%;
transition: .2s linear;
}
.single-course section.bottom_course_section.expanded .course-discussions{
max-height: none;
}
.single-course:not(.logged-in) section.bottom_course_section * {
pointer-events: none;
filter: opacity(0.8) blur(1px);
}
.single-course:not(.logged-in) section.bottom_course_section:before {
content: 'כלים עבור משתמשים מחוברים';
position: absolute;
color: #fff;
font-size: 25px;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
background: #365055;
padding: 5px 20px;
z-index: 9999;
}
.ai_box {
padding: 20px;
}
div#ai-chat-box h3.widget_title p {
font-size: 75%;
margin-bottom: 0;
}
#ai-chat-log{
height:200px;
overflow-y:auto;
background: transparent;
padding:10px;
margin-bottom:10px;
width:100%;
color:var(--base-2);
}
div#ai-chat-box .image_box {
width: 80px;
height: 81px;
border: 3px solid;
border-radius: 45px;
overflow: hidden;
}
div#ai-chat-box .image_box img{
height:100%;
object-fit:cover;
}
div#ai-chat-box button.button {
margin-top: 18px;
border-radius: 20px;
}
textarea#ai-chat-input{
width: 100%;
padding: 10px;
background: transparent;
border: hidden;
box-shadow: 1px 0px 4px 1px var(--contrast-3);
color: var(--base-3);
border-radius: 20px;
}
textarea#ai-chat-input::placeholder{
color:var(--base-3);
opacity: .6;
}
div#ronbot-thinking {
color: white;
font-weight: 600;
}
.ronbot-thinking::after {
content: "רונבוט חושב";
display: inline-block;
overflow: hidden;
vertical-align: bottom;
animation: dots-appear 1.5s steps(3, end) infinite;
direction: rtl;
font-style: italic;
padding-top: 10px;
display: block;
text-align: right;
}
@keyframes dots-appear {
0%   { content: "רונבוט חושב"; }
33%  { content: "רונבוט חושב."; }
66%  { content: "רונבוט חושב.."; }
100% { content: "רונבוט חושב..."; }
}
.leave_review {
display: block;
padding: 20px;
}
.leave_review p {
}
.leave_review a {
background: var(--contrast);
border-radius: 10px;
padding:5px 10px;
} a.light-dark-toggle {
display: inline-flex;
gap: 10px;
font-size: 14px;
cursor: pointer;
background: white;
text-decoration: none;
color: var(--contast-4);
font-weight: 600;
border-radius: 10px;
position: relative;
right: 3%;
padding: 2px 5px;
filter: brightness(.7);
}
a.light-dark-toggle img {
width: 20px;
}
.light-mode a.light-dark-toggle span.light{
font-weight: 900;
}
.dark-mode a.light-dark-toggle span.dark{
font-weight: 900;
}
body:not(.light-mode,.dark-mode) a.light-dark-toggle span.normal{
font-weight: 900;
}
body.light-mode {
background: var(--base-4);
color: var(--contrast-4);
background-image: radial-gradient(#d0cfcf 1px, transparent 1px);
background-size: 16px 16px;
}
.single-course.light-mode h1.entry-title {
color: var(--contrast) !important;
}
.light-mode a.light-dark-toggle {
background: var(--contrast-4);
color: var(--base-4);
filter: brightness(1);
}
.light-mode a.light-dark-toggle img{
filter: invert(1);
}
.single-course.dark-mode main#main,
.single-course.dark-mode aside#lessons_in_course {
background: var(--contrast-4);
border: 2px solid rgb(237 238 240 / 5%);
}
.single-course.dark-mode h4.video_title,
.single-course.dark-mode .first_lesson > p,
.single-course.dark-mode h3.lesson_title,
.single-course.dark-mode li.lesson a,
.single-course.dark-mode li.lesson span.video_meta span,
.single-course.dark-mode ul.vids h5{
color: var(--base-2);
}
.single-course.dark-mode .lesson_progress_text{
color:var(--base-2);
}
.single-course.dark-mode .video_wrapper{
border-color: var(--contrast);
}
.single-course.dark-mode .lesson_title_box:hover, 
.single-course.dark-mode .lesson.open .lesson_title_box{
background: var(--contrast-3);
}
.single-course.dark-mode section.bottom_course_section{
background: var(--contrast-4);
color: var(--base-4);
border: 2px solid rgb(237 238 240 / 5%);
}
.single-course.dark-mode .bottom_section_filter button{
background: #5c6f7c;
}
.single-course.dark-mode section.bottom_course_section button.discussion-filter {
color: var(--base-2);
}
.single-course.dark-mode section.bottom_course_section button.discussion-filter.active{
filter: invert(1) brightness(1);
}
.single-course.dark-mode section.bottom_course_section .discussion-list article{
color:var(--contrast)
}
.single-course.dark-mode section.bottom_course_section .discussion-question {
background: var(--base-2);
}
.single-course.dark-mode section.bottom_course_section button.expand_minimize{
filter:none;
} .single-course.dark-mode aside ::-webkit-scrollbar-track {
background: #c6c6c6;
} .single-course.dark-mode aside ::-webkit-scrollbar-thumb {
background: var(--contrast);
} .single-course.dark-mode aside ::-webkit-scrollbar-thumb:hover {
background: var(--contrast-3);
}  .woocommerce-account .woocommerce-MyAccount-navigation {
float: none;
width: 100%;
}
.woocommerce-account nav.woocommerce-MyAccount-navigation ul {
display: flex;
list-style: none;
margin: 0;
gap: 10px;
flex-wrap: wrap;
}
.woocommerce-account nav.woocommerce-MyAccount-navigation ul li {
background: #efefef;
padding: 5px;
font-weight: 600;
}
.woocommerce-account nav.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link.is-active,
.woocommerce-account nav.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link:hover {
background: var(--accent);
}
.woocommerce-account nav.woocommerce-MyAccount-navigation ul li a {
text-decoration: none;
color: #333;
padding: 5px;
}
.woocommerce-account .woocommerce-MyAccount-content {
width: 100%;
float: none;
margin-top: 50px;
border-top: 2px solid;
}
.woocommerce-MyAccount-content h2 {
font-size: 24px;
}
.woocommerce-account span.woocommerce-Price-amount.amount{
color: var(--base-3);
margin-left:5px;
}
body.woocommerce-account.woocommerce-page .woocommerce-MyAccount-content p:nth-of-type(2) {
display: none;
}
.page-id-19.woocommerce-account .u-column2.col-2 {
width: 100%;
}
.page-id-19.woocommerce-account .u-column1.col-1 {
float:right;
}
ul.my-courses {
list-style: none;
margin: 0;
}
ul.my-courses li a {
text-decoration: none;
color: #333;
font-weight: 600;
}
.my_course {
font-size: 16px;
}
.my_course .course {
display: flex;
width: 100%;
justify-content: space-between;
margin-bottom: 10px;
padding-bottom: 10px;
}
.my_course h3{
font-size: 20px;
font-weight: 500;
}
.my_course a.button {
background: var(--contrast);
color: var(--base-3);
padding: 7px;
}
ul#dal-device-list {
list-style: none;
margin: 0;
}
ul#dal-device-list li{
margin-bottom:10px;
}
button.dal-remove-device {
background: transparent;
}
form.woocommerce-EditAccountForm.edit-account {
display: flex;
flex-direction: column;
}
form.woocommerce-EditAccountForm.edit-account p:has(button.woocommerce-Button.button){
order:10;
}
form.woocommerce-EditAccountForm.edit-account fieldset {
order: 9;
margin-top: 20px;
margin-bottom: 23px;
padding: 6px;
border: 1px solid;
}
form.woocommerce-EditAccountForm.edit-account fieldset legend{
margin-bottom: 0;
}
form.woocommerce-EditAccountForm.edit-account p:has(select#student_faculty){
order:8;
}
form.woocommerce-EditAccountForm.edit-account p:has(select#study_establishment){
order:7;
}
form.woocommerce-EditAccountForm.edit-account p:has(input#billing_phone){
order:6;
} main.site-main main.site-main {
display: none;
}
ul.products.columns-4 {
display: flex;
flex-wrap: wrap;
justify-content: start;
gap:0px;
}
.woocommerce ul.products li.product{
border-radius: 20px;
background: var(--base);
overflow: hidden;
float:none;
margin: 0 0px 20px 2.95% !important;
}
.woocommerce ul.products li.product a img{
aspect-ratio: 1;
object-fit: cover;
}
.woocommerce ul.products li.product.sale a:has(.onsale) img {
margin-top: 0;
}
.single-product .product_meta {
display: none;
}
button.single_add_to_cart_button.button.alt {
border-radius: 20px;
background: var(--contrast);
}
a.checkout-button.button.alt.wc-forward {
background: var(--contrast-3);
}
a.checkout-button.button.alt.wc-forward:hover {
background: var(--contrast);
}
button#place_order {
background: var(--contrast-3);
}
button#place_order:hover {
background: var(--contrast);
}
button.single_add_to_cart_button.button.alt {
background: var(--contrast-3);
}
.single-product.woocommerce button.single_add_to_cart_button.button.alt {
background: var(--contrast);
}
.single-product.woocommerce button.single_add_to_cart_button.button.alt:hover {
background: var(--contrast);
}
.single-product.woocommerce main span.woocommerce-Price-amount.amount{
color:var(--base);
}
.woocommerce ul.products li.product .woocommerce-loop-product__title {
font-weight: 500;
font-size: 18px;
color: var(--contrast);
padding: 0 10px !important;
}
.woocommerce ul.products li.product .add_to_cart_button{
background: transparent;
color: var(--accent);
border: 1px solid;
margin: 10px auto !important;
border-radius: 20px;
padding: 5px 20px;
}
.woocommerce ul.products li.product span.price{
padding-right: 10px;
}
span.woocommerce-Price-amount.amount {
color: var(--contrast-3);
font-weight: 700;
font-size: 17px;
}
.woocommerce-cart span.woocommerce-Price-amount.amount,
.woocommerce-checkout span.woocommerce-Price-amount.amount,
.woocommerce-cart .woosb-item-child .product-price .amount{
color:var(--base);
opacity:1;
}
.summary.entry-summary .price .woocommerce-Price-amount {
font-size: 22px;
}
.woocommerce-tabs.wc-tabs-wrapper div.woocommerce-Tabs-panel {
display: block !important;
border-top: 1px solid;
padding-top: 30px !important;
}
select#ajax_school {
background: var(--contrast);
color: var(--base-3);
padding: 2px;
} .school-filter-wrap label {
max-width: 400px;
display: block;
margin-bottom: 10px;
}
ul.tabs-for-shop-page-list {
margin: 0 0 40px;
display: flex;
list-style: none;
gap: 5px;
border-bottom: 1px solid;
padding-right: 5px;
padding-bottom: 10px;
flex-wrap: wrap;
}
li.tab-for-shop-page-item {
border: 1px solid;
padding: 0px 10px;
position: relative;
top: 1px;
cursor: pointer;
border-radius: 10px; font-size: 20px;
background: var(--contrast-3);
}
li.tab-for-shop-page-item.active {
background: var(--wp--preset--color--contrast-2);
}
li.tab-for-shop-page-item:hover {
filter: contrast(2.5);
}
.products_section h2.shop-section-title, .products_section hr {
display: none;
}
.product-type-label {
position: absolute;
background: var(--contrast-3);
padding: 2px 5px;
border-top-right-radius: 10px;
font-weight: 600;
font-size: 18px;
border-bottom-left-radius: 10px;
}
.woocommerce-privacy-policy-text{
display: none;
}
.woocommerce-info a {
color: var(--contrast);
}
.woocommerce-NoticeGroup.woocommerce-NoticeGroup-checkout li a{
color: var(--contrast);
}
ul.wc_payment_methods.payment_methods.methods {
background: #ffffff91;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li:not(.active) a {
color: #fff !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li:not(.active) {
background-color: rgb(158 158 158 / 34%) !important;
}
section.related.products {
display: none;
}
.single-product .inside-left-sidebar{
height: 100%;
}
.single-product aside.floating_add_to_cart,
.single-product aside#text-6{
position:sticky;
top:60px;
color: var(--contrast);
background: var(--base-3);
}
aside#text-6:not(:has(.textwidget > *)) {
display: none;
}
.single-product aside.floating_add_to_cart form{
display: flex;
}
.single-product aside.floating_add_to_cart div.buttons-added {
display: flex;
flex-direction: row;
}
.woocommerce p.stars a {
color: #ffffff91 !important;
}
.woocommerce #reviews #comments ol.commentlist li img {
border-radius: 100%;
}
em.woocommerce-review__verified.verified {
display: none;
}
.comment-text {
display: flex;
flex-direction: column;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta{
order:-1;
margin-bottom: 0;
}
.woocommerce .star-rating {
float: none;
margin-bottom: 10px;
}
.inside-wc-product-image{
width: 100%;
} body.page-id-6479 {
background: var(--contrast);
}
body.page-id-6479 header.entry-header {
text-align: center;
}
body.page-id-6479 .inside-article{
background: transparent;
}
section#contact {
display: flex;
flex-direction: row-reverse;
justify-content: space-between;
gap:20px;
}
section#contact > div {
background: var(--contrast-4);
padding: 20px;
border-radius:20px;
}
section#contact > div h3 {
color: var(--accent);
font-size: 24px;
font-weight: 600;
}
section#contact .rightSide {
flex-basis: 30%;
}
.inside_rightSide > div {
text-align: left;
display: flex;
flex-direction: row-reverse;
gap: 20px;
border-bottom: 1px solid #cccccc5e;
padding-top: 30px;
}
.svg_shell {
background: #323755;
height: 45px;
border-radius: 50%;
text-align: center;
padding: 10px 10px;
}
section#contact .rightSide svg {
stroke: var(--accent);
}
section#contact .leftSide {
flex-basis: 70%;
}
section#contact .inside_rightSide p span {
display: block;
color: var(--base-2);
}
div.wpcf7 {
max-width: 600px;
position: relative;
}
div.wpcf7 p {
margin-bottom: 0;
}
div.wpcf7 input, div.wpcf7 textarea {
border: hidden;
margin-bottom: 15px !important;
max-width: 380px;
border-radius: 10px;
background: var(--contrast);
color:var(--base);
border: 1px solid #cccccc45;
direction: rtl;
text-align: right;
}
div.wpcf7 textarea {
}
div.wpcf7 label {
display: block;
font-size: 20px;
font-weight: 500;
color: var(--base-3);
}
input.wpcf7-form-control.wpcf7-submit {
border: 0;
font-weight: 500;
}
input.wpcf7-form-control.wpcf7-submit:hover{
color:initial;
}
.wpcf7-spinner{
position: absolute;
}
.wpcf7 form.sent .wpcf7-response-output {
position: absolute;
bottom: 0px;
right: 214px;
}
body.page-id-6479 .support-bar {
background: var(--contrast-4);
top: 0;
margin-top: 30px;
} .site-footer {
background: var(--contrast-4);
}
.footer-widgets, .site-info {
background-color: transparent;
color:#fff;
}
.footer-widgets img{
max-width: 200px !important;
}
.site-footer .footer-widgets-container .inside-footer-widgets{
margin-left:0;
}
.inside-footer-widgets>div.footer-widget-1 { }
.inside-footer-widgets>div.footer-widget-1 aside#custom_html-3 {
padding-left: 0;
}
.flexit {
display: flex;
justify-content: space-between;
align-items: stretch;
}
.footer-widget-1 h2 {
display: none;
}
.left {
flex-basis: 20%;
position: relative;
align-self: flex-end;
}
.left img {
position: relative;
bottom: -6px;
left: 0;
}
.right {
padding-top: 30px;
padding-right: 30px;
}
.middle {
display: flex;
flex-direction: column;
justify-content: center;
}
.contact_info {
text-align: center;
}
.contact_info p {
margin-bottom: 0;
font-size: 30px;
font-weight: 600;
}
.social_media {
display: flex;
gap: 5px;
justify-content: center;
width: 150px;
flex-wrap: wrap;
margin: 15px auto;
}
.social_media img {
width: 70px;
aspect-ratio: 1 / 1;
}
.social_media span {
display: none;
}
#footer-widgets h2.widget-title {
margin-bottom: 0;
color: var(--accent);
}
#footer-widgets ul li a {
margin-bottom: 0;
color: var(--base);
text-decoration: none;
}
.socials_box .social_media {
margin: 0;
justify-content: start;
width: auto;
}
.socials_box .social_media a.single_social_link {
width: 30px;
height: 30px;
}
.socials_box .social_media img {
width: 100%;
height: 100%;
aspect-ratio: 1 / 1;
filter: invert(67%) sepia(45%) saturate(646%) hue-rotate(132deg) brightness(91%) contrast(84%);
}