/******************************************************************
Plugin wpc_addons
Author: Christer Lindgren
Author URL: http://www.bysted.se/

Stylesheet: Main Stylesheet
******************************************************************/
/******************************************************************
Theme: wpc-addons
Author: Christer Lindgren
Author URL: http://www.bysted.se/

Stylesheet: Mixins Stylesheet
******************************************************************/
/*********************
PREFIXES
*********************/
/*********************
FLEXBOX
*********************/
/******************************************************************
Plugin: wpc-addons
Author: Christer Lindgren
Author URL: http://www.bysted.se/

Stylesheet: Custom Colors
******************************************************************/
/*********************
COLORS
*********************/
/* base */
/*Include text and image module styling*/
.textimage {
  position: relative; }
  .textimage .wrap {
    width: 100%;
    max-width: 100%; }
  .textimage .vc_single_image-wrapper {
    width: 100%; }
    .textimage .vc_single_image-wrapper img {
      margin-bottom: 0; }
  .textimage .vc_single_image-wrapper img {
    margin-bottom: 0; }
  .textimage img {
    width: 100%; }
  .textimage .content {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%; }
    .textimage .content .inner-content {
      width: 100%;
      height: 100%;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex; }
      .textimage .content .inner-content.left {
        float: left; }
      .textimage .content .inner-content.h-center {
        justify-content: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center; }
      .textimage .content .inner-content.right {
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end; }
      .textimage .content .inner-content.top {
        align-items: flex-start;
        -webkit-align-items: flex-start;
        -webkit-box-align: start;
        -ms-flex-align: start; }
      .textimage .content .inner-content.v-center {
        align-items: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center; }
      .textimage .content .inner-content.bottom {
        align-items: flex-end;
        -webkit-align-items: flex-end;
        -webkit-box-align: end;
        -ms-flex-align: end; }
      .textimage .content .inner-content .textarea *:first-child {
        margin-top: 0; }
      .textimage .content .inner-content .textarea *:last-child {
        margin-bottom: 0; }
      .textimage .content .inner-content .textarea.half {
        width: 50%; }
      .textimage .content .inner-content .textarea.narrow {
        width: 25%; }
      .textimage .content .inner-content .textarea.wide {
        width: 75%; }
      .textimage .content .inner-content .textarea.fullwidth {
        width: 100%; }

/*html.touch .textimage{
	
	.wrap{
		width: 100%;
		max-width: 100%;
	}
	
	.vc_single_image-wrapper{
		width: 100%;
		img{
			margin-bottom: 2em;
		}
	}
	
	.content{
		max-width: 100%;
		
		*{
			padding: 0!important;
			margin: 0!important;
		}
		.inner-content{
			.white{
				color: $duni-purple !important;
				*{
					color: $duni-purple !important;
				}
			}
		}
		
	}
}*/
@media print {
  .textimage {
    position: relative; }
    .textimage .wrap {
      width: 100%;
      max-width: 100%; }
    .textimage .vc_single_image-wrapper {
      width: 100%; }
      .textimage .vc_single_image-wrapper img {
        margin-bottom: 0; }
    .textimage .vc_single_image-wrapper img {
      margin-bottom: 0; }
    .textimage img {
      width: 100%; }
    .textimage .content {
      position: absolute;
      top: 0;
      width: 100%;
      height: 100%; }
      .textimage .content .inner-content {
        width: 100%;
        height: 100%;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex; }
        .textimage .content .inner-content.left {
          float: left; }
        .textimage .content .inner-content.h-center {
          justify-content: center;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          -webkit-justify-content: center; }
        .textimage .content .inner-content.right {
          -webkit-justify-content: flex-end;
          -ms-flex-pack: end;
          justify-content: flex-end; }
        .textimage .content .inner-content.top {
          align-items: flex-start;
          -webkit-align-items: flex-start;
          -webkit-box-align: start;
          -ms-flex-align: start; }
        .textimage .content .inner-content.v-center {
          align-items: center;
          -webkit-box-align: center;
          -webkit-align-items: center;
          -ms-flex-align: center; }
        .textimage .content .inner-content.bottom {
          align-items: flex-end;
          -webkit-align-items: flex-end;
          -webkit-box-align: end;
          -ms-flex-align: end; }
        .textimage .content .inner-content .textarea *:first-child {
          margin-top: 0; }
        .textimage .content .inner-content .textarea *:last-child {
          margin-bottom: 0; }
        .textimage .content .inner-content .textarea.half {
          width: 50%; }
        .textimage .content .inner-content .textarea.narrow {
          width: 25%; }
        .textimage .content .inner-content .textarea.wide {
          width: 75%; }
        .textimage .content .inner-content .textarea.fullwidth {
          width: 100%; } }
/*Include tubeplayer module styling*/
.tubeplayer {
  position: relative; }

.tubeplayer .play {
  width: 100%;
  height: 100%;
  font-size: 6em;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center; }

.tubeplayer .play:hover:after {
  color: #999;
  -webkit-transition: color 200ms;
  /* For Safari 3.1 to 6.0 */
  transition: color 200ms; }