/*  GOLD: #e2a856;  */
/*  LIGHT GOLD: #ffcb82;  */

/* -------------- UNIVERSALS -------------- */
* {
	padding: 0;
	margin: 0;
}
html {font-size: 62.5%;} 
html, body {
  height: 100%;
  margin: 0;
}
body {
    font-family: 'Lato', sans-serif;
    letter-spacing: 0.5px;
    font-size: 14px; font-weight:300;
    color: white;
    background-color:#000;
    background-image: url(../img/textures/rebel/rebel.png);
	max-width: 1200px;
    margin-left: auto; 
    margin-right: auto; 
}


/* -----Type Style------ */
h1{ 
	font-family: 'ScriptinaPro', cursive;
	font-weight: normal; font-style: normal;
    color: #e2a856;
    text-align: center;
    letter-spacing: .2rem;
    font-size: 50px; font-size: 5.0rem;
    line-height: 6rem;
    z-index: 1;
    padding: 5px 0;
}
h2 {
    font-weight: 300;
    font-size: 24px; font-size: 2.4rem;
    text-align: center;
    padding: 5px 0;
}
h3 {
    font-size: 20px; font-size: 2rem;
    font-weight: 300; padding: 4px 0
}
h4 {font-size: 18px; padding: 8px 0 2px 0;font-weight: 300}
h5 {font-size: 16px; padding: 6px 0;font-weight: 300}
h6 {font-size: 12px; padding: 4px 0;font-weight: 400}
p {padding: 5px 0 3px 0;}
p.small_body {font-size: 11px; font-size: 1.1rem; font-weight: 400; padding: 5px 0px; text-align: left;
}
p#wide {letter-spacing: 2.5px;}
ul{ list-style-type: none; }
ul li {
    list-style-type: none;
    margin-left: 20px;
    padding-top: 5px;
}
ul.decorated { list-style-type: circle; }
ul.decorated li {
    list-style-type: circle;
    margin-left: 20px;
    padding-top: 5px;
}

/* -----Links Style------ */
    a, a:visited, a:active {text-decoration: none; color: white;}
    a:hover {color: #ffcb82}
    a.clicklink {text-decoration: none; color: #ffcb82; }
    a.clicklink:hover {color: white; text-decoration: underline;}

.clear { clear:both; }
.alignleft {text-align: left;}
.greyed { opacity: 0.6; }
.hidden {display: none;}
.float {width: 100%; height: 20px; clear: both;}
hr {margin: 15px 0; color: #222;}

/* -------------- Menu -------------- */
.topnav { overflow: hidden;}
.topnav a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 14px;
  font-weight: 300;
  letter-spacing: 3px;
}
.topnav .icon { display: none; }
.topnav a:hover{text-decoration: overline; color: #e2a856; }
.topnav .icon:hover {text-decoration: none;}

@media screen and (max-width: 780px) {
  .topnav a:not(:first-child){display: none;}
  .topnav a.icon {
    float: right;
    display: block;
  }
}
@media screen and (max-width: 780px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
}
/* -------------- END Menu -------------- */



/* -------------- Headers & Footers -------------- */
img.r75{margin: 0 auto; padding-top: 10px; width: 90%;}

/*FOOTER*/

.wrapper {
    min-height: 100%;
    max-width: 95%;
    margin-bottom: -50px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
footer, .push { height: 50px; }
/*footer {
   color: #e2e2e2;
   text-align: center;
   font-size: 1.2rem;
}
footer a:hover {color: #e2a856;}*/

.footer,{
    background:#170d02;
    text-align:center;
    }
    
.footer .row{
    width:100%;
    margin:1% auto;
    padding:0.6% 0;
    color:grey;
    font-size:0.8em;
    display: flex;
}

.footer .row a{
    text-decoration:none;
    color:grey;
    transition:0.4s;
}

.footer .row a:hover{
    color:#fff; 
    font-weight: bolder;}

.footer .row ul li{
    display:inline-flex;
    margin:0px 30px;
}
.footer ul, p{
    margin: 0 auto;
    text-align: center;
}

.footer ul li{
    list-style-type: none;
    list-style: none;
    text-decoration: none;
}
br.LineBreak{display: none;}

/*SEARCH Bar - UNDER DEVELOPMENT*/
/*form {
    display: inline-flex;
    margin:0px auto;

}-->
#searchBox {
    display: inline-flex;
    padding:4px;
    width:150px;
    background-color: #222;
    color: white;
    border: none;
}
#searchButton {
    display: inline-flex;
    background-color: #222;
}
button {
    background-color: #222;
    color: lightgray;
    border: none;
}

@media (max-width:700px){
.footer{ padding:5%; vertical-align: top; font-size: 1.1em;}
.footer .row {display: block;}
.footer .row ul li{
    display:block;
    margin: 5px;
}
#searchBox{display: inline-block}
br.LineBreak{display: block;}
}*/
/*--------------- FORMS / Constant Contact ---------*/
.ctct-form-defaults {background-image: url(../img/textures/rebel/rebel.png);}
form {margin-top: 15px; max-width: 50%;;}
/* -------------- LAYOUTS -------------- */
#centered {margin: 0 auto; color: aqua;} 
.centered { text-align: center; align-content: center; margin: 0 auto; }

.container { max-width: 960px; margin: 0 auto; padding: 10px; }
.container img {max-width: 95%; margin: 0 auto;}

/*2 unequal column layout */
.main{ float:left; width:55%; padding:5px; vertical-align: top;}
.main img{max-width: 95%; margin: 0 auto;}

.sidebar { float:right; width:40%; padding:5px;}
.sidebar img{max-width: 95%; margin: 0 auto;}

/*2 unequal - wide main column layout */
.main-wide{ float:left; width:75%;}
.sidebar-narrow { float:right; width:25%;}

/*2 equal column layout */
.l_column{ float:left; width:48%; padding:5px; text-align: left;}
.r_column { float:right; width:48%; padding:5px;text-align: left;}
.l_column p{text-align: left;}
.r_column p{text-align: left;}


/*3 column layout */
#container {/*width: 1200px;*/ margin: 0 auto; padding:5px; height: 200px; } 
#col1, #col2, #col3 { float:left; width:32%; }
#col1, #col2 {margin-right: 17px;}
#container img {width: 95%;}
/*3 column layout */

/* -------------- UNIQUE PAGE EXTRAS -------------- */


/*HOME PAGE*/
#slideshow { text-align: center;padding: 45px;}
#seeShow {margin-top: 10px; padding-top: 35px; font-size: 55px; font-size: 5.5rem;}
.main#home_slide {
    padding-top: 0px; margin-top: 0;
    /*{*/position: relative; top: 5px; padding: 5px;
    /*
        position: static\9;
        *position: static; 
        _position: static;
    */
   /* }*/
}
.home_slide {align-content: center; align-items: center;}

/*CALLforENTRIES*/
.category {display: inline-block; padding: 20px 10px;}
ul.cat_info {list-style-type: none; text-align: left;}
ul a:hover {color: #ffcb82;}
.cat_img{ padding: 10px; max-height: 225px;}
.cat_title {font-size: 16px; font-size: 1.6rem; font-style: italic; list-style-type: none;}
.inline {
    display: inline-block;
    max-width: 330px; 
    word-wrap: break-word;
    vertical-align: top;
}
.inline ul li {list-style-type: none;}

/*Prospectus*/
.photography{
    background-color: white; 
    text-align: left;
    align-self: center; 
    max-width: 900px; 
    padding: 20px; 
    margin: 10px auto; 
    color: black;  
    clear: both;
}
.maxwidth90 {max-width: 90%;}

/*EXHIBITIONS*/
.cell {
    display: inline-block; 
    align-self: center; 
    vertical-align: top; 
    align-content: center; 
    margin: 10px; 
    padding: 5px; 
    width: 180px; 
    text-align: center;
    overflow: hidden;
}
.cell img {max-width: 180px;}
.catalog img{
    display: inline-block;
    max-width:45%;
    height: auto;
}
img.book {height: 200px; width: 150px;
    -webkit-box-shadow: 5px 5px 8px -2px rgba(252,252,252,0.3);
-moz-box-shadow: 5px 5px 8px -2px rgba(252,252,252,0.3);
box-shadow: 5px 5px 8px -2px rgba(252,252,252,0.3);
}

/*EXHIBITS PAGES*/
.flourish{ max-width: 40%; max-width: 200px;  padding: 10px;}
img.thumbnail { width: 200px; height: 200px; padding-top: 10px; }
.group4 { max-width: 90%; max-height: 90%; }
.entry > div {
    display: inline-block; 
    padding: 10px 0px 20px 0px;
    max-width: 47%;
    vertical-align: text-top;
}
a > h4 > img {width: 40px;}
.large_cell {
    text-align: center; 
    padding: 5px; 
    max-width: 95%;
    display: block;
    margin: 0 auto; 
    word-wrap: break-word;
    align-content: center;
}
.large_cell h4{font-size: 15px; font-size: 1.6rem;}
.large_cell p{font-size: 14px; font-size: 1.4rem; color: #ffcb82;}
.large_cell a:hover {color:white;}
.large_cell img{ padding-top: 10px; max-width: 95%; height: auto;}




@media screen and (max-width : 960px){ 
    .wrapper {max-width: 95%;} 
}
@media screen and (min-width: 800px){ 
    .rwd-break-half { display: none;}
}
@media screen and (min-width: 700px){ 
    .rwd-break { display: none; }
}
@media screen and (max-width : 800px){
    footer {font-size: 1.2rem; font-weight: 400; line-height: 1.5rem; } 
}
@media screen and (max-width : 700px ){ 
    .l_column, .r_column, .main, .sidebar, #col1, #col2, #col3 {float: none; width: 90%; margin: 0 auto; padding: 10px 0px;}
    footer {font-size: 1.1rem;}
    a.index_callout { position: relative; left: 45px; }
    img.index_callout { bottom: -5px; width: 250px;}
    .page-header {text-align: center; float: none; margin: 0 auto; padding: 0px;}
    .motto {float: none; font-size: 1.4rem; font-weight: 100; text-align: center; color: black; margin: 0 auto;}
    #index_logo { width: 350px; margin: 5px auto; text-align: center;}
    a.workshop_callout {display: none;}
    img.workshop_callout {display: none;}
}