/*
 Theme Name:   Slresponsive Theme Child
 Description:  Slresponsive Theme child
 Author:       Emma
 Template:     slresponsive
 Version:      1.0.0
 Tags:         responsive, clean, simple
*/
@import url("../slresponsive/style.css");

/* Base Styles */
    
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 {
        font-family: 'Karla', Helvetica, sans-serif;
        color: black;
}

html, body {
    height: 100%;
}
body {
  min-height: 100%;
}

tbody, tfoot, thead, tr, th, td {
border: none;
border-top: none;
}

#exhibition {
   padding: 10px;
   width: 100%;
    text-align: center;
    margin-left: 0 auto;
    margin-right: 0 auto;
    height: 100vh;
    padding-bottom: 5%;    
}

#exhibition img {
    width: 750px;
}


/* Typography */
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { 
    color: lightgray; 
}

h1 {
    font-size: 3em;
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
    color: lightgrey;
}

h2 {
    font-size: 2em;
}

h3 {
    font-size: 1.5em;
}

h4 {
    font-size: 1em;
}
/*=====================================================  Links & Paragraph styles  ======================================================*/
p { font-family: "Karla"; font-weight: 400; font-size: 16px; font-size: 1rem; margin-bottom: 13px; line-height: 1em; }
p.lead { font-size: 20px; font-size: 1.25rem; margin-bottom: 18px; }
@media only screen and (max-width: 768px) { p { font-size: 17.6px; font-size: 1.1rem; line-height: 1em; } }

a { color: black; text-decoration: none; outline: 0; line-height: inherit; }
a:hover { color: black; }

/* HEADER*/

.gumby-no-touch .navbar ul li:hover > a, .gumby-touch .navbar ul li.active > a {
    background: white;
}

header {
    background: none repeat scroll 0 0;
}

#menu-nav {
    width: 55%;
    padding-left; 30%;
}

.navbar {
    display: absolute;
    background-color: white;
    color: black;
    position: fixed;
}

.navbar ul {
    text-align: center;
    margin: 0 auto;
}

.navbar ul li {
    float: none;
}

.navbar ul li > a {
    color: black;
    text-shadow: none;
}
.navbar ul li > a:hover {
    color: black;
}

/* CONTENT */

.content-page {
    padding-bottom: 0;
    padding-top: 5%;
}

.wp-caption {
	margin-bottom: 0;
	word-wrap: break-word;
	max-width: 800px
}

.wp-caption.aligncenter {
    background-color: white;
    word-wrap: break-word;
    max-width: 800px
}

.wp-caption .wp-caption-text {
    line-height: 1em;
    margin: 0.8075em;
    max-width: 800px;
    float: right;
    padding-right: 0px;
    word-wrap: break-word;
}

.wp-caption-text {
    text-align: right;
	width: 600px;
	float: right;
        word-wrap: break-word;
}

.page-id-1870 .wp-caption .wp-caption-text,
.page-id-1870 .wp-caption .wp-caption-text em,
.page-id-1870 .wp-caption .wp-caption-text a {
   font-family: Arial, sans-serif !important;
   font-size: 14px !important;
   line-height: 16px !important;
   word-wrap: break-word !important;
}

.page-id-1870 .wp-caption .wp-caption-text {
   display: block;
   padding-bottom: 20px !important;
}

/* FOOTER */

.footer {
    background: none repeat scroll 0 0 white;
    padding: 0;
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 45px;
}

.footer a {
    color: black;
    tet-decoration: none;
}

.footer a:hover {
    color: black;
    text-decoration: none;
}

.footer input {
    height: 20px;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid black;
    background: white;
}

.footer label {
    padding-right: 10px;
}

.footer li {
    color: black;
}

.footer p {
    color: black;
}

.footer .row {
    margin-bottom: 0px;
    padding-top: 1%;
}

.footer .row .four.columns {
    width: 50%;
    margin-left: 0px;
}

#mc_embed_signup_scroll {
    display: inline-flex;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
}

/*@MEDIA QUERY*/

@media only screen and (max-width: 767px) { 
  .navbar a.toggle { color: black; background: white; }
  .navbar a.toggle:hover { background: white; }
  .navbar a.toggle:active, .navbar a.toggle.active { background: white; } 
  .navbar ul {background: white;} 
  .content-page { padding: 5%; padding-top: 15%; } 
  .wp-caption .wp-caption-text { padding-right: 0px; width: 300px; margin-right: 0px; font-size: small;}
  div { width: auto; padding-right: 0; }
  body { color: black; }
  #exhibition { width: 300px; }
  .row.twelve.columns { padding: 0px; }
  }