/*
Theme Name: KEM ARISTS
Author: BIGPIE
*/



@font-face {
font-family:'kemartisits';
src: url('https://kemartists.com/wp-content/themes/kemartists2026/fonts/kemartists.eot');
src: url('https://kemartists.com/wp-content/themes/kemartists2026/fonts/kemartists.eot') format('embedded-opentype'),
url('https://kemartists.com/wp-content/themes/kemartists2026/fonts/kemartists.woff') format('woff'),
url('https://kemartists.com/wp-content/themes/kemartists2026/fonts/kemartists.ttf') format('truetype');
}



html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}

html {
scroll-behavior: smooth;
wrapper:0px;
padding:0px;
background-color: #000;
font-family: "kemartisits", Helvetica, Arial;
font-size:13px;
letter-spacing: 1px;
color:#dca927;
line-height: 15px;
text-decoration: none;
background-image:url(https://kemartists.com/wp-content/themes/kemartists2026/img/remartists-bk.jpg);
background-position: top center;
background-size: 100%;
background-repeat: repeat-y;
}

#wrapper {
width:100%;
padding: 30px 0px;
display:inline-block;
position:relative;
margin-bottom:200px;  
overflow:hidden;
}

#branding {
width:100%;
height:auto;
display:inline-block;
position: fixed;
padding:0px 30px;  
z-index: 1;		
}

#branding img {
width:100%;
height:auto;
max-width:300px;
 padding:0px 30px 0px 0px;   
}   

@keyframes fadeIn {
  from {
    opacity: 0; /* Start from fully transparent */
  }
  to {
    opacity: 1; /* End at fully opaque */
  }
}

#footer{
animation: fadeIn 8s ease-in-out forwards;	
width:100%;
height:auto;
position: fixed;
padding:0px 0px 30px 30px;
left:0px; 
bottom:0px;   
z-index: 0;	
opacity: 0;	
}

#footer .info {
padding:10px 0px 0px 10px;
display: inline-block;
  float:inherit;
max-width:470px;  
	width:100%;
  background-color: transparent;
  top:-4px;
  position:relative;
}

#footer img {
width:100%;
height:auto;
max-width:300px;
filter: brightness;
 padding:0px 30px 0px 0px; 
}   
#footer .social {
width:100%;
right:0px;
bottom:0px;
position:relative;  
padding: 0px 30px;  
}    
#footer .social img {
height:auto;
width:40px;
filter: brightness(1000%);
padding:0px 0px;  
margin:10px 0px 0px 0px; 
opacity: .7;	
}

#directors-pg {
padding:0px 0px;
position:relative;
margin-top:13%;  
 z-index: 2;
}


body {
line-height: 1;
}

a {
color:#dca927;
text-decoration: none;
}
a:hover{
color:#ffffff;
text-decoration: none;
}
a[href^="tel"] {
color: inherit;
text-decoration: none;
}



button {
outline: 0;
}
ol,
ul {
list-style: none;
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: "";
content: none;
}
q {
display: inline;
font-style: italic;
}
q:before {
content: '"';
font-style: normal;
}
q:after {
content: '"';
font-style: normal;
}
textarea,
input[type="text"],
input[type="button"],
input[type="submit"],
input[type="reset"],
input[type="search"],
input[type="password"] {
appearance: none;
border-radius: 0;
}
input[type="search"] {
appearance: textfield;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
th,
td {
padding: 2px;
}
big {
font-size: 120%;
}
small,
sup,
sub {
font-size: 80%;
}
sup {
vertical-align: super;
}
sub {
vertical-align: sub;
}
dd {
margin-left: 20px;
}
kbd,
tt {
font-family: courier;
font-size: 12px;
}
ins {
text-decoration: underline;
}
del,
strike,
s {
text-decoration: line-through;
}
dt {
font-weight: bold;
}
address,
cite,
var {
font-style: italic;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block;
}
* {
box-sizing: border-box;
-webkit-tap-highlight-color: transparent;
}


@media only screen and (max-width:1100px), screen and (max-device-width:1100px) {

#directors-pg {
padding:0px 0px;
position:relative;
margin-top:20%;  
 z-index: 2;
}
	
}

@media only screen and (max-width:660px), screen and (max-device-width:660px) {

#directors-pg {
padding:0px 0px;
position:relative;
margin-top:18%;  
 z-index: 2;
}
	
#branding img {
width:100%;
height:auto;
max-width:150px;
 padding:0px 30px 0px 0px;   
}   

#footer img {
width:100%;
height:auto;
max-width:150px;
filter: brightness;
 padding:0px 30px 0px 0px; 
} 
	
	
}