/**
 * Theme Name:  Chelonian
 * Theme URI:   http://shellcreeper.com/chelonian-wordpress-theme
 * Description: Simple Theme to Kickstart Your Project.
 * Version:     0.1.0
 * Author:      David Chandra Purnama
 * Author URI:  http://shellcreeper.com
 * Tags:        black, blue, one-column, two-columns, right-sidebar, responsive-layout, custom-menu, editor-style, threaded-comments, translation-ready
 * Text Domain: chelonian
 * License:     GNU General Public License v2.0 or later
 * License URI: http://www.gnu.org/licenses/gpl-2.0.html
**/


/* === #01 - RESET === */
/* css/reset.min.css */
*,:after,:before{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}a,abbr,acronym,address,article,aside,audio,big,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,img,ins,kbd,label,legend,li,main,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,ul,var,video{margin:0;padding:0;vertical-align:baseline;outline:0;font-size:100%;background:0 0;border:none;text-decoration:none}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}b,center,font,hr,i,layer,menu,s,strike,u,xmp{margin:0;padding:0;vertical-align:baseline;outline:0;font-size:100%;font-weight:400;font-style:normal;background:0 0;border:none;text-decoration:none}hr{background-color:#ccc;height:1px;border:0}h1,h2,h3,h4,h5,h6{font-style:normal;font-weight:400;line-height:1.2em}h1{font-size:1.8em}h2{font-size:1.7em}h3{font-size:1.55em}h4{font-size:1.4em}h5{font-size:1.25em}h6{font-size:1.1em}ol,ul{list-style:none}ul{list-style:disc;margin-left:2em}ol{list-style-type:decimal;margin-left:3em}ol ol{list-style:upper-roman}ol ol ol{list-style:lower-roman}ol ol ol ol{list-style:upper-alpha}ol ol ol ol ol{list-style:lower-alpha}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dl dt{font-weight:700;margin:0;margin:0}dl dd{margin:0;margin:0}strong{font-weight:700}strong strong{font-weight:400}cite,em{font-style:italic}cite cite,em em{font-style:normal}abbr[title],acronym[title],time[title]{cursor:help}big{font-size:120%}small,sub,sup{font-size:80%}sup{vertical-align:baseline;position:relative;bottom:.3em}sub{vertical-align:baseline;position:relative;top:.3em}address{font-style:italic}dd address,li address{margin:0}blockquote,q{font-style:normal;quotes:none;margin:0}blockquote cite,blockquote em{font-style:italic}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}a{cursor:pointer}pre{overflow:auto;font:1em Monaco,monospace,Courier,"Courier New";padding:1.5em;line-height:1.5em;background-size:3em 3em;background-image:linear-gradient(rgba(255,255,255,.5)50%,rgba(0,0,0,0)50%,rgba(0,0,0,0));background-image:-webkit-linear-gradient(rgba(255,255,255,.5)50%,rgba(0,0,0,0)50%,rgba(0,0,0,0));background-image:-moz-linear-gradient(rgba(255,255,255,.5)50%,rgba(0,0,0,0)50%,rgba(0,0,0,0));background-image:-ms-linear-gradient(rgba(255,255,255,.5)50%,rgba(0,0,0,0)50%,rgba(0,0,0,0));background-image:-o-linear-gradient(rgba(255,255,255,.5)50%,rgba(0,0,0,0)50%,rgba(0,0,0,0))}code{font:1em Monaco,monospace,Courier,"Courier New"}pre code{font-size:1em;line-height:1.5em;background:0 0}dfn,ins{font-style:italic;text-decoration:none}ins{color:green}del,s,strike{text-decoration:line-through}del{color:red}form label{cursor:pointer}:focus{outline:0}fieldset{width:100%;max-width:100%;padding:1em;border:1px solid #ccc}legend{border:1px solid #ccc;padding:0 .5em}button,input,select,textarea{font:inherit;color:inherit;display:block;padding:5px;padding:.5rem;margin:0 0 10px;margin:0 0 1rem;width:100%;max-width:100%;border:1px solid #ccc;background:#fff}optgroup{font:inherit;font-weight:600}input:active,input:focus,select:active,select:focus,textarea:active,textarea:focus{border:1px solid #aaa;background:#fff}input[type=checkbox],input[type=radio]{width:auto;min-width:inherit;display:inline}input[type=range]{margin:0}input[type=color]{height:2.5em;width:3em;min-width:0;cursor:pointer}input[type=file]{cursor:pointer}.button,button,input[type=button],input[type=reset],input[type=submit]{width:auto;min-width:inherit;background:#fff;border:1px solid #ccc;padding:4px 10px;padding:.4rem 1rem;cursor:pointer;display:inline}.button:hover,button:hover,input[type=button]:hover,input[type=reset]:hover,input[type=submit]:hover{border:1px solid #aaa}optgroup{max-width:100%;font-style:normal}table{border-collapse:collapse;border-spacing:0;line-height:1.8em;width:100%;border-bottom:1px solid #ccc}table caption{font-size:1.2em}td,th{text-align:left}td{padding:.5em;border-top:1px solid #ccc}.alignleft,.left{float:left}.alignright,.right{float:right}.aligncenter,.center{display:block}.alignnone,.block,.clear{clear:both}img{max-width:100%;height:auto}img.wp-smiley{max-height:1em;margin:0;padding:0;border:none}img.no-border{box-shadow:none!important;border:none!important}img.alignleft,img.alignright{display:inline}a img{max-width:100%;height:auto;border:none}a img.alignnone{display:block}.wp-caption{max-width:100%}.wp-caption-dd,.wp-caption-text{font:inherit;text-align:left;margin-bottom:0;padding:0}.wp-audio-shortcode,.wp-video-shortcode{max-width:100%;clear:both}.mejs-container,iframe{max-width:100%}.html5-captions .wp-caption,.wp-caption{padding:10px;padding:1rem;background:#fff;border:1px solid #ccc}html{font-size:62.5%}body{font-family:'Open Sans','Trebuchet MS',sans-serif;font-size:17px;font-size:1.7rem;line-height:1.7em;color:#444}body#tinymce{font-family:'Open Sans','Trebuchet MS',sans-serif;background:#fff;color:#444;margin:0 auto;padding:20px 20px 0;border:none;max-width:100%}#container{word-wrap:break-word;word-break:normal;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto}#wpadminbar input{display:inline;background:0 0}.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}.js .hide-if-js,.no-js .hide-if-no-js{display:none}body#tinymce #wp-image-toolbar div,body#tinymce .wpview-wrap .toolbar div{-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}body#tinymce .gallery{padding:10px;margin-bottom:0}.gallery{font-size:0;display:block;clear:both;margin:0;overflow:hidden;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.gallery .gallery-item{position:relative;margin:0;padding:1px;border:none;float:none;overflow:hidden;display:inline-block;vertical-align:top;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.gallery .gallery-item .gallery-icon img{width:100%;height:auto;margin:0 auto;display:block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.gallery .gallery-item .gallery-caption{font-size:13px;display:block;position:absolute;bottom:0;height:3em;line-height:2em;width:100%;padding:.5em;margin:0;text-align:center;vertical-align:top;background:rgba(255,255,255,.8);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.gallery-columns-0 .gallery-item,.gallery-columns-1 .gallery-item{width:100%}.gallery-columns-2 .gallery-item{width:50%}.gallery-columns-3 .gallery-item{width:33.33%}.gallery-columns-4 .gallery-item{width:25%}.gallery-columns-5 .gallery-item{width:20%}.gallery-columns-6 .gallery-item{width:16.66%}.gallery-columns-7 .gallery-item{width:14.28%}.gallery-columns-8 .gallery-item{width:12.5%}.gallery-columns-9 .gallery-item{width:11.11%}.gallery-columns-10 .gallery-item{width:10%}.gallery-columns-11 .gallery-item{width:9.09%}.gallery-columns-12 .gallery-item{width:8.33%}.gallery-columns-13 .gallery-item{width:7.69%}.gallery-columns-14 .gallery-item{width:7.14%}.gallery-columns-15 .gallery-item{width:6.66%}.gallery-columns-16 .gallery-item{width:6.25%}.gallery-columns-17 .gallery-item{width:5.88%}.gallery-columns-18 .gallery-item{width:5.55%}.gallery-columns-19 .gallery-item{width:5.26%}.gallery-columns-20 .gallery-item{width:5%}.gallery-columns-21 .gallery-item{width:4.76%}.gallery-columns-22 .gallery-item{width:4.54%}.gallery-columns-23 .gallery-item{width:4.34%}.gallery-columns-24 .gallery-item{width:4.16%}.gallery-columns-25 .gallery-item{width:4%}.gallery-columns-26 .gallery-item{width:3.84%}.gallery-columns-27 .gallery-item{width:3.7%}.gallery-columns-28 .gallery-item{width:3.57%}.gallery-columns-29 .gallery-item{width:3.44%}.gallery-columns-30 .gallery-item{width:3.33%}

/* === 30px === */
hr,h1,h2,h3,h4,h5,h6,figure,p,ul,ol,dl,address,pre,object,fieldset,table,table caption,hr,
.block,.wp-audio-shortcode,.wp-video-shortcode,.gallery,.html5-captions .wp-caption,.wp-caption{
	margin-bottom: 3px;
	margin-bottom: 3rem;
}
.alignleft,.html5-captions .wp-caption.alignleft,.wp-caption.alignleft,.left {
	margin: 0 30px 30px 0;
	margin: 0 3rem 3rem 0;
}
.alignright,.html5-captions .wp-caption.alignright,.wp-caption.alignright,.right {
	margin: 0 0 30px 30px;
	margin: 0 0 3rem 3rem;
}
.aligncenter,.html5-captions .wp-caption.aligncenter,.wp-caption.aligncenter,.center {
	margin: 0 auto 30px;
	margin: 0 auto 3rem;
}

/* === ELEMENTS === */
/* Link */
a{
	color: #21759B;
}
a:hover{
	color: #444;
}
/* Button */
.button, button, input[type="button"], input[type="reset"], input[type="submit"]{
	border: none;
	color: #fff;
	background: #21759B;
}
.button:hover, button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover{
	border: none;
	color: #fff;
	background: #3883A5;
}
/* Blockquote */
blockquote,q{
	font-family: Georgia,serif;
	font-size: 1.5em;
	color: #666;
	position: relative;
	padding: 30px;
	padding: 3rem;
}
blockquote cite{
	display: block;
	margin-top: 20px;
	margin-top: 2rem;
	color: #444;
}
blockquote cite:before{
	content:"\2014";
	vertical-align: top;
	font-style: normal;
	margin-right: 10px;
	margin-right: 1rem;
}
blockquote:before,
q:before{
	content: "\201D";
	position: absolute;
	left: 0;
	top: 45px;
	top: 4.5rem;
	color: #ededed;
	font-size: 3em;
}
/* Preformatted */
pre{
	background-color:#E6E6E6;
}
/* Images */
.html5-captions .wp-caption, .wp-caption{
	border: none;
	background: #21759B;
	color: #fff;
}

/* === CONTAINER === */
body.wordpress{
	background: #1f1f1f;
}
#container{
	width: 100%;
	margin: 0 auto;
	padding: 0;
}

/* === HEADER === */
#header{
	padding: 0;
	background: #21759B;
	background-attachment: fixed;
	background-size: cover;
}
#header:after{
	content:".";display:block;height:0;clear:both;visibility:hidden;
}
#branding{
	width: 1200px;
	margin: 0 auto;
	position: relative;
}
#branding:after{
	content:".";display:block;height:0;clear:both;visibility:hidden;
}
/* Site Title */
.site-title-wrap{
	float: left;
	top: 0;
	left: 0;
}
#site-title{
	font-size: 25px;
	font-size: 2.5rem;
	margin: 0;
	float: left;
}
#site-title a{
	display: block;
	line-height: 0;
	padding: 30px 18px;
	padding: 3rem 1.8rem;
	font-weight: 800;
	color: #fff;
}
#site-title a:hover{
	color: #fff;
}


/* === MENU ===  */
/* Toggle */
#menu-toggle-primary{
	display: inline;
}
#menu-toggle-primary a{
	font-size: 25px;
	font-size: 2.5rem;
	line-height: 1;
	display: block;
	float: left;
	transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
}
#menu-toggle-primary .screen-reader-text{
	display: none;
}
#menu-toggle-primary a:before{
	content: "\f333";
	display: block;
	float: left;
	padding: 30px 18px;
	padding: 3rem 1.8rem;
	height: 60px;
	width: 60px;
	line-height: 0;
	margin:0;
	color: #fff;
	background: transparent;
	font-family: "dashicons";
	vertical-align: top;
	-webkit-font-smoothing: antialiased;
}
#menu-toggle-primary a.active,
#menu-toggle-primary a:hover{
	background: #3883A5;
	transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
}
#menu-toggle-primary a.menu-toggle-close{
	display: none;
}

/* no-js menu toggle */
.no-js #menu-primary:target{
	display: block;
}
.no-js #menu-toggle-primary:not(:target) a.menu-toggle-open{
	display: none;
}
.no-js #menu-toggle-primary:not(:target) a.menu-toggle-close{
	display: block;
}
.no-js #menu-toggle-primary:target a.menu-toggle-open{
	display: block;
}
.no-js #menu-toggle-primary:target a.menu-toggle-close{
	display: none;
}

/* Menu */
#menu-primary{
	display: none;
}
.menu-container{
	width: 230px;
	width: 23rem;
	position: absolute;
	top: 60px;
	top: 6rem;
	z-index: 10;
}
.menu-container ul{
	list-style: none;
	margin: 0;
	padding: 0;
	background: #3883A5;
	padding: 10px;
	padding: 1rem;
}
.menu-container ul ul{
	padding: 0;
	background: transparent;
}
.menu-container li{
	margin: 0;
	padding: 0;
}
.menu-container li a{
	display: block;
	padding: 10px 20px;
	padding: 1rem 2rem;
	margin-bottom: 3px;
	margin-bottom: 0.3rem;
	color: #fff;
	background: #21759B;
	position: relative;
}
.menu-container li a:hover{
	background: #111;
}
.menu-container li a:after{
	content: "\f345";
	position: absolute;
	right: 15px;
	right: 1.5rem;
	font-family: "dashicons";
	vertical-align: top;
	-webkit-font-smoothing: antialiased;
	transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
}
.menu-container li a:hover:after{
	right: 10px;
	right: 1rem;
	transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
}
.menu-container li li a{
	border-left: 5px solid #222;
	border-left: 0.5rem solid #222;
	background: rgba(68,68,68,0.8);
}
.menu-container li li li a{
	border-left: 10px solid #222;
	border-left: 1rem solid #222;
}
.menu-container li li li li a{
	border-left: 15px solid #222;
	border-left: 1.5rem solid #222;
}




/* === MAIN === */
#main{
}
#main:after{
	content:".";display:block;height:0;clear:both;visibility:hidden;
}
.main-inner{
}
.main-wrap{
	color: #444;
	width: 1200px;
	margin: 0 auto 0 auto;
	margin: 0 auto 0 auto;
}
.main-wrap:after{
	content:".";display:block;height:0;clear:both;visibility:hidden;
}


/* === LOOP META === */
.loop-meta{
	margin-bottom: 30px;
	margin-bottom: 3rem;
}
.loop-title{
	color: #fff;
	font-weight: 800;
	margin-bottom: 0;
	text-transform: uppercase;
	font-size: 37px;
	font-size: 3.7rem;
	line-height: 27px;
	line-height: 2.7rem;
	margin: 0 0 0 30px;
	margin: 0 0 0 3rem;
}
.loop-description{
	background: #fff;
	color: #444;
	padding: 30px;
	padding: 3rem;
	padding-bottom: 0;
}
.loop-description:after{
	content:".";display:block;height:0;clear:both;visibility:hidden;
}
.loop-description p{
}
/* 404 Error */
#post-0{
	margin-bottom: 30px;
	margin-bottom: 3rem;
}
#post-0 .entry-title{
	color: #fff;
	font-weight: 800;
	margin-bottom: 0;
	text-transform: uppercase;
	font-size: 37px;
	font-size: 3.7rem;
	line-height: 27px;
	line-height: 2.7rem;
	margin: 0 0 0 30px;
	margin: 0 0 0 3rem;
}
#post-0 .entry-content{
	background: #fff;
	color: #444;
	padding: 30px;
	padding: 3rem;
	padding-bottom: 0;
}
#post-0 .entry-content:after{
	content:".";display:block;height:0;clear:both;visibility:hidden;
}

/* === ENTRY === */
#content{
	margin-top: 30px;
	margin-top: 3rem;
}
.entry{
	margin-bottom: 30px;
	margin-bottom: 3rem;
}
.entry-byline{
	background: #fff;
}
.entry-byline:after{
	content:".";display:block;height:0;clear:both;visibility:hidden;
}
.entry-byline .entry-published{
	padding: 15px 30px;
	padding: 1.5rem 3rem;
	display: block;
	float: left;
}
.entry-byline .entry-author a{
	display: block;
	float: right;
	padding: 15px 30px;
	padding: 1.5rem 3rem;
	border-left: 1px solid #ccc;
	color: #444;
}
.entry-byline .entry-author a:hover{
	color: #3883A5;
}
.entry-title{
	margin: 0;
}
.entry-title a{
	display: block;
	font-weight: 600;
	padding: 30px;
	padding: 3rem;
	background: #21759B;
	color: #fff;
	transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
}
	.sticky .entry-title a:before{
		content: "\f109";
		font-family: "dashicons";
		vertical-align: top;
		-webkit-font-smoothing: antialiased;
		margin-right: 10px;
		margin-right: 1rem;
	}
.entry-title a:hover{
	background: #3883A5;
	transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
}
.entry-content,
.entry-summary{
	padding: 30px;
	padding: 3rem;
	background: #fff;
}
	/* Content Heading */
	.entry-content h1,
	.entry-content h2,
	.entry-content h3,
	.entry-content h4,
	.entry-content h5,
	.entry-content h6{
		font-weight: 800;
		margin-left: -30px;
		margin-left: -3rem;
		border-left: 10px solid #ededed;
		border-left: 1rem solid #ededed;
		padding-left: 20px;
		padding-left: 2rem;
		height: 35px;
		height: 3.5rem;
		line-height: 35px;
		line-height: 3.5rem;
	}
	/* Italics */
	.entry-content em,
	.entry-summary em{
		font-family: Georgia,serif;
	}
.entry-footer{
	padding: 30px;
	padding: 3rem;
	border-top: 1px solid #ccc;
	background: #fff;
}
/* More Link */
a.comments-link,
span.comments-link a{
	display: block;
	padding: 15px 25px;
	padding: 1.5rem 2.5rem;
	background: #21759B;
	color: #fff;
	text-align: center;
	width: 200px;
	transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
}
a.comments-link:hover,
span.comments-link a:hover{
	background: #3883A5;
	transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
}

/* Entry Meta */
.entry-meta .entry-terms{
	display: block;
}
/* Page links */
.wp-link-pages{
}
.wp-link-pages .page-numbers,
.wp-link-pages a{
	color: #ccc;
	padding: 5px 10px;
	padding: 0.5rem 1rem;
	border: 1px solid #eee;
}
.wp-link-pages a{
	color: #444;
	border: 1px solid #ccc;
}
.wp-link-pages a:hover{
	border: 1px solid #aaa;
}

/* === LOOP NAV === */
.loop-nav{
	margin-bottom: 30px;
	margin-bottom: 3rem;
	padding: 30px;
	padding: 3rem;
	background: #fff;
}
.loop-nav:after{
	content:".";display:block;height:0;clear:both;visibility:hidden;
}
.loop-nav .screen-reader-text{
	display: none;
}
.loop-nav .prev{
	padding-left: 30px;
	padding-left: 3rem;
	position: relative;
}
.loop-nav .next{
	padding-left: 30px;
	padding-left: 3rem;
	position: relative;
}
.loop-nav .prev a:before{
	content: "\f340";
	font-family: "dashicons";
	vertical-align: top;
	-webkit-font-smoothing: antialiased;
	position: absolute;
	top: 0;
	left: 0;
}
.loop-nav .next a:before{
	content: "\f344";
	font-family: "dashicons";
	vertical-align: top;
	-webkit-font-smoothing: antialiased;
	position: absolute;
	top: 0;
	left: 0;
}

/* === COMMENTS === */
#comments-template{
	background: #fff;
	margin-bottom: 30px;
	margin-bottom: 3rem;
}
#comments{
}

/* Comment Header + Nav */
.comments-header{
}
.comments-header:after{
	content:".";display:block;height:0;clear:both;visibility:hidden;
}
.comments-header .comments-nav{
	float: right;
	padding: 20px;
	padding: 2rem;
}
.comments-header .comments-nav a{
}
.comments-nav .screen-reader-text{
	display: none;
}
.comments-header .comments-nav .prev-comments:before{
	content: "\f340";
	font-family: "dashicons";
	vertical-align: top;
	-webkit-font-smoothing: antialiased;
	margin-right: 10px;
	margin-right: 1rem;
}
.comments-header .comments-nav .next-comments:after{
	content: "\f344";
	font-family: "dashicons";
	vertical-align: top;
	-webkit-font-smoothing: antialiased;
	margin-left: 10px;
	margin-left: 1rem;
}

/* Heading */
#comments-number{
	font-size: 1.2em;
	font-weight: 600;
	margin: 0;
	padding: 20px;
	padding: 2rem;
	margin-bottom: 40px;
	margin-bottom: 4rem;
}

/* Comment */
#comments .comment-list{
	list-style: none;
	margin: 0;
}
#comments .comment-list .children{
	list-style: none;
	margin-left: 20px;
	margin-left: 2rem;
	border-left: 1px solid #ccc;
}
#comments li{
	margin-top: -40px;
	margin-top: -4rem;
}
#comments .comment-wrap{
	border-bottom: 1px solid #ccc;
}
#comments .comment-wrap{
	padding-bottom: 40px;
}
#comments .comment-wrap:after{
	content:".";display:block;height:0;clear:both;visibility:hidden;
}
#comments .comment-meta{
	background: #21759B;
	color: #fff;
	padding: 10px;
	padding: 1rem;
}
#comments .comment-meta:after{
	content:".";display:block;height:0;clear:both;visibility:hidden;
}
#comments .comment-meta a{
	color: #fff;
	font-size: 12px;
	font-size: 1.2rem;
}
#comments .comment-meta a:hover{
	color: #fff;
}
#comments .comment-meta .comment-author{
	color:#fff;
	font-style: normal;
	font-weight: 700;
}
#comments .comment-meta .comment-author a{
	font-size: 20px;
	font-size: 2rem;
	color:#fff;
}
#comments .comment-meta .comment-published{
	font-size: 12px;
	font-size: 1.2rem;
}
#comments .comment-meta .avatar{
	float: left;
}
.comment-edit-link:after{
	content: "\f464";
	font-family: "dashicons";
	vertical-align: top;
	-webkit-font-smoothing: antialiased;
}
#comments .comment-reply-link{
	float: right;
	padding: 0 10px;
	padding: 0 1rem;
	margin-right: 1px;
	text-transform: uppercase;
}
#comments .comment-reply-link:hover{
	color: #fff;
	background: #3883A5;
}
#comments .comment .avatar{
	float: left;
	margin-right: 10px;
	margin-right: 1rem;
	width: 65px;
	width: 6.5rem;
	height: 65px;
	height: 6.4rem;
}
#comments .comment-content{
	padding: 20px;
	padding: 2rem;
	padding-bottom: 0;
}
#comments .comment-content p{
	margin-bottom: 20px;
	margin-bottom: 2rem;
}
/* Pingback */
#comments .pingback{
	margin-bottom: 40px;
	border-top: 1px solid #21759B;
}
#comments .pingback .comment-meta{
	background: transparent;
}
#comments .pingback .comment-meta a{
	font-size: 12px;
	font-size: 1.2rem;
	color: #444;
}
#comments .pingback .comment-meta a:hover{
	color: #444;
}
#comments .pingback .comment-meta .comment-author{
	color: #444;
}
#comments .pingback .comment-meta .comment-author a{
	color: #444;
	font-size: 20px;
	font-size: 2rem;
}
#comments .pingback .comment-meta .comment-author a:hover{
}
#comments .pingback .comment-meta .comment-published{
	color: #444;
}

/* Respond Form */
#respond{
	border-bottom: 1px solid #ccc;
	margin-top: -40px;
	margin-top: -4rem;
	background: #fff;
}
.comment-list #respond{
	border-left: 1px solid #ccc;
	margin-left: 20px;
	margin-left: 2rem;
}
#reply-title{
	font-size: 1.2em;
	font-weight: 600;
	margin: 0;
	text-align: left;
	padding: 20px;
	padding: 2rem;
	background: #21759B;
	color: #fff;
}
#respond #commentform{
	padding: 20px;
	padding: 2rem;
}
#comments #respond #commentform{
	margin-bottom: 80px;
	margin-bottom: 8rem;
}
#respond:after{
	content:".";display:block;height:0;clear:both;visibility:hidden;
}
	#respond .required{
		color: #ff0000;
	}
	#respond .comment-form-author{
		width: 30%;
		margin-right: 5%;
		float: left;
	}
	#respond .comment-form-email{
		width: 30%;
		margin-right: 5%;
		float: left;
	}
	#respond .comment-form-url{
		width: 30%;
		float: left;
	}
	#respond .comment-form-url:after{
		content:".";display:block;height:0;clear:both;visibility:hidden;
	}
	#respond .comment-form-comment{
		float: none;
	}
	#respond .comment-form-comment:before,
	#respond .comment-form-comment:after{
		content:".";display:block;height:0;clear:both;visibility:hidden;
	}
#respond p{
	margin-bottom: 0;
}
#respond #submit{
	margin-bottom: 0;
	margin-top: 10px;
	margin-top: 1rem;
	float: right;
}
#respond #cancel-comment-reply-link{
	float: right;
	font-weight: 400;
	text-transform: uppercase;
	padding: 0 10px;
	padding: 0 1rem;
	color: #fff;
}
#respond #cancel-comment-reply-link:hover{
	background: #3883A5;
}
#respond .form-allowed-tags code{
	display: block;
	padding: 10px;
	padding: 1rem;
}
#respond .comment-notes{
	margin-bottom: 20px;
	margin-bottom: 2rem;
}

/* comments closed */
.comments-closed{
	background: #eee;
	padding: 20px;
	padding: 2rem;
	margin-bottom: 30px;
	margin-bottom: 3rem;
}

/* === LOOP PAGINATION === */
.loop-pagination{
	margin-bottom: 30px;
	margin-bottom: 3rem;
}
.loop-pagination:before,
.loop-pagination:after{
	content:".";display:block;height:0;clear:both;visibility:hidden;
}
.loop-pagination .page-numbers{
	color: #fff;
	background: #21759B;
}
.loop-pagination a.page-numbers:hover{
	background: #3883A5;
}
.loop-pagination .page-numbers{
	padding: 10px 15px;
	padding: 1rem 1.5rem;
}
.loop-pagination .page-numbers.current{
	color: #444;
	background: #fff;
}
.loop-pagination .page-numbers.dots{
	color: #444;
	background: #fff;
}
.loop-pagination .page-numbers.prev{
}
.loop-pagination .page-numbers.next{
}
.loop-pagination .screen-reader-text{
	display: none;
}
.loop-pagination .page-numbers.prev:before{
	content: "\f340";
	font-family: "dashicons";
	vertical-align: top;
	-webkit-font-smoothing: antialiased;
}
.loop-pagination .page-numbers.next:after{
	content: "\f344";
	font-family: "dashicons";
	vertical-align: top;
	-webkit-font-smoothing: antialiased;
}


/* === SIDEBAR + WIDGET === */
#sidebar-primary-wrap{
	padding: 30px;
	margin-bottom: 30px;
	background: #fff;
}
.widget{
	margin-bottom: 30px;
	margin-bottom: 3rem;
}
.widget-title{
	font-weight: 800;
	text-transform: uppercase;
}
.widget_search .screen-reader-text{
	display: none;
}
.widget_search .search-submit{
	display: none;
}

/* === FOOTER === */
#footer{
	color: #444;
	background: #fff;
	margin: 0 auto;
	width: 1200px;
	padding: 25px;
	padding: 2.5rem;
}
#footer p{
	margin: 0;
}
#footer a{
	color: #444;
}

/* === LAYOUT === */
.main-wrap{
	float: none;
	padding-right: 390px;
	padding-right: 39rem;
}
	.layout-content-sidebar1 .main-wrap{
		background: url( 'images/sidebar-bg.png' ) right top repeat-y;
	}
#content{
	float: left;
	width: 100%;
}
#sidebar-primary-wrap{
	float: right;
	margin-right: -390px;
	margin-right: -39rem;
	width: 360px;
	width: 36rem;
	max-width: 100%;
}
/* ".layout-content" */
.layout-content .main-wrap{
	padding-right: 0;
}


/* === LANDING PAGE HEADER === */
#landing-page-header{
	padding: 140px 50px 140px 50px;
	padding: 14rem 5rem 14rem 5rem;
	width: 1200px;
	border: none;
	background: transparent;
	text-align: center;
	margin: 0 auto;
	background: rgba(255,192,203,0.5);
	background: transparent;
	word-break: keep-all;
}
#landing-page-title{
	font-size: 40px;
	font-size: 4rem;
	font-weight: 800;
	color: #fff;
	margin: 0;
}
#landing-page-description{
	color: #fff;
	margin-top: 20px;
	margin-top: 2rem;
	padding: 0 50px;
	padding: 0 5rem;
	font-size: 24px;
	font-size: 2.4rem;
}
#landing-page-description p{
}
#landing-page-description a.button{
	text-transform: uppercase;
	font-weight: 800;
	color: #fff;
	background: transparent;
	padding: 15px 30px;
	padding: 1.5rem 3rem;
	border: 4px solid #fff;
	border: 0.4rem solid #fff;
	display: inline-block;
	transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
}
#landing-page-description a.button:hover{
	transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
}


/* === STYLE === */
::selection{
	color:#444;
	background:yellow;
}
::-moz-selection {
	color:#444;
	background:yellow;
}
a::selection{
	color: red;
}
a::-moz-selection {
	color: red;
}
header h1 em{
	font-family: Georgia,serif;
	font-style: italic;
	font-weight: 400;
}
header h1 strong{
	color: yellow;
	font-weight: 800;
}
header h1 strong::selection{
	color: red;
}
header h1 strong::-moz-selection {
	color: red;
}
#landing-page-description a.button:hover{
	color: yellow;
	border-color: yellow;
}
#menu-toggle-primary a:before{
	color: yellow;
}
.menu-container li a:hover:after{
	color: yellow;
}
.sticky .entry-title a:before{
	color: yellow;
}