/*
	Theme Name: Dev2
	Theme URI: https://www.silink.net
	Description: Dev2
	Version: 1
	Author: Simon E
	Author URI: https://www.silink.net
	Tags: Blank, HTML5, CSS3

	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/

.form-submit{display: none;}
button#submit-new {display: block;width:500px;height:40px;box-sizing:border-box;background:#d4145a;color:#ffffff;border:0;font-size:1.2em;}
textarea#comment {display: block;width:500px;box-sizing:border-box;border:0;color:#3d3d3d;font-weight:200;font-size:1.05em;height:200px;background:#f3f3f3;padding: 5px;}
.comments ul {list-style: none;}
.comment-author {float:left;width:130px;}
.says {display:none;}
.comment-meta {float:right;}
.comment-body {background:#f3f3f3;min-height:160px;border-bottom:7px solid #d4145a;box-sizing:border-box;padding:20px;margin-top:20px;}
input, textarea, select, button {font-family:'Noto Serif SC', sans-serif;font-size:1.05em}

#email {display: block;box-sizing:border-box;width:495px;border:0;color:#3d3d3d;font-weight:200;font-size:1.05em;background:#f3f3f3;border-left: 7px solid #d4145a;padding-left: 5px;}
#author {display: block;box-sizing:border-box;width:495px;border:0;color:#3d3d3d;font-weight:200;font-size:1.05em;background:#f3f3f3;border-left: 7px solid #d4145a;padding-left: 5px;}
#url {display: block;box-sizing:border-box;width:495px;border:0;color:#3d3d3d;font-weight:200;font-size:1.05em;background:#f3f3f3;margin-bottom:15px;border-left: 7px solid #d4145a;padding-left: 5px;}

html, body {
height:100%;
width:100%;
margin:0;
padding:0;
font-family:'Noto Serif SC', sans-serif;
}

.logo {
width:200px;background:#d4145a;padding-top:13px;
}
.logo img {
display:block;margin-left: auto;margin-right: auto;
}

#content {
width: calc(100% - 300px);
position: relative;
left:100px;
background:#ffffff;
box-sizing:border-box;
margin:0 auto;
text-align: justify;
padding:10px 100px;
}

/* Navigation */

#navcontainer {
width:200px;
height: 100%;
top:0;
left:0;
z-index:1;
position:fixed;
background:#d4145a;
}

#navbackground {
background:#d4145a;
top:0;
z-index:11;
width:200px;
position:fixed;
margin:0 auto;
}

.menu ul {
height:100vh;
width:200px;
background:#d4145a;
margin:0;
padding:0;
position:relative;
}

.menu ul li {
box-sizing:border-box;
line-height:37px;
min-height:37px;

font-size:1.2em;
padding-left:10px;
background:#d4145a;
list-style: none;
width:100%;
cursor:pointer;
position:relative;
}

.menu ul li ul {
display:block;
opacity:0;
max-height:100vh;
position:fixed;
background:#3d3d3d;
width:320px;
transition:all 1s ease;
overflow:hidden;
z-index:-1;
top:0px;
left:-200px;
}

.menu ul li ul li {
font-size:.9em;
color:#ffffff !important;
width:320px;
background:#3d3d3d;
position:relative;
}

.menu ul li:hover {
background:#ffffff;
}

.menu ul li:hover > a {
color:#d4145a;
}

.menu ul li ul li:hover > a {
color:#3d3d3d;
background:#ffffff;
}

.menu ul li:hover ul {
opacity:1;
top:0;
left:200px;
max-height:100vh;
position:fixed;
transition:all 0.25s ease;
}

.menu ul a {
color:#FFF;
text-decoration:none;
width: 100%;
display: inline-block;
}

a {
text-decoration:none;
color:#d4145a;
}

a:hover {
color:#f23d7f;
}

/* Elements */


h1{font-family:'Great Vibes', sans-serif;transform: skewX(-20deg) rotate(-2deg);color:#fff;margin:0;padding:20px;padding-top:15px;font-size:4.5em;text-align:center;}
h2{padding:10px;color:#d4145a;font-size:2em;margin:0;}
h3{color:#d4145a;font-size:1.5em;margin:0;padding:10px;}

p {
color:#3d3d3d;
font-weight:200;
font-size:1.1em;
margin:0;
padding:5px;
}

blockquote {
	background: #f3f3f3;
    border-left: 7px solid #d4145a;
	padding: 10px;
}

#titlebgc {
	text-align:center;
	padding-top: 10px;
}

#titlebg {
	transform: skewX(20deg) rotate(1deg);
	cursor: pointer;
	-webkit-backface-visibility: hidden;
	background: #d4145a;
	display: inline-block;
	transition: transform .2s; /* Animation */
	-moz-user-select: none;
	-webkit-user-select: none;
}


#titlebg:hover {
   transform: skewX(20deg) rotate(1deg) scale(1.1);
}

#titlebg:active {
   transform: skewX(20deg) rotate(1deg) scale(1);
}

#breaker {
display:block;
background-color: #f5f5f5;
border-left: 100px solid #389be3;
font-size: 0;
height: 10px;
line-height: 0;
margin-bottom: 10px;
margin-top: 10px;
overflow: hidden;
}

#footer {
width: calc(100% - 200px);
color: #d4145a;
margin: 0 auto;
box-sizing:border-box;
padding: 10px 10px 10px 25px;
font-size:1.1em;
position: relative;
left:100px;
text-align:center;
}

/*WP*/
.alignnone{margin:5px 20px 20px 0;}
.aligncenter,
div.aligncenter{display:block;margin:5px auto 5px auto;}
.alignright{float:right;margin:5px 0 20px 20px;}
.alignleft{float:left;margin:5px 20px 20px 0;}
a img.alignright{float:right;margin:5px 0 20px 20px;}
a img.alignnone{margin:5px 20px 20px 0;}
a img.alignleft{float:left;margin:5px 20px 20px 0;}
a img.aligncenter{display:block;margin-left:auto;margin-right:auto}
.wp-caption{background:#fff;border:1px solid #f0f0f0;max-width:96%;padding:5px 3px 10px;text-align:center;}
.wp-caption.alignnone{margin:5px 20px 20px 0;}
.wp-caption.alignleft{margin:5px 20px 20px 0;}
.wp-caption.alignright{margin:5px 0 20px 20px;}
.wp-caption img{border:0 none;height:auto;margin:0;max-width:98.5%;padding:0;width:auto;}
.wp-caption p.wp-caption-text{font-size:11px;line-height:17px;margin:0;padding:0 4px 5px;}
.gallery-caption {font-family:'Roboto', sans-serif;}
.gallery-item img {border:none;}
.screen-reader-text{clip:rect(1px, 1px, 1px, 1px);position:absolute !important;height:1px;width:1px;overflow:hidden;}
.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus{background-color:#f1f1f1;border-radius:3px;box-shadow:0 0 2px 2px rgba(0, 0, 0, 0.6);clip:auto !important;color:#21759b;display:block;font-size:14px;font-size:0.875rem;font-weight:bold;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000;}