/* Theme Name: White Tema
Theme URI: www.Sohbete.Org
Author: Sohbete
Author URI: Geliştirici Web Sayfası
Description: Sohbete.Org tema "White" serisi.
Version: v1 */

@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
@import url('https://fonts.googleapis.com/css?family=Corben:700');

body{
	font-family: 'Roboto', sans-serif;
	background: #5ab6dd
}
.bg-orgin{
	background: #fb6034;
	border-radius: 10px;
	box-shadow: 3px 0px 10px 10px #525d77
}
.bg-arka{
	background: #5ab6dd
}
.bg-sohbet{
	background: white;
	padding: 10px;
	border-radius: 10px
}
.bg-sohbet2{
	color: black;
	border-radius: 10px 10px 0px 0px;
	padding: 10px
}
.bg-sohbet3{
	background: #fb6034;
	color: white;
	border: none;
	border-radius: 10px;
	margin-top: 10px;
	padding: 5px;
	animation: bg-sohbet3 1s linear infinite
}
.bg-sohbet3 a{
	color: #072d3d;
	border-bottom: 1px dashed white;
	text-decoration: none;
	transition: all 0.5s
}
.bg-sohbet3 a:hover{
	padding: 5px;
	border: none;
	border-radius: 10px;
	text-decoration: none;
	box-shadow: 0px 0px 5px 5px white
}
.text-arka{
	color:#f3c3f6
}
.text-arka:hover{
	color: #f3c3f6;
	padding-bottom: 2px
}
.headersize{
	width: 100%;
	height: 100%
}
.headertext{
	font-size: 20px;
	color: #451248;
	font-weight: 700
}
.head{
	background: #ffffff;
	padding-right: 10px;
	border: none;
	border-radius: 30px 10px;
	box-shadow: 10px 5px 5px 5px #06529d
}
.head a{
	color: #06529d;
	text-decoration: none;
	font-weight: bold;
	letter-spacing:5px
}
.head2{
	background: #ffffff;
	padding-right: 10px;
	border: none;
	border-radius: 30px 10px;
	box-shadow: 10px 5px 5px 5px #011238
}
.head2 a{
	color: #06529d;
	text-decoration: none;
	font-weight: bold;
	letter-spacing:5px
}
.logoimg{
	width: 70px;
	height: 70px
}
.formlogin input{
	background: white;
	color: #011238;
	font-weight: 500;
	padding: 10px;
	margin: 10px;
	border: none;
	outline: none;
	border-bottom: 1px solid #011238
}
.formlogin input::-moz-placeholder{
	color: #1d1c22;
	opacity: 1
}
.formlogin input:-ms-input-placeholder{
	color: #1d1c22
}
.formlogin input::-webkit-input-placeholder{
	color: #1d1c22
}
.formlogin i{
	color:#011238;
	font-size:30px;
	padding: 10px
}
.formlogin a{
	color:#9eee01
}
.formback{
	background: white;
	margin: 10px;
	border-radius: 10px;
	box-shadow: 1px 0px 10px 1px #011238
}
.formbaglan{
	width: 100%;
	padding: 10px;
	background: #06529d;
	color: #ffffff;
	letter-spacing: 13px;
	font-weight: 900;
	border-radius: 20px;
	border: none;
	text-decoration: none;
	transition: all 0.5s
}
.formbaglan:hover{
	background: #fb6034
}
.formbaglan2{
	width: 100%;
	padding: 10px;
	background: #ffc196;
	color: #011238;
	font-weight: 600;
	border-radius: 10px
}
.uygulama{
	width: 120px;
	height: 120px
}
.btn-link{
	background: white;
	color: #06529d;
	padding: 20px;
	border-radius: 10px;
	box-shadow: 1px 3px 10px 5px #06529d;
	font-weight: bold
}
.btn-link:hover{
	text-decoration: none;
	background: #06529d;
	color: white;
	font-weight: 500;
	transition: all 0.5s
}
.sayfalar ul li {
	margin-bottom: 30px;
}
.sayfalar ul li a{
	background: white;
	color: #06529d;
	padding: 15px;
	border-radius: 10px;
	box-shadow: 1px 3px 10px 5px #06529d;
	font-weight: bold
}
.sayfalar ul li a:hover {
	text-decoration: none;
	background: #06529d;
	color: white;
	font-weight: 500;
	transition: all 0.5s
}
.ortabar{
	text-decoration: none;
	border-radius: 30px;
	background: #f7f7f7;
	padding: 5px
}
.ortabar1{
	background: #06529d;
	color: white;
	border: none;
	border-radius: 30px 0px 0px 30px
}
.ortabar2{
	background: #fb6034;
	color: black;
	border: none
}
.ortabar3{
	background: #06529d;
	color: white;
	border: none;
	border-radius: 0px 30px 30px 0px
}
.blog{
	background: #fb6034;
	color: white;
	border: none;
	border-radius: 10px
}
.blogkonu{
	background: white;
	border-radius: 10px;
	border: none
}
.blogkonu:hover{
	background: #06529d;
	color: white;
	border-radius: 10px;
	border: none
}
.blogkonu a{
	color: black;
	border-bottom: 1px solid white
}
.blogkonu a:hover{
	text-decoration: none
}
h1{
	font-family: 'Corben', cursive;
	font-size: 6rem;
	color: white;
	letter-spacing: 0.1rem;
	text-shadow: 0px 3px 3px rgba(0, 0, 0, 0.66)
}
.sohbet{
	background: white;
	border: none;
	border-radius: 10px;
	padding: 20px;
	margin: 10px;
	box-shadow: 0px 0px 20px 10px #06529d
}
.sohbettext{
	font-weight: bold
}
.sosyal{
	background: #011238;
	color: white;
	width: 40px;
	height: 40px;
	padding: 5px;
	font-size:20px;
	border-radius: 10px
}
.baglanti{
	background: #ffffff;
	border-radius: 10px;
	margin: 10px;
	box-shadow: 0px 100px 0px 10px #fb6034f0
}
.fbaslik{
	background: #011238;
	border: none;
	border-radius: 10px;
	color: white
}
.url{
	width: 40px;
	padding: 5px
}
.blink{
	background: #06529d;
	border-radius: 10px
}
.blink a{
	color: black;
	font-size: 20px
}
.qbilisim{
	background: white;
	color: black;
	border: none;
	border-radius: 10px
}
#radyo{
	border: none;
	background: transparent
}
.radyobutton{
	background: #ffffff;
	color: #06529d;
	border-radius: 10px;
	border: none;
	padding: 10px;
	background: w;
	box-shadow: 0px 0px 10px 5px #110400;
	font-size: 30px;
	text-decoration: none;
	animation: radyobutton 1s linear infinite
}
@keyframes radyobutton{
	0%{
		box-shadow: 0px 0px 2px 2px white
	}
	50%{
		box-shadow: 0px 0px 6px 6px white
	}
	100%{
		box-shadow: 0px 0px 10px 10px white
	}
}
@keyframes bg-sohbet3{
	0%{
		box-shadow: 0px 0px 2px 2px #5ab6dd
	}
	50%{
		box-shadow: 0px 0px 6px 6px #5ab6dd
	}
	100%{
		box-shadow: 0px 0px 10px 10px #5ab6dd
	}
}
.yukari{
	display: none;
	position: absolute;
	top: -90px;
	right: 28px;
	background: #06529d;
	color: white;
	border: none;
	border-radius: 10px;
	padding: 10px;
	animation: yukari 1s linear infinite
}
@keyframes yukari{
	0%{
		box-shadow: 0px 0px 2px 2px white
	}
	50%{
		box-shadow: 0px 0px 6px 6px white
	}
	100%{
		box-shadow: 0px 0px 10px 10px white
	}
}
.yukari1{
	border: none;
	background: transparent;
	border-radius: 10px;
	color: #ffffff;
	box-shadow: 0px 0px 10px 1px #fff;
	text-decoration: none
}
.sakla{
	position: absolute;
	top: -30px;
	right: 30px;
	background: #06529d;
	color: white;
	border: none;
	border-radius: 10px;
	padding: 10px
}
.sakla1{
	border: none;
	background: transparent;
	color: white
}
.radyodiv{
	display: block
}
.yorum{
	color:white
}
.yorum a{
	color: black
}
.yorum li{
	margin-bottom: 10px;
	padding: 10px;
	border: 1px solid white;
	list-style-type: none;
	border-radius: 5px
}
.yorum textarea{
	width: 100%;
	border-radius: 5px
}
.yorum input[type=text]{
	width: 100%;
	border-radius: 5px;
	background: white
}
.yorum input[type=submit]{
	background: white;
	color: #011238;
	width: 100%;
	border-radius: 10px;
	text-align: center
}
.yorum .comment-form-url{
	display: none
}
.text-orgin{
	color:white
}
.text-orgin i{
	color: #06529d
}
.text-orgin a{
	color:white
}
.text-yorum a{
	color: white;
	border-radius: 10px;
	border: 2px solid white;
	padding: 10px;
	box-shadow: 0px 0px 10px 3px white
}
.blogmsg{
	color: #fff9f9
}
.blogmsg h2{
	font-weight: bold;
	color: white
}
@media screen and (max-width:900px){
	.ortabar1, .ortabar3{
		border-radius: 20px
	}
}
.hero {
		background-image: radial-gradient(50% 176%, #5ab6dd; 80%, #06529d; 100%);
		// min-height: 100vh;
		min-height: 30rem;
		position: relative;
		overflow: hidden;
		display: flex;
		justify-content: center;
		align-content: center;

		&__content {
			position: relative;
			align-self: center;
			padding: 3rem 0;
		}
	}

	.snow {
		position: absolute;
		min-width: 100vw;
		min-height: 100vh;
		height: 100%;
		width: 100%;
		top: 0;
		left: 0;
	}

	.snow .svg {
		position: absolute;
		width: 100%;
		height: 100%;
	}

	#snow-top-layer {
		will-change: transform;
		transform: translateY(-768px);
		animation: fall 22.5s infinite linear;
	}

	#snow-bottom-layer {
		will-change: transform;
		transform: translateY(-768px);
		animation: fall 45s infinite linear;
	}

	@keyframes fall {

		100% {
			transform: translateY(0);
		}

	}