/*
 Theme Name:   Colorway Child
 Theme URI:    http://pcwrt.com/colorway-child/
 Description:  Colorway Child Theme
 Author:       Dr. Xi
 Author URI:   http://pcwrt.com
 Template:     colorway
 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:  colorway-child
*/
body {
	background-color: #f1f1f1;
	font-family: "Open Sans", sans-serif;
	font-size: 14px;
	color: #444;
	line-height: 1.5em;
}

#promotion {
	position:fixed;
	color:#fff;
	left:0;
	bottom:0;
	background-color:#2f3640;
	width:100%;
	height:70px;
	text-align:center;
	padding-top:25px;
	font-size:18px;
	display:none;
}

#promotion button.close {
	position:absolute;
	top:0;
	right:5px;
	color:#fff;
	opacity:0.8;
	font-weight:normal;
	font-size:16px;
	padding:4px;
}

#promotion a {
	font-size:16px;
	color:#9ab1a3;
	text-decoration:underline;
}

#promotion a:hover {
	color: #fff;
}

p,li {
	font-size: 14px;
	color: #444;
	line-height: 1.5em;
}

blockquote a {
	color: #0074a2;
}

div.error, div.error p {
	color: red;
}

.home_page_blog {
	margin-top: 45px;
}

.logo a:hover,.logo a:focus {
	text-decoration: none;
}

.mean-container .mean-bar .meanmenu-reveal {
	padding: 0;
	margin: 10px 8px;
}

.buy-now {
	margin-left:490px;
	font-weight:bold;
}

.pct50, .pct33 {
	float: left;
	margin:0px 0px 8px 0px;
}

.pct50.last {
	width: 49%;
}

.pct50 {
	height: 156px;
	width: 50%;
}

.pct33 {
	height: 161px;
	width: 33%;
}

#router-img {
	width: 160px;
	height: 157px;
}

#main-blog,#sub-blog {
	float: left;
	margin: 0;
	margin-bottom: 15px;
}

#main-blog>div {
	height: 100%;
}

#sub-blog>div {
	height: 50%;
}

#main-blog>div,#sub-blog>div {
	overflow: hidden;
	display: block;
	background-color: #edf1f2;
	border: #e0e5e6 1px solid;
	margin: 4px;
	padding: 12px 8px 8px 12px;
}

#main-blog>div h1,#sub-blog>div h3 {
	margin-top: 0;
}

#main-blog {
	width: 66%;
}

#sub-blog {
	width: 33%;
}

div.postabs {
	min-width: 120px;
}

#main-blog div.postimg {
	float: left;
	height: 160px;
	max-width: 250px;
	overflow: hidden;
	margin: 0 8px 8px 0;
	padding: 0;
}

#sub-blog div.postimg {
	float: left;
	height: 80px;
	max-width: 125px;
	overflow: hidden;
	margin: 0 8px 8px 0;
	padding: 0;
}

#main-blog div.postimg img.postimg {
	height: 100%;
	width: auto;
	margin: 0;
	padding: 0;
	border: none;
}

#sub-blog img.postimg {
	height: 121px;
	max-width: 180px;
	overflow: hidden;
	float: left;
}

@media only screen and (max-width: 480px) {
	#head {
		margin-right: 12px;
	}
	#main-blog div.postimg {
		float: none;
	}
	#blogmain div.postimg img.postimg {
		visibility: visible;
	}
	.pct50, .pct50.last,.pct33,.pct33.middle {
		width: 100%;
		height: 175px;
	}
	#main-blog {
		width: 100%;
	}
	#main-blog>div {
		margin-right: 15px;
	}
	#sub-blog {
		display: none;
	}
	.buy-now {
		float:right;
		margin-right: 20px;
	}
	.content-wrapper,.footer-wrapper {
		margin-left: 0;
		margin-right: 0;
	}
	.vertical-clip {
		margin-left: 1px;
		margin-right: 1px;
	}
}

@media only screen and (min-width: 481px) and (max-width: 767px) {
	.pct50, .pct50.last,.pct33,.pct33.middle {
		width: 100%;
		height: 156px;
	}
	#main-blog {
		width: 100%;
	}
	#main-blog>div {
		margin-right: 15px;
	}
	#sub-blog {
		display: none;
	}
	.buy-now {
		float:right;
		margin-right: 20px;
	}
	.content-wrapper,.footer-wrapper {
		margin-left: 0;
		margin-right: 0;
	}
	.vertical-clip {
		margin-left: 1px;
		margin-right: 1px;
	}
}

@media only screen and (min-width: 768px) and (max-width: 960px) {
	.pct50 {
		height: 176px;
	}
	.pct33 {
		height: 161px;
		width: 50%;
	}
	.pct33.middle {
		width: 49%;
	}
	#main-blog {
		width: 100%;
	}
	#main-blog>div {
		margin-right: 15px;
	}
	#sub-blog {
		display: none;
	}
}

@media only screen and (min-width: 961px) and (max-width: 1060px) {
	.pct33 {
		height: 210px;
	}
}

.mean-container .mean-bar {
    position: absolute;
    background: #000;
    padding: 4px 0;
    min-height: 42px;
    z-index: 999999;
    margin-top: 0;
	top: 0;
}

.pad {
	cursor: pointer;
}

.slug {
	margin-top: 10px;
	margin-left: 10px;
}

.slug h2 {
	line-height: 25px;
}

.slug p {
	margin-bottom: 0px;
}

.graypad {
	/*border-radius: 4px;*/
	padding: 8px;
	margin-right: 15px;
	margin-bottom: 15px;
	background-color: #e9f0fa;
	color: #fff;
	height: 100%;
	/* box-shadow: 5px 5px 5px #aaa; */
}

.graypad h2, .graypad p {
	color: #444;
}

.greenpad {
	/*border-radius: 4px;*/
	padding: 8px;
	margin-right: 15px;
	margin-bottom: 15px;
	background-color: #60b86b;
	color: #fff;
	height: 100%;
	/*box-shadow: 5px 5px 5px #aaa;*/
}

.greenpad h2, .greenpad p {
	color: #fff;
}

.bluepad {
	/*border-radius: 4px;*/
	padding: 8px;
	margin-right: 15px;
	margin-bottom: 15px;
	background-color: #3ea1d8;
	color: #fff;
	height: 100%;
	/*box-shadow: 5px 5px 5px #aaa;*/
}

.bluepad h2, .bluepad p {
	color: #fff;
}

.tealpad {
	/*border-radius: 4px;*/
	padding: 8px;
	margin-right: 15px;
	margin-bottom: 15px;
	background-color: #35bac6;
	color: #fff;
	height: 100%;
	/*box-shadow: 5px 5px 5px #aaa;*/
}

.tealpad h2, .tealpad p {
	color: #fff;
}

.darkpad {
	/*border-radius: 4px;*/
	padding: 8px;
	margin-right: 15px;
	margin-bottom: 15px;
	background-color: #1d1c1c;
	color: #fff;
	height: 100%;
	/*box-shadow: 5px 5px 5px #aaa;*/
}

.darkpad h2, .darkpad p {
	color: #fff;
}

@media only screen and (max-width: 767px) {
	.one_half, .one_third, .two_third, .three_fourth, .one_fourth {
		width: 100%;
	}
}

@media only screen and (min-width: 960px) and (max-width: 1290px) {
.container_24 {
    margin-left: auto;
    margin-right: auto;
    width: 98%;
}

/* `Grid >> 24 Columns
-----------------------------------*/

.container_24 .grid_1 {
    width: 3.125%;
}
.container_24 .grid_2 {
    width: 7.292%;
}
.container_24 .grid_3 {
    width: 11.458%;
}
.container_24 .grid_4 {
    width: 15.625%;
}
.container_24 .grid_5 {
    width: 19.792%;
}
.container_24 .grid_6 {
    width: 23.958%;
}
.container_24 .grid_7 {
    width: 28.125%;
}
.container_24 .grid_8 {
    width: 28.75%;
}
.container_24 .grid_9 {
    width: 36.458%;
}
.container_24 .grid_10 {
    width: 40.625%;
}
.container_24 .grid_11 {
    width: 44.792%;
}
.container_24 .grid_12 {
    width: 48.958%;
}
.container_24 .grid_13 {
    width: 53.125%;
}
.container_24 .grid_14 {
    width: 57.292%;
}
.container_24 .grid_15 {
    width: 61.458%;
}
.container_24 .grid_16 {
    width: 62.5%;
}
.container_24 .grid_17 {
    width: 69.792%;
}
.container_24 .grid_18 {
    width: 73.958%;
}
.container_24 .grid_19 {
    width: 78.125%;
}
.container_24 .grid_20 {
    width: 82.292%;
}
.container_24 .grid_21 {
    width: 86.458%;
}
.container_24 .grid_22 {
    width: 90.625%;
}
.container_24 .grid_23 {
    width: 94.792%;
}
.container_24 .grid_24 {
    width: 99%;
}
}

@media only screen and (min-width: 768px) and (max-width: 960px) {
    .container_24 {
        margin-left: auto;
        margin-right: auto;
        width: 98%;
    }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .container_24 {
        width: 100%;
		margin-left: 1px;
    }

	.container {
		padding-left: 2px;
		padding-right: 0;
	}

	.container_24 .grid_1,  .container_24 .grid_2,  .container_24 .grid_3,  .container_24 .grid_4,  .container_24 .grid_5,  .container_24 .grid_6,  .container_24 .grid_7,  .container_24 .grid_8,  .container_24 .grid_9,  .container_24 .grid_10,  .container_24 .grid_11,  .container_24 .grid_12 {
        width: 100%;
    }
    /*  Grid 13 to 24 columns
        Fixed in 470px in minimum
        Width 480px to maximum 767px
        Screen
    */
    .container_24 .grid_13 {
        width: 100%;
    }
    .container_24 .grid_14 {
        width: 100%;
    }
    .container_24 .grid_15 {
        width: 100%;
    }
    .container_24 .grid_16 {
        width: 100%;
    }
    .container_24 .grid_17 {
        width: 100%;
    }
    .container_24 .grid_18 {
        width: 100%;
    }
    .container_24 .grid_19 {
        width: 100%;
    }
    .container_24 .grid_20 {
        width: 100%;
    }
    .container_24 .grid_21 {
        width: 100%;
    }
    .container_24 .grid_22 {
        width: 100%;
    }
    .container_24 .grid_23 {
        width: 100%;
    }
    .container_24 .grid_24 {
        width: 100%;
    }
}

@media only screen and (max-width: 480px) {
    .container_24 {
        width: 100%;
    }

	.container_24 .grid_1,  .container_24 .grid_2,  .container_24 .grid_3,  .container_24 .grid_4,  .container_24 .grid_5,  .container_24 .grid_6,  .container_24 .grid_7,  .container_24 .grid_8,  .container_24 .grid_9,  .container_24 .grid_10,  .container_24 .grid_11,  .container_24 .grid_12,  .container_24 .grid_13,  .container_24 .grid_14,  .container_24 .grid_15,  .container_24 .grid_16,  .container_24 .grid_17,  .container_24 .grid_18,  .container_24 .grid_19,  .container_24 .grid_20,  .container_24 .grid_21,  .container_24 .grid_22,  .container_24 .grid_23,  .container_24 .grid_24 {
        width: 100%;
    }
}

#bbpress-forums .bbp-forum-info .bbp-forum-content,
#bbpress-forums p.bbp-topic-meta,
#bbpress-forums .bbp-reply-post-date {
	font-size: 12px;
}

#bbpress-forums #bbp-search-form #bbp_search {
	height: 27px;
}

a {
    color: #0074a2;
    outline: 0 none;
    transition-duration: 0.05s;
    transition-property: border, background, color;
    transition-timing-function: ease-in-out;
}

a:active, a:hover {
	color: #2ea2cc;
}

input[type="password"] {
    clear: both;
    display: block;
    overflow: hidden;
}

h1 {
    font-size: 26px;
    line-height: 30px;
}

.content-info h2 {
    font-size: 32px;
    font-weight: 400;
    line-height: 35px;
}

.login h1 a {
	background-image: url(images/pcwrt.png);
	background-size: 110px auto;
	background-position: center bottom;
	width: 120px;
}

#brand {
  color: transparent;
  margin-top: 10px;
  margin-bottom: 10px;
  height: 26px;
  width: 100px;
  background: url(images/pcwrt.png);
  background-size: 100px 26px;
  background-repeat: no-repeat;
  font-family: arial, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 30px;
  padding-left: 10px;
}

#menu {
  float: right;
  padding-top: 54px;
}

#menu .sf-menu {
	margin-right: 14px;
}

#menu > ul.sf-menu > li.sfHover,
#menu > ul.sf-menu > li.sfHover > a {
	background: none repeat scroll 0 0 transparent;
}

#menu > ul.sf-menu > li > a {
	color: #444;
	border-bottom: 2px solid transparent;
}

#menu > ul.sf-menu > li > a:hover,
#menu > ul.sf-menu > li > a:focus {
  color: #000;
  background-color: transparent;
  border-bottom-color: #999;
  border-bottom-color: rgba(25,25,25,.25);
  text-shadow: 0 1px 3px rgba(0,0,0,.5);
}

#content a {
	color: #1049a9;
}

#content a:hover {
	color: #228abe;
	text-decoration: underline;
}

#amzn {
	margin-top: 0;
	margin-bottom: 20px;
}

#head {
	margin-bottom: 20px;
	padding-bottom: 15px;
	background-color: #3ea1d8;
	overflow: hidden;
	position: relative;
	z-index: 0;
}

#head h1 {
	font-size: 32px;
	line-height: 38px;
	font-weight:normal;
	text-align:left;
	padding-left:0;
	padding-top:50px;
	color:#fff;
	text-shadow: 2px 2px 0 rgba(0,0,0,.75);
}

#head h3 {
	font-size: 24px;
	font-weight:normal;
	line-height: 32px;
	text-align:left;
	padding-left:0;
	color:#fff;
}

#head h3 .hilite {
	color:#278432;
}

.lead {
	font-size: 16px;
	line-height: 1.3;
}

.lead2 {
	font-size: 22px;
	line-height: 1.3;
}

.brite {
	color:#339933;
}

.brite2 {
	color: #228abe;
}

.vertical-clip {
	margin-top: -1px;
	margin-bottom: 0;
	padding: 0;
	overflow: hidden;
}

div.contact {
	text-align: center;
	margin-bottom: 15px;
}

div.contact a img {
	width: 39px;
	height: auto;
	padding: 3px;
}

div.contact a:hover img {
	width: 45px;
	height: auto;
	padding: 0px;
}

.footer-navi {
	background: none repeat scroll 0 0 #999;
}

.footer-navi.gray {
	background: none repeat scroll 0 0 #fff;
	border-top: medium none;
	box-shadow: 0 0 1px #000000 inset;
	margin-top: -1px;
}

.footer-navi.gray p {
	font-size: 90%;
	color: #aaa;
}

.footer-navi .right-navi {
	padding-top: 12px;
	padding-bottom: 4px;
}

#searchform {
	width: 225px;
}

#searchform #s {
	width: 192px;
}

#searchform #searchsubmit {
	top: -2px;
}

input[type=checkbox]:focus,input[type=color]:focus,input[type=date]:focus,input[type=datetime-local]:focus,input[type=datetime]:focus,input[type=email]:focus,input[type=month]:focus,input[type=number]:focus,input[type=password]:focus,input[type=radio]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=time]:focus,input[type=url]:focus,input[type=week]:focus,select:focus,textarea:focus{border-color:#5b9dd9;-webkit-box-shadow:0 0 2px rgba(30,140,190,.8);box-shadow:0 0 2px rgba(30,140,190,.8)}

span.bbp-admin-links a {
	color: #999;
}

span.bbp-admin-links a:hover {
	color: #444;
}

#bbpress-forums #new-post fieldset.bbp-form input#bbp_topic_title {
	width: 80%;
}

#bbpress-forums #bbp-your-profile fieldset input:focus,
#bbpress-forums #bbp-your-profile fieldset textarea:focus
{border-color:#5b9dd9;-webkit-box-shadow:0 0 2px rgba(30,140,190,.8);box-shadow:0 0 2px rgba(30,140,190,.8)}

#bbp_search_submit {
	background: url("images/search-bg-1.png") no-repeat scroll 0 0 rgba(0,0,0,0);
	border: 0 none;
	cursor: pointer;
	width: 29px;
	height: 29px;
	margin-left: 0;
	text-indent: -9999px;
}

body.bbpress div.content-info {
	margin-bottom: 0;
}

body.bbpress div.sl div.sm {
	font-size: 90%;
}

body.bbpress div.sl h1 {
	margin-bottom: 0;
	line-height: normal;
}

div.sidebar form.bbp-login-form fieldset legend {
	display: block; 
	margin: 0;
	padding: 0;
	font-family: 'Raleway', sans-serif;
	font-weight: 400;
	font-size: 24px;
	color: #4a4a4a;
}

div.sidebar form.bbp-login-form input[type="text"],
div.sidebar form.bbp-login-form input[type="password"] {
	border: 1px solid #eee;
	color: #333;
	width: 180px;
}

div.content-wrapper > form.bbp-login-form {
	width: 250px;
}

div.bbp-submit-wrapper button.submit {
	cursor: pointer;
	box-sizing: border-box;
	display: inline-block;
	font-size: 13px;
	height: 30px;
	line-height: 28px;
	padding: 0 12px 2px;
	background: none repeat scroll 0 0 #2ea2cc;
    border: 1px solid #0074a2;
	border-radius: 3px;
    box-shadow: 0 1px 0 rgba(120, 200, 230, 0.5) inset, 0 1px 0 rgba(0, 0, 0, 0.15);
    color: #fff;
    text-decoration: none;
	vertical-align: baseline;
	white-space: nowrap;
}

div.content-wrapper > form.bbp-login-form input[type="text"],
div.content-wrapper > form.bbp-login-form input[type="password"] {
	display: block;
	overflow: hidden;
	clear: both;
	border: 1px solid #eee;
	color: #333;
	height: 25px;
	width: 250px;
	box-sizing: content-box;
}

textarea, textarea#comment {
	color: #333;
}

.bbp-the-content.wp-editor-area {
	border: 1px solid #eee;
}

.bbp-the-content.wp-editor-area:focus {border-color:#5b9dd9;-webkit-box-shadow:0 0 2px rgba(30,140,190,.8);box-shadow:0 0 2px rgba(30,140,190,.8)}

#forum-head {
	margin-bottom: 20px;
	border-bottom: 1px solid #eeeeee;
}

#forum-head .inline-login {
	float: right;
	margin-top: 4px;
}

#forum-head .inline-login input {
	display: inline;
	border: 1px solid #c6d9e9;
	color: #333;
	margin-left: 5px;
	padding-left: 10px;
	width: 120px;
}

#forum-head .inline-login .button {
	background: linear-gradient(to bottom, #fefefe, #f4f4f4) repeat scroll 0 0 #f3f3f3;
    border: 1px solid #bbb;
	border-radius: 3px;
    color: #333;
    text-shadow: 0 1px 0 #fff;
	cursor: pointer;
	line-height: 20px;
	height: 25px;
	margin: 0;
	box-sizing: border-box;
	display: inline-block;
	font-size: 12px;
	padding: 0 10px 1px;
	text-decoration: none;
	vertical-align: top;
}

#forum-head .inline-login .button:hover, 
#forum-head .inline-login .button.focus, 
#forum-head .inline-login .button:focus {
	background: linear-gradient(to bottom, #fff, #f3f3f3) repeat scroll 0 0 #f3f3f3;
	border-color: #999;
	color: #222;
}

#forum-head .inline-login a.button {
	background: transparent;
	color: #0074a2;
	border: none;
}

#forum-head .inline-login a.button:hover {
	color: #0074a2;
	text-decoration: underline;
	background: transparent;
}

#forum-head p.logged-in-as {
	float: right;
	margin-bottom: 0px;
	margin-top: 10px;
	font-size: 90%;
}

#bbpress-forums div.bbp-breadcrumb {
	margin-bottom: 15px;
}

#bbpress-forums h1 {
	clear: both;
}

#bbpress-forums #bbp-user-wrapper {
	margin-top: 20px;
}

#bbpress-forums p.bbp-topic-meta img.avatar,
#bbpress-forums ul.bbp-reply-revision-log img.avatar,
#bbpress-forums ul.bbp-topic-revision-log img.avatar,
#bbpress-forums div.bbp-template-notice img.avatar,
#bbpress-forums .widget_display_topics img.avatar,
#bbpress-forums .widget_display_replies img.avatar {
	margin-bottom: 0;
	margin-top: 0;
}

#bbpress-forums #subscription-toggle, #bbpress-forums #favorite-toggle {
	float: right;
}

#bbpress-forums #subscription-toggle a, #bbpress-forums #favorite-toggle a {
	color: #0074a2;
}

#bbpress-forums #subscription-toggle a:hover, #bbpress-forums #favorite-toggle a:hover {
	color: #2ea2cc;
}

#bbpress-forums #bbp-your-profile fieldset label[for] {
	text-align: left;
}

#bbpress-forums #bbp-your-profile fieldset fieldset.password {
	display: block;
}

#bbpress-forums #bbp-your-profile #password fieldset.bbp-form {
	clear: both;
}

.content-wrapper > .bbp-login-form {
	margin-left: auto;
	margin-right: auto;
}

.bbp-login-form label {
	white-space: nowrap;
}

.bbp-login-form .indicator-hint {
	font-size: 90%;
}

.bbp-login-form #pass-strength-result {
	float: none;
}

#bbpress-forums #bbp-your-profile fieldset input, 
#bbpress-forums #bbp-your-profile fieldset textarea {
	box-sizing: content-box;
}

ol li,
#bbpress-forums div.bbp-topic-content ol li,
#bbpress-forums div.bbp-reply-content ol li {
        margin-top: 15px;
}

div.promo {
    margin-top: 20px;
	width: 50%;
	margin-left: auto;
	margin-right: auto;
}

div.promo h2 {
	font-family: sans-serif;
	font-size: 24px;
    margin-bottom: 20px;
	line-height: 32px;
}

div.promo li {
	font-family: sans-serif;
	font-size: 18px;
}

div.promo p {
	font-family: sans-serif;
	font-size: 18px;
	line-height: 20px;
	margin-bottom: 10px;
}

@media only screen and (max-width: 767px) {
    div.promo {
        width: 100%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1290px) {
    div.promo {
        width: 75%;
    }
}

#overlay {
    background-color:#dadada;
    left:-10000px;
    top:0;
    position:fixed;
    width:1px;
    height:1px;
    z-index:2015;
}

#overlay.active {
    top:0;
    left:0;
    width:100%
}

#spinner {
    position: fixed;
    top: 40%;
    width: 50%;
    left: -10000px;
    z-index: 2016;
}
	
#spinner.active {
    left: 25%;
}

#spinner img {
	display: block;
	width: 64px;
	height: 64px;
	margin-left: auto;
	margin-right: auto;
}

.home_blockquote {
	padding-top: 4px;
	padding-right: 4px;
	margin-bottom: 0;
}

#bbpress-forums div.bbp-topic-content code, #bbpress-forums div.bbp-reply-content code {
	font-family: courier;
	color: #444;
	border: none;
	background: none;
	padding: 0;
	margin-top: 0;
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
    #chart li{
        margin-right: 0;
    }
	#head {
		margin-right: 12px;
	}
}

#eu-cookie-compliance-banner {
	display: none;
	text-align: center;
	background: #efefef;
	position: fixed;
	bottom: 0;
	height: auto;
	width 100%;
	padding: 4px;
}

#eu-cookie-compliance-banner div:first-child {
	float: left;
	max-width: 60%;
	margin: 0.5em 1em;
}

#eu-cookie-compliance-banner div:nth-child(2) {
	float: right;
	max-width: 40%;
}

#eu-cookie-compliance-banner div:nth-child(2) button:nth-child(2) {
	display: none;
}