/* Theme Name: The Project - Responsive Website Template
Author:HtmlCoder
Author URI:http://www.htmlcoder.me
Author e-mail:htmlcoder.me@gmail.com
Version:1.2.0
Created:December 2014
License URI:http://support.wrapbootstrap.com/
File Description: Place here your custom CSS styles
*/

/*Default Button*/
.btn-accent {
  color: #ffffff;
  background-color: #c7ac56;
  border-color: #b0984d;
}
.btn-accent:hover,
.btn-accent:focus,
.btn-accent.focus,
.btn-accent:active,
.btn-accent.active,
.open > .dropdown-toggle.btn-accent {
  color: #ffffff;
  background-color: #b0984d;
  border-color: #b0984d;
}
.btn-accent.disabled,
.btn-accent[disabled],
fieldset[disabled] .btn-accent {
  background-color: #c7ac56;
  border-color: #b0984d;
}

/* font size */
@media (max-width: 550px) {
  h1, h2 {
    font-size: 20px;
  }
  h3, h4 {
    font-size: 18px;
  }
}

/* headline */
.headline h2 {
  padding-bottom: 5px;
  display: inline-block;
  border-bottom: 2px solid #c7ac56;
}

.child-grid-10 {
  padding-left: 10px;
  padding-right: 10px;
}
.child-grid-10 > div {
  padding: 5px;
}

/* linkpanel */
.linkpanel {
  display: block;
  position: relative;
  color: #fff;
}
.linkpanel > img {
  width: 100%;
}
.linkpanel > div {
  position: absolute;
  bottom: 0;
  padding: 10px;
  z-index: 2;
  width: 100%;
  background-color: rgba(0,0,0,.5);
}

/* Corporation Logos */
.header-logos img {
  height: 18px;
}
.header-logos .x {
  font-size: 12px;
  line-height: 18px;
  vertical-align: top;
}

.cannes #logo {
  font-size: 120%;
}
@media (max-width: 991px) {
  .cannes #logo {
    text-align: center;
  }
}

/* Feed */
.feed {
  list-style: none;
  padding: 0;
}
.feed > li {
  box-sizing: border-box;
  float: left;
  padding: 5px;
  margin-bottom: 10px;
}
.feed > li p {
  text-align: left;
}
@media (min-width: 551px) {
  .feed > li {
    width: 33.3333%;
  }
  .feed > li:nth-child(3n+1) {
    clear: both;
  }
}
@media (max-width: 550px) {
  .feed > li {
    width: 50%;
  }
  .feed > li:nth-child(2n+1) {
    clear: both;
  }
}

/* VideoFeed */
.vfeed {
  list-style: none;
  padding: 0;
}
.vfeed > li {
  box-sizing: border-box;
  float: left;
  padding: 5px;
  margin-bottom: 10px;
}
.vfeed > li a {
  color: #000;
}
.vfeed > li p {
  text-align: left;
}
@media (min-width: 992px) {
  .vfeed > li {
    width: 25%;
  }
  .vfeed > li:nth-child(4n+1) {
    clear: both;
  }
}
@media (max-width: 992px) and (min-width: 551px) {
  .vfeed > li {
    width: 33.333%;
  }
  .vfeed > li:nth-child(3n+1) {
    clear: both;
  }
}
@media (max-width: 550px) {
  .vfeed > li {
    width: 50%;
  }
  .vfeed > li:nth-child(2n+1) {
    clear: both;
  }
}

/* Twitter Widgets */
.cannes-twitter-wrapper {
  max-width: 520px;
  margin: 0 auto;
}

/* .itembox */
.itembox footer {
  font-size: 12px;
  padding: 10px 10px 0;
  color: #aaa;
  border-top: 1px solid #eaeaea;
}

/* .blogpost-content */
.blogpost-content img.aligncenter {
  margin-left: auto;
  margin-right: auto;
}

/* prize-list */
.prize-list {
  padding: 1px 10px 10px;
}
.prize-list .prize-name {
  color: #c02f08;
}
@media (min-width: 551px) {
  .prize-list .prize-name:after {
    content: "： ";
    color: #c02f08;
  }
}
@media (max-width: 550px) {
  .prize-list .prize-name {
    display: block;
    margin-top: 10px;
  }
}
/* .winner */
.winner .title {
  color: #c02f08;
}
.winner-line {
  margin-bottom: 15px;
}
.winner-line > img {
  float: left;
}
.winner-line > p {
  margin-left: 90px;
  margin-bottom: 2px;
}
.winner-line > .prize-section {
  color: #bc9a31;
}
.winner-line > .one-line {
  margin-top: 14px;
}