/* Generated by Font Squirrel (https://www.fontsquirrel.com) on December 5, 2016 */

@font-face {
    font-family: 'shlomoregular';
    src: url('./shlomo-webfont.woff2') format('woff2'),
         url('./shlomo-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

#tidio-chat-iframe 
{ 
	top: 50px !important; 
}

@media only screen and (max-width: 980px) 
{
	#tidio-chat-iframe 
	{ 
		top: 50px !important;
	}
}


@media screen and (min-width: 100px) 
{
body
{
    background-position:center;
    margin-left: 0 !important;
    margin-right: 0 !important;
    text-align: center !important;
}

#container
{
    width: 100% !important;
    text-align: center !important;
}

#container table
{
    margin-left: auto !important;
    margin-right: auto !important;
}

.zmanim_text 
{
	width:180px; 
	text-align:center; 
	font-size:xx-large;
}
.zmanim_hour 
{
	width:80px; 
	text-align:center; 
	font-size:xx-large;
}
}

#Hour,.ChirstianClock
{
    text-align:center;
    width: 96px;
    font-family:Comic Sans MS;
}

.ChirstianClock
{
    color: #878787;
    text-align:center;
    font-size:80px; 
    width: 100px; 
    background: transparent;
    border: none;  
}

.clock,
.ChirstianClock {
    box-sizing: content-box;
    min-width: 0;
    padding: 0;
    margin: 0;
    border-radius: 0;
    line-height: 1;
    letter-spacing: 0;
    -webkit-appearance: none;
    appearance: none;
}


#Text2, #HebrewText2
{
    text-align:center;
    width: 18px;  
    font-family:Comic Sans MS;
}
#Minute
{
    text-align:center;
    width: 200px;
    font-family:Comic Sans MS;
}
#Text4, #HebrewText4
{
    text-align:center;
    width: 18px;
    font-family:Comic Sans MS;
}
#Second
{
    text-align:center;
    width: 96px;
    font-family:Comic Sans MS;
}
.clock
{
	color: #CA2C92; 
    text-align:center;
    font-size:80px;
    background: transparent;
    border: none;  
}
#stop
{
    color:White;
    background-color:Lime;
    text-align:center;
    font-size:60px;
    width:200px; 
}
.zmanim_text 
{
	width:360px; 
	text-align:center; 
	font-size:60px;
	color:#0070c0; /*blue*/
}
.zmanim_hour 
{
	width:175px; 
	text-align:center; 
	font-size:60px;
	font-family:Comic Sans MS;
}
.day
{
    color: #878787; 
    text-align:center;
    font-size:72px; 
    font-family:Comic Sans MS;
}			

#Mazal
{
    color: #878787;
    font-size: 80px;
    font-family: Comic Sans MS;
}

@media (orientation: portrait), (max-width: 700px) {
    #container table {
        width: auto !important;
        max-width: 100%;
    }

    .clock,
    .ChirstianClock {
        font-size: clamp(34px, 11vw, 58px);
        margin: 0;
        padding: 0;
        vertical-align: baseline;
    }

    #Hour,
    #Second {
        width: 2ch;
    }

    #Minute {
        width: 4ch;
    }

    #ChirstianHour,
    #ChirstianMinute,
    #ChirstianSecond {
        width: 2ch;
    }

    #Text2,
    #Text4,
    #HebrewText2,
    #HebrewText4 {
        width: 0.45ch;
    }

    #Mazal {
        font-size: clamp(34px, 11vw, 58px);
    }
}

@media (min-width: 701px) and (max-width: 1100px) {
    #container {
        min-height: 100dvh;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    #container > div {
        width: 100%;
    }

    #container table {
        width: min(850px, 96vw) !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .clock,
    .ChirstianClock {
        font-size: clamp(58px, 8vw, 86px);
    }

    #Mazal {
        font-size: clamp(52px, 7vw, 80px);
    }
}