/*
	Theme Name: Ultra64
	Theme URI: http://ultra64.ca
	Description: Ultra64 WordPress Theme (HTML5 Blank)
	Version: 1.0.3
	Author: Jeff Borg (@level42)
	Author URI: http://level42.ca
	Tags: one-column, education, entertainment
	Text Domain: ultra64

	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/
/*<img class="the-logo" src="<?php echo get_template_directory_uri(); ?>/img/logo.svg" alt="Ultra64.ca"></img>*/
/*------------------------------------*\
    MAIN
\*------------------------------------*/
/*Imports*/
/*@import url('https://fonts.googleapis.com/css?family=Montserrat');*/
@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro');

/* global box-sizing */

*,
*:after,
*:before {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}
/* html element 62.5% font-size for REM use */

html {
    font-size: 62.5%;
}
body {

    /*overflow-x: hidden;*/
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 1.6rem;
	font-weight: 600;
	line-height: 1.2;
    /*font: 300 11px/1.2 'Montserrat', sans-serif;*/
    color: #444;
	  rgba(255, 255, 255, 1),
	  rgba(255, 255, 255, 0)
    ),
	url(/wordpress/wp-content/themes/ultra64-main-v1/img/bg_body_stars.png) repeat;*/
}
/* clear */

.clear:before,
.clear:after {
    content: ' ';
    display: table;
}
.clear:after {
    clear: both;
}
.clear {
    *zoom: 1;
}
img {
    max-width: 100%;
    vertical-align: bottom;
}
a {
    color: #6A1B9A;
    text-decoration: none;
    transition: .5s;
}
a:hover {
    color: #333;
    transition: .5s;
}
a:focus {
    outline: 0;
}
a:hover,
a:active {
    outline: 0;
}
input:focus {
    outline: 0;
    /*border:1px solid #04A4CC;*/
}
/*-----------------------------------*\
    STRUCTURE
\*------------------------------------*/
/* wrapper */
.wrapper {
    max-width: 1280px;
    width: 95%;
    margin: 0 auto;
    position: relative;
}

/* header */
.header {}
.the-logo {
	background: url(/wordpress/wp-content/themes/ultra64-main-v1/img/logo.svg) no-repeat;
	width: 375px;
    height: 150px;
    display: inline-block;
}

/* search */
.search-submit {
    background: #6A1B9A;
    color: white;
    padding: 10px 20px;
    border-radius: 0 5px 5px 0;
    -moz-border-radius: 0 5px 5px 0;
    -webkit-border-radius: 0 5px 5px 0;
    -o-border-radius: 0 5px 5px 0;
    border: 0 none;
}
.search-submit:hover {
    background-color: #7938A3;
}
.search-input {
    background: #eee;
    padding: 10px;
    border-radius: 5px 0 0 5px;
    -moz-border-radius: 5px 0 0 5px;
    -webkit-border-radius: 5px 0 0 5px;
    -o-border-radius: 5px 0 0 5px;
    border: 0 none;
    width: 160px;
}
*:focus {
    outline: none;
}
.unclickable > a:hover {
    cursor: default;
    pointer-events: none;
}
/* sidebar */

.sidebar {}
/* footer */
.footer {
    width: 100%;
    height: 115px;
    bottom: 0 !important;
    margin: 0 auto;
    border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
    -webkit-border-radius: 10px 10px 0 0;
    -o-border-radius: 10px 10px 0 0;
    border-bottom: solid 5px #6A1B9A;
    background: #333;
}
.footer a {
    color: #ddd;
    text-decoration: none;
    transition: .3s;
}
.footer a:hover {
    color: #6A1B9A;
    transition: .3s;
}
.footer-img {
    height: 75px;
}
/*------------------------------------*\
    PAGES
\*------------------------------------*/

/*Home Page*/
.center-title {
    text-align: center;
    font-size: 3.2rem;
}

/*Tutorials*/
.kmc-tut-img {
    width: 500px;
}
.tutorial .step-container {
    max-width: 1280px;
    height: 100%;
    padding: 0 25px;
    margin: 0 auto;
    overflow: hidden;
}
.tutorial .tutorial-content {
    width: 60%;
    float: left;
    margin-bottom: 20px;
}
.tutorial .img-container {
    margin: 50px 0 20px 0;
    float: right;
    width: 35%;
}
.tutorial .tutorial-image {
    /*margin: 30px 0 30px 0;*/
    
    clear: both;
    max-width: 500px;
    width: 100%;
}
.tutorial .tut-img-header {
    font-size: 1.4rem;
    font-style: italic;
    font-weight: 300;
    text-align: right;
}
.tutorial .tut-img-marker {
    font-size: 1.4rem;
    font-style: italic;
    font-weight: 300;
}
.tutorial .divider-line {
    width: 90%;
    margin: 0 auto;
    border-bottom: 1px solid #919191;
}

/*Blogroll*/
.blog-title {
    margin-left: 25px;
}
.post img {
    margin-right: 30px;
    float: left;
    border: 2px solid #ddd !important;
    border-radius: 10px;
    padding: .5%;
}
.attachment-post-thumbnail {
    max-width: 500px;
}
article h2 {
    text-decoration: underline;
    text-decoration-color: #6a1b9a;
    /*border-bottom: solid 2px #6a1b9a;*/
}
.single-post div.comments {
    margin-top: 250px;
}

/*Gallery All*/
.gallery-1 {
    float: none !important;
    margin: 0;
    width: auto;
}
.gallery br:not(:last-child) {
    display: none;
    /*This prevents the break inbetween the gallery items, except the last item to end the gallery*/
}
.gallery-item {
    width: 170px !important;
    /*zoom: 80%;*/
    display: inline-block;
    margin: auto;
}
.gallery-item img {
    border: 2px solid #ddd !important;
    border-radius: 10px 10px 0 0;
    padding: 1.5%;
	width: 150px;
}
.gallery-item img:hover {
    padding: 0;
}

/*WTB Page*/
.wtb-page h2 {
    color: #ddd;
}
.wtb-page td {
    padding: 0 20px 0 20px;
}

/*404 Pages*/
.error404 .logo {
	border-bottom: solid 5px #fe0016;
}
.error404 .nav #menu-item-857 {
	background: #fe0016;
}
.error404 .nav li a:hover, .error404 .menu-item-has-children:hover {
		color: #ddd;
        background: #FE3145;
        transition: .2s;
}
.error404 a {
	color: #fe0016;
}
.error404 a:hover {
	color: #FE3145;
}
.error404 h2 {
	text-decoration-color: #fe0016;
}
.error404 .search-submit {
	background: #fe0016;
}
.error404 .search-submit:hover {
	background: #FE3145;
}
.error404 .footer {
	border-bottom: solid 5px #fe0016;
}
.error404 .footer a {
	color: #fe0016;
}
.error404 .footer a:hover {
	color: #fe0016;
}
.error404 .the-logo {
	background: url(https://upload.wikimedia.org/wikipedia/commons/9/96/Virtualboy_logo.svg) no-repeat;
	width: 375px;
    height: 146px;
    display: inline-block;
}
.error404 .sub-text-logo span {
	display: none;
}
.error404 .sub-text-logo:after {
	 content: 'Virtual Boy Development Resource';
}
.error404 .logo img {
	display: none;
}

/*All Pages*/
.comment {
    list-style-type: none;
    margin-bottom: 30px;
}
.code {
	font-family: 'Cutive Mono', monospace;
    width: fit-content;
    background: #eee;
    padding: 2px 5px;
    border: 1px solid #333;
    border-radius: 5px;
}
.code-block:before {
    content: "Code: ";
    font-size: 1rem;
    position: relative;
    top: -20px;
    left: -1px;
    background: #333;
    color: #eee;
    border-radius: 5px 5px 0 0;
    padding: 2px 10px;
}
.code-block {
    font-family: 'Cutive Mono', monospace;
    width: fit-content;
    background: #eee;
    margin: 20px;
    border: 1px solid #333;
    border-radius: 0 5px 5px 5px;
    box-shadow: 3px 3px 15px 0px #333;
}
.code-block p {
    line-height: 1;
    margin: 0 0 15px 0;
    padding: 0px 30px 0px 20px;
    border-bottom: 1px dashed rgba(100, 100, 100, .4);
}
div.comments {
    /*border-top: solid 5px #6A1B9A;*/

}
.comment-body {
    font-size: 1.6rem;
    margin-bottom: 10px;
	padding: 5px 5px 10px 5px;
    border-left: solid 3px #6a1b9a;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    -o-border-radius: 10px 10px 10px 10px;
}
.comment-body p {
    font-size: 1.4rem;
    padding-left: 30px;
}
/*.comment-meta {
    float: right;
    position: relative;
    top: -50px;
}*/
.comments ul {
    display: none;
}

/*RESOURCES PAGE*/
p.description {
    font-size: 1.6rem;
    font-style: italic;
    font-weight: 300;
    margin: 5px 5px 15px 15px;
}
.description-list {
    font-size: 1.6rem;
    font-style: italic;
    font-weight: 300;
    margin: 5px 0 0 130px;
}
.div-container {
    width: 100%;
    display: none;
}
.div-gallery {
    float: left;
    width: 145px;
}
.div-description {
    width: 100%;
}
.page-id-236 .gallery-caption {
    display: none;
    padding-bottom: 15px;
}
.page-id-236 .gallery-item {
    padding-bottom: 10px;
}
/*------------------------------------*\
    IMAGES
\*------------------------------------*/
.img-align-center {
    display: block;
    margin: 0 auto;
}

/*------------------------------------*\
	TYPOGRAPHY
\*------------------------------------*/
/*Fonts
	
	Useable Fonts:
	
	font-family: 'Cutive Mono', monospace;
	font-family: 'Montserrat', sans-serif;
	font-family: 'Poppins', sans-serif;
	font-family: 'Questrial', sans-serif;
*/

@font-face {
    font-family: 'Font-Name';
    src: url('fonts/font-name.eot');
    src: url('fonts/font-name.eot?#iefix') format('embedded-opentype'), url('fonts/font-name.woff') format('woff'), url('fonts/font-name.ttf') format('truetype'), url('fonts/font-name.svg#font-name') format('svg');
    font-weight: normal;
    font-style: normal;
}
/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/
@media only screen and (min-width: 0px) {
	/*0px or bigger*/
    /* mobile nav */
    
    button.accordion {
        background-color: #333;
        color: #ddd;
        cursor: pointer;
        padding: 15px;
        width: 100%;
        text-align: center;
        font-weight: 600;
        font-size: 1.6rem;
        line-height: 20px;
        border: none;
        outline: none;
        transition: 0.4s;
        border-radius: 0 0 10px 10px;
        -moz-border-radius: 0 0 10px 10px;
        -webkit-border-radius: 0 0 10px 10px;
        -o-border-radius: 0 0 10px 10px;
        border: 0 none;
    }
    button.accordion.active {
		/*, button.accordion:hover*/
        background-color: #6A1B9A;
    }
    button.accordion:after {
        content: "\02795";
        /* Unicode character for "plus" sign (+) */
        
        float: right;
    }
    button.accordion.active:after {
        content: "\2796";
        /* Unicode character for "minus" sign (-) */
    }
    .nav ul {
		width: 95%;
        list-style-type: none;
        margin: 0 auto;
        padding: 0;
        overflow: hidden;
        border-radius:0 0 10px 10px;
		-moz-border-radius:0 0 10px 10px;
		-webkit-border-radius:0 0 10px 10px;
		-o-border-radius:0 0 10px 10px;
        border: 0 none;
        background-color: #333;
        /*background: url(/wordpress/wp-content/themes/ultra64-main-v1/img/actionbar_bkg.jpg) repeat;*/
    }
    .nav li {
		width: 100%;	
        float: left;
        font-weight: 600;
        font-size: 1.6rem;
        line-height: 20px;
    }
    .nav ul li li {
        font-size: 1.3rem;
    }
    .nav ul li a {
        display: block;
        color: #ddd;
        text-align: left;
        padding: 14px 16px;
        text-decoration: none;
    }
    .nav .current-menu-item,
    .current-menu-parent {
        background-color: #6A1B9A;
    }
    .nav li a:hover,
    .menu-item-has-children:hover {
        background-color: #7938A3;
        transition: .2s;
    }
    .nav li.menu-item-has-children {
        display: inline-block;
    }
    .nav .sub-menu {
        /*Sub Menu is hidden*/
        
		/*Location*/
        position: absolute;;
		margin: 0 auto;
		width: 65%;
		left: 30%;
		/*Decorations*/
		border-top: 5px solid #333;
		background-color: #ccc;
        box-shadow: 0px 15px 50px 10px rgba(51, 51, 51, 0.2);
		/*Magic*/
        visibility: hidden;
        opacity: 0;
        transition: visibility 0s .2s, opacity .2s linear;
    }
    .nav .sub-menu a {
        color: #666;
        padding: 12px 16px;
        text-decoration: none;
        display: block;
        text-align: left;
    }
    .nav .sub-menu a:hover {
        background-color: #7938A3;
        color: #ddd;
    }
    .nav .menu-item-has-children:hover .sub-menu {
        /*Sub Menu is shown*/
		
		/*Magic*/
        visibility: visible;
        opacity: 1;
        transition: opacity .2s linear;
    }
    .nav #menu-item-1113 {
        /* Float Blog button to the right*/
        /*float: right;*/
    }
    .nav #menu-item-857 {
        /* Float Donate button to the right*/
        
        float: right;
        background-color: #6A1B9A;
    }
    /* full width search */
    
	.search-bar {
		/*Hidden by default*/
		display: none;
	}
	#search-toggle {
		float:right;
		font-size: 3rem;
		    padding: 20px 10px 10px 10px;
	}
    .search {
        margin: 0 auto;
        padding-top: 20px;
        display: block;
    }
    .search-inputs {
        position: relative;
        margin-right: 140px;
    }
    .search-input {
        display: block;
        width: 100%;
		font-size: 1.6rem;
    }
    .search-submit {
        display: block;
        width: 90px;
        position: absolute;
        top: 0;
        left: 100%;
		font-size: 1.6rem;
    }
    /* mobile logo */

    .logo {
		height: 200px;
		padding: 10px;
		border-bottom: solid 5px #6A1B9A;
		background: linear-gradient(to right, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0), rgba(255, 255, 255, 1)), radial-gradient( rgba(255, 255, 255, 0), rgba(255, 255, 255, 1)), 	url(/wordpress/wp-content/themes/ultra64-main-v1/img/tile-bg.jpg) repeat;
	}
	.logo-text {
		color: #333;
		vertical-align: text-bottom;
		transition: .5s;
		/*white-space: nowrap;*/
		overflow: hidden;
		position: absolute;
		text-align: center;
		width: 100%;
	}
	.logo-text h4 {
		margin: 0;
	}
	.logo-text:hover {
		color: #6A1B9A;
		transition: .5s;
	}	
	.logo .search {
		float: right;
	}
	.logo-img {
		width: 200px;
		margin: 0 auto;
        display: block;
	}
	.logo-img img {
		width: 250px;
	}
	.center-title {
        font-size: 3.2rem;
    }
	/* TABLES */
    
    table {
        table-layout: fixed;
        width: 100%;
        border-collapse: collapse;
    }
	td.column-2, td.column-3, th.table-header-2, th.table-header-3 {
        display:none;
		/*width:0;
		height:0;
		opacity:0;
		visibility: collapse;*/	
    } 
 
    table td {
        border-top: 1px solid #333;
        border-bottom: 1px solid #333;
    }
    table tr:first-child td {
        border-top: 0;
    }
    table tr td:first-child {
        border-left: 0;
    }
    table tr:last-child td {
        border-bottom: 0;
        padding-bottom: 50px;
    }
    table tr td:last-child {
        border-right: 0;
    }
    th,
    td {
        text-align: left;
        padding: 7px 0 7px 50px;
        font-size: 1.6rem;
        font-weight: 600;
    }
    th {
        font-size: 1.9rem;
        font-weight: 600;
    }
    .table-header-1 {
        width: 70%;
        padding: 7px 0 7px 10px !important;
    }
    .table-header-2 {
        width: 10%;
    }
    .table-header-3 {
        width: 20%;
    }
    .img-new-tag {        
		margin-left: -45px;
        padding-right: 10px;
        vertical-align: middle;
    }
/*Comments*/
	textarea, input#author, input#email, input#url {
		width: 100%;
    }
	
/*Footer*/
	.footer-logo {
		/*float: left;
		padding: 60px 0 0 10px;*/
		padding: 10px 0 0 10px;
		width:60%;
	}
	.footer-copyright {
		width: 40%;
		padding: 60px 10px 0 0;
		max-width: 100%;
		float: right;
		margin: 0;
	}
	.footer p {
		color: #ddd;
		text-align: right;
	}
/*Description/Comments Toggle*/
	.div-container {
		/*Hide descriptions by default*/
		display:none;
	}
	#toggle-descriptions-container, #toggle-comments-container{
		float: right;
    }
    .toggle-descriptions-p, .toggle-comments-p{
		line-height: 1em;
		float: left;
        background: #333;
        color: white;
        padding: 10px;
        border-radius: 5px 0 0 5px;
        -moz-border-radius: 5px 0 0 5px;
        -webkit-border-radius: 5px 0 0 5px;
        -o-border-radius: 5px 0 0 5px;
        border: 0 none;
        margin: 0;
		font-size: 1.6rem;
		font-weight: 600;
		vertical-align: middle;
    }
    #toggle-descriptions-button, #toggle-comments-button {
		-webkit-appearance: none;
		line-height: 1em;
        width: 32px;
        background: #6A1B9A;
        color: white;
        padding: 10px;
        border-radius: 0 5px 5px 0;
        -moz-border-radius: 0 5px 5px 0;
        -webkit-border-radius: 0 5px 5px 0;
        -o-border-radius: 0 5px 5px 0;
        border: 0 none;
		font-size: 1.6rem;
		font-weight: 600;
		vertical-align: middle;
    }
    /* pages/fonts - Nothing smaller than 1.6rem on mobile */
    
    section {
        padding: 0;
    }
    article {	
        padding: 0 5px 20px 5px;
    }
	.comments ul {
		padding-left: 0px;
	}
	ul.children {
		padding-left: 20px;
	}
	.comment-author img {
		width: 50px;
		height: 50px;
	}
    h1 {
        font-size: 2.5rem;
        font-weight: 600;
    }
    h2 {
        font-size: 2.2rem;
        font-weight: 600;
    }
    h3 {
        font-size: 2rem;
        font-weight: 600;
    }
    h4 {
        font-size: 1.8rem;
        font-weight: 600;
    }
    p {
        font-size: 1.6rem;
        font-weight: 300;
    }
	a {
        font-size: 1.6rem;
        font-weight: 300;
	}
    li {
        font-size: 1.6rem;
        font-weight: 300;
    }
    
/*Video Thumbs*/
    .thumb {
      display: inline-block;
      list-style: none;
    }
    .thumb li {
      width: 240px;
    }
    .thumb .thumbCaption {
      padding: 10px 0;
    }
    .overlay {
      position: relative;
    }
    .overlay .thumbnail {
      display: block;
      width: 240px;
      height: 180px;
    }
    .overlay .time {
      position: absolute; z-index: 2;
      right: 3px; bottom: 3px;
      padding: 2px 5px;
      background-color: rgba(0, 0, 0, 0.6);
      color: white;
    }
    .overlay .playWrapper {
      opacity: 0;
      position: absolute; z-index: 1;
      top: 0;
      width: 240px; height: 180px;
      background: rgba(0,0,0,0.6) url("http://wptf.com/wp-content/uploads/2014/05/play-button.png") no-repeat scroll center center / 50px 50px;
    }
    .playWrapper .playBtn {
      position: absolute; z-index: 2;
      width: 50px; height: 50px;
      left: 0; right: 0; top: 0; bottom: 0; margin: auto; /* center */
    }
    .thumb .overlay:hover .playWrapper {
      opacity: 1;
    }
}
@media only screen and (min-width: 320px) {
    /*320px or bigger*/
}
@media only screen and (min-width: 480px) {
    /*480px or bigger*/
	/*Footer*/
	.footer-logo {
		/*float: left;
		padding: 50px 0 0 30px;*/
		padding: 10px 0 0 10px;
		width:60%;
	}
	.footer-copyright {
		width: 40%;
		padding: 60px 10px 0 0;
		max-width: 100%;
		float: right;
		margin: 0;
	}
}
@media only screen and (min-width: 700px) {
    .thumb li {
      width: 480px;
    }
    .overlay .thumbnail {
      display: block;
      width: 480px;
      height: 360px;
    }
    .overlay .playWrapper {
      width: 480px; height: 360px;
    }
}
@media only screen and (min-width: 768px) {
    /*768px or bigger*/
/* LOGO */ 
    .logo-img {
        /*display: inline;*/
		margin: 0;
    }
	.logo-img img {
		width: 200px;
	}
    .logo-text {
        text-align: left;
    }
/* SEARCH */
	#search-toggle {
		display: none;
	}
	.search-bar {
		display: inline;
	}
	.search-inputs {
		margin-right: 90px;
	}
	.search-input {
		width: 215px;
	}
	.search {
        float: right;
    }
/* NAV */
    button.accordion {
		/*Hide Nav Menu Button*/
        display: none;
    }
    .nav {
        display: block !important;
    }
	.nav ul {
		width: 100%;
        margin: 0;
		z-index: 1000;
    }
	.nav li {
        width: auto;
    }
	.nav ul li li {
        width: 250px;
    }
    .nav ul li a {
        display: inline-block;
        text-align: center;
        padding: 10px 15px;
    }
    .nav .sub-menu {
        /*Sub Menu is hidden*/
		width: 250px;
		left: auto;
		border-top: 0px;
    }
    .nav .sub-menu a {
        padding: 10px 15px;
    }
    #menu-item-857 .sub-menu {
        border-radius: 0 10px 10px 10px;
        -moz-border-radius: 0 10px 10px 10px;
        -webkit-border-radius: 0 10px 10px 10px;
        -o-border-radius: 0 10px 10px 10px;
        min-width: 88px;
        width: 88px;
    }
    .nav ul li li #menu-item-1261 {
        width: 88px;
    }
    .nav #menu-item-857 {
        /* Float Donate button to the right*/
        max-width: 88px;
    }
/* PAGES */
    section {
        padding: 0 20px 30px 20px;
    }
    article {
        padding: 0 10px 20px 30px;
    }
    h1 {
        font-size: 4rem;
    }
    h2 {
        font-size: 3rem;
    }
    h3 {
        font-size: 2.6rem;
    }
    h4 {
        font-size: 2.2rem;
    }
    p {
        font-size: 1.6rem;
    }
	td.column-2, td.column-3, th.table-header-2, th.table-header-3 {
        display: table-cell;
    }
	.adsbygoogle {
		/*position: absolute;
		margin: 0 auto;
    	text-align: center;*/
	}
}
@media only screen and (min-width: 1024px) {
    /*1024px or bigger*/

}
@media only screen and (min-width: 1140px) {
    /*1140px or bigger*/
}
@media only screen and (min-width: 1280px) {
    /*1280px or bigger*/
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {}
/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {
    background:#04A4CC;
    color:#FFF;
    text-shadow:none;
}
::-webkit-selection {
    background: #04A4CC;
    color: #FFF;
    text-shadow: none;
}
::-moz-selection {
    background: #04A4CC;
    color: #FFF;
    text-shadow: none;
}
/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.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 .wp-caption-text,
.gallery-caption {
    font-size: 1.2rem;
    padding: 5px;
    overflow: auto;
	width: 150px;
	min-height: 40px;
    background: #eee;
    border-radius: 0 0 10px 10px;
    border-width: 0px 2px 2px 2px;
    border-style: solid;
    border-color: #ddd;
    margin: 0 10px 3px !important;
}
.sticky {} .bypostauthor {}
/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
    * {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }
    a,
    a:visited {
        text-decoration: underline;
    }
    a[href]:after {
        content: " (" attr(href) ")";
    }
    abbr[title]:after {
        content: " (" attr(title) ")";
    }
    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }
    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }
    thead {
        display: table-header-group;
    }
    tr,
    img {
        page-break-inside: avoid;
    }
    img {
        max-width: 100% !important;
    }
    @page {
        margin: 0.5cm;
    }
    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }
    h2,
    h3 {
        page-break-after: avoid;
    }
}

/*-----------------------------------------------------------------*/
.tileWrapper {
	display: block;
    width: 100%;
    margin: 0 auto;
}

.tiles {
	list-style: none;
}

.tileItem {
	position: relative;
    background: #EEEEEE;
	transition: .5s;
    float: left;
    margin: 10px 5px 0 5px;
    width: 218px;
    height: 218px;
    border: 1px solid #d9cfd8;
	border-radius: 5px;
    text-align: center;
    cursor: pointer;
}

.tileItem:hover {
	background: #FFFFFF;
	transition: .5s;
}

.tileItem a, .tileItem a:link, .tileItem a:visited, .tileItem a:active {
    width: 218px;    
	padding: 0 5px;
    bottom: 10px;
    font-family: 'Helvetica', Arial, serif;
    font-size: 15px;
    /*text-transform: uppercase;*/
    text-decoration: none;
    text-align: center;
    color: #8188a0;
}

.tileItem img {
	margin: 10px 32px;
    border: 1px solid #dce0ed;
	width: 150px; 
	height: 150px;
    line-height: 147px;
    cursor: pointer;
}
.simple-modal-body p img {
	/*width: 450px; 
	height: 450px;*/
}

[title~="Download"] {
	background-color: #6A1B9A !important;
}