/****************************** Structure Styles ******************************
Colors:
Pink: #e2007a;
Pink Hover: #e1539f;
font-color: #333;
/****************************** Structure Styles ******************************/
.fl {float: left;}
.fr {float: right;}

.cl {clear: left;}
.cr {clear: right;}
.cb {clear: both;}

.clearSeperator {
  clear: both;
  height: 0px;
  display: block;
}

.seperator10 {
  height: 0px;
  margin-bottom: 10px;
  display: block;
}

.seperator20 {
  height: 0px;
  margin-bottom: 20px;
  display: block;
}

.seperator30 {
  height: 0px;
  margin-bottom: 30px;
  display: block;
}

.seperator40 {
  height: 0px;
  margin-bottom: 40px;
  display: block;
}

.seperator50 {
  height: 0px;
  margin-bottom: 50px;
  display: block;
}

.seperator60 {
  height: 0px;
  margin-bottom: 60px;
  display: block;
}

.seperator70 {
  height: 0px;
  margin-bottom: 70px;
  display: block;
}

.seperator80 {
  height: 0px;
  margin-bottom: 80px;
  display: block;
}

.seperator90 {
  height: 0px;
  margin-bottom: 90px;
  display: block;
}

.seperator100 {
  height: 0px;
  margin-bottom: 100px;
  display: block;
}

.seperator150 {
  height: 0px;
  margin-bottom: 150px;
  display: block;
}

.seperator200 {
  height: 0px;
  margin-bottom: 200px;
  display: block;
}

.seperator300 {
  height: 0px;
  margin-bottom: 300px;
  display: block;
}

.seperator400 {
  height: 0px;
  margin-bottom: 400px;
  display: block;
}

#top {
  visibility: hidden;
}

.centered {
  text-align: center;
}

.rtext {
  text-align: right;
}

.small {
	font-size: 0.8em;
}

a {
  color: #e2007a;
  font-weight: bold;
}

a:hover {
  color: #e1539f;
}

.pink {
  color: #e2007a;
}

hr.pink {
  border: 0 none;
  background-color: #e2007a;
  height: 1px;
  margin: 30px 0 20px 0;
}

.grad-yellow {
  background: #fffbea; /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmJlYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmOGYwYzgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top,  #fffbea 0%, #f8f0c8 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fffbea), color-stop(100%,#f8f0c8)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #fffbea 0%,#f8f0c8 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #fffbea 0%,#f8f0c8 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #fffbea 0%,#f8f0c8 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #fffbea 0%,#f8f0c8 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffbea', endColorstr='#f8f0c8',GradientType=0 ); /* IE6-8 */
}

img.lip-bottom {
  margin: 0;
  padding: 0;
  top: 0;
  vertical-align: top;
}

img.lip-top {
  margin: 0;
  padding: 0;
  bottom: 0;
  vertical-align: bottom;
}

@media only screen and (max-width: 40em) {
  .scenter {
    text-align: center;
  }
}

/****************************** Heading Customization ******************************/
h1, h2, h3, h4, h5, h6 {
	color: #e2007a;
  margin: 1rem 0;
  font-family: 'Architects Daughter', "Comic Sans MS", cursive;
}

h1 {
  font-size: 1.6875rem;
}

/****************************** Chrome Anti-Aliasing Workaround ******************************/
html {
  -webkit-text-stroke: 0.3px;
}

h1, h2, h3 {
  -webkit-text-stroke: 0.6px;
}

/****************************** Clear-Fix Hack ******************************
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
    *zoom: 1;
}
/****************************** Custom Styles ******************************/
html {
  font-family: 'Lato', sans-serif;
  font-size: 16px;
  color: #ffffff;
}

.header-img-container {
  background: url('../img/header-img.jpg') center top no-repeat;
  height: 500px;
}

.logo-container {
  height: 455px;
  padding: 20px 0 0 20px
}

nav.expanded section.top-bar-section,
nav.expanded ul.dropdown {
  background-color: #e2007a;
}

nav.expanded section.top-bar-section a {
  color: white;
}

nav.expanded ul.title-area {
  background: url('../img/white-alfa.png');
}

nav.top-bar {
  font-family: 'Architects Daughter', "Comic Sans MS", cursive;
}

.slogan,
.slogan h3 small {
  color: #aba082;
}

body.home .slogan,
body.home .slogan h3 small {
  padding-top: 38px;
}

.cite,
.panel .cite {
  font-style: italic;
  color: #e2007a;
}

dt.gallery-icon,
dt.gallery-item {
  float: left;
}

.gallery-item {
  width: auto !important; 
  margin: 0 20px 20px 0;
}

#cboxLoadedContent {
  overflow: hidden !important;
}

#cboxNext,
#cboxClose {
  margin-right: 10px;
}

#cboxCurrent {
  margin: 0 10px 10px 0;
}

a.cboxElement img {
  border: 1px solid #333;
}

.wp-showcase li {
    display: inline-block;
    margin: 0 10px 10px 0;
    vertical-align: top;
}

.wp-showcase ul {
    list-style: outside none none;
    margin: 1em 0;
    padding: 0;
}

.wp-showcase-gallery li img {
    max-width: 100%;
}

.expanded .top-bar-section ul {
    background-color: #e2007a;
}

li.widget_polylang {
  list-style: none;
  margin-left: 15px;
}

li.lang-item a {
  color: #fff;
}

li.lang-item a:hover {
  color: #e2007a;
}

li.lang-item {
  padding: 1px 5px;
  list-style: none;
  display: inline-block;
  background-color: #e1539f;
  margin-right: 10px;
}

footer {
  padding: 20px 0;
}

footer p {
  font-size: 0.85em;
}

footer .signature {
  font-size: 0.85em;
  color: #888;
}

footer .signature a {
  color: #888;
}