/*
ADDITIONAL CSS
MODIFICATIONS MADE BY: ANDRES MORA
*/

.posts, .posts .entry-inner:after {
    background-color: #fff;
}

.menu-toggle:after {

	font: normal 2.8rem 'Genericons';
	color: #6351FF;
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	left: 50%;
	top: 50%;

}

/*    DOCUMENT DOWNLOAD LINKS   */

.doc-dl{

    border: 1px solid #6351FF;
    padding: 0px;
	margin-bottom: 1rem;
	text-align: center;
	//border-radius: 15px;
}

.doc-dl a{
	align-content: center;
	padding: 1rem;
	width: 100%;
	display: block;
}

.doc-dl a:hover{
	text-decoration: none;

}

.doc-dl:hover{
	background-color: #6351FF;
	color: #fff;
}

.doc-dl:hover a{
	color: #fff;
}
/* Next Page Links */
.nextpage-link, .prevpage-link {
	float: right;
    border: 1px solid #6351FF;
    padding: 0;
	margin-bottom: 2rem;
}

.nextpage-link a{
	float: right;
	padding: 1rem;
}

.nextpage-link a:hover, .prevpage-link a:hover{
	text-decoration: none;

}

.nextpage-link:hover, .nextpage-link:hover a, .prevpage-link:hover, .prevpage-link:hover a{
	background-color: #6351FF;
	color: #fff;
}



.nextpage-link a:after{
	content: "\f429";
	font: bold 1rem 'Genericons';
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
    padding-left: 0.5rem;
}

.prevpage-link {
	float: left;
}

.prevpage-link a{
	float: right;
	padding: 1rem;
}

.prevpage-link a:before{
	content: "\f430";
	font: bold 1rem 'Genericons';
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
    padding-right: 0.5rem;
}



/**
		 * Responsive media
		 */

			figure img
		{max-width: 100%;min-width: 100%;}




.text-logo,
			.site-branding a,
			.site-branding a:hover,
			.site-branding a:active {

	color: #FFF;
}

#secondary .site-title .text-logo {
	color: #6351FF;
}

.widget-title {
	text-align: center;
	text: h1;
}


.hamburger-item {
    background-color: #6351FF;
}


/*----POST HIGHLIGHT HOVER----*/
	.posts .hentry:after {
					content: '';
					display: block;
					position: absolute;
					width: 100%;
					height: 100%;
					left: 0;
					top: 0;
					pointer-events: none;
		-webkit-transition: .4s;
		transition: .4s;
	-webkit-box-shadow: inset 0 0 0 2px rgba(99, 81, 255, .1);
	box-shadow: inset 0 0 0 2px rgba(99, 81, 255, .1);

				}
.ie10 .posts .hentry:after { display: none; }

.posts .hentry:hover:after {
	-webkit-box-shadow: inset 0 0 0 1.62rem rgba(99, 81, 255, .2);box-shadow: inset 0 0 0 1.62rem rgba(99, 81, 255, 1);
					}

.is-singular .game-caption{
	display: none;
	height: 0px;
	padding: 0px;
	margin: 0px;
}

.is-singular .site-content {
    padding: 4.62rem 0 3.62rem;
}

.is-singular .entry-content{
	padding: 0em 0 0 0;
	    position: relative;

}

.is-singular .entry-header {
	//margin-bottom: 7rem;
}

.entry-tags {
					//position: absolute;
					width: 100%;
					left: 0;
					//top: 7em;
					text-transform: uppercase;

					//height: 6em;
                    overflow: hidden;
				}

.entry-tags a{
    color: white;
    background-color: #6351FF;
    border-radius: 4px;
    padding: 0.4em;
    line-height: 2.6em;
    font-size: 0.8em;
    border:1px solid #6351FF;
}

.entry-tags a:hover{

    color: #6351FF;
    background-color: #fff;
    border:1px solid #6351FF;
    text-decoration: none;
    border-radius: 4px;
    padding: 0.4em;
    line-height: 2.6em;
    font-size: 0.8em;
}

.single .entry-meta.entry-meta-bottom {

                position: fixed;
                display: block;
                width: 50%;
                left: 5rem;
                top: 2rem;
                padding: 0 3.62rem;
                margin: 0;
                line-height: 5rem;
                border: 0;
}



.entry-header {

			padding: 0px 0 1.62em;
		}


.single .entry-meta.entry-meta-bottom {

                position: fixed;
                display: NONE;
                width: 50%;
                left: 5rem;
                top: 2rem;
                padding: 0 3.62rem;
                margin: 0;
                line-height: 5rem;
                border: 0;
}

/*---TABLE OF CONTENTS----*/



.post-table-of-contents li {
	padding: .19em 0;
    float:  left;
display: block;
	line-height: 1.38;
	overflow: hidden;
	float: left;
	padding: 0px;
	margin: 1.2em 5px 0px 0px;
	list-style-type: none;
	    background-color: #6351FF;
    border-color: #6351FF;
    border: 1px solid #6351FF;
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
    border-bottom: 0px;

    font-size: 1em;
		z-index: 1;
}

.admin-bar .post-table-of-contents.bottom {
    top: 32px;
}

.post-table-of-contents li h3 {
	padding: 5px;
	margin: 0;
    color: #fff;
    text-transform: uppercase;
    font-family: 'Share Tech';
    font-style: normal;

}

.post-table-of-contents a{
	color: #fff;
	padding: 5px;
    font-family: 'Share Tech';
    font-style: normal;
}


.post-table-of-contents {
     clear: both;
     position: fixed;
     top: 0PX;
     width: 100%;
	max-width:100%;
     left: 5rem;
    padding: 0px;
    margin: 0px;
    border: 0px;
	background-color: #ADA8FF;
}

.post-table-of-contents.top {
						float: left;
						max-width: 50%;
						padding: 0;
						margin: 0 ;
						border: 0;
					}
.post-table-of-contents ol{
	width: 100%;
}


.post-table-of-contents .section-title:hover {
	background-color: #fff;
}



.post-table-of-contents .section-title:hover a, .post-table-of-contents .passed a:hover, .post-table-of-contents a:hover  {
     color: #6351FF;
     text-decoration: none;
}

.admin-bar .post-table-of-contents {
	top: 32px;
}


.post-table-of-contents .passed a {
	color: #fff;
}

.post-table-of-contents .current {
	background-color: #fff;
	color: #6351FF;
}


			.post-table-of-contents a:before {
				content: '';
				margin-right: 0px;
				vertical-align: middle;

			}

			.post-table-of-contents .passed a:before { content: ''; }

			.post-table-of-contents .current a:before { content: ''; }











/* HIDE COMMENT SECTION */
.comments-title, .comment-list {
	display: none;
	height: 0px;
}

.comments-area textarea,  {
	border-color: #6351ff;
}


.comment-form-author input, .comment-form-email input, .comment-form-url input, .comment-form-comment textarea {
    padding-top: 1.38em;
    padding-bottom: 1.38em;
    border-color: #6351ff;
}

/*---RESPONSIVE-----*/

/* ----- MOBILE ADJUSTMENTS---*/

@media only screen and (max-width: 1200px)
{
	.single .entry-meta.entry-meta-bottom {

            width: 62%;
    }

.post-table-of-contents.top {

     width: 62%;
	max-width: 62%;

}
}

@media only screen and (max-width: 1024px){

    .single .entry-meta.entry-meta-bottom {

            width: 62%;
    }


.post-table-of-contents.top {

     width: 62%;
	max-width: 62%;

}



}

@media only screen and (max-width: 960px) {



.is-singular .site-banner-header {
    bottom: 0.2rem;
}

.text-logo {
	color: #6351ff;
}

	.posts .hentry:after {
					content: '';
					display: block;
					position: absolute;
					width: 100%;
					height: 100%;
					left: 0;
					top: 0;
					pointer-events: none;
		-webkit-transition: .4s;
		transition: .4s;
	-webkit-box-shadow: inset 0 0 0 2px rgba(99, 81, 255, 0);
	box-shadow: inset 0 0 0 2px rgba(99, 81, 255, 0);

	}

.ie10 .posts .hentry:after { display: none; }

.posts .hentry:hover:after {
	-webkit-box-shadow: inset 0 0 0 1.62rem rgba(99, 81, 255, 0);box-shadow: inset 0 0 0 1.62rem rgba(99, 81, 255, 0);
	}

.menu-toggle{

    margin-top: 0rem;

}

.admin-bar .menutoggle {
 	margin-top: 3rem;
}

.single .entry-meta.entry-meta-bottom 		{

                position: fixed;
                display: none;
                width: 100%;
                left: 0px;
                top: 0px;
                padding: 0 3.62rem;
                margin: 0;
                line-height: 5rem;
                border: 0;

	}


.post-table-of-contents {

       width: 100%;
    left: 0;
    top: -19em;

    position: absolute;
    background-color: #fff;
}

.post-table-of-contents li{

    border: 0px;
    margin:0px;
	border-left: 0px;
	padding: 0px;
	border-radius: 0px;
	background-color: #fff;
}
.post-table-of-contents a{
	color: #6351ff;
}

.post-table-of-contents li h3{

	color: #6351FF;
}

.post-table-of-contents .section-title:hover {
	background-color: #6351FF;
}



.post-table-of-contents .section-title:hover a, .post-table-of-contents .passed a:hover, .post-table-of-contents a:hover  {
     color: #fff;
     text-decoration: none;
}

.post-table-of-contents .passed a{
	color: #555555;
}

.post-table-of-contents .current {
	background-color: #6351FF;
	color: #fff;
}


.admin-bar .post-table-of-contents.bottom, .post-table-of-contents.bottom  {
	display:none;
	height: 0px;

}


.post-table-of-contents.top {
	display: block;
	position: relative;
	padding: 0;
	margin: 0 0 2em;
	top: 0px;
	border-top: 1px solid #6351ff;
	border-bottom: 1px solid #6351ff;
	float: left;
	width: 100%;
	max-width: 100%;



}

.is-singular:not(.home) .entry-media {
					position: relative;
					width: auto;
					height: auto;
					right: auto;
					top: auto;
					//margin: 0 -9.52% 7.62rem;
					background: none;
				}
}

@media only screen and (max-width: 450px) {

/* SIDE BAR ADJUSTMENTS */

	#secondary .site-title .text-logo {
    color: #6351FF;
    font-size: 2rem;
}

.secondary-content {
    width: calc( 100% - 3rem );
    right: 3rem;
    padding: 3.62rem 0 0 1.1rem;
}

.sidebar .widget-area {
	padding: 0px;
		margin: 0px;


}

.widget_twitter_timeline {
	width: 90%;

}

	/* TITLE BAR  */

.site-header > .site-branding {
    display: block;
    position: fixed;
    background-color: #17141f;
    top: 0px;
    width: 100%;
    left: 48px;
    height: 48px;
    overflow: hidden;
}

.site-title {
    font-size: 1.4rem;
    padding-left: 0.4em;
	  padding-bottom: 0.3rem;


}

.site-header-widgets .form-search {
    position: relative;
    text-align: inherit;
    top: 15px;
}


.is-singular .entry-content {
    padding: 0 0 0 0;
    position: relative;
}

.site-banner h1,
			.site-banner .slider-nav,
			.site-banner .slick-dots {
				padding: 0;
				margin: 0 2rem;
				text-transform: none;
				letter-spacing: 2px;
				color: inherit;
			}

}