/*
Theme Name: Viva Festival 2015
Description: Viva Festival 2015 Theme
Author: Shane Bill
Author URI: https://develop.beesonabike.com
Version: 1.0
Template: wonderflux
Template Version: 2.0
Tags: responsive-layout, one-column, two-columns, left-sidebar, right-sidebar, flexible-width, custom-menu, trans$
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
You may also view the license online at http://www.gnu.org/licenses/gpl-2.0.html
*/

/* @group ******** General ******** */
body { 
  color:#6a6a6a; 
  font-size:100%;
}
#main-bg-1 { /*padding-bottom:2%;*/ }
.clear { clear:both; }
.container { 
  margin:0 5%;
  width:auto;
}

/** Floating artist / project section **/
#main-content .widget-left-box,
#main-content .widget-left-box {
  position:fixed;
  left:1%;
  top:30%;
  width:3%;
  z-index:9999;
  color:#bb863a;
  border:2px solid #bb863a;
  padding-top:1%;
}
#main-content .widget-left-box h4 {
  width:50%;
  margin:0 20%;
  color:#bb863a;
  line-height:1.2em;
  text-align:center;
}
.page-id-66 #main-content .widget-left-box {
  top:30%;
}

/* @end */

/* @group Archives */
#archive-wrapper { margin: 0 7%; }
.archive-left {
  width:50%;
  float:left;
}
.archive-title,
.archive-image {
  text-align:center;
}
.archive-title {
  padding:4% 0;
}

/* @end */

/* @group Colour scheme */

.col-light { color: #fff; }
.col-light-alt { color: #d7d7d7; }
.col-mid { color: #757575; }
.col-mid-alt { color: #909090; }
.col-dark { color: #515151; }
.col-dark-alt { color: #000; }
.col-accent { color: #00a9ac; }
.col-accent-alt { color: #39737e; }

/* @end */

/* @group Typography */
.content-opposite { font-family: 'Cooper Book', Arial; }

.archive-title h2 a,
#top-header a,
h1, h2, h3, h4, h5 { 
  font-family: 'infidelc', Times New Roman;
  font-weight:normal;
  font-style:normal;
  color:#030303;
}

h1 { font-size: 2.5em; margin-bottom: 15px; }

.about-us .widget-right-box h4,
.a-propos .widget-right-box h4,
h2 { 
  font-size: 1.875em; 
  margin-bottom: 15px;
  line-height:1.25;
}
.archive-title h2 {
  font-size:1.625em;
  display:block;
}
.about-us .widget-right-box h4,
.a-propos .widget-right-box h4 {
  margin-bottom:0;
}
.partenaires h2,
.partners h2,
body.page h2.entry-title,
h2#home-title { 
  text-align:center;
  padding-bottom:2%;
}
.calendar h2.entry-title,
.calendrier h2.entry-title,
.archive h2.entry-title,
.archives h2.entry-title { display:none; }
h2.artist-title {
  margin-bottom:0;
}

h3,
h4 { font-size: 1.8em; margin-bottom: 15px; }

h5,
h6,
ul,
ol { margin-bottom: 15px; }
h5,
h6 { font-size:1.1em; }

.widget-right-box .organise h5 {
  font-family:'Cooper Book', Arial, sans-serif;
  font-style:normal;
  font-weight:normal;
  font-size:1em;
  margin:10% 0 2% 0;
}
.organise ul li { 
  color:#000;
  font-family:'Cooper SemiBold', Arial, sans-serif;
  font-style:normal;
  font-weight:normal;
}
.donate input[type=submit],
.mailchimp .mc4wp-form input[type=submit] {
  font-family:'Cooper SemiBold', Arial, sans-serif;
  font-style:normal;
  font-weight:normal;
  font-size:0.8em;
}

ul ul, ol ol { font-size:1em; } /* Keeps nested list items consistently sized */

ul.wf-edit-meta { position:absolute; right:0; top:0; }
li.wf-edit-meta-links { margin-left: 0px; list-style:none; }
li.wf-edit-meta-links a::before { 
  top: 2px; 
  content: '\f464';
  font:400 20px/1 dashicons;
  speak:none;
}
.content-opposite .project-artist,
.content-opposite .project-date,
.content-opposite .project-location,
.content-opposite .location {
  font-family:'Cooper SemiBold', Arial;
  font-size:0.875em;
  font-weight:normal;
  font-style:normal;
  color:#030303;
  line-height:1.25;
}
.content-opposite span.location {
  font-size:inherit;
}
.content-opposite .artist-site,
.wf-edit-meta,
.presented {
  font-size:0.875em;
  line-height:1.25;
}
.inline-content-wrapper {
  font-size:0.938em;
  line-height:1.6;
}
#lcp_menu_nomean .lcp_catlist li a {
  font-size:0.875em;
  font-family:'Cooper SemiBold', Arial;
}
.content-opposite .presented a {
  color:#000;
  font-family:'Cooper SemiBold';
  font-style:normal;
  font-weight:normal;
  padding-top:4%;

}
.content-opposite .artist-site {
  font-family:'Cooper SemiBold';
  font-style:normal;
  font-weight:normal;
  text-transform:lowercase;
  padding-top:2%;
}
.lcp_catlist li a {
  font-size:1.188em;
}
.widget-right-box h4 {
  color:#000;
  font-size:1.46em;
  border-bottom:none;
  margin-bottom:10%;
}
.single-post #content,
.category-blogue #content,
.category-blog #content {
  font-family:'Cooper Book',Arial;
  font-weight:normal;
  font-style:normal;
}
.author {
  font-family:'Cooper SemiBold',Arial;
  font-weight:normal;
  font-style:normal;
  font-size:1em;
  padding-bottom:1%;
}
.organise a { font-size:0.938em; }

#footer-bg-1 a,
#footer-bg-1 { 
  background-color:#000;
  color:#fff;
  font-family:'Cooper SemiBold', Arial;
  font-weight:normal;
  font-style:normal;
  font-size:0.813em;
  position:relative;
}
#primary-header-nav ul li {
  font-family:'Cooper Medium', Arial, sans-serif;
}

/* @end */

/* @group Confetti */
.confetti {
  background:transparent url(images/confetti/confetti_01.png) 0 0 no-repeat;// fixed; 
  height:65px;
  width:56px;
  position:absolute;
  top:100px;
  left:50px;
  z-index:1000;
}
#confetti_1_2,
#confetti_1 { 
  background-image:url(images/confetti/confetti_01.png);
  left:97%;
  top:-39px;
}
#confetti_1_2 { top:2800px; left:-31px; }
#confetti_2 { 
  background-image:url(images/confetti/confetti_02.png);
  top:575px;
  left:97%;
}
#confetti_3_2,
#confetti_3 { 
  background-image:url(images/confetti/confetti_03.png);
  left:100%;
  top:850px;
  left:86%;
}
#confetti_3_2 { left:97%; top:2500px; }
#confetti_4_2,
#confetti_4 { 
  background-image:url(images/confetti/confetti_04.png);
}
#confetti_4_2 { left:98%; top: 3000px; }
#confetti_5_2,
#confetti_5 { 
  background-image:url(images/confetti/confetti_05.png);
  top:500px;
  left:-31px;
  height:55px;
  width:55px;
}
#confetti_5_2 { left:98%; top:2000px; }
#confetti_6 { 
  background-image:url(images/confetti/confetti_06.png);
  top:600px;
  left:-31px;
}
#confetti_6_2 { left:98%; top:3000px; }
#confetti_7 { 
  background-image:url(images/confetti/confetti_07.png);
}
#confetti_8 { 
  background-image:url(images/confetti/confetti_08.png);
}
#confetti_9 { 
  background-image:url(images/confetti/confetti_09.png);
}
#confetti_10_2,
#confetti_10 { 
  background-image:url(images/confetti/confetti_10.png);
  left:93%;
  top:350px;
}
#confetti_11 { 
  background-image:url(images/confetti/crab.png);
  left:90%;
  top:-31px;
  width:160px;
  height:170px;
}

/* @end */

/* @group Partners page */

.partenaires table,
.partners table { width:100%; }

.funders td,
.sponsors td,
.partners td { text-align:center; }
.partenaires h2,
.partners h2 {
  padding-top:10%;
}
.partenaires h2.entry-title,
.partners h2.entry-title {
  padding-top:0;
}

/* @end */


/* @group Layout */

.inside-std { padding: 0 5% 0 0; }

/* @end */

/* @end */

/* @group ******** Links ******** */

a, a:visited, a:active { color: #b88438; text-decoration: none; }
/*
a:hover { 
	color: #db39e5; 
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition:    all 0.25s ease-in-out;
	-ms-transition:     all 0.25s ease-in-out;
	-o-transition:      all 0.25s ease-in-out;
	transition:         all 0.25s ease-in-out;
}
*/
/* @end */

/* @group **** Header ***/
.wrapfixed,
#site-bg-1 {
  border-top:2px solid #b27d2a;
  padding-top:2%;
}
.wrapfixed,
#header-bg-1 {
  border-bottom:1px solid #dfdfdf;
  padding-bottom:2%;
}
.wrapfixed #header-bg-1 { 
  width:100% !important;
  padding:0; 
}
.wrapfixed {
  padding-top:1%;
  padding-bottom:1%;
  z-index:1200 !important;
}
#header-content .header-primary {
  width:35%;
  font-family:'Cooper Book';
  font-weight:normal;
  font-style:normal;
  color:#b38339;
}
.wrapfixed #header-content .header-primary {
  width:14%;
}
#header-content .event-date {
  font-family:'Cooper SemiBold';
}
#header-content .header-secondary {
  width:65%;
  padding-top:6%;
}
.wrapfixed #header-content .header-secondary {
  width:86%;
  padding-top:0;
}
#header-content .inside-std {
  display:inline-block;
  width:44%;
}
#header-content .primary-info {
  display:inline-block;
  width:55%;
}
#header-content .inside-std-sticky {
  display:none;
} 
.wrapfixed #header-content .inside-std,
.wrapfixed #header-content .primary-info {
  display:none;
}
.wrapfixed #header-content .inside-std-sticky {
  display:block;
}
#header-content .inside-std img { margin-bottom:-3%; }


/* @group ******** Navigation ******** */

/* @group Primary navigation and common menu styling */
.header-secondary .container { margin:0; }
#primary-header-nav {
  position: relative;
  height: 44px;
  background: #fff;
  width: auto;
  text-align:right;
}
#primary-header-nav ul {
  list-style: none;
  padding: 0;
  margin: 0;
  line-height: 1;
}
#primary-header-nav > ul {
  position: relative;
  display: block;
  background: #fff;
  width: 100%;
  z-index: 1500;
}
#primary-header-nav:after,
#primary-header-nav > ul:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
#primary-header-nav.align-right > ul > li {
  float: right;
}
#primary-header-nav.align-center ul {
  text-align: center;
}
#primary-header-nav.align-center ul ul {
  text-align: left;
}
#primary-header-nav > ul > li {
  display: inline-block;
  position: relative;
  margin: 0;
  padding: 0;
}
#primary-header-nav > ul > li#menu-item-180:before,
#primary-header-nav > ul > li#menu-item-176:before,
#primary-header-nav > ul > li:after {
  content:"/";
  color:#d8d8d8;
  font-size:1.9em;
  vertical-align:middle;
  font-family:Times New Roman;
  font-weight:normal;
  font-style:normal;
}
#primary-header-nav > ul > li.lang-item:after {
  display:none;
}
#primary-header-nav > ul > #menu-button {
  display: none;
}
#primary-header-nav ul li a {
  display: inline-block;
  text-decoration: none;
}
#primary-header-nav > ul > li > a {
  font-size: 0.875em;
  font-weight: normal;
  font-style:normal;
  padding: 15px 8px;
  color: #000;
  -webkit-transition: color 0.25s ease-out;
  -moz-transition: color 0.25s ease-out;
  -ms-transition: color 0.25s ease-out;
  -o-transition: color 0.25s ease-out;
  transition: color 0.25s ease-out;
}
#primary-header-nav > ul > li.menu-item-has-children > a {
  padding-right: 32px;
}
#primary-header-nav > ul > li:hover > a {
  color: #000;
}
#primary-header-nav li.menu-item-has-children::after {
  display: block;
  content: "";
  position: absolute;
  width: 0;
  height: 0;
}
#primary-header-nav > ul > li.menu-item-has-children::after {
  right: 10px;
  top: 20px;
  border: 5px solid transparent;
  border-top-color: #be812e;
}
#primary-header-nav > ul > li:hover::after {
  border-top-color: #ffffff;
}
#indicatorContainer {
  position: absolute;
  height: 12px;
  width: 100%;
  bottom: 0px;
  overflow: hidden;
  z-index: -1;
}
#pIndicator {
  position: absolute;
  height: 0;
  width: 100%;
  border: 12px solid transparent;
  border-top-color: #fff;
  z-index: -2;
  -webkit-transition: left .25s ease;
  -moz-transition: left .25s ease;
  -ms-transition: left .25s ease;
  -o-transition: left .25s ease;
  transition: left .25s ease;
}
#cIndicator {
  position: absolute;
  height: 0;
  width: 100%;
  border: 12px solid transparent;
  border-top-color: #fff;
  top: -12px;
  right: 100%;
  z-index: -2;
}
#primary-header-nav ul ul {
  border:1px solid #dcdcdc;
  position: absolute;
  left: -9999px;
  top: 70px;
  opacity: 0;
  -webkit-transition: opacity .3s ease, top .25s ease;
  -moz-transition: opacity .3s ease, top .25s ease;
  -ms-transition: opacity .3s ease, top .25s ease;
  -o-transition: opacity .3s ease, top .25s ease;
  transition: opacity .3s ease, top .25s ease;
  z-index: 1000;
}
#primary-header-nav ul ul ul {
  top: 37px;
  padding-left: 5px;
}
#primary-header-nav ul ul li {
  position: relative;
}
#primary-header-nav > ul > li:hover > ul {
  left: auto;
  top: 44px;
  opacity: 1;
}
#primary-header-nav.align-right > ul > li:hover > ul {
  left: auto;
  right: 0;
  opacity: 1;
}
#primary-header-nav ul ul li:hover > ul {
  left: 170px;
  top: 0;
  opacity: 1;
}
#primary-header-nav.align-right ul ul li:hover > ul {
  left: auto;
  right: 170px;
  top: 0;
  opacity: 1;
  padding-right: 5px;
}
#primary-header-nav ul ul li a {
  width: 130px;
  padding: 10px 20px;
  text-align:left;
  font-size:0.7em;
  color: #9ea2a5;
  background: #ffffff;
  -webkit-transition: all .35s ease;
  -moz-transition: all .35s ease;
  -ms-transition: all .35s ease;
  -o-transition: all .35s ease;
  transition: all .35s ease;
}
#primary-header-nav.align-right ul ul li a {
  text-align: right;
}
#primary-header-nav ul ul li:hover > a {
  background: #f2f2f2;
  color: #8c9195;
}
#primary-header-nav ul ul li:last-child > a,
#primary-header-nav ul ul li.last > a {
  border-bottom: 0;
}
/* Modify this for the menu image */
#primary-header-nav > ul > li > ul::after {
  content: '';
  border: 6px solid transparent;
  width: 0;
  height: 0;
  border-bottom-color: #dcdcdc;
  position: absolute;
  top: -12px;
  left: 30px;
}

#primary-header-nav.align-right > ul > li > ul::after {
  left: auto;
  right: 30px;
}
#primary-header-nav ul ul li.menu-item-has-children::after {
  border: 4px solid transparent;
  border-left-color: #9ea2a5;
  right: 10px;
  top: 12px;
  -moz-transition: all .2s ease;
  -ms-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease;
  -webkit-transition: -webkit-transform 0.2s ease, right 0.2s ease;
}
#primary-header-nav.align-right ul ul li.menu-item-has-children::after {
  border-left-color: transparent;
  border-right-color: #9ea2a5;
  right: auto;
  left: 10px;
}
#primary-header-nav ul ul li.menu-item-has-children:hover::after {
  /*border-left-color: #ffffff;*/
  border-left-color:#000;
  right: -5px;
  -webkit-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
#primary-header-nav.align-right ul ul li.menu-item-has-children:hover::after {
  /*border-right-color: #ffffff;*/
  border-right-color:#000;
  border-left-color: transparent;
  left: -5px;
  -webkit-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
}

/** Sticky Menu bizo */


/* , only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) */
@media all and (max-width: 800px) {
  #primary-header-nav {
    width: auto;
  }
  #primary-header-nav.align-center ul {
    text-align: left;
  }
  #primary-header-nav.align-right > ul > li {
    float: none;
  }
  #primary-header-nav ul {
    width: auto;
  }
  #primary-header-nav .submenuArrow,
  #primary-header-nav #indicatorContainer {
    display: none;
  }
  #primary-header-nav > ul {
    height: auto;
    display: block;
  }
  #primary-header-nav > ul > li {
    float: none;
  }
  #primary-header-nav li,
  #primary-header-nav > ul > li {
    display: none;
  }
  #primary-header-nav ul ul,
  #primary-header-nav ul ul ul,
  #primary-header-nav ul > li:hover > ul,
  #primary-header-nav ul ul > li:hover > ul,
  #primary-header-nav.align-right ul ul,
  #primary-header-nav.align-right ul ul ul,
  #primary-header-nav.align-right ul > li:hover > ul,
  #primary-header-nav.align-right ul ul > li:hover > ul {
    position: relative;
    left: auto;
    top: auto;
    opacity: 1;
    padding-left: 0;
    padding-right: 0;
    right: auto;
  }
  #primary-header-nav ul .menu-item-has-children::after {
    display: none;
  }
  #primary-header-nav ul li a {
    padding: 12px 20px;
  }
  #primary-header-nav ul ul li a {
    border: 0;
    background: none;
    width: auto;
    padding: 8px 35px;
  }
  #primary-header-nav.align-right ul ul li a {
    text-align: left;
  }
  #primary-header-nav ul ul li:hover > a {
    background: none;
    color: #000;
  }
  #primary-header-nav ul ul ul a {
    padding: 8px 50px;
  }
  #primary-header-nav ul ul ul ul a {
    padding: 8px 65px;
  }
  #primary-header-nav ul ul ul ul ul a {
    padding: 8px 80px;
  }
  #primary-header-nav ul ul ul ul ul ul a {
    padding: 8px 95px;
  }
  #primary-header-nav > ul > #menu-button {
    display: block;
    cursor: pointer;
  }
  #primary-header-nav #menu-button > a {
    padding: 14px 20px;
  }
  #primary-header-nav ul.open li,
  #primary-header-nav > ul.open > li {
    display: block;
  }
  #primary-header-nav > ul.open > li#menu-button > a {
    color: #fff;
    border-bottom: 1px solid rgba(150, 150, 150, 0.1);
  }
  #primary-header-nav ul ul::after {
    display: none;
  }
  #primary-header-nav #menu-button::after {
    display: block;
    content: '';
    position: absolute;
    height: 3px;
    width: 22px;
    border-top: 2px solid #7a8189;
    border-bottom: 2px solid #7a8189;
    right: 20px;
    top: 15px;
  }
  #primary-header-nav #menu-button::before {
    display: block;
    content: '';
    position: absolute;
    height: 3px;
    width: 22px;
    border-top: 2px solid #7a8189;
    right: 20px;
    top: 25px;
  }
  #primary-header-nav ul.open #menu-button::after,
  #primary-header-nav ul.open #menu-button::before {
    border-color: #fff;
  }
}

/* @end */

/* @group ******** Main content ******** */

#main-content { 
  padding-top: 2%;
  position:relative;
}
.hentry {
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
/*	padding-bottom:5%;
	padding-top: 2.5%;*/
}
.fast-link {
  padding-top:7.5%;
  display:block;
}
.fast-link:first-of-type {
  padding-top:0;
}
.hentry.first-in-loop,
.hentry.single-post { padding-top: 0;}
.hentry.single-post,
.hentry.last-in-loop { border-bottom: none; }

.meta-content { border-top: 4px solid #e6e6e6; margin-top: 5px; padding-top: 10px; }
.entry-content ul.wf-edit-meta { list-style-type: none; margin-left: 0; padding-left: 0; }

.widget-box.widget-below-content { background-color: #d6d7d6; padding: 23px 20px 15px; margin-bottom: 30px; }

.about-us .page,
.a-propos .page,
.home .page {
  width:50%;
  padding-left:1%;
  float:left;
}
.about-us .page,
.a-propos .page,
.home .page,
.donate select,
.donate input,
.mailchimp .mc4wp-form input[type=email],
.mailchimp h4 {
  font-family:'Cooper Book', Arial;
  font-style:normal;
  font-weight:normal;
  font-size:1em;
  line-height:1.75;
}
.about-us .page,
.a-propos .page,
.widget-right-box {
  float:left;
}
.about-us .page,
.a-propos .page,
.a-propos .widget-bottom-box,
.about-us .widget-bottom-box,
.widget-right-box {
  padding-left:5%;
}
.home .widget-right-box {
  width:25%;
}
.home .widget-right-box:last-child {
  padding-left:5%;
}
.home .lcp_catlist {
  font-size:inherit;
  margin-left:0;
  list-style:none;
}
.home .lcp_catlist li {
  padding-bottom:3%;
}
/* @end */

/* @group **** About Us ***/
.widget-bottom-box { clear:both; }
.organise ul { margin:0; }
.organise ul li { 
  list-style:none;
  padding:2% 0;
}
.about-us .widget-right-box,
.a-propos .widget-right-box {
  width:50%;
}
.a-propos widget-right-box .textwidget,
.about-us .widget-right-box .textwidget { display:table; }
.organise {
  width:50%;
  display:table-cell;
}
.widget-right-box .org-col-2 {
  padding-left:12%;
}
.about-us .page,
.a-propos .page {
 padding-bottom:0;
}
div.mailchimp:before {
  content:"";
  display:block;
  width:2%;
  height:2px;
  background-color:#c2c2c2;
}
.contact-mail {
  padding-bottom:1%;
}
.mailchimp h4 {
  padding-top:2%;
}
.donate .wp_pp_button_reference_section,
.donate input[type=submit],
.mailchimp .mc4wp-form input[type=email],
.mailchimp .mc4wp-form input[type=submit] {
  float:left;
}
.donate .wp_pp_button_reference_section input[type=text],
.mailchimp .mc4wp-form input[type=email] {
  width:30%;
  background-color:#dedede;
  color:#000;
  border:none;
  padding:0.75% 1% 0.15% 1%;
}
.donate .wp_pp_button_reference_section input[type=text] {
  padding-top:3%;
  padding-bottom:2%;
}
.donate input[type=submit],
.mailchimp .mc4wp-form input[type=submit] {
  width:10%;
  margin-left:2%;
  padding:0.85% 1% 0.55% 1%;
  background-color:#fff;
  border:1px solid #b6863c;
  color:#b6863c;
}
.donate input[type=submit] {
  padding:0.85% 3% 0.55% 3%;
}
.wp_pp_button_submit_btn { padding-top:1.5%; }
.a-propos .widget-bottom-box:last-child,
.about-us .widget-bottom-box:last-child {
  padding-top:7%;
}

/* @end */

/* @group ******** Slideshow **********/


/* Setting Default width for images to 70% */
#main-content .slideshow_container_style-dark {
  width:65% !important;
  max-width:65% !important;
}
/** Tell inside frame to take full width of above */
#main-content .slideshow_container_style-dark .slideshow_content {
  width:100% !important;
  max-width:100% !important;
}
.category-projets #main-content .slideshow_pagination .slideshow_pagination_center,
.category-projects #main-content .slideshow_pagination .slideshow_pagination_center { display:none; }

#main-content .slideshow_pagination .slideshow_pagination_center { margin-top:6% !important; }

#main-content .slideshow_container_style-dark .slideshow_pagination .slideshow_currentView {
  background:url(images/slideshow-active.png) no-repeat;
  opacity:1;
  filter:none;
}
#main-content .slideshow_container_style-dark .slideshow_pagination li {
  outline:none;
}
#main-content .slideshow_container_style-dark .slideshow_pagination ul li {
  background:url(images/slideshow-notactive.png) no-repeat;
  width:11px;
  height:11px;
}
#main-content .slideshow_container_style-dark .slideshow_description_box div.slideshow_description,
#main-content .slideshow_container_style-dark .slideshow_description_box div.slideshow_title {
  font-family:'Cooper SemiBold', Arial;
  font-size:1em;
  line-height:1.75;
}
#main-content .slideshow_container_style-dark .slideshow_transparent {
  padding:2% 0;
  opacity:0.5 !important;
  filter:alpha(opacity = 50) !important;
}
.home #main-content .slideshow_container_style-dark .slideshow_transparent {
  padding-bottom:4%;
}
.home .slideshow_container {
  margin-bottom:3%;
}
.home .slideshow_pagination { display:none !important; }
.home #main-content .slideshow_container_style-dark .slideshow_content,
.home #main-content .slideshow_container_style-dark {
  width:100% !important;
  max-width:100% !important;
}

/* @end */

/* @group ******** Artists&Projects **********/
.content-wrapper { 
  position:relative; 
  z-index:1001;
}
.content-opposite {
  width:35%;
  padding:1% 0% 1% 5%;
}
.odd .content-opposite {
  padding-left:0;
  padding-right:5%;
}
#content .even .slideshow_container {
  float:left;
}
#content .odd .slideshow_container {
  float:right;
}
#content .content-opposite { display:inline-block; }
#content .content-opposite .artist-title,

.content-opposite .project-artist,
.content-opposite .project-date,
.content-opposite .project-location,
#content .content-opposite .location {
  text-align:center;
}

.content-opposite .project-artist .location {
  padding-left:1%;
}


#content .content-opposite .inline-content-wrapper {
  padding-top:6%;
}

/* @end */

/* @group ******** Comments ******** */

#comments .commentlist { padding-left: 20px; }
#comments .commentlist li { padding-left: 0; margin-bottom: 20px; }
#commentform p { margin-bottom: 20px; }
#commentform p label { display: block; clear: both; margin-bottom: 10px; }
#commentform input, #commentform textarea { width: 90%; padding: 3px; }
#commentform #form-allowed-tags { width: 90%; font-size: 0.8em; }
#commentform input#submit.submit { padding: 6px; }

/* @end */

/* @group ***** BLOG **/
.single-post #content,
.category-blogue #content,
.category-blog #content,
.read-more-wrapper,
.read-more-wrapper,
.blog-header-banner h2 a {
  color:#000;
  text-align:center;
}
.single-post #content,
.category-blog #content,
.category-blogue #content {
  padding:0 16%;
}
.single-post .entry-content,
.category-blog .entry-content,
.category-blogue .entry-content {
  text-align:left;
  line-height:1.75em;
  padding-bottom:5%;
}
.type-post .date {
  padding-bottom:3%;
}
.type-post {
  position:relative;
  margin-bottom:7%;
}
.read-more-wrapper {
  position: absolute;
  bottom: 0%;
  left: 0;
  width: 100%;
  text-align: center;
  margin: 0;
  background-image: linear-gradient(to bottom, transparent, #fff);
  padding:30% 0 0 0;
}
.read-more-wrapper .read-more-line {
  background:#dedede;
  height:1px;
  width:12%;
  display:inline-block;
  margin:0 1% 0.5% 1%;
}
.single-post .feature-image {
/*  margin:0 -12%;*/
  margin-bottom:3%;
}

/* @end */

/* @group ******** Search form ******** */

#searchform fieldset { border:none; margin: 0 0 20px; padding: 0; }
#searchform fieldset label { display: none; }
input#search.field {
	border:none;
	width: 80%;
	float: left;
	height: 35px;
	margin: 0;
	padding: 5px 8px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	color: #39737e;
}
.entry-content input#search.field { border: 2px solid #d7d7d7; border-right-style: none; width: 85%; }

input#searchsubmit {
	width: 20%;
	border: 0;
	background: url(images/magnify-glass.svg) center center no-repeat #00a9ac;
	text-indent: -9999em;
	line-height:3000;
	height: 35px;
	margin: 0;
	padding: 0;
	opacity: 0.5;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition:    all 0.25s ease-in-out;
	-ms-transition:     all 0.25s ease-in-out;
	-o-transition:      all 0.25s ease-in-out;
	transition:         all 0.25s ease-in-out;

	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}
.entry-content input#searchsubmit { width: 15%; }

input#searchsubmit:hover { opacity: 1.0; }

input#search.field:focus,
input#searchsubmit:focus { outline: 0; }

/* @end */

/* @group ******** Sidebar ******** */

#sidebar { margin-top: 3px; } /* Fine tuning for alignment with main content */
.sidebar-box,
#sidebar .widget-box { margin-right: 20px; margin-bottom: 30px; }

#sidebar ul { margin: 0; color: #757575; list-style-type: none; padding: 0; }
#sidebar ul li { list-style-type: none; margin-left: 0; }
#sidebar ul li ul li { margin-left: 10px; border-bottom-style: none; }
.sidebar-title { margin-bottom: 10px; color: #000; padding-bottom: 2px; }

#sidebar select { width: 100%; }

/* @end */

/* @group ******** Footer ******** */
#footer { display:table-row; width:100%; }
#footer-bg-3 { display:table; width:100%; }
#footer-bg-2 {
  margin:0 8%;
  padding:1% 0 0.5%;
}
#footer #footer-wfx-credit,
#footer .clearfix:before,
#footer .container:before { display:none; }
#footer-content { padding-top: 22px; }
.footer-primary-right .inside-std { padding-right: 0; }
#footer .footer-navigation,
#footer #footer-right,
#footer #footer-left {
  display:table-cell;
  width:20%;
  vertical-align:middle;
}
#footer .footer-navigation {
  text-align:center;
  width:60%;
  display:table-cell;
}
#footer #footer-right {
  text-align:right;
  text-transform:uppercase;
}
#footer .footer-navigation ul { padding:0; margin:0; }
#footer .footer-navigation li {
  display:inline-block;
  padding-right:6%;
}

/* @end */

/* @group ********Media Queries******** */

/* Tiny Media Query and below */
@media screen and (max-width:480px) {

	/* @group Layout */
	body { font-size: 90%; }
	.container { width:95%; }
	/* @end */

	/* @group Footer */
	.footer-primary-right div.inside-std { padding: 0; }
	.footer-primary-right div.inside-std { padding: 0; }
	/* @end */

}

/* Small Media Query and below */
@media screen and (max-width:768px) {

	/* @group Layout */
 	body { font-size: 95%; }
	.container { width:90%; }
	.mq-small-min-box-1-1 .inside-std { padding: 0; }
	/* @end */

	/* @group Navigation */
	.header-navigation-container { display:none; }
	.slicknav_menu { display:block; }
	/* @end */

	/* @group Header */
	#header-content { padding: 3px 0 0; }
	/* @end */

	/* @group Sidebar */
	.sidebar-box,
	#sidebar .widget-box { margin-right: 0px; }
	/* @end */

	/* @group Footer */
	.footer-primary-mid .inside-std { padding-right: 10px; }
	.footer-primary-right .inside-std { padding-left: 10px; padding-right: 0; }
	/* @end */

}

/* @end */