/*
 Theme Name:   Twenty Fifteen Wicher 3 Child
 Theme URI:    http://witcher3.mmorpg-life.com/
 Description:  Twenty Fifteen Wicher 3 Child Theme
 Author:       Serge Stanarevic
 Author URI:   http://witcher3.mmorpg-life.com/
 Template:     twentyfifteen
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  twenty-fifteen-child
*/

.entry-content h3, .entry-summary h3, .page-content h3, .comment-content h3 {
	font-size: 1.7rem;
}

table, tbody, tfoot, thead, tr, th, td {
	vertical-align:top;
}

.entry-content .more-link {
color: rgba(149, 148, 138, 0.7);
}
.logo-container:before,
.logo-container:after {
    content: "";
	display: table;
}
.logo-container:after {
    clear: both;
}
body {
    background-repeat: no-repeat;
    background-position: center top;
    background-attachment: fixed;
    background-size: cover; 
}

.post.has-post-thumbnail {
    padding-top: 3.3333%;
}

.widget {
    position: relative;
}

.widget:after {
    content: "hor separator";
    text-indent: -999em;
    display: block;
    width: 100%;
    height: 50px;
    background: url(http://witcher3.mmorpg-life.com/img/witcher3-separator-white.png) 50% 37px no-repeat;
    position: absolute;
    top: 100%;
    left: 0%;
}

.hor-sidebar-separator{
    background: url(http://witcher3.mmorpg-life.com/img/witcher3-separator-white.png) 50% 0 no-repeat;
    width: 100%;
    position: absolute;
    top: 130%;
    height: 10px;
}

.vert-separator {
    width: 30px;
    background: url(/img/w3-vertical-separator.png) 0 0;
    position: absolute;
    left: 98%;
    height: 100%;
    top: 1.5%;
}
#content {
    position: relative;
}

.left-corner-adorment {
    background: url(http://witcher3.mmorpg-life.com/img/w3-corner-left.png) no-repeat;
    width: 52px;
    height: 45px;
    position: absolute;
    top: -22px;
    left: -26px;
}
.right-corner-adorment {
    background: url(http://witcher3.mmorpg-life.com/img/w3-corner-right.png) no-repeat;
    width: 52px;
    height: 45px;
    position: absolute;
    top: -22px;
    right: -26px;
}

.entry-title, .widecolumn h2 {
    font-size: 3rem;
    line-height: 1.2308;
    margin-bottom: 1.2308em;
}
.entry-footer {
	padding: 1% 3%;
}
.entry-content, .entry-summary {
    padding: 0 3% 3%;
}
.entry-content {
	font-size:1.7rem;
}
.entry-content h2 {
	font-size:2rem;
	border-bottom:1px dotted #333333;
}

.entry-content h2::before {
	content: url("http://witcher3.mmorpg-life.com/img/h2-arrow.png");
    padding-right: 5px;
    vertical-align: middle;
}

.entry-content a {
	color:#d70926;
	text-decoration:none;
	border-color:transparent;
}

.entry-content a:hover {
	color:#40151a;
	text-decoration:none;
}
	
.entry-header {
    padding: 0 3%;
}
ul, ol {
    margin: 10px 20px;
}
ul {
    list-style: inside none disc;
}
b, strong {
    color: #d8d5ba;
    font-weight: bold;
}
.hentry {
    padding-top: 4%;
}

@media screen and (max-width: 59em) {
    body { 
        background-image: url('http://witcher3.mmorpg-life.com/img/witcher-3-mmorpg-life-bg-mob.jpg');
    }
    .w3-life-logo-img {
        float: none; width: 216px; padding-left: 0px;
    }
    .w3-life-728ad {
        display: none; float: none; width: 100%; max-width: 59.688em;
    }
    .vert-separator {
        display: none;   
    }
    .hor-sidebar-separator {
        display: none;
    }
    .widget:after {
        content: " ";
        background: none;    
    }
    .right-corner-adorment, .left-corner-adorment {
        display: none;
    }
}

@media screen and (min-width: 59.6875em) {
    .site-content {
		float: left;
        margin-left: 0px;
        width: 70.5882%;
	}
    .logo-container {
		margin: 0 auto;
		max-width: 1403px;
	}
    .sidebar {
        float: right;
        right:0;
        margin-right: 0px;
        max-width: 413px;
        width: 29.4118%;
    }
    body:before {
        right: 0;
        left:auto;
    }
    .site-footer {
        margin: 0 0 0 6.1%;
    }
    body { 
        background-image: url('http://witcher3.mmorpg-life.com/img/witcher-3-mmorpg-life-bg.jpg');
    }
    .w3-life-logo-img {
        float: left; width: 20%; padding-left: 90px;
    }
    .w3-life-728ad {
        float: right; width: 80%; max-width: 950px;
    }
}



.site  {
    background-color: rgba(30, 25, 22, 0.8);
}


/* Color Scheme */

	/* Background Color */
	body {
		background-color: #000;
	}

	/* Sidebar Background Color */
	body:before,
	.site-header {
		background-color: transparent;
	}

	/* Box Background Color */
	.post-navigation,
	.pagination,
	.secondary,
	.site-footer,
	.hentry,
	.page-header,
	.page-content,
	.comments-area,
	.widecolumn {
		background-color: #0f0c0b;
	}

	/* Box Background Color */
	button,
	input[type="button"],
	input[type="reset"],
	input[type="submit"],
	.pagination .prev,
	.pagination .next,
	.widget_calendar tbody a,
	.widget_calendar tbody a:hover,
	.widget_calendar tbody a:focus,
	.page-links a,
	.page-links a:hover,
	.page-links a:focus,
	.sticky-post {
		color: #0f0c0b;
	}

	/* Main Text Color */
	button,
	input[type="button"],
	input[type="reset"],
	input[type="submit"],
	.pagination .prev,
	.pagination .next,
	.widget_calendar tbody a,
	.page-links a,
	.sticky-post {
		background-color: #bebebe;
	}

	/* Main Text Color */
	body,
	blockquote cite,
	blockquote small,
	a,
	.dropdown-toggle:after,
	.image-navigation a:hover,
	.image-navigation a:focus,
	.comment-navigation a:hover,
	.comment-navigation a:focus,
	.widget-title,
	.entry-footer a:hover,
	.entry-footer a:focus,
	.comment-metadata a:hover,
	.comment-metadata a:focus,
	.pingback .edit-link a:hover,
	.pingback .edit-link a:focus,
	.comment-list .reply a:hover,
	.comment-list .reply a:focus,
	.site-info a:hover,
	.site-info a:focus {
		color: #95948a; /*#bebebe;*/
	}

	/* Main Text Color */
	.entry-content a,
	.entry-summary a,
	.page-content a,
	.comment-content a,
	.pingback .comment-body > a,
	.author-description a,
	.taxonomy-description a,
	.textwidget a,
	.entry-footer a:hover,
	.comment-metadata a:hover,
	.pingback .edit-link a:hover,
	.comment-list .reply a:hover,
	.site-info a:hover {
		/*border-color: #95948a;*/
	}

	/* Secondary Text Color */
	button:hover,
	button:focus,
	input[type="button"]:hover,
	input[type="button"]:focus,
	input[type="reset"]:hover,
	input[type="reset"]:focus,
	input[type="submit"]:hover,
	input[type="submit"]:focus,
	.pagination .prev:hover,
	.pagination .prev:focus,
	.pagination .next:hover,
	.pagination .next:focus,
	.widget_calendar tbody a:hover,
	.widget_calendar tbody a:focus,
	.page-links a:hover,
	.page-links a:focus {
		background-color: #95948a; /* Fallback for IE7 and IE8 */
		background-color: rgba( 149, 148, 138, 0.7);
	}

	/* Secondary Text Color */
	blockquote,
	a:hover,
	a:focus,
	.main-navigation .menu-item-description,
	.post-navigation .meta-nav,
	.post-navigation a:hover .post-title,
	.post-navigation a:focus .post-title,
	.image-navigation,
	.image-navigation a,
	.comment-navigation,
	.comment-navigation a,
	.widget,
	.author-heading,
	.entry-footer,
	.entry-footer a,
	.taxonomy-description,
	.page-links > .page-links-title,
	.entry-caption,
	.comment-author,
	.comment-metadata,
	.comment-metadata a,
	.pingback .edit-link,
	.pingback .edit-link a,
	.post-password-form label,
	.comment-form label,
	.comment-notes,
	.comment-awaiting-moderation,
	.logged-in-as,
	.form-allowed-tags,
	.no-comments,
	.site-info,
	.site-info a,
	.wp-caption-text,
	.gallery-caption,
	.comment-list .reply a,
	.widecolumn label,
	.widecolumn .mu_register label {
		color: #95948a; /* Fallback for IE7 and IE8 */
		color: rgba( 149, 148, 138, 0.7);
	}

	/* Secondary Text Color */
	blockquote,
	.logged-in-as a:hover,
	.comment-author a:hover {
		border-color: #95948a; /* Fallback for IE7 and IE8 */
		border-color: rgba( 149, 148, 138, 0.7);
	}

	/* Border Color */
	hr,
	.dropdown-toggle:hover,
	.dropdown-toggle:focus {
		background-color: #bebebe; /* Fallback for IE7 and IE8 */
		background-color: rgba( 190, 190, 190, 0.1);
	}

	/* Border Color */
	pre,
	abbr[title],
	table,
	th,
	td,
	input,
	textarea,
	.main-navigation ul,
	.main-navigation li,
	.post-navigation,
	.post-navigation div + div,
	.pagination,
	.comment-navigation,
	.widget li,
	.widget_categories .children,
	.widget_nav_menu .sub-menu,
	.widget_pages .children,
	.site-header,
	.site-footer,
	.hentry + .hentry,
	.author-info,
	.entry-content .page-links a,
	.page-links > span,
	.page-header,
	.comments-area,
	.comment-list + .comment-respond,
	.comment-list article,
	.comment-list .pingback,
	.comment-list .trackback,
	.comment-list .reply a,
	.no-comments {
		border-color: #bebebe; /* Fallback for IE7 and IE8 */
		border-color: rgba( 190, 190, 190, 0.1);
	}

	/* Border Focus Color */
	a:focus,
	button:focus,
	input:focus {
		outline-color: #bebebe; /* Fallback for IE7 and IE8 */
		outline-color: rgba( 190, 190, 190, 0.3);
	}

	input:focus,
	textarea:focus {
		border-color: #bebebe; /* Fallback for IE7 and IE8 */
		border-color: rgba( 190, 190, 190, 0.3);
	}

	/* Sidebar Link Color */
	.secondary-toggle:before {
		color: #bebebe;
	}

	.site-title a,
	.site-description {
		color: #bebebe;
	}

	/* Sidebar Text Color */
	.site-title a:hover,
	.site-title a:focus {
		color: rgba( 190, 190, 190, 0.7);
	}

	/* Sidebar Border Color */
	.secondary-toggle {
		border-color: #bebebe; /* Fallback for IE7 and IE8 */
		border-color: rgba( 190, 190, 190, 0.1);
	}

	/* Sidebar Border Focus Color */
	.secondary-toggle:hover,
	.secondary-toggle:focus {
		border-color: #bebebe; /* Fallback for IE7 and IE8 */
		border-color: rgba( 190, 190, 190, 0.3);
	}

	.site-title a {
		outline-color: #bebebe; /* Fallback for IE7 and IE8 */
		outline-color: rgba( 190, 190, 190, 0.3);
	}

	/* Meta Background Color */
	.entry-footer {
		background-color: #1b1010;
	}

	@media screen and (min-width: 38.75em) {
		/* Main Text Color */
		.page-header {
			border-color: #bebebe;
		}
	}

	@media screen and (min-width: 59.6875em) {
		/* Make sure its transparent on desktop */
		.site-header,
		.secondary {
			background-color: transparent;
		}

		/* Sidebar Background Color */
		.widget button,
		.widget input[type="button"],
		.widget input[type="reset"],
		.widget input[type="submit"],
		.widget_calendar tbody a,
		.widget_calendar tbody a:hover,
		.widget_calendar tbody a:focus {
			color: #0f0c0b;
		}

		/* Sidebar Link Color */
		.secondary a,
		.dropdown-toggle:after,
		.widget-title,
		.widget blockquote cite,
		.widget blockquote small {
			color: #bebebe;
		}

		.widget button,
		.widget input[type="button"],
		.widget input[type="reset"],
		.widget input[type="submit"],
		.widget_calendar tbody a {
			background-color: #bebebe;
		}

		.textwidget a {
			border-color: #bebebe;
		}

		/* Sidebar Text Color */
		.secondary a:hover,
		.secondary a:focus,
		.main-navigation .menu-item-description,
		.widget,
		.widget blockquote,
		.widget .wp-caption-text,
		.widget .gallery-caption {
			color: rgba( 190, 190, 190, 0.7);
		}

		.widget button:hover,
		.widget button:focus,
		.widget input[type="button"]:hover,
		.widget input[type="button"]:focus,
		.widget input[type="reset"]:hover,
		.widget input[type="reset"]:focus,
		.widget input[type="submit"]:hover,
		.widget input[type="submit"]:focus,
		.widget_calendar tbody a:hover,
		.widget_calendar tbody a:focus {
			background-color: rgba( 190, 190, 190, 0.7);
		}

		.widget blockquote {
			border-color: rgba( 190, 190, 190, 0.7);
		}

		/* Sidebar Border Color */
		.main-navigation ul,
		.main-navigation li,
		.widget input,
		.widget textarea,
		.widget table,
		.widget th,
		.widget td,
		.widget pre,
		.widget li,
		.widget_categories .children,
		.widget_nav_menu .sub-menu,
		.widget_pages .children,
		.widget abbr[title] {
			border-color: rgba( 190, 190, 190, 0.1);
		}

		.dropdown-toggle:hover,
		.dropdown-toggle:focus,
		.widget hr {
			background-color: rgba( 190, 190, 190, 0.1);
		}

		.widget input:focus,
		.widget textarea:focus {
			border-color: rgba( 190, 190, 190, 0.3);
		}

		.sidebar a:focus,
		.dropdown-toggle:focus {
			outline-color: rgba( 190, 190, 190, 0.3);
		}
	}