/* Figure min-width and max-widths are set on the GENERIC.CSS!!! */
/* THIS: "flex: 1 0 auto;" was the KEY for the "sticky footer" in the tertairy/quatro/cinco, the list pages, and the comments!!!*/

/* START PRIMARY!!! */
.repeater.primary {flex: 0 1 100%;}
.repeater.primary > h3 {order: 1; flex: 0 1 100%;}
.repeater.primary > h3 > a {}
.repeater.primary > .subtitle {order: 2; flex: 0 1 100%; display: block;}
.repeater.primary > figure {order: 3; flex: 0 1 100%;}
.repeater.primary > figure > figcaption {}
.repeater.primary > figure > img {}
.repeater.primary > figure > a {}
.repeater.primary > .blurb {order: 4; flex: 0 1 100%;}
.repeater.primary > .info {order: 5; flex: 0 1 100%; display: flex; flex-flow: row wrap; justify-content: space-between;}
.repeater.primary > .info > .author {}
.repeater.primary > .info > .author > p {}
.repeater.primary > .info > .author a {}
.repeater.primary > .info > time {}
.repeater.primary > .info > .updated {}
.repeater.primary > .info > a.comments-bubble {}
.repeater.primary > .shout-out {order: -1; flex: 0 1 100%; font-size: .8em;}
/* END PRIMARY!!! */



/* START SECONDARY!!! */
.repeater.secondary {flex: 0 1 100%;}
.repeater.secondary > h3 {order: 1; flex: 0 1 100%;}
.repeater.secondary > h3 > a {}
.repeater.secondary > .subtitle {order: 2; flex: 0 1 100%;}
.repeater.secondary > figure {order: 3; flex: 0 1 50%; margin-right: 10px;}
	/* @media only screen and (max-width: 479px) { figure {flex: 0 1 100% !important;} } */
.repeater.secondary > figure > figcaption {}
.repeater.secondary > figure > img {}
.repeater.secondary > figure > a {}
.repeater.secondary > .blurb {order: 4; flex: 1;}
	/* @media only screen and (max-width: 479px) { .blurb {flex: 0 1 100% !important;} } */
.repeater.secondary > .info {order: 5; flex: 0 1 100%; display: flex; flex-flow: row wrap; justify-content: space-between;}
.repeater.secondary > .info > .author {}
.repeater.secondary > .info > .author > p {}
.repeater.secondary > .info > .author a {}
.repeater.secondary > .info > time {}
.repeater.secondary > .info > .updated{}
.repeater.secondary > .info > .comments-bubble {}
.repeater.secondary > .shout-out {order: -1; flex: 0 1 100%; font-size: .8em;}
	/*NO FIGURE*/
	.repeater.secondary.no-figure  > figure  {display: none;}
	.repeater.secondary.no-figure  > .blurb {flex: 0 1 100%;}
	
.repeater.secondary.golden-ratio > figure {flex: 0 1 61.8%;}
/* END SECONDARY!!! */

				/* TURNING SECONDARY INTO PRIMARY at 479px! */
				@media only screen and (max-width: 479px) {
				.repeater.secondary {flex: 0 1 100%;}
				.repeater.secondary > h3 {order: 1; flex: 0 1 100%;}
				.repeater.secondary > h3 > a {}
				.repeater.secondary > .subtitle {order: 2; flex: 0 1 100%; display: block;}
				.repeater.secondary > figure {order: 3; flex: 0 1 100% !important;}
				.repeater.secondary > figure > figcaption {}
				.repeater.secondary > figure > img {}
				.repeater.secondary > figure > a {}
				.repeater.secondary > .blurb {order: 4; flex: 0 1 100%;}
				.repeater.secondary > .info {order: 5; flex: 0 1 100%; display: flex; flex-flow: row wrap; justify-content: space-between;}
				.repeater.secondary > .info > .author {}
				.repeater.secondary > .info > .author > p {}
				.repeater.secondary > .info > .author a {}
				.repeater.secondary > .info > time {}
				.repeater.secondary > .info > .updated {}
				.repeater.secondary > .info > a.comments-bubble {}
				.repeater.secondary > .shout-out {order: -1; flex: 0 1 100%; font-size: .8em;}
				}



/* START TERTIARY!!! <-- THIS ONE NEEDS DIFFERENT HTML!!! */
.repeater.tertiary {flex: 0 1 100%;}
.repeater.tertiary > h3 {order: 1; flex: 0 1 100%}
.repeater.tertiary > h3 > a {}
.repeater.tertiary  > .subtitle {order: 2; flex: 0 1 100%}
	@media only screen and (max-width: 479px) {.repeater.tertiary  > .subtitle {display: block;} }
.repeater.tertiary  > figure {order: 3; flex: 0 1 38.2%; margin-right: 10px; }
	@media only screen and (max-width: 479px) { .repeater.tertiary  > figure {flex: 0 1 100% !important;} }
.repeater.tertiary  > figure > figcaption {}
.repeater.tertiary  > figure > img {}
.repeater.tertiary  > figure > a {}
.repeater.tertiary > .added {order: 4; flex: 1; display: flex; flex-flow: column nowrap;}
		@media only screen and (max-width: 479px) { .repeater.tertiary > .added {flex: 0 1 100% !important;} }
.repeater.tertiary  > .added > .blurb {flex: 1 0 auto;}
.repeater.tertiary  > .added > .info {display: flex; flex-flow: row wrap; justify-content: space-between;}
.repeater.tertiary  > .added > .info > .author {}
.repeater.tertiary  > .added > .info > .author > p {}
.repeater.tertiary  > .added > .info > .author a {}
.repeater.tertiary  > .added > .info > time {}
.repeater.tertiary  > .added > .info > .updated{}
.repeater.tertiary  > .added > .info > .comments-bubble {}
.repeater.tertiary > .shout-out {order: -1; flex: 0 1 100%; font-size: .8em;}
	/*NO FIGURE*/
	.repeater.tertiary.no-figure  > figure {display: none;}
	.repeater.tertiary.no-figure  > .added {flex: 0 1 100%;}
/* END TERTIARY!!! */



/* START QUATRO!!! */
.repeater.quatro {flex: 0 1 100%;}
.repeater.quatro > h3 {flex: 0 1 100%}
.repeater.quatro > h3 > a {}
.repeater.quatro  > .subtitle {flex: 0 1 100%}
.repeater.quatro  > figure {order: 1; flex: 0 1 38.2%; margin-right: 10px; }
.repeater.quatro  > figure > figcaption {}
.repeater.quatro  > figure > img {}
.repeater.quatro  > figure > a {}
.repeater.quatro > .added {order: 2; flex: 1; display: flex; flex-flow: column nowrap;}
.repeater.quatro  > .added > .blurb {flex: 1 0 auto;}
.repeater.quatro  > .added > .info {width: 100%; display: flex; flex-flow: row wrap; justify-content: space-between;}
.repeater.quatro  > .added > .info > .author {}
.repeater.quatro  > .added > .info > .author > p {}
.repeater.quatro  > .added > .info > .author a {}
.repeater.quatro  > .added > .info > time {}
.repeater.quatro  > .added > .info > .updated{}
.repeater.quatro  > .added > .info > .comments-bubble {}
.repeater.quatro > .shout-out {order: -1; flex: 0 1 100%; font-size: .8em;}
	/*NO FIGURE*/
	.repeater.quatro.no-figure  > figure {display: none;}
	.repeater.quatro.no-figure  > .added {flex: 0 1 100%;}
/* END QUATRO!!! */

				/* SIDEBAR QUATRO! */
				
				.repeater.quatro.sidebar  > figure {margin-right: 0px;}
				.repeater.quatro.sidebar > .shout-out {flex: 0 1 100.01%;} /* This is a FIX for Sidebar Quatro! */
				.repeater.quatro.sidebar > figure {order: 1; flex: 0 1 100%; }
				@media only screen and (max-width: 1024px) { .repeater.quatro.sidebar  > figure {order: 1; flex: 0 1 38.2% !important; margin-right: 10px; } }

				.repeater.quatro.sidebar  > .added {flex: 0 1 100.1%;}
				@media only screen and (max-width: 1024px) {.repeater.quatro.sidebar > .added {order: 2; flex: 1; display: flex; flex-flow: column nowrap;} }
				
				.repeater.quatro.sidebar  > .added > .blurb {display: none;}
				@media only screen and (max-width: 1024px) { .repeater.quatro.sidebar  > .added > .blurb {display: block;} }
				@media only screen and (max-width: 479px) { .repeater.quatro.sidebar  > .added > .blurb {display: none;} }
			



/* START CINCO!!! Fixed-width small picture!*/
.repeater.cinco {flex: 0 1 100%;}
.repeater.cinco > h3 {flex: 0 1 100%}
.repeater.cinco > h3 > a {}
.repeater.cinco  > .subtitle {flex: 0 1 100%}
.repeater.cinco  > figure {order: 1; margin-right: 10px;} /* Set FLEX-BASIS in GENERIC CSS!!! */
.repeater.cinco  > figure > figcaption {}
.repeater.cinco  > figure > img {}
.repeater.cinco  > figure > a {}
.repeater.cinco > .added {order: 2; flex: 1; display: flex; flex-flow: column nowrap;}
.repeater.cinco  > .added > .blurb {flex: 1 0 auto;}
.repeater.cinco  > .added > .info {width: 100%; display: flex; flex-flow: row wrap; justify-content: space-between;}
.repeater.cinco  > .added > .info > .author {}
.repeater.cinco  > .added > .info > .author > p {}
.repeater.cinco  > .added > .info > .author a {}
.repeater.cinco  > .added > .info > time {}
.repeater.cinco  > .added > .info > .updated{}
.repeater.cinco  > .added > .info > .comments-bubble {}
.repeater.cinco > .shout-out {order: -1; flex: 0 1 100%; font-size: .8em;}
	/*NO FIGURE*/
	.repeater.cinco.no-figure  > figure {display: none;}
	.repeater.cinco.no-figure  > .added {flex: 0 1 100%;}
/* END CINCO!!! */



/* START SIX!!! Only on Wizard Column in Wookalar Templates!  Basically, Primary without figure, but seperate section for different formatting options*/
.repeater.six {flex: 0 1 100%;}
.repeater.six > h3 {order: 1; flex: 0 1 100%;}
.repeater.six > h3 > a {}
.repeater.six  > .subtitle {order: 2; flex: 0 1 100%;}
.repeater.six  > .blurb {order: 3; flex: 0 1 100%;}
.repeater.six  > .info {order: 4; flex: 0 1 100%; display: flex; flex-flow: row wrap; justify-content: space-between;}
.repeater.six  > .info > .author {}
.repeater.six > .info > .author > p {}
.repeater.six  > .info > .author a {}
.repeater.six  > .info > time {}
.repeater.six  > .info > .updated{}
.repeater.six  > .info > .comments-bubble {}
.repeater.six > .shout-out {order: -1; flex: 0 1 100%; font-size: .8em;}
/* END SIX !!! */



/* START TILE!!! */
.repeater.tile {padding: 0 5px 10px 5px; } /* Set flex-basis on GENERIC.CSS!!! */
.repeater.tile > h3 {order: 2; flex: 0 1 100%;}
.repeater.tile > h3 > a {}
.repeater.tile  > .subtitle {order: 3; flex: 0 1 100%;}
.repeater.tile  > figure {order: 1; flex: 0 1 100%;}
.repeater.tile  > figure > figcaption {font-size: .5em;}
.repeater.tile  > figure > img {}
.repeater.tile  > figure > a {}
.repeater.tile  > .blurb {order: 4; flex: 0 1 100%;}
.repeater.tile  > .info {order: 5; flex: 0 1 100%; display: flex; flex-flow: row wrap; justify-content: space-between;}
.repeater.tile  > .info > .author {}
.repeater.tile > .info > .author > p {}
.repeater.tile  > .info > .author a {}
.repeater.tile  > .info > time {}
.repeater.tile  > .info > .updated{}
.repeater.tile  > .info > .comments-bubble {}
.repeater.tile > .shout-out {order: -1; flex: 0 1 100%; font-size: .8em;}
/* END TILE!!! */