/*
 * White		#e5e6e7
 * Gray			#939598
 * Dark-gray	#534f50
 * Black		#231f20
 */

@font-face {
    font-family: Arial Black;
    src: url(arialblack.woff);
}


/*INDEX*/
html, body {
font-family: Arial, Helvetica, sans-serif;
}
body#home {
background-color: #231f20;
}

body#home aside#background {
background-image: url(../images/background-home.jpg);
background-size: auto 110%;
background-position: center right;
background-repeat: no-repeat;
}

body#works article figure img {
background-size: auto 100%;
background-position: center center;
background-repeat: no-repeat;
}



/*Home Links*/
body#home header menu section a {
background-color: #231f20;
}
body#home header menu section a img {
background-size: 100%;
background-position: center center;
background-repeat: no-repeat;
}

body#home header menu a, body#home header menu a:visited {
font-family: Arial Black, Arial, Helvetica, sans-serif;
text-transform: uppercase;
color: #e5e6e7;
text-decoration: none;
transition: color 1s ease;
}
body#home header menu a:hover, body#home header menu a:active {
color: #534f50;
}

/*Home Social*/

body#home aside#social a {
background-color: #231f20;;
}
body#home aside#social a img {
background-size: 100%;
background-position: center center;
background-repeat: no-repeat;
}
body#home aside#social a.email img {
background-image: url(../images/social/social-email-2.png);
}
body#home aside#social a.email img:hover {
background-image: url(../images/social/social-email-1.png);
}
body#home aside#social a.facebook img {
background-image: url(../images/social/social-facebook-2.png);
}
body#home aside#social a.facebook img:hover {
background-image: url(../images/social/social-facebook-1.png);
}
body#home aside#social a.linkedin img {
background-image: url(../images/social/social-linkedin-2.png);
}
body#home aside#social a.linkedin img:hover {
background-image: url(../images/social/social-linkedin-1.png);
}
body#home aside#social a.linkedIn img {
background-image: url(../images/social/social-linkedin-2.png);
}
body#home aside#social a.linkedIn img:hover {
background-image: url(../images/social/social-linkedin-1.png);
}
body#home aside#social a.instagram img {
background-image: url(../images/social/social-instagram-2.png);
}
body#home aside#social a.instagram img:hover {
background-image: url(../images/social/social-instagram-1.png);
}


/*Gallery Links*/
body#gallery menu section a img {
background-size: 100%;
background-position: center center;
background-repeat: no-repeat;
}

body#gallery menu a, body#gallery menu a:visited {
font-family: Arial Black, Arial, Helvetica, sans-serif;
text-transform: uppercase;
color: #939598;
text-decoration: none;
transition: color 1s ease;
}
body#gallery menu a:hover, body#gallery menu a:active {
color: #534f50;
}

/*Gallery Social*/

body#gallery aside#social a {

}
body#gallery aside#social a img {
background-size: 100%;
background-position: center center;
background-repeat: no-repeat;
}
body#gallery aside#social a.email img {
background-image: url(../images/social/social-email-2.png);
}
body#gallery aside#social a.email img:hover {
background-image: url(../images/social/social-email-3.png);
}
body#gallery aside#social a.facebook img {
background-image: url(../images/social/social-facebook-2.png);
}
body#gallery aside#social a.facebook img:hover {
background-image: url(../images/social/social-facebook-3.png);
}
body#gallery aside#social a.linkedIn img {
background-image: url(../images/social/social-linkedin-2.png);
}
body#gallery aside#social a.linkedIn img:hover {
background-image: url(../images/social/social-linkedin-3.png);
}
body#gallery aside#social a.instagram img {
background-image: url(../images/social/social-instagram-2.png);
}
body#gallery aside#social a.instagram img:hover {
background-image: url(../images/social/social-instagram-3.png);
}

/*Gallery Navigation*/
body#gallery nav section#arrows a img {
background-size: 100%;
background-position: center center;
background-repeat: no-repeat;
}
body#gallery nav section#arrows a.previous img {
background-image: url(../images/menu/icon-prev-2.png);
}
body#gallery nav section#arrows a.previous img:hover {
background-image: url(../images/menu/icon-prev-3.png);
}
body#gallery nav section#arrows a.next img {
background-image: url(../images/menu/icon-next-2.png);
}
body#gallery nav section#arrows a.next img:hover {
background-image: url(../images/menu/icon-next-3.png);
}

/*Catalogue Links*/
body#catalogue menu section a img {
background-size: 100%;
background-position: center center;
background-repeat: no-repeat;
}

body#catalogue menu a, body#catalogue menu a:visited {
font-family: Arial Black, Arial, Helvetica, sans-serif;
text-transform: uppercase;
color: #939598;
text-decoration: none;
transition: color 1s ease;
}
body#catalogue menu a:hover, body#catalogue menu a:active {
color: #534f50;
}

/*catalogue Social*/

body#catalogue aside#social a {

}
body#catalogue aside#social a img {
background-size: 100%;
background-position: center center;
background-repeat: no-repeat;
}
body#catalogue aside#social a.email img {
background-image: url(../images/social/social-email-2.png);
}
body#catalogue aside#social a.email img:hover {
background-image: url(../images/social/social-email-3.png);
}
body#catalogue aside#social a.facebook img {
background-image: url(../images/social/social-facebook-2.png);
}
body#catalogue aside#social a.facebook img:hover {
background-image: url(../images/social/social-facebook-3.png);
}
body#catalogue aside#social a.linkedIn img {
background-image: url(../images/social/social-linkedin-2.png);
}
body#catalogue aside#social a.linkedIn img:hover {
background-image: url(../images/social/social-linkedin-3.png);
}

body#catalogue aside#social a.instagram img {
background-image: url(../images/social/social-instagram-2.png);
}
body#catalogue aside#social a.instagram img:hover {
background-image: url(../images/social/social-instagram-3.png);
}

/*catalogue Navigation*/
body#catalogue nav section#arrows a img {
background-size: 100%;
background-position: center center;
background-repeat: no-repeat;
}
body#catalogue nav section#arrows a.previous img {
background-image: url(../images/menu/icon-prev-2.png);
}
body#catalogue nav section#arrows a.previous img:hover {
background-image: url(../images/menu/icon-prev-3.png);
}
body#catalogue nav section#arrows a.next img {
background-image: url(../images/menu/icon-next-2.png);
}
body#catalogue nav section#arrows a.next img:hover {
background-image: url(../images/menu/icon-next-3.png);
}

/*Exhibitions link-list*/
body#gallery nav section#links-list a img {
background-size: 100%;
background-position: center center;
background-repeat: no-repeat;
}
body#gallery nav section#links-list a, body#gallery nav section#links-list a:visited {
font-family: Arial Black, Arial, Helvetica, sans-serif;
text-transform: uppercase;
color: #939598;
text-decoration: none;
transition: color 1s ease;
}
body#gallery nav section#links-list a:hover, body#gallery nav section#links-list a:active {
color: #534f50;
}

/*Artists Books link-list*/
body#gallery nav section#links-list a img {
background-size: 100%;
background-position: center center;
background-repeat: no-repeat;
}
body#gallery section#links-list a.ab1 img {
background-image: url(../images/menu/artists-books-ab1-2.png);
}
body#gallery section#links-list a.ab1.active img {
background-image: url(../images/menu/artists-books-ab1-3.png);
}
body#gallery section#links-list a.ab1 img:hover {
background-image: url(../images/menu/artists-books-ab1-3.png);
}
body#gallery section#links-list a.ab2 img {
background-image: url(../images/menu/artists-books-ab2-2.png);
}
body#gallery section#links-list a.ab2.active img {
background-image: url(../images/menu/artists-books-ab2-3.png);
}
body#gallery section#links-list a.ab2 img:hover {
background-image: url(../images/menu/artists-books-ab2-3.png);
}
body#gallery section#links-list a.ab3 img {
background-image: url(../images/menu/artists-books-ab3-2.png);
}
body#gallery section#links-list a.ab3.active img {
background-image: url(../images/menu/artists-books-ab3-3.png);
}
body#gallery section#links-list a.ab3 img:hover {
background-image: url(../images/menu/artists-books-ab3-3.png);
}
body#gallery section#links-list a.ab4 img {
background-image: url(../images/menu/artists-books-ab4-2.png);
}
body#gallery section#links-list a.ab4.active img {
background-image: url(../images/menu/artists-books-ab4-3.png);
}
body#gallery section#links-list a.ab4 img:hover {
background-image: url(../images/menu/artists-books-ab4-3.png);
}
body#gallery section#links-list a.ab5 img {
background-image: url(../images/menu/artists-books-ab5-2.png);
}
body#gallery section#links-list a.ab5.active img {
background-image: url(../images/menu/artists-books-ab5-3.png);
}
body#gallery section#links-list a.ab5 img:hover {
background-image: url(../images/menu/artists-books-ab5-3.png);
}


/*Upcoming Links*/
body#upcoming {
background-image: url(../images/background-upcoming.png);
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}

body#upcoming menu section a img {
background-size: 100%;
background-position: center center;
background-repeat: no-repeat;
}
body#upcoming menu a, body#upcoming menu a:visited {
font-family: Arial Black, Arial, Helvetica, sans-serif;
text-transform: uppercase;
color: #939598;
text-decoration: none;
transition: color 1s ease;
}
body#upcoming menu a:hover, body#upcoming menu a:active {
color: #534f50;
}

/*Upcoming Social*/

body#upcoming aside#social a {
}
body#upcoming aside#social a img {
background-size: 100%;
background-position: center center;
background-repeat: no-repeat;
}
body#upcoming aside#social a.email img {
background-image: url(../images/social/social-email-2.png);
}
body#upcoming aside#social a.email img:hover {
background-image: url(../images/social/social-email-3.png);
}
body#upcoming aside#social a.facebook img {
background-image: url(../images/social/social-facebook-2.png);
}
body#upcoming aside#social a.facebook img:hover {
background-image: url(../images/social/social-facebook-3.png);
}
body#upcoming aside#social a.linkedin img {
background-image: url(../images/social/social-linkedin-2.png);
}
body#upcoming aside#social a.linkedin img:hover {
background-image: url(../images/social/social-linkedin-3.png);
}
body#upcoming aside#social a.linkedIn img {
background-image: url(../images/social/social-linkedin-2.png);
}
body#upcoming aside#social a.linkedIn img:hover {
background-image: url(../images/social/social-linkedin-3.png);
}
body#upcoming aside#social a.instagram img {
background-image: url(../images/social/social-instagram-2.png);
}
body#upcoming aside#social a.instagram img:hover {
background-image: url(../images/social/social-instagram-3.png);
}

/*Biography*/
body#biography {
background-image: url(../images/biography.jpg);
background-size: cover;
background-position: center bottom;
background-repeat: no-repeat;
background-color: #231f20;
}
body#biography article {
color: #E6E6E6;
text-shadow: 0 0.05em 0.10em rgba(0,0,0,1);
box-shadow: 0 0 3em 3em rgba(0,0,0,0.25);
background-color: rgba(0,0,0,0.25);
border-radius: 2em;
}
body#biography article p {
margin: 0.5em 0;
}
body#biography a, body#biography a:visited {
color: #e5e6e7;
transition: color 1s ease;
}
body#biography a:hover, body#biography a:active {
color: #939598;
text-decoration: none;
}


/*Biography Links*/
body#biography menu section a img {
background-size: 100%;
background-position: center center;
background-repeat: no-repeat;
}
body#biography menu a, body#upcoming menu a:visited {
font-family: Arial Black, Arial, Helvetica, sans-serif;
text-transform: uppercase;
color: #e5e6e7;
text-decoration: none;
transition: color 1s ease;
}
body#biography menu a:hover, body#upcoming menu a:active {
color: #939598;
}

/*Biography Social*/

body#biography aside#social a {
}
body#biography aside#social a img {
background-size: 100%;
background-position: center center;
background-repeat: no-repeat;
}
body#biography aside#social a.email img {
background-image: url(../images/social/social-email-2.png);
}
body#biography aside#social a.email img:hover {
background-image: url(../images/social/social-email-3.png);
}
body#biography aside#social a.facebook img {
background-image: url(../images/social/social-facebook-2.png);
}
body#biography aside#social a.facebook img:hover {
background-image: url(../images/social/social-facebook-3.png);
}
body#biography aside#social a.linkedin img {
background-image: url(../images/social/social-linkedin-2.png);
}
body#biography aside#social a.linkedin img:hover {
background-image: url(../images/social/social-linkedin-3.png);
}
body#biography aside#social a.linkedIn img {
background-image: url(../images/social/social-linkedin-2.png);
}
body#biography aside#social a.linkedIn img:hover {
background-image: url(../images/social/social-linkedin-3.png);
}
body#biography aside#social a.instagram img {
background-image: url(../images/social/social-instagram-2.png);
}
body#biography aside#social a.instagram img:hover {
background-image: url(../images/social/social-instagram-3.png);
}

/*CONTACT*/
aside#contact-screen{
background-color: rgba(35, 31, 31, 0.5);
}
form#contact-form{
background-color: rgba(35, 31, 31, 0.9);
}

form#contact-form {
color: #e5e6e7;
}

form#contact-form input {
color: #534f50;
background-color: #e5e6e7;
border: none;
border-radius: none;
}
form#contact-form textarea {
color: #534f50;
background-color: #e5e6e7;
border: none;
border-radius: none;
}
form#contact-form input.button {
cursor: pointer;
}
form#contact-form input.button:hover {
color: #e5e6e7;
background-color: #534f50;
}

form#contact-form a.contact-close img {
background-size: 100%;
background-position: center center;
background-repeat: no-repeat;
background-image: url(../images/social/social-fechar-1.png);
}
form#contact-form a.contact-close img:hover {
background-image: url(../images/social/social-fechar-3.png);
}
#menu-open img {
background-size: 100%;
background-position: center center;
background-repeat: no-repeat;
background-image: url(../images/menu/menu-2.png);
}
#menu-open img:hover {
background-image: url(../images/menu/menu-3.png);
}
#menu-exit img {
background-size: 100%;
background-position: center center;
background-repeat: no-repeat;
background-image: url(../images/menu/exit-2.png);
}
#menu-exit img:hover {
background-image: url(../images/menu/exit-3.png);
}

body#catalogue nav section#links-list a, body#catalogue nav section#links-list a:visited {
font-family: Arial Black, Arial, Helvetica, sans-serif;
text-transform: uppercase;
color: #939598;
text-decoration: none;
transition: color 1s ease;
}
body#catalogue nav section#links-list a:hover, body#catalogue nav section#links-list a:active {
color: #534f50;
}