/*!
Theme Name: myDesktop
Theme URI: www.webbyagency.net
Author: federicadipiet
Author URI: http://www.federicadipietrantonio.it/
Description: its awesome up here!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: nasty_coding
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

NastyCoding is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Alignments
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
html, body {
	overflow-x: hidden;
	background-color: #3975a9;
	color: black;
	height: 100%;
}

/*body.home.page-template.page-template-template-homepage.page-template-template-homepage-php.page.page-id-9 {
	height: 100%;
}*/

.bg-grey {
	background-color: #bdbebd;
}

/*Progress bar*/


.progress{
    height: 2rem !important;
    overflow: hidden;
    font-size: .75rem;
    background-color: silver;
    border-radius: 0rem;
    border: 1px inset #d5d5d5;
    color: #424242;
    width: 90%;
    margin-top: 20px;
    margin: auto;
}

.load-text {
	margin-left: 20px;
}

.progress-bar{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    text-align: center;
    background-color: #1a0094;
    transition: width .6s ease;
    width: 1%;
}
.progress-bar-blocks{
    background-image: linear-gradient(90deg,transparent 75%,#d5d5d5 25%);
    background-size: 1rem 1rem;
}


.alert {
  position: absolute; 
  z-index: 9999;
  min-width: 200px; 
  max-width: 300px; 
  height: 150px! important;
  padding: 0 !important;
  margin-bottom: 0 !important;
  border-radius: 0 !important;
  right: 0;
  left: 0;
  margin: auto;
}

.alert-box {
  position: absolute; 
  margin: auto; 
  top: 20%; 
  right: 0;
  left: 0;
  z-index: 9999;
  min-width: 200px; 
  max-width: 500px; 
  height: 150px;
}


/*HOMEPAGE*/



.jumbotron {
	background-color: red;
}

/*Navigation*/

.navbar-default .navbar-nav > li {
	margin-left: 28px;
}

.navbar-default .navbar-nav > li#menu-item-459:before {
    content: url("images/icons/file_windows-2.png");
    display: inline-block;
    text-align: center;
    width: 100%;
    margin: auto;
}

.navbar-default .navbar-nav > li#menu-item-15:before {
    content: url("images/icons/mailbox_world-2.png");
    display: inline-block;
    text-align: center;
    width: 100%;
    margin: auto;
}

.navbar-default .navbar-nav > li#menu-item-14:before {
    content: url("images/icons/help_book_cool-4.png");
    display: inline-block;
    text-align: center;
    width: 100%;
    margin: auto;
}

.navbar-default .navbar-nav > li#menu-item-13:before {
    content: url("images/icons/computer_2_cool-4.png");
    display: inline-block;
    text-align: center;
    width: 100%;
    margin: auto;
}

.navbar {
	margin: 0;
	min-height: 0;
}

.navbar-default {
	margin: 0;
	border: none;
 	justify-content: center;
}

.navbar-default .navbar-brand {
  color: white;
  margin: auto;
 	justify-content: center;
}

.navbar-brand {
	float: none;
}

.navbar-brand a, h1 {
  text-align: center;
}

.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: white;
  background-color: transparent;
 	justify-content: center;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: white;
  padding: 0;
  margin: 0;
  background-color: transparent;

}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: white;
  background-color: transparent;
  padding: 0;
  margin: 0;
}

.navbar-default .navbar-text {
  color: white;
}

.navbar-default .navbar-nav > li > a {
  color: white;
  padding: 0;
  margin: 0;
  font-size: 13px;
 }

 .navbar-default .navbar-nav > li > a:hover, a:active, a:focus, a:active:hover {
  color: white;
 }

 .navbar-nav > li {
 	float: left;
 	margin-bottom: 0;
 }

 .navbar-default .navbar-nav > ul {
 	width: 100%;
 	margin: 0;
 	padding: 0;
 	text-align: center;
 	justify-content: center;
 }



.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border: none;
 }

 .navbar-default {
  background-color: transparent;
  border-color: black;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: transparent;
}

.navbar-default .navbar-toggle {
  border: none;
  border-radius: 0;
}

.navbar-toggle {
	float: left;
}

.navbar-default .navbar-toggle .icon-bar {
  background-color: black;
}

.nav-previous a {
	border: 2px solid black;
	padding: 5px 10px;
}

.nav-next a {
	border: 2px solid black;
	padding: 5px 10px;
}

.nav-links a {
	display: inline-block;
}

.nav-links div {
	display: inline-block;
	margin: 20px;
}

.site-content {
  background-repeat: no-repeat;
  background-attachment: fixed;
  padding-bottom: 50px;
}

#main {
	background-color: transparent;
}

article {
   background-color: #BDBEBD;
  border-left: 1px solid white;
  border-bottom: 1px solid black;
  border-top: 1px solid white;
  border-right: 1px solid black;
  box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.75);
}

.title-home {
	color: white;
	text-align: right;
}

.tax-links-home a {
	color: black;
}

.tax-links-home a:hover {
	color: blue;
	text-decoration: none;
}

.container-home {
	padding-top: 10px; 
	color: #f1f1f1;
}

.custom-logo-div {
	position: absolute;
	top: 0;
	left: 0;
}


/*Typography*/

p {
	margin: 8px;
	font-size: 16px;
}



.control-label {
	color: black;
	font-size: 16px;
	font-weight: 100;
}

.center-align {
	text-align: center;
}

.entry-title {
	font-style: italic;
	color: white;
	font-weight: 800;
	text-align: center;
	padding: 10px;
}

.entry-title a {
	color: white;
	text-decoration: none;
}

.entry-title a:hover {
	color: black;
	text-decoration: none;
	transition: 0.5s;
}

.comments-link {
	font-size: 12px;
}

.comments-link a {
	color: red;
	text-decoration: none;
}

.comments-link a:hover {
	color: red;
	text-decoration: line-through;
}

.cat-links {
	font-size: 14px;
}

.cat-links a {
	color: blue;
	text-decoration: none;
	margin-right: 10px;
}

.cat-links a:hover {
	color: blue;
	text-decoration: line-through;
	margin-right: 10px;
}

.posted-on {
	font-size: 12px;
}

.posted-on a {
	color: blue;
	text-decoration: none;
	margin-right: 10px;
}

.posted-on a:hover {
	color: blue;
	text-decoration: line-through;
	margin-right: 10px;
}

.entry-date {
	color: blue;
	text-decoration: none;
}

.entry-date:hover {
	color: blue;
	text-decoration: none;
}

.middle a {
	color: black;
}

.page-title {
	color: black;
}

blockquote {
	border: 2px solid black;
}

.wp-block-pullquote p {
	font-size: 18px;
	color: blue;
	font-weight: 700;
}

:not(:focus).has-drop-cap::first-letter {
	color: blue;
}

/*FOOTER*/

#colophon {
	background-color: transparent;
	margin: 20px;
}

#colophon .container {
	padding-top: 0;
	background-color: transparent;
}

.site-footer .container {
	text-align: center;
}

.site-footer p {
	color: white;
}


.footer-menu {
	margin-left:0;
	padding:0 0 30px 0;
}

.site-footer a {
	color: blue;
}

.footer-menu li {
	display:inline;
	list-style-type:none;
}

.footer-menu li a {
	color: white;
	border-left:1px solid black;
	padding: 0 8px;
}

.footer-menu > li:first-child > a {
	border-left:none;
	padding:0 8px 0 0;
}

.copyright {
	text-align: center;
	color: white;
}


/*WORD BREAK*/

#primary, #secondary {

  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;

  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;

  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;

}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}


/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
	/* Make sure select elements fit in widgets. */
}

.widget select {
	max-width: 100%;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

/*.hentry {
	margin: 0 0 1.8em;
	border: 2px solid black;
	padding: 1.8em;
}*/

.sidebar-border {
	margin: 0 0 1.8em;
	border: 2px solid black;
	padding: 1.8em;
}

.post,
.page {
	margin: 0 0 1.5em;
}

.byline,
.updated:not(.published) {
	display: none;
}

.single .byline,
.group-blog .byline {
	display: inline;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

.site-main {
	margin-top: 20px;
}


/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	/* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object,
img {
	max-width: 100%;
}

img {
	height: auto;
}

.wp-block-separator {
	margin-bottom: 50px;
}

.wp-block-image .aligncenter, .wp-block-image .alignleft, .wp-block-image .alignright, .wp-block-image.is-resized {
	display: block;
}

.wp-block-image {
	text-align: center;
	/*background-image: url('images/background.png');*/
	background-image: url('images/background2.jpg');
/*	border: 2px solid black;*/
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center;
  margin: 8px;
}

.wp-block-gallery.columns-1 .blocks-gallery-item {
	margin: 8px;
}

.wp-block-image img {
	text-align: center;
	display: block;
	margin: auto;
	padding-top: 30px;
}

/* Add multi-line by line breaks to Gutenberg galleries. */
.blocks-gallery-item figcaption {
	white-space: pre-line;
}

/* Prevent the last image from growing to fill available space if there aren't three images in a row. */
.blocks-gallery-item {
	flex-grow: 0 !important;
	display: inline-block !important;
}

.wp-block-gallery .blocks-gallery-image figure, .wp-block-gallery .blocks-gallery-item figure {
	display: inline-block;
	height: auto;
	padding: 5px 0;
	width: 100%;

}

.wp-block-gallery.is-cropped .blocks-gallery-image a, .wp-block-gallery.is-cropped .blocks-gallery-image img, .wp-block-gallery.is-cropped .blocks-gallery-item a, .wp-block-gallery.is-cropped .blocks-gallery-item img {
	height: 270px;
}	

.wp-block-gallery .blocks-gallery-image figcaption, .wp-block-gallery .blocks-gallery-item figcaption {
	position: relative;
	background: none;
	margin: 10px 0 15px 0;
	padding: 0;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

.custom-logo {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 40%;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}

.blocks-gallery-grid .blocks-gallery-image figcaption, 
.blocks-gallery-grid .blocks-gallery-item figcaption, 
.wp-block-gallery .blocks-gallery-image figcaption, 
.wp-block-gallery .blocks-gallery-item figcaption {
	background-color: white;
	font-size: 14px;
	padding:5px;
	color: black;
	background: linear-gradient(0deg,rgba(0,0,0,0),rgba(0,0,0,0) 70%,transparent);
	text-align:center;
}

.blocks-gallery-grid .blocks-gallery-image  , 
.blocks-gallery-grid .blocks-gallery-item , 
.wp-block-gallery .blocks-gallery-image , 
.wp-block-gallery .blocks-gallery-item  br {
	display: none;
}

.blocks-gallery-grid .blocks-gallery-image img, 
.blocks-gallery-grid .blocks-gallery-item img, 
.wp-block-gallery .blocks-gallery-image img, 
.wp-block-gallery .blocks-gallery-item img {
    width:100%;
	height: auto;
	margin: auto;
}

.blocks-gallery-grid, .wp-block-gallery {
	padding-top: 20px;
}

/*SEARCH FORM*/

.form-control {
	border: 2px solid black;
	border-radius: 0;
	box-shadow: none;
	color: black;
	margin-left: 2px;
}

.form-control:focus {
	border-color:blue;
	outline:0;
	-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(0,0,255,.6);
	box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(0,0,255,.6)
}

.btn {
	border: 2px solid black;
	border-radius: 0;
	box-shadow: none;
	font-weight: 700;
  	padding: 5px 10px;
}

.btn-group {
	margin-top: 20px;
}

.btn:hover,
.btn:focus,
.btn.focus {
  color: black;
  text-decoration: none;
}

.btn:active,
.btn.active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 255, 0, .125);
          box-shadow: inset 0 3px 5px rgba(0, 255, 0, .125);
}

.btn-default {
  color: black;
  background-color: red;
  border-color: red;
}

.btn-default:focus,
.btn-default.focus {
  color: white;
  background-color: blue;
  border-color: blue;
}

.btn-default:hover {
  color: black;
  background-color: yellow;
  border-color: yellow;
}

.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  color: white;
  background-color: blue;
  border-color: blue;
}

.btn-default:active:hover,
.btn-default.active:hover,
.open > .dropdown-toggle.btn-default:hover,
.btn-default:active:focus,
.btn-default.active:focus,
.open > .dropdown-toggle.btn-default:focus,
.btn-default:active.focus,
.btn-default.active.focus,
.open > .dropdown-toggle.btn-default.focus {
  color: white;
  background-color: blue;
  border-color: blue;
}

.btn-edit {
  color: #333;
  background-color: #fff;
  border-color: red;
}

.btn-edit:focus,
.btn-edit.focus {
  color: #333;
  background-color: #fff;
  border-color: red;
}

.btn-edit:hover {
  color: #333;
  background-color: #fff;
  border-color: red;
}

.btn-edit:active,
.btn-edit.active,
.open > .dropdown-toggle.btn-edit {
  color: #333;
  background-color: #fff;
  border-color: red;
}

.btn-edit:active:hover,
.btn-edit.active:hover,
.open > .dropdown-toggle.btn-edit:hover,
.btn-edit:active:focus,
.btn-edit.active:focus,
.open > .dropdown-toggle.btn-edit:focus,
.btn-edit:active.focus,
.btn-edit.active.focus,
.open > .dropdown-toggle.btn-edit.focus {
  color: #333;
  background-color: #fff;
  border-color: red;
}

.edit-link {
	float: right;
}

.search-highlight {
    background:blue; 
}

/*PAGINATION*/

.pager li > a,
.pager li > span {
	font-size: 16px;
	color: black; 
  float: left;
  display: block; 
  height: 29px;
  width: 200px;
  text-align: center;
  padding: 4px;
  border-top: 2px solid white;
  border-left: 2px solid white;
  border-bottom: 2px solid black;
  border-right: 2px solid black;
  background-color: #BDBEBD;
  box-sizing: border-box; 
  overflow: hidden;
  white-space: nowrap;
  border-radius: 0;
  background-size: auto 70%;
  background-position: 3px 50%;
  background-repeat: no-repeat;
  
  
}
.pager li > a:hover,
.pager li > a:focus {
	font-size: 16px;
	color: black; 
  background-color: #BDBEBD;
}

.meta-nav {
	display: none;
}

/*POST META*/

.entry-meta .posted-on {
	margin-right: 20px;
}

.posted-on .fa, .byline .fa {
	color: #bcbcbc;
}

.posted-on a, .byline a {
	color: #777;
	text-decoration: none;
}

.posted-on a:hover, .byline a:hover {
	text-decoration: underline;
}

/*--------------------------------------------------------------
Media Queries 
--------------------------------------------------------------*/

/* Custom, iPhone Retina */ 
@media only screen and (min-width : 320px) {
	.col-sm-12, .col-md-12 {
		width: 100%;
	}

}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {
	.col-sm-6 .col-md-4 {
		width: 100%;
	}
}


/* Small Devices, Tablets */ 
@media only screen and (max-width : 768px) {
	div.col-sm-6.col-md-4.masonry-column.item {
		width: 100%;
		position: relative;
	}

	#exhibition-item {
		width: 100%;
	}

	.imgwork {
		width: 100%;
	}
}

/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

.navbar-collapse {
	width: 100%;
}

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

.copyright {
	text-align: center;
}

.col-md-6 {
    width: 50%;
    margin: auto;
    float: inherit;
 }

}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: initial;
  }

#secondary {
	float: right;
}

}


/*COMMENTS*/

.comment-content a {
	word-wrap: break-word;
}
.bypostauthor {
}

.comments-title, .comment-reply-title {
	padding-top: 12px;
	margin: 40px 0 20px 0;
	border-top: 2px solid black;
}

ol.comment-list {
	list-style:none;
	padding-left: 0;
}

.comment-author .avatar {
	margin-right: 25px;
	border: 1px solid #ddd;
	border-radius: 4px;
	-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	padding: 4px;
}

.comment-meta {
	margin-top: 20px;
	margin-bottom: 20px;
}

.comment-details {
	overflow: hidden;
	zoom: 1;
	margin-bottom: 25px;
	padding-bottom: 25px;
	border-bottom: 1px solid #ddd;
}

.comment-details .reply {
	margin-top: 10px;
}

.comment-date a {
	font-size: 11px;
	color: #777;
	margin-right: 10px;
}

#commentform #comment {
	width: 100% !important;
}

#commentform #submit {
	display: inline-block;
	padding: 6px 12px;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.42857143;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-image: none;
	border: 2px solid black;
	color: black;
	background-color: white;
}

#commentform #submit:hover{
	color: white;
	background-color: black;
}

/*AUTHOR INFO BOX*/

.well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: yellow;
  border: 2px solid black;
  border-radius: 0;
}

.media-heading {
  margin-top: 6px;
  margin-bottom: 5px;
}

.media-heading a {
  border: 2px solid black;
  padding: 3px;
  color: black;
}

.media-body p {
  border: 2px solid black;
  padding: 3px;
  color: black;
}

.media-body h5 {
	margin-bottom: 10px;
}

.media:first-child {
  margin-top: 0;
  border: 2px solid black;
  padding: 10px;
}

.media > .pull-left {
  padding: 8px;
  border: 2px solid black;
  margin: 0 10px 10px 3px;
}

.author-meta a {
	color: black;
	border:2px solid black;
	padding: 2px;
	font-weight: 600;
}

.author-meta a:hover {
	color: yellow;
	font-weight: 600;
	border:2px solid black;
	padding: 2px;
	background: black;
	text-decoration: none;
}

#author-meta-social {
	border:none;
}

/*AUTHOR INFO BOX*/

.btn-primary {
  color: white;
  background-color: black;
  border-color: black;
}
.btn-primary:focus,
.btn-primary.focus {
  color: white;
  background-color: black;
  border-color: #122b40;
}
.btn-primary:hover {
  color: #fff;
  background-color: blue;
  border-color: black;
}

/*HEADER*/


.page-header {
	margin-top: 30px;
	padding-top: 3px;
	padding-left: 12px;
	margin-left: 15px;
	border-bottom: none;
}


/*HEADER-GRADIENT*/

.title-neon {
	text-align: center;
 	color: #B6FF00;
  	font-size: 32px;
}

/*--------------------------------------------------------------
EXHIBITIONS
--------------------------------------------------------------*/
.exhibitions img.wp-post-image {
    margin-bottom: 0;
    height: auto;  
}

.exhibitions-item {
	margin: 5px 5px;
}

.exhibitions .thumbnail {
	border:none;
	background-color: transparent;
	padding: 0;
	border-radius: 0;
}

.thumbnail-exhibition {
	color: white;
}

.thumbnail-exhibition:hover {
	color: white;
	text-decoration: none;
}

.exhibitions h4 {
	margin-top: 5px;
}

.single-exhibitions .hentry {
	border-bottom: 2px solid black;
}

.workdiv {
  position: relative;
}

.imgwork {
  opacity: 1;
  transition: .5s ease;
  backface-visibility: hidden;
  height: 400px;
  min-width: 350px;
  max-width: 500px;
  background-size: cover;
  background-repeat: no-repeat;
}

.imgwork-home {
  opacity: 1;
  transition: .5s ease;
  backface-visibility: hidden;
  height: 400px;
  min-width: 350px;
  background-size: cover;
  background-repeat: no-repeat;
}

.middle {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}

.middle-home {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}

.workdiv:hover .imgwork {
  opacity: 0.3;
}

.workdiv-home:hover .imgwork-home {
  opacity: 0.3;
}

.workdiv:hover .middle {
  opacity: 1;
}

.textwork a {
  color: white;
  font-size: 16px;
  padding: 16px 32px;
 }

.masonry-column {
  padding: 0 1px;
}

.masonry-grid > div .thumbnail {
  margin: 5px 1px;
}

.title-exhi-home a {
	color: black;
}

.title-exhi-home a:hover {
	color: blue;
	text-decoration: none;
}

.tax-links {
	color: white;
}

.tax-links a {
	color: white;
	text-transform: uppercase;
}

.tax-links a:hover {
	color: white;
	text-transform: uppercase;
	text-decoration: none;
	color: black;
}

.exhi-title:hover {
	text-decoration: none;
	color: white;
} 

/*--------------------------------------------------------------
ARTISTS PAGE
--------------------------------------------------------------*/

.artist-title {
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
}

.artist-title a {
	color: white;
	text-transform: uppercase;
	display: block;
}

.artist-title a:hover {
	color: blue;
	text-transform: uppercase;
	display: block;
	text-decoration: none;
}

/*--------------------------------------------------------------
NEWS
--------------------------------------------------------------*/

.latest-news::after {
 	content: ""; /* This is necessary for the pseudo element to work. */ 
    display: block; /* This will put the pseudo element on its own line. */
    margin: 0 auto; /* This will center the border. */
    width: 50%; /* Change this to whatever width you want. */
    padding-top: 20px; /* This creates some space between the element and the border. */
    border-bottom: 2px solid black; /* This creates the border. Replace black with whatever color you want. */
}

.wp-block-button__link {
    background-color: blue;
    border: none;
    border-radius: 0;
    box-shadow: none;
    color: inherit;
    cursor: pointer;
    display: inline-block;
    font-size: 18px;
    margin: 0;
    padding: 12px 24px;
    text-align: center;
    text-decoration: none;
    overflow-wrap: break-word;
}

.wp-block-button__link:hover {
    background-color: red;
    border: none;
    border-radius: 0;
    box-shadow: none;
    color: inherit;
    cursor: pointer;
    display: inline-block;
    font-size: 18px;
    margin: 0;
    padding: 12px 24px;
    text-align: center;
    text-decoration: none;
    overflow-wrap: break-word;
    	-webkit-animation: shadow-pop-tl 0.8s cubic-bezier(0.470, 0.000, 0.745, 0.715) infinite both;
	        animation: shadow-pop-tl 0.8s cubic-bezier(0.470, 0.000, 0.745, 0.715) infinite both;

}

hr {
	margin-top: 50px;
	border-top: 2px solid black;
}

/*--------------------------------------------------------------
CONTACT
--------------------------------------------------------------*/

.form-95 {
    width: 100%;
    border: 2px inset #d5d5d5;
    color: #424242;
    background: #fff;
    box-shadow: -1px -1px 0 0 #828282;
    margin-top: 4px;
    padding-left:2px;
}

.info-contact {
	background-color: white;
	border:2px solid black;
	padding-bottom: 20px;
}

.link-map {
	color: blue;
	font-size: 14px;
	text-decoration: none;
	font-weight: 600;
}

.link-map:hover,.link-map:active,.link-map:focus {
	color: red;
	text-decoration: none;
}

.social {
	font-size: 80px;
}

.social:hover {
	color: black;
}

/*--------------------------------------------------------------
ANIMATIONS
--------------------------------------------------------------*/

.floating {  
    animation-name: floating;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    margin-left: 30px;
    margin-top: 5px;
}

@keyframes floating {
    from { transform: translate(0,  0px); }
    65%  { transform: translate(0, 15px); }
    to   { transform: translate(0, -0px); }    
}

.shadow-pop-tl {
	-webkit-animation: shadow-pop-tl 0.8s cubic-bezier(0.470, 0.000, 0.745, 0.715) infinite both;
	        animation: shadow-pop-tl 0.8s cubic-bezier(0.470, 0.000, 0.745, 0.715) infinite both;
}

/* ----------------------------------------------
 * Generated by Animista on 2020-2-18 22:19:15
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

@-webkit-keyframes shadow-pop-tl {
  0% {
    -webkit-box-shadow: 0 0 #000, 0 0 #000, 0 0 #000, 0 0 #000, 0 0 #000, 0 0 #000, 0 0 #000, 0 0 #000;
            box-shadow: 0 0 #000, 0 0 #000, 0 0 #000, 0 0 #000, 0 0 #000, 0 0 #000, 0 0 #000, 0 0 #000;
    -webkit-transform: translateX(0) translateY(0);
            transform: translateX(0) translateY(0);
  }
  100% {
    -webkit-box-shadow: -1px -1px #000, -2px -2px #000, -3px -3px #000, -4px -4px #000, -5px -5px #000, -6px -6px #000, -7px -7px #000, -8px -8px #000;
            box-shadow: -1px -1px #000, -2px -2px #000, -3px -3px #000, -4px -4px #000, -5px -5px #000, -6px -6px #000, -7px -7px #000, -8px -8px #000;
    -webkit-transform: translateX(8px) translateY(8px);
            transform: translateX(8px) translateY(8px);
  }
}
@keyframes shadow-pop-tl {
  0% {
    -webkit-box-shadow: 0 0 #000, 0 0 #000, 0 0 #000, 0 0 #000, 0 0 #000, 0 0 #000, 0 0 #000, 0 0 #000;
            box-shadow: 0 0 #000, 0 0 #000, 0 0 #000, 0 0 #000, 0 0 #000, 0 0 #000, 0 0 #000, 0 0 #000;
    -webkit-transform: translateX(0) translateY(0);
            transform: translateX(0) translateY(0);
  }
  100% {
    -webkit-box-shadow: -1px -1px #000, -2px -2px #000, -3px -3px #000, -4px -4px #000, -5px -5px #000, -6px -6px #000, -7px -7px #000, -8px -8px #000;
            box-shadow: -1px -1px #000, -2px -2px #000, -3px -3px #000, -4px -4px #000, -5px -5px #000, -6px -6px #000, -7px -7px #000, -8px -8px #000;
    -webkit-transform: translateX(8px) translateY(8px);
            transform: translateX(8px) translateY(8px);
  }
}

.text-pop-up-top2 {
	-webkit-animation: text-pop-up-top 2s cubic-bezier(0.680, -0.550, 0.265, 1.550) 1s infinite alternate-reverse backwards;
	        animation: text-pop-up-top 2s cubic-bezier(0.680, -0.550, 0.265, 1.550) 1s infinite alternate-reverse backwards;
}

.text-pop-up-top3 {
	-webkit-animation: text-pop-up-top 3s cubic-bezier(0.680, -0.550, 0.265, 1.550) 1s infinite alternate-reverse backwards;
	        animation: text-pop-up-top 3s cubic-bezier(0.680, -0.550, 0.265, 1.550) 1s infinite alternate-reverse backwards;
}

.text-pop-up-top4 {
	-webkit-animation: text-pop-up-top 4s cubic-bezier(0.680, -0.550, 0.265, 1.550) 1s infinite alternate-reverse backwards;
	        animation: text-pop-up-top 4s cubic-bezier(0.680, -0.550, 0.265, 1.550) 1s infinite alternate-reverse backwards;
}


/* ----------------------------------------------
 * Generated by Animista on 2020-2-18 22:24:52
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation text-pop-up-top
 * ----------------------------------------
 */
@-webkit-keyframes text-pop-up-top {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    text-shadow: none;
  }
  100% {
    -webkit-transform: translateY(-50px);
            transform: translateY(-50px);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
  }
}
@keyframes text-pop-up-top {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    text-shadow: none;
  }
  100% {
    -webkit-transform: translateY(-50px);
            transform: translateY(-50px);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
  }
}

.roll-in-left {
	-webkit-animation: roll-in-left 1s ease-out 2s both;
	        animation: roll-in-left 1s ease-out 2s both;
}

/* ----------------------------------------------
 * Generated by Animista on 2020-2-19 15:50:59
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation roll-in-left
 * ----------------------------------------
 */
@-webkit-keyframes roll-in-left {
  0% {
    -webkit-transform: translateX(-800px) rotate(-540deg);
            transform: translateX(-800px) rotate(-540deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0) rotate(0deg);
            transform: translateX(0) rotate(0deg);
    opacity: 1;
  }
}
@keyframes roll-in-left {
  0% {
    -webkit-transform: translateX(-800px) rotate(-540deg);
            transform: translateX(-800px) rotate(-540deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0) rotate(0deg);
            transform: translateX(0) rotate(0deg);
    opacity: 1;
  }
}


/*ABOUT*/

#clients {
	background-color: yellow;
	padding: 70px 0;
}

#clients p {
	color: black;
	padding: 30px 0;
}

#motto {
	background-color: blue;
	padding: 70px 0;
}

#motto p {
	color: white;
}

/*WORKS*/

* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  font-family: helvetica;
}


/* JQuery ui icom removal */ 
.ui-icon { background-image: url("") !important; }

.desktop {
  height: 100vh;
  width: 100vw;
  background-color: #007d7b;
  background-image: url('');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  overflow: hidden;
  position: fixed; 
  z-index: -999;
}

.startbar {
  position: fixed;
  bottom: 0;
  left: 0;
  display: block;
  height: 38px;
  width: 100vw;
  background-color: #bdbebd;
  border-top: 2px solid white;
  padding: 3px;
}

#startbutton {
  float: left; 
  display: inline-block;
  text-decoration: none;
  color: black;
  width: 70px;
  height: 29px;
  text-align: right;
  font-family: sans-serif;
  padding: 4px;
  background-image: url("http://vignette2.wikia.nocookie.net/logopedia/images/3/32/Microsoft_Windows_Compatible_Icon.png/revision/latest/scale-to-width-down/303?cb=20160806162438");
  background-size: auto 70%;
  background-position: 5% 50%;
  background-repeat: no-repeat;
}

.startbutton-off {
  border-top: 2px solid white;
  border-left: 2px solid white;
  border-right: 2px solid black;
  border-bottom: 2px solid black;
}

.startbutton-on {
  border-top: 2px solid black;
  border-left: 2px solid black;
  border-right: 2px solid white;
  border-bottom: 2px solid white;
}

#menu {
  position: absolute;
  bottom: 35px;
  left: 3px;
  background-color: #bdbebd;
  z-index: 10;
  border-left: 2px solid white;
  border-top: 2px solid white;
  border-right: 2px solid grey;
  border-bottom: 2px solid grey;
  display: none;
}


.sidebar {
  height: 100%;
  background: linear-gradient(to bottom, #000080, #1084d0);
  display: inline-block;
  width: 25px;
  bottom: 0;
  left: 0;
  position: absolute;
}

.headline {
  transform: rotate(-90deg);
  transform-origin: 0% 0%;
  width: 150%;
  padding-top: 4px;
  padding-bottom: 3px;
  padding-left: 0px;
  color: white;
  position: absolute;
  left 0;
  bottom: 0;
  text-align: left;
  margin-bottom: -15px;
}

.item {
  padding-top: 12px;
  padding-bottom: 12px;
  font-size: 13px;
  margin-left: 25px;
  background-size: auto 80%;
  background-position: 5px 50%;
  background-repeat: no-repeat;
}

.more {
  position: relative; 
  list-style: none;
}

.more::after {
  content: "►";
  left: 65px;
  position: relative;
  float: right;
}



.dropdown-content {
  display: none;
  position: absolute;
}

.more:hover .dropdown-content {
  display: block;
  
  top: -2px;
  left: 100%;
  background-color: #bdbebd;
  color: black;
  list-style: none;
  border-left: 2px solid white;
  border-top: 2px solid white;
  border-right: 2px solid grey;
  border-bottom: 2px solid grey;
  box-sizing: border-box;
  min-width: 100%;
  
}

  .dropdown-item {
  padding-top: 6px;
  padding-bottom: 6px;
  padding-left: 40px;
  padding-right: 10px;
  font-size: 13px;
  background-size: auto 70%;
  background-position: 5% 50%;
  background-repeat: no-repeat;
  white-space:nowrap;
   
}

.dropdown-item:hover {
  color: white;
  background-color: darkblue;
}

/*.item:hover {
  background-color: darkblue;
  color: white;
}*/

.item:first-child {}

.item:last-child {}

.menu-break::after {
  content: "";
  border-top: 1px solid white;
  height: 1px;
  display: block;
}

.time {
  display: inline-block;
  height: 29px;
  float: right;
  text-align: center;
  padding: 4px;
  border-top: 2px solid grey;
  border-left: 2px solid grey;
  border-bottom: 2px solid white;
  border-right: 2px solid white;
}

.window {
  
   background-color: #BDBEBD;
  border-left: 1px solid white;
  border-bottom: 1px solid black;
  border-top: 1px solid white;
  border-right: 1px solid black;
  box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.75);
  display: none;
  
}

.window-inner {
  border: 2px solid #BDBEBD;
  height: 100%;
}

.window-header {
  background: linear-gradient(to right, #000080, #1084d0);
  font-size: 15px;
  overflow: auto; 

}

.window-header h1 {
	margin: 0;
	text-align: left;
  font-size: 16px;
  color: white;
  display: inline;
  position: absolute;
  vertical-align: middle;
  display: inline;
  overflow: hidden;
  white-space: nowrap;
  width: calc(100% - 105px);
  padding-top: 3px; 
  padding-left: 3px; 
}




.window-icon {
  width: 20px;
  height: 20px;
  background-color: #BDBEBD;
  display: inline-block;
  float: right;
  border-top: 1px solid white;
  border-left: 1px solid white;
  border-bottom: 1px solid black;
  border-right: 1px solid black;
 
  text-align: center;
  margin-top: 3px;
  margin-right: 3px;
  margin-bottom: 3px;
}

.close {
  background-image: url("https://res.cloudinary.com/penry/image/upload/q_100/v1475278244/close_jw5cay.png");
  background-size: auto 100%;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  opacity: 1;
  }

  .close:hover {
  	opacity: 1;
  }

.maximise {
  background-image: url("https://res.cloudinary.com/penry/image/upload/q_100/v1475278244/maximise_anhbyl.png");
  background-size: auto 100%;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  }

.minimise {
  background-image: url("https://res.cloudinary.com/penry/image/upload/q_100/v1475278244/minimise_p60zap.png");
  background-size: auto 100%;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  }


.window-content {
  margin-top: 2px;
  border: 2px solid #808080;
  border-bottom: 2px solid white;
  border-right: 2px solid white;
  height: calc( 100% - 28px);

}

.program {
  float: left;
  display: block; 
  margin-left: 5px; 
  height: 29px;
  width: 200px;
  text-align: center;
  padding: 4px;
  border-top: 2px solid white;
  border-left: 2px solid white;
  border-bottom: 2px solid black;
  border-right: 2px solid black;
  background-color: #BDBEBD;
  box-sizing: border-box; 
  overflow: hidden;
  white-space: nowrap;
  
  background-size: auto 70%;
  background-position: 3px 50%;
  background-repeat: no-repeat;
  
  
}

.window-header-icon {
  height: 20px; 
  margin-left: 3px;
  margin-top: 3px;
  display: inline-block; 
}

.focused {
  border-top: 2px solid black;
  border-left: 2px solid black;
  border-bottom: 2px solid white;
  border-right: 2px solid white;
}

.icon-left {
	margin-left: 8px;
}

.wp-block-embed-vimeo {
	text-align: center;
}