/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

#mw-project-single .theme-content { padding: 30px 20px !important; }

/*.mw-event-cal-item h3 {
	text-transform: none !important;
	font-size: 20px !important;
}*/

p.nopadding {
	padding-bottom: 0px;
	margin-bottom: 0px;
}

p.mw-project-days {
	text-align: center;
	font-size: 12px;
}

p.mw-project-tags {
	font-size: 12px;
	font-style: italic;
	margin-top: -10px;
}

p.mw-project-descr {
	font-size: 14px;
}

.project_cat_color {
	width: 30px;
	height: 10px;
	float: left;
	clear: left;
	margin-right: 10px;
	margin-top: 9px;
}

.single-mw_project .mk-post-nav {
	display:none;
}

.single-mw_project #mk-sidebar, .single-mw_project #mk-sidebar p {
	font-size: 16px;
}

.project-block {
	-webkit-transition: background-color .5s; 
    transition: background-color .5s;
}

.project_div {
	margin-bottom: 50px;
}

.mw-project-single .videoWrapper {
	max-width: 100%;
	padding-bottom: 60%;
}

.mw-project-single .videoWrapper iframe,
.mw-project-single .videoWrapper object,
.mw-project-single .videoWrapper embed,
.mw-project-single .videoWrapper video {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.mw-project-break {
	clear: both;
	width: 100%;
	height: 0px;
}

.mw-project-thumbnail {
	position: relative;
	margin: 0px;
	overflow: hidden;
}

.mw-project-thumbnail img {
}

.mw-project-featured-image {
	width: 100%;
	height: 450px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

h4.the-date {
	font-size: 14px !important;
	font-weight: 400 !important;
}

/* The ribbons */

.corner-ribbon{
  width: 200px;
  background: #e43;
  position: absolute;
  top: -80px;
  left: -50px;
  text-align: center;
  line-height: 30px;
  letter-spacing: 1px;
  color: #f0f0f0;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

/* Different positions */

.corner-ribbon.top-left{
  top: 30px;
  left: -55px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.corner-ribbon.top-right{
  top: 25px;
  right: -50px;
  left: auto;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

.corner-ribbon.bottom-left{
  top: auto;
  bottom: 25px;
  left: -50px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

.corner-ribbon.bottom-right{
  top: auto;
  right: -50px;
  bottom: 25px;
  left: auto;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.accessible .vc_icon_element.vc_icon_element-outer .vc_icon_element-inner {
	width: 1em !important;
	height: 1em !important;
	/*top: -10px !important;*/
}

/* Colors */
.corner-ribbon.red{background: #e43;}

@media (max-width: 960px) {
	
	.mw-weekly-project-item.two-column, .mw-weekly-project-item.three-column, .mw-weekly-project-item.four-column {
		width: 100% !important;
		margin-bottom: 20px;
	}
	
	.mw-project-break {
		display: none;
	}
}