/*אחורה וקדימה*/
div#button-s {
    width: 1040px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: -70px;
}
div#button-r,
div#button-l {
    float: right;
    position: relative;
    margin-top: 45px;
}
div#button-l {
    float: left;
}
#button-r button,
#button-l button,
#button-r a,
#button-l a {
    background-color: #0000;
    border: none;
    color: #B48E00;
    font-weight: 500;
    font-size: 24px;
    text-decoration: none;
}
#button-r a {
    flex-direction: row-reverse;
}
#page-ng .buttonym svg {
    height: 20px;
    width: 19px;
    fill: #1A969F;
}
.floatright {
    float: right;
    padding-right: 16px;
    padding-left: 8px;
    display: flex;
}
.floatleft {
    float: left;
    padding-left: 16px;
    padding-right: 8px;
    display: flex;
}

div#button-s,
#page-text {
    font-family: "ploni-aaa", Assistant, Sans-serif;
     vertical-align: middle;
}
#ym-head {
    background: #fff;
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
    padding: 24px 30px 18px;
}
#ym-head h3 {
    color: #B48E00;
    font-weight: 400;
    font-size: 31px;
    line-height: 100%;
    text-align: center;
    margin: 0 0 8px;
}
#ym-head h4 {
    color: #1A969F;
    font-weight: 700;
    font-size: 40px;
    line-height: 100%;
    text-align: center;
    margin: 0;
}


/*אזור הקדשות*/
div#ym-dedication {
    width: 1040px;
    margin-left: auto;
    margin-right: auto;
    padding: 24px 64px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
#ym-dedication h4 {
    color: #7D0F02;
    font-weight: 500;
    font-size: 24px;
    max-width: 596px;
    overflow-y: auto;
    max-height: 3.5em;
    scrollbar-width: thin;
    scrollbar-color: #1A969F #792d2d00;
}
a.dedication555 {
    color: #7D0F02;
    border: solid 1px;
    border-radius: 24px;
    padding: 8px 16px;
    width: 216px;
    height: 58px;
    display: flex;
    align-items: center;
    justify-content: center;
}


/*אזור ההלכה*/
#ym-hala0 {
     width: 1040px;
    margin-left: auto;
    margin-right: auto;

}
#ym-hala01 {
    margin-left: 33%;
    background-color: #FFFDF2;
    padding: 18px;
    box-shadow: 0px 0px 25px 0px #00001224;
    border-radius: 24px;

    margin-left: 33%;
}
#ym-hala0 h3 a {
color: #000000;
    font-weight: 700;
    font-size: 31px;
    line-height: 100%;
    text-align: center;
    margin: 0 0 8px;
}
#ym-hala01,
#ym-hala01 p {
    font-size: 22px;
line-height: 1.3em;
}
button#hideShow { /*כפתור הערות*/
    border-radius: 16px;
    border: #333 2px solid;
    padding: 4px 16px 0px;
}

@media (min-width: 824px) {
/*יוטיוב*/
.video-audio .tabs {
    display: none;
}
.video-audio {
    float: left;
    width: 50%;
    margin-left: -58%;
    margin-top: -104px;
    position: sticky;
    top: 24px;
    padding-bottom: 64px;
}
.audioHal, 
.video-audio {
}
.youtube-ym {
       border-radius: 16px;  
       margin-bottom: 16px;
}
.ym-audio {
     border-radius: 16px;
     padding: 0px;
}
.audioHal {
    margin-top: 8px;
    width: 100%;
} 


.youtube-ym iframe {
    border: solid #E7BF2A;
    border-radius: 24px;
    width: 331px;
    height: 183px;
    
}
}

/*פלאפון*/
@media (max-width: 824px) {
#page-text * {
    overflow: hidden;
    max-width: 100%;
}
div#button-s {
    margin-top: -88px;
    top: 43px;
    top: 50px;
    position: relative;
}
div#button-r, div#button-l {
    float: right;
    position: relative;
}
div#button-l {
    float: left;
}
#ym-head {
    padding: 21px 8px 49px;
    width: 100%;
}
/*כותרת מעל ההלכות*/
#ym-head h3 {
    font-size: 26px;
}
#ym-head h4 {
    font-size: 30px;
}

/*אזור ההלכה*/
#ym-hala0 {
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
    padding: 30px 8px;

}
#ym-hala01 {
    margin-left: 0;
    background-color: #FFFDF2;
    padding: 8px;
    box-shadow: 0px 0px 4px 0px #00001224;
    border-radius: 24px;

    margin-left: 0%;
}
    
div#ym-dedication {
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
    padding: 8px;
    flex-direction: column;
    text-align: center;
}
a.dedication555 {
    width: 100%;
    height: 48px;
 }
 #ym-dedication h4 {
    font-size: 18px;
    margin: 24px 8px 8px;
}

audio.audioHal {
    width: 100%;
}
.youtube-ym {
    max-width: 100%;
}

#ym-hala0 h3 a {
    font-size: 24px;
}

#button-r button,
#button-l button,
#button-r a,
#button-l a {
    font-size: 24px;
    
}
    
}







/*טאבים*/
.tabs {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.tabs .tabs-t {
    margin: 0;
    padding: 0;
    width: 100%;
}
.tabs1.tabs-t {
    margin-left: 4px;
}
.tabs2.tabs-t {
    margin-right: 4px;
}
.tabs button {
    width: 100%;
    border: #fff0 0 solid;
    margin: 0px;
    color: #000;
    font-size: 18px;
    padding: 13.32px 8px 14px;
    border-radius: 24px;
    text-shadow: 0px 0px 4px #ffffff;
    font-weight: 600;
}
.tabs button[data-tab="video"] {
    background-color: #E7BF2A; /*צהוב*/
}
.tabs button[data-tab="audio"] {
    background-color: #24AEB5; /*ירוק*/
}

.video-open .tabs button[data-tab="video"] {
    border-radius: 24px 24px 0 0;
    margin-right: 0px;
    padding-bottom: 22px;
}
.audio-open .tabs button[data-tab="audio"] {
    border-radius: 24px 24px 0 0;
     margin-left: 0px;
    padding-bottom: 22px;
}

.youtube-ym  {
    background-color: #E7BF2A; /*צהוב*/
    padding: 6px;
    margin-top: 0px;
}
.ym-audio {
    background-color: #24AEB5; /*ירוק*/
}
.tabs button[data-tab="video"] .youtube-ym {
    display: block;
}
.tabs button[data-tab="audio"] .ym-audio {
    display: block;
}

.youtube-ym::bi  {}
@media (max-width: 824px) {

.youtube-ym  {
    display: none;
}
.ym-audio {
    display: none;
}
.media-container  .video-open .youtube-ym {
    display: block;
    border-radius: 24px 0 24px 24px;
    padding: 16px 6px 6px;
}
.media-container .audio-open .ym-audio {
    display: block;
    border-radius: 0 24px 24px 24px;
    padding: 16px 6px 6px;
    margin-top: 0px;
}

.media-container .video-open .tabs {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAEwSURBVHgB7VfLTcNAEH2zjgTKyR2wR4iQcAnuADogHUAHpBNK2RIoIUcjLpxzcIaZJJaWSPk49u5c8g6e9XqlefPmjWwDVxiiCffewRAtXGlKgFDYKuBc+2RKgBmVbQssCegESLD0gKs3V1iB6HUTYICt/G6paxsFqPjoltkJ/IaqlPmrYUVghdVcgu/us3pg1/sQE8irwLb3/t8WMiF2fowsCiyDL3fSw4TADaYL7EnfYYLEaMJsIeHt0POkHpC+z0Xkz2NnkhH4CbOqBb5OnUviAa38nORJCHyHh/dTsscYrQU6aup2OmK4ZASa8FgDa63aoycGEbi06sEENPEtptJrksRcYgB6ERgz8dkE9CVCbvLMzC/xh8RYoDiR/qsR2BeuuGNeV7Jdg/sbqw/+AKLKT+O1r/cYAAAAAElFTkSuQmCC);
    background-repeat: no-repeat;
    background-position: calc(50% - 12px) calc(100% - 0px);
}
.media-container .audio-open .tabs {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFRSURBVHgB5ZbNTcNAEIXfjq1wA1MBRjF3SkgJpAJKIB0EKoiowD4TER+IOYcKEirAJeTCxcYedi0CIYBiyz9z4DtYs7bW+vRGs1rg33MaRScQhOxXHEMQym3IJkAKLgShHHwOQQisBhBEdwCu5CSQedgJLiBEIcCsZAW0wsD1QwcC0KawD3tXEOBTAAojiRRoq3YkUqBvK4EUaGft2M7BGB1CP94wj7zpwwBiAsbBIr+rVvwqYI7nrlpBf34xrbifjyAmYFBq0p/NLyEmYByggrO7qLU7w14BA9tYtpVEKQGDScKbRtdomNICBRbGXvg4aXJEqwkY9HRYR72lG4YuGqC6AD7OCe699MPIryuivFnEqIHeHCvm2zdKg3g4XKMitQW2RXQ0iwzJjRaJy+5rTGDntwtGHmQqfdon05LAF0WLFFa6XHGWPZNlxSmS9UbsHQfHbNW8ViuUAAAAAElFTkSuQmCC);
    background-repeat: no-repeat;
    background-position: calc(50% + 12px) calc(100% - 0px);
}


.youtube-ym iframe {
    border-radius: 24px; 
    width: 100%;
    height: 219px;
}
/*
.video-open .tabs button[data-tab="video"]::after {
	content: "";
	width: 100px;
	height: 100px;
	margin-top: -33px;
	margin-right: 47px;
    background-color: #e7bf2a00;
    position: absolute;
    z-index: 99999;
    border: #e7bf2a solid 23px;
    border-radius: 50%;
    clip-path: polygon(50% 50%, 80% 50%, 80% 80%, 50% 80%);
	}
	
	.audio-open .tabs button[data-tab="audio"]::after {
	content: "";
	width: 100px;
	height: 100px;
	margin-top: -33px;
	margin-right: -186px;
    background-color: #24AEB500;
    position: absolute;
    z-index: 99999;
    border: #24AEB5 solid 23px;
    border-radius: 50%;
    clip-path: polygon(20% 50%, 50% 50%, 50% 80%, 20% 80%);
	}
*/

}









audio::-webkit-media-controls-enclosure {
    background-color: #24AEB5;
    border-radius: 20px;
    padding: 4px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

audio::-webkit-media-controls-play-button,
audio::-webkit-media-controls-panel,
audio::-webkit-media-controls-current-time-display,
audio::-webkit-media-controls-time-remaining-display {
    color: white;
}

audio::-webkit-media-controls-timeline {
    background-color: rgba(255, 255, 255, 0.3);
    border-radius: 5px;
}

audio::-webkit-media-controls-volume-slider {
    background-color: rgba(255, 255, 255, 0.3);
}

audio::-webkit-media-controls-volume-control-container,
audio::-webkit-media-controls-mute-button {
    color: white;
}
/*ירידת שורה בהערות שוליים*/
.note a[href^="#"]:not(:first-of-type)::before,
.note2 a[href^="#"]:not(:first-of-type)::before{
    content: "";
    display: block;
    margin-top: 16px; /* גובה המרווח בין הפסקאות – ניתן לשינוי */
}

/* For Firefox */
audio {
    --moz-audio-controls-color: white;
    --moz-audio-controls-background: #24AEB5;
}

.note2 {
    font-size: 19px;
    line-height: 130%;
}







#button-s {
    overflow: hidden;
    width: 100%;
}

#button-r {
    float: right;
}

#button-l {
    float: left;
}

#button-t {
    clear: both;
    text-align: center;
    margin-top: 8px;
}

#button-r a,
#button-l a,
#button-t a {
    background: transparent;
    border: none;
    color: #B48E00;
    font-weight: 500;
    font-size: 24px;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

#button-r a svg,
#button-l a svg,
#button-t a svg,
#button-r a .elementor-icons-manager__tab__item__icon svg,
#button-l a .elementor-icons-manager__tab__item__icon svg,
#button-t a .elementor-icons-manager__tab__item__icon svg {
    width: 19px;
    height: 20px;
    fill: #1A969F;
    flex: 0 0 auto;
}

#button-r a .floatleft,
#button-l a .floatright,
#button-t a .floatright {
    display: inline-flex;
    align-items: center;
}