/*================================*/
/* Tabs Anchor */
/*================================*/
/*color - main tab - for example 'Magic Note' */
strong u
{
 color: #702e2e;
}
/*color - Features within the tab - for example 'Step_Sequencer' */
a strong:not(:has(u)) /*not have 'u'*/
{
 text-decoration-line: underline; /* do underline via css */
}


/*================================*/
/*OneSignal - Custom Bell Design*/
/*================================*/
#onesignal-bell-container path
{
    fill: #f39524 !important;
}

#onesignal-bell-container circle
{
    fill: #000000 !important;
    stroke: #ff8a00 !important;
    stroke-width: 3px !important;
}

#onesignal-bell-container ellipse
{
    stroke: #ffffff36 !important;
    stroke-width: 2px !important;
}
/*================================*/



/*=====================*/
/* General CSS */
/*=====================*/

@media screen and (max-width: 580px) /* under <*/
{
 .Image_PDF_Manual, 
 .URL_Manual
 {
  top: -160px !important;
 }
}

html 
{
 scroll-behavior: smooth;
}

body
{
 margin:0;
 font-family: Play;
 font-weight: 400;
 font-size: 16px;
 overflow-x: hidden;
 overflow-y: auto;
 /* background:-webkit-linear-gradient( top , #d8d8d8 10%, transparent ); */
 /* background: -webkit-linear-gradient( top , #f2f2f2 0%, #f4f4f4 30%, #777777 ); */
 /* background: -webkit-linear-gradient( top , #ffffff , #e9e9e9 ); */
}

.AD_Powr_Body_Manual 
{
 position: absolute;
 display: block;
 /* overflow: hidden; */
 width: 100vw;
 height: -webkit-fill-available;
 margin: 0;
 padding: 0;
}
/*powr - inside iframe - that 'width' not 100vw - we cant to that it will not work..*/
/*
.tabsContent 
{
 width: 100vw;
}
*/
/*powr - inside iframe - to hide the 'top' tab*/
/*
.tab.hardDarkShadow 
{
 display: none;
}
*/

/*==================*/
/* Print - Excluded */
/*==================*/
/* 
Print - Excluded - elements that we don't want to Print
example: add the 'class' 'DO_NOT_PRINT' - into a specific Tags/Elements .
*/
@media print
{    
 .DO_NOT_PRINT
 {
  display: none !important;
 }
} /*end @media print */
/*===========*/

.Image_PDF_Manual, 
.URL_Manual
{
 position: fixed; /*relative*/
 width: 408px; /*79px*/
 height: 512px;
  
 /*increase or decrease - the original size*/ 
 transform: scale(0.200);
 top: -178px;
 margin-bottom: -512px; /*same as 'height' */

 cursor: pointer;
 transition: 0.3s;
 z-index:2;
 
 /*call to auto - wiggle - animation*/
 animation: wiggle 7s infinite 
}

.Image_PDF_Manual:hover,
.URL_Manual:hover
{
 transform: scale(0.195);
}

.Image_PDF_Manual
{
 left: -159px;
 background: url("https://aviramdayan-dreamelodic.com/wp-content/uploads/2024/02/pdf-icon-normal-w408.png") no-repeat;
}
.Image_PDF_Manual:hover
{
 background: url("https://aviramdayan-dreamelodic.com/wp-content/uploads/2024/02/pdf-icon-hover-w408.png") no-repeat;
}

.URL_Manual
{
 right: -159px;
 background: url("https://aviramdayan-dreamelodic.com/wp-content/uploads/2024/05/URL-normal.png") no-repeat;
}
.URL_Manual:hover
{
 background: url("https://aviramdayan-dreamelodic.com/wp-content/uploads/2024/05/URL-hover.png") no-repeat;
}

/*wiggle - animation*/
@keyframes wiggle 
{
 0% {
     transform: rotate(0deg) scale(0.200);
 }
 
 75% {
     transform: rotate(0deg) scale(0.200);
 }
 
 80% {
     transform: rotate(6deg) scale(0.200);
 }
 
 85% {
     transform: rotate(-13deg) scale(0.200);
 }
 
 90% {
     transform: rotate(2deg) scale(0.200);
 }
 
 95% {
     transform: rotate(-1deg) scale(0.200);
 }
 
 100% {
     transform: rotate(0deg) scale(0.200);
 }
}

.Image_PDF_Manual::before 
{
 position: relative;
 content: "";
 font-family: Play;
 left:30px;
 top:155px;
 color: #dedede;
 text-shadow: #000000 1px 0px 12px; /**/
 z-index: 3;
 animation: TextAnim 3s infinite;
}
/*TextAnim - animation*/
@keyframes TextAnim 
{
 from 
 {
  content: "Download";
  font-size: 75px;
 }
 
 to 
 {
  content: "Here";
  font-size: 60px;
 }
}


Document_LastUpdateText ,
ChangeLog_CustomDate_LastUpdateText
{
 color: #5a93ff; /*#b58837*/
 /* text-transform: uppercase; */ /*CAP*/
 font-weight: 400;
 font-family: Roboto;
 text-decoration: underline;
 text-decoration-color: #c4c4c4;
 /* font-size: 16px; */
 /* text-shadow: 0px 0px 1px black; */
 letter-spacing: -0.8px;
}

img 
{
 max-width: 100%;
}

/*Container for multi menu*/
.Menu_List
{
 position: sticky; /*fixed sticky*/
 top: 0;
 display: block; 
 z-index: 1;
}

/*Menu*/
section
{
 /*
 position: sticky; //fixed
 top:0;
 display: block;
 z-index: 1;
 */
 width: 100vw;
 height: fit-content; /*25px*/
 margin: 0 auto;
 text-align: center;
 padding: 3px 0px 3px 0px;
 background: black;
 box-shadow: 0px 2px 8px #00000073;
}
section a
{
 font-size: 15px;
 padding: 0px 5px 0px 5px; /*0px 2px 0px 2px*/
 color: #fff;
 background: #1d1d1d;
 cursor: pointer;   
 text-decoration: none;
 transition: 0.4s;
}
section a:hover
{
 color: gray;
 text-decoration: underline;
}

/*menu 2 - if have*/
section:nth-child(2) 
{
 background: #fff;
 /*for padding - width - text*/
 /*
 position: relative;
 display: table-cell;
 padding: 0px 55px 0px 55px;
 */
}
section:nth-child(2) a 
{
 font-size: 12.5px;    
 background: none;
 color: #000;
}
section:nth-child(2) a:hover 
{
 color:#5a93ff;
 font-weight: 500;
 /*background: #00000021;*/
 text-decoration: underline;
}
/* ========= */


/* ========= */
/* scrollbar FX */
/* ========= */  
/* width */
::-webkit-scrollbar 
{
  width: 18px;
}
/* Track */
::-webkit-scrollbar-track 
{
  box-shadow: inset 0 0 5px grey; 
  border-radius: 0px;
}
/* Handle */
::-webkit-scrollbar-thumb 
{
  background: #191919; 
  border-radius: 0px;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover 
{
  background: #2d2d2d; 
}
/* ========= */
/* ========= */