/*
Theme Name: Theme Time
Theme URI: none
Author: dev
Author URI: none
Description: Custom theme for development purposes.
Requires at least: 6.0
Tested up to: 6.9
Requires PHP: 7.2
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: dev-theme
Tags: none
*/

body { 
    background:#0e1823 !important;
    font-family:'Roboto'!important;
	color:#ccd!important;
}

.navbar {
    margin-bottom:0px
}

.navbar-default {
    background-color:#152535!important;
    border:none;
}
 
.navbar-default .navbar-brand { 
    color:#fff;
    font-size:24px;
    font-family:'Roboto', Helvetica, Arial, Sans-serif
}

button, button:focus {
    outline:0 !important;
}

#motto {
    padding:10px 20px 0 0;
    font:italic normal 20px serif;
    color:#ddddff;
    float:right
}

#koyu-container {
    
    min-height:300px
}

#kronometre { 
    border-radius:7px;
    padding:10px
}

#kronometre .ust-butonlar {
    text-align:right
}

#kronometre .alt-butonlar {
    text-align:right
}

#kronometre .ust-butonlar .btn, #kronometre .alt-butonlar .btn {
    border-radius:3px;
}

.btn-tasarrufOff, .btn-tasarrufOff:focus {
    background-color:#505055;
    color:#aab
}

#ekran {
    font:normal 90px 'Roboto', sans-serif;
    color:#ddf;
    padding:30px 0;
    white-space:nowrap
}



@media (max-width: 500px) {
 .hide-xs {
        display:none
    }
}

@media (min-width: 450px) {
    #ekran {
        font:normal 120px 'Roboto', sans-serif;
    }
   
}

@media (min-width: 800px) {
    #ekran {
        font:normal 150px 'Roboto', sans-serif;
    }
}

#ekran span {
    display:inline-block;
    text-align:right;
}

#ekran .salise {
    text-align:left;
    font-size:24px;
    width:50px;    
}

#btnStartStop {
    min-width:92px;
}

#sureler {
    text-align:center;
    max-width:520px;
    min-width:300px;
    margin:10px auto 10px auto;
    max-height:330px;
    overflow:auto
}

#sureler div {
    text-align:left;
    background:#1c3247;
    padding:15px 10px;
    color:#dde;
    min-width:270px

}

#sureler div p {
    padding:0;
    margin:0;
    font-size:1.1em
}
#sureler div p em {
    font-style:normal;
    font-size:0.8em
}

#sureler .removeBtn {
    font-size:11px;
    border-radius:10%;
}

#notalani {
    text-align:center;
    clear: both;
    padding:15px 0
}

#notalani a {
    color:#ddf;
}

#notalani textarea {
    display:none;
    width: 500px;
    height: 220px;
    border: 1px solid #000;
    border-radius: 3px;
    background-color: #2b4b6c;
    color: ghostwhite;
    padding: 10px 15px;
    font-size:16px

}

#ayarModal, #oneriModal {
	color:#333333
}

code {
	background:#000;
	color:yellow;
	padding:4px 6px
	
}

@media (display-mode: fullscreen) {

	#ekran {
		justify-content: center;
		min-height: 100vh !important;
		display: flex;
		align-items: center;
	}
	
}