/*


Theme Name: ulpanBait 2018 X Child Theme
Theme URI: http://theme.co/pro/

Author: Themeco

Author URI: http://theme.co/

Description: Make all of your modifications to Pro in this child theme.

Version: 1.0.0

Template: pro


*/

/*------------------------------------------------------------
  gilie 20112018 1732
------------------------------------------------------------*/
@import url( 'fonts/opensanshebrew.css' );
/*------------------------------------------------------------
  yaron 31052021 1732
------------------------------------------------------------*/
@import url( 'fonts/frank_g.css' );



.x-header-landmark {
    display: none;
}




.color-white{color:#fff !important}
.color-pink{color:#f0586d !important}
.color-blue{color:#00b0c6 !important}
.color-yellow{color:#ffc60b !important}
.bg-pink{background:#f0586d !important}
.bg-blue{background:#00b0c6 !important}
.bg-yellow{background:#ffc60b !important}
.bg-white{background:#fff !important}
.btn-flati{margin:10px;border:2px solid; background:#fff;}
.color-pink.btn-flati:hover{border:2px solid; color:#fff !important; background:#f0586d !important;}
.color-blue.btn-flati:hover{border:2px solid; color:#fff !important; background:#00b0c6 !important;}
a.underline{text-decoration:underline !important}

p:empty {
    display: none;
}
img{margin-bottom:0 !important}
.linky:hover {text-decoration:underline}
.linky {
    display: inline-block;
    color: #00b0c6;
}


.single-post .entry-featured, .entry-footer, .entry-title:before {
    display: none;
}



.width-max-900 {max-width:900px; margin-right:auto;margin-left:auto}


/*----   right to left for Hebrew / Arabic compatibility   -------------------------------------------*/

footer .widget_nav_menu .current-menu-item>a:after {    display: none;}

footer .widget_categories ul>li a, footer .widget_product_categories ul>li a, footer .widget_nav_menu ul>li a, footer .widget_pages ul>li a {    font-size: .8em;    font-weight: 600;    color: #000;}

/*------------------------------------------------------------*/
.woocommerce-cart .cart .actions>input {
    display: none;
}
.woocommerce-cart .cart .actions>input {
    display: none;
}


.actions button {
    display: inline-table;
    margin: 1em auto;
}

.woocommerce-cart .coupon {
    background: #fdfdfd;
    display: inline-block;
    width: 100%;
    padding: .5em;
    margin: 1em auto;
    border: 2px dashed #dcdcdc;
}
.woocommerce .cart .actions .coupon input[type="text"] {
    font-size: 1em;
    font-weight: 200;
    text-transform: uppercase;
    width: 70% !important;
}

.button, input[type="submit"], input[type="submit"]:hover {
    text-shadow: none;
    text-transform: uppercase;
    border-radius: 3px;
}



.woocommerce .cart-collaterals .cart_totals {
    background: #f7f7f7;
    padding: 1em;
    box-shadow: 1px 4px 5px 1px #00000021;
}
ul.order_details li {
    display: inline;
    margin-right: 1em;
}

ul.order_details {
    text-align: center;
    background: #f3f3f3;
    padding: .4em;
    color: #00000073;
}

ul.order_details li strong {
    color: #000;
}

.order_details li.total, .order_details li.method {
    display: none;
}

#checkout-wrapper .woocommerce-additional-fields > h3 {    display: none;}
#checkout-wrapper input[type="radio"], input[type="checkbox"] {    margin-right: 1em;}
#checkout-wrapper label {    margin-bottom: 1em;}
#checkout-wrapper legend {padding: 0 0 .3em;    margin: 0 0 .5em;     font-weight:600}
span.timeline-step {
    line-height: 1 !important;
    font-weight: 100 !important;
    color: #000 !important;
    border: 2px solid #ccc !important;
    background: #fff !important;
}
.active span.timeline-step {
    font-weight: 600 !important;
    border-color: #333 !important;}

    button#place_order{clear:both;
    display:block; margin-top:1em; text-transform:uppercase}

/*----------------------------------*/

#ui-datepicker-div.ui-datepicker {	font-size: 90%;}
#ui-datepicker-div.ui-datepicker .ui-widget {	font-family: "Open Sans Hebrew" ,Arial, sans-serif;	background: #29a2d9;	border: none;	border-radius: 0;	-webkit-border-radius: 0;	-moz-border-radius: 0;	box-shadow: 0 1px 3px #252525;}
#ui-datepicker-div.ui-datepicker.ui-widget input, #ui-datepicker-div.ui-datepicker.ui-widget select, #ui-datepicker-div.ui-datepicker.ui-widget textarea, #ui-datepicker-div.ui-datepicker.ui-widget button {    font-family: "open sans", sans-serif;    font-size: 16px;}
 #ui-datepicker-div.ui-datepicker {	padding: 0;}
.ui-datepicker-header {	border: none;	border-bottom: 1px solid #2d97cb;	background: transparent;	font-weight: normal;	font-size: 11px;	text-transform: uppercase;}
.ui-datepicker-header .ui-state-hover {	background: transparent;	border-color: transparent;	cursor: pointer;	border-radius: 0;	-webkit-border-radius: 0;	-moz-border-radius: 0;}
#ui-datepicker-div.ui-datepicker .ui-datepicker-title {	margin-top: 1.5em;	margin-bottom: 1em;}
#ui-datepicker-div.ui-datepicker .ui-datepicker-prev-hover,
#ui-datepicker-div.ui-datepicker .ui-datepicker-next-hover,
#ui-datepicker-div.ui-datepicker .ui-datepicker-next, #ui-datepicker-div.ui-datepicker .ui-datepicker-prev {	top: 1.7em;	border:none;}
#ui-datepicker-div.ui-datepicker .ui-datepicker-prev-hover {	left: 2px;}
#ui-datepicker-div.ui-datepicker .ui-datepicker-next-hover {	right: 2px;}
#ui-datepicker-div.ui-datepicker .ui-datepicker-next span,
#ui-datepicker-div.ui-datepicker .ui-datepicker-prev span {	background-image: url(images/ui-icons_ffffff_256x240.png);	background-position: -32px -32px;	margin-top: 0;	top: 0;	font-weight: normal;}
#ui-datepicker-div.ui-datepicker .ui-datepicker-prev span {	background-position: -96px -32px;}
#ui-datepicker-div.ui-datepicker .ui-datepicker-prev-hover span {	background-position: -96px -48px;}
.ui-datepicker-next-hover span {	background-position: -32px -48px;}
#ui-datepicker-div.ui-datepicker table {	margin: 0;}
 #ui-datepicker-div.ui-datepicker th {	padding: 10px 0;	color: #000000;	font-size: 10px;
	font-weight: normal;
	text-transform: uppercase;
	border: none;
	border-top: 1px solid #3fabdc;
}

#ui-datepicker-div.ui-datepicker td {
	border: none;
	padding: 0;
}

#ui-datepicker-div.ui-datepicker td .ui-state-default {
	background: transparent;
	border: none;
	text-align: center;
	padding: 1em 0;
	margin: 0;
	font-weight: normal;
	color: #efefef;
	font-size: 12px;
}

#ui-datepicker-div.ui-datepicker td .ui-state-active,
#ui-datepicker-div.ui-datepicker td .ui-state-hover {
	background: #000000;
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
}

/* Corner radius */
#ui-datepicker-div.ui-datepicker .ui-corner-all,
#ui-datepicker-div.ui-datepicker .ui-corner-top,
#ui-datepicker-div.ui-datepicker .ui-corner-left,
#ui-datepicker-div.ui-datepicker .ui-corner-tl {
	border-top-left-radius: 0px;
}
#ui-datepicker-div.ui-datepicker .ui-corner-all,
#ui-datepicker-div.ui-datepicker .ui-corner-top,
#ui-datepicker-div.ui-datepicker .ui-corner-right,
#ui-datepicker-div.ui-datepicker .ui-corner-tr {
	border-top-right-radius: 0px;
}
#ui-datepicker-div.ui-datepicker .ui-corner-all,
#ui-datepicker-div.ui-datepicker .ui-corner-bottom,
#ui-datepicker-div.ui-datepicker .ui-corner-left,
#ui-datepicker-div.ui-datepicker .ui-corner-bl {
	border-bottom-left-radius: 0px;
}
#ui-datepicker-div.ui-datepicker .ui-corner-all,
#ui-datepicker-div.ui-datepicker .ui-corner-bottom,
#ui-datepicker-div.ui-datepicker .ui-corner-right,
#ui-datepicker-div.ui-datepicker .ui-corner-br {
	border-bottom-right-radius: 0px;
}

#ui-datepicker-div.ui-datepicker .ui-state-default, #ui-datepicker-div.ui-datepicker.ui-widget-content .ui-state-default, #ui-datepicker-div.ui-datepicker .ui-widget-header .ui-state-default {
    border: 1px solid #e2e2e2;
    background: #fff;
    font-weight: bold;
    color: #000;
    font-size: 14px;
    font-family: "open sans", sans-serif;
    letter-spacing: -0.9px;
    padding: 4px;
}
#ui-datepicker-div.ui-datepicker .ui-widget-header {
    border: 1px solid #ffffff;
    background: #fff;
    color: #000000;
    font-weight: bold;
}#ui-datepicker-div.ui-datepicker.ui-widget-content {
    border: 1px solid #d6d6d6;
    background: #fff;
    color: #333333;
    z-index: 10000 !important;
}
#ui-datepicker-div.ui-datepicker th {
    padding: 10px 0;
    color: #989898;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    border: none;
    border-top: 1px solid #3fabdc;
}#ui-datepicker-div.ui-datepicker .ui-datepicker-title select {
    color: #333333;
    width: 50%;}	
/*----------------------------------*/

.form-group {
    display: inline-block;
    margin-right: 1.5em;
    float: left;
}

.form-group label {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 1px;
}


.searchbar {
    display: block;
    width: 100%;
    clear: right;
    position: relative;
    height: 6em;
      background: rgb(255, 198, 11);    text-align: center;
    padding: 1em;
    margin: 1em 0;
}


a {font-size:14px}

.form-group select {
    font-size: 1em;
    padding: 1px;
    line-height: 1;
}
/*---------------------*/
.class-itm {    background: #ffffff;    font-weight: 600;    padding: 1.5em 1em;    position: relative;    border-radius: 7px;
    border: 2px solid #eaeaea;    margin: 0;    color: #000;    text-align: center;}
.class-itm h4 {    margin: .5em .5em !important;    font-weight: 600 !important;    font-size: 1.2em;    text-transform: capitalize;}
.class-time-dtl {    padding: .5em;    margin: 1.3em 0 .5em;    border-top: 2px dotted #e8e8e8;
    border-bottom: 2px dotted #e8e8e8;    padding-top: 1.3em;}.class-itm .ttl {    font-size: .6em;    font-weight: 700;    text-transform: uppercase;    letter-spacing: .8px;
    margin-bottom: 2px;    line-height: 1;    color: #b3b3b3;}
.class-itm .class-days.dtl {font-weight: 400;font-size: .8em;margin: 0;}
.x-btn, .button, [type="submit"] {    border-width: 2px !important;    border-color: initial !important;}
.class-itm .dtl {display: inline-block;margin-right: 1em;margin-left: 1em;font-size: .9em;}
.class-teacher {    font-size: 120%;    font-weight: 400;    color: #000;}
.class-itm .badge {    position: absolute;    top: -4px;    left: -4px;    display: inline;    padding: 3px 6px;    font-weight: 100;    text-transform: uppercase;    font-size: 12px;    box-shadow: 1px 2px 3px 1px rgba(0, 0, 0, 0.38);    letter-spacing: 1px;}
.badge.redish {    background: #da5365;    color: #fff;}
.class-price .ttl, .class-price.dtl {    display: block;     letter-spacing: 1px; color:#333; margin:.8em 1em .2em; font-weight:600}

.class-itm {
    background: #fff;
    padding: 6px 10px 30px;
    text-align: center;
    box-shadow: 2px 1px 5px #3333;
}

.class-headline h4 {
    font-size: 1.2em;
    line-height: 1.2;
    margin: 10px;
}

.badge {
    font-size: 80%;
    color: #fff;
    background: #333;
    display: inline;
    padding: 3px;
    margin-top: -10px;
}


.class-start-date, .class-end-date {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 600;
    width: 48%;
    display: inline-block;
    line-height: 1.2;
}

/*  Code by Kamal*/
.tt-block {
    margin: 0.5em auto;
    width: 100%;
    display: table;
}
/* .tt-row {
    display: inline-block; /* or 'block', 'flex', etc., depending on your layout needs */
    font-size: 12px; /* keep existing font size */
    background: rgba(240, 240, 240, 0.66); /* keep existing background */
    /* Add any other styles you want to ensure consistency */
}
 */

.tt-row {
    display: table-row !important;
    font-size: 12px !important;
	background: rgba(240, 240, 240, 0.66) !important;
	margin:210px !important;
}

.tt-time, .tt-ttl {
    padding: 1px 4px !important;
    width: 50% !important;
    text-transform: uppercase !important;
    font-weight: 400 !important;
    color: #626161 !important;
	font-size:12px;
	text-align: end;
}

/* NEW STYLE */

/* Assuming .tt-row is the container for each day's schedule */
.tt-row {
  display: flex;
  align-items: center;
  justify-content: space-between; /* This adds space between the day and the time */
  background-color: transparent; /* Start with a transparent background */
  padding: 2px 0; /* Adjust to your preference */
}

/* Style for the day */
.tt-ttl {
  background-color: transparent;
  /* other styling */
}

/* Style for the time */
.tt-time{
	text-align:left;
	padding-left:10px;
}

/* Apply alternating background colors */
.tt-row:nth-child(odd) {
  background-color: rgba(240, 240, 240); /* Adjust the color and opacity to match your design */
}

/* You may need to target the text inside .tt-ttl and .tt-time */
.tt-ttl > span, .tt-time > span {
  margin-right: 10px; /* Adjust to your preference */
}