﻿/* Standard Display */
.flexcontent-div {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0 0 40px 0;}
.flexcontent-div:last-child, .flexcontent-div:only-child {margin:0;}
.fcd-flex {display:flex;}
.fcd-flex .flexcontent-text {flex:1;margin:0 80px 0 0;}
.fcd-reverse {flex-direction:row-reverse;}
.fcd-flex.fcd-reverse .flexcontent-text {margin:0 0 0 80px;}

/* Columns */
.fcw-2col, .fcw-3col, .fcw-4col, .fcw-5col, .fcw-multicol {display:flex;flex-wrap:wrap;}
.fcw-2col .flexcontent-div {flex:1 0 50%;width:50%;padding:0 4%;}
.fcw-3col .flexcontent-div {flex:1 0 33.33%;width:33.33%;padding:0 4%;}
.fcw-4col .flexcontent-div {flex:1 0 25%;width:25%;padding:0 4%;}
.fcw-5col .flexcontent-div {flex:1 0 20%;width:20%;padding:0 4%;}
.fcw-multicol .flexcontent-div {flex:1;padding:0 4%;}
.fcw-2col .flexcontent-div:last-child, .fcw-3col .flexcontent-div:last-child, .fcw-4col .flexcontent-div:last-child, .fcw-5col .flexcontent-div:last-child, .fcw-multicol .flexcontent-div:last-child {margin:0 0 40px 0;}

/* Media */
.flexcontent-media {margin:0 0 40px 0;}
.fcd-images {display:flex;align-items:center;justify-content:center;flex-wrap:wrap;}
.fcd-images.fcdi-left {justify-content:flex-start;}
.fcd-images.fcdi-right {justify-content:flex-end;}
.fcd-images div {margin:0 40px 40px 0;}
.fcd-images div:last-child, .fcd-images div:only-child {margin:0 0 40px 0;}
.flexcontent-media.fcm-bottom {margin:40px 0 0 0;}
.flexcontent-media.fcm-only {margin:0;}
.fcd-flex .flexcontent-media, .fcd-flex .flexcontent-media.fcm-bottom {margin:0;}
.fcd-flex .fcd-images {display:block;text-align:center;}
.fcd-flex .fcd-images.fcdi-left {text-align:left;}
.fcd-flex .fcd-images.fcdi-right {text-align:right;}
.fcd-flex .fcd-images div {margin:0 0 40px 0;}
.fcd-flex .fcd-images div:last-child, .fcd-flex .fcd-images div:only-child {margin:0;}
.fcd-video {margin:40px 0 0 0;}

/* for 980px and less - Only portrait for retina display */
@media all and (max-width:980px),
    screen and (-webkit-min-device-pixel-ratio:3.0) and (max-width:2940px) and (orientation:portrait),
    screen and (-webkit-min-device-pixel-ratio:2.0) and (max-width:1960px) and (orientation:portrait),
    screen and (-webkit-min-device-pixel-ratio:1.5) and (max-width:1470px) and (orientation:portrait) {
.fcw-3col .flexcontent-div, .fcw-4col .flexcontent-div, .fcw-5col .flexcontent-div {flex:1 0 50%;width:50%;}
}
/* for 740px and less - Only portrait for retina display */
@media all and (max-width:740px),
    screen and (-webkit-min-device-pixel-ratio:3.0) and (max-width:2220px) and (orientation:portrait),
    screen and (-webkit-min-device-pixel-ratio:2.0) and (max-width:1480px) and (orientation:portrait),
    screen and (-webkit-min-device-pixel-ratio:1.5) and (max-width:1110px) and (orientation:portrait) {
.fcd-flex {display:block;}
.fcd-flex .flexcontent-text {flex:initial;margin:0 0 40px 0;}
.fcd-reverse {flex-direction:row;}
.fcd-flex.fcd-reverse .flexcontent-text {margin:0 0 40px 0;}
.fcw-2col, .fcw-3col, .fcw-4col, .fcw-5col, .fcw-multicol {display:block;}
.fcw-2col .flexcontent-div, .fcw-3col .flexcontent-div, .fcw-4col .flexcontent-div, .fcw-5col .flexcontent-div {flex:initial;width:auto;padding:0;}
.fcd-images div {margin:0 0 40px 0;}
}
