/************************ Paragraphs ************************/

.paragraph {
	overflow: hidden; /* Keeps content visable */
	}
	
/************ Block Ref Field ************/	

.paragraph--type--container .paragraph--type--block-field-ref { /* Container width */
	max-width: 1200px;
	margin: 0 auto;
	padding: 0;
	}

/************ Views ************/	
	
.paragraph--type--container .paragraph--type-views-ref-1 { /* Container width */
	max-width: 1200px;
	margin: 0 auto;
	padding: .5em 0;
	}
	
.paragraph--type-views-ref-1 { /* Full width */
	margin: 0 auto;
	}

.paragraph--type-views-ref-2 {
	max-width: 1200px;
	margin: .5em auto;
	}
		
/************ Google Maps ************/

.paragraph--type--container .paragraph--type--google-map {
	max-width: 1200px;
	margin: 1em auto;
	padding:  0 0;
	}

.paragraph--type--google-map {
	max-height: 600px; /* Height of map */
	}
	
.paragraph--type--google-map iframe {
	width: 100%; /* Full width map */
	margin: auto;
	padding:  0; 
	}

/************ People and Page Lists ************/

.paragraph--type--container .paragraph--type-page-list,
.paragraph--type--container .paragraph--type-people-list {
	max-width: 1200px;
	margin: 0 auto;
	padding: 1em 0;
	}
	
/************ Paragraphs Blocks ************/	

.paragraph--type-content-blocks {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 0;
	}

.block-views-ref { 
	overflow: hidden; /* Keeps text and buttons stay within block parent block */
	}

.paragraph--type--block-views-ref,
.paragraph--type--block-page-list,
.paragraph--type--block-people-list,
.paragraph--type--block-files,
.paragraph--type--block-text {
	padding: .25em .5em .5em .5em;
	margin: 0 0 1em 0;
	font-size: 1em;
	}
	
.paragraph--type--inline-files,
.paragraph--type--inline-text {
	padding: .25em .5em .5em .5em !important;
	font-size: 1em;
	}

/************ Breakpoints ************/

/****** Begin breakpoint: desktop ******/
  
@media all and (min-width: 60.0625em) {

/** Paragraphs Content Width **/	
	
.paragraph--type--container .paragraph--type--content {
	max-width: 1200px;
	margin: .25em auto;
	padding: 0 0;	
	}
		
.paragraph--type--container .paragraph--type-content-2-col,
.paragraph--type--container .paragraph--type-content-3-col,
.paragraph--type--container .paragraph--type-page-ref-2,
.paragraph--type--container .paragraph--type-page-ref-3,
.paragraph--type--container .paragraph--type-page-ref-4 {
	max-width: 1200px;
	margin: 0 auto;
	padding: .5em 0;
	}

/** Containers **/

.default-bg.paragraph--type--container { /* This makes images get space on top! */
	margin: 0;
	padding: 1em 1em; /* Height of container */
	}
	
.paragraph--type--container { /* This makes images get space on top! */
	margin: 0;
	padding: 1em 1em; /* Height of container */
	}
	
/** Paragraphs Content and Blocks **/

.paragraph--type-content-blocks > .group-left {
	width: 68%;
	margin: 0;	
	padding: 0 1em 0 0;	
	}
	
.paragraph--type-content-blocks > .group-right {
	width: 32%;
	margin: 0;	
	padding: .5em 0 0 0;
	}
	
/**** Paragraphs Content Columns ****/

/** 2 Column Content **/

.paragraph--type-content-2-col .group-left,
.paragraph--type-page-ref-2 .group-left,
.paragraph--type-views-ref-2 .group-left {
	width: 50%;
	margin: 0;	
	padding: 0 .5em 0 0;
	}	
	
.paragraph--type-content-2-col .group-right,
.paragraph--type-page-ref-2 .group-right,
.paragraph--type-views-ref-2 .group-right {
	width: 50%;
	margin: 0;	
	padding: 0 0 0 .5em;
	}	

/** 3 Column Content **/

.paragraph--type-content-3-col .group-left,
.paragraph--type-page-ref-3 .group-left {
	width: 33.33%;	
	margin: 0;
	padding: 0 .7em 0 0;
	}
	
.paragraph--type-content-3-col .group-middle,
.paragraph--type-page-ref-3 .group-middle {
	width: 33.33%;	
	margin: 0;
	padding: 0 .35em;
	}

.paragraph--type-content-3-col .group-right,
.paragraph--type-page-ref-3 .group-right {
	width: 33.33%;	
	margin: 0;
	padding: 0 0 0 .7em;
	}

/** 4 Column Content **/
	
.paragraph--type-page-ref-4 .group-first {
	width: 25%;	
	margin: 0;
	padding: 0 .7em 0 0;
	}

.paragraph--type-page-ref-4 .group-second {
	width: 25%;	
	margin: 0;
	padding: 0 .5em 0 .2em;
	}

.paragraph--type-page-ref-4 .group-third {
	width: 25%;	
	margin: 0;
	padding: 0 .2em 0 .5em; 
	}

.paragraph--type-page-ref-4 .group-fourth {
	width: 25%;	
	margin: 0;
	padding: 0 0 0 .7em;
	}

}
/****** End breakpoint: desktop ******/

/****** Begin breakpoint: tablet ******/
  
@media all and (min-width: 45.0625em) and (max-width: 60em) {

/** Paragraphs Content Width **/	
	
.paragraph--type--container .paragraph--type--content {
	max-width: 960px;
	margin: .25em auto;
	padding: 0 0;	
	}
		
.paragraph--type--container .paragraph--type-content-2-col,
.paragraph--type--container .paragraph--type-content-3-col,
.paragraph--type--container .paragraph--type-page-ref-2,
.paragraph--type--container .paragraph--type-page-ref-3,
.paragraph--type--container .paragraph--type-page-ref-4 {
	max-width: 960px;
	margin: 0 auto;
	padding: .5em 0;
	}

/** Containers **/

.default-bg.paragraph--type--container { /* This makes images get space on top! */
	margin: 0;
	padding: 1em 1em; /* Height of container */
	}
	
.paragraph--type--container { /* This makes images get space on top! */
	margin: 0;
	padding: 1em 1em; /* Height of container */
	}
	
/** Paragraphs Content and Blocks **/

.paragraph--type-content-blocks > .group-left {
	width: 50%;
	margin: 0;	
	padding: 0 1em 0 0;	
	}
	
.paragraph--type-content-blocks > .group-right {
	width: 50%;
	margin: 0;	
	padding: .5em 0 0 0;
	}
	
/**** Paragraphs Content Columns ****/

/** 2 Column Content **/

.paragraph--type-content-2-col .group-left,
.paragraph--type-page-ref-2 .group-left,
.paragraph--type-views-ref-2 .group-left {
	width: 50%;
	margin: 0;	
	padding: 0 .5em 0 0;
	}	
	
.paragraph--type-content-2-col .group-right,
.paragraph--type-page-ref-2 .group-right,
.paragraph--type-views-ref-2 .group-right {
	width: 50%;
	margin: 0;	
	padding: 0 0 0 .5em;
	}	

/** 3 Column Content **/

.paragraph--type-content-3-col .group-left,
.paragraph--type-page-ref-3 .group-left {
	width: 33.33%;	
	margin: 0;
	padding: 0 .7em 0 0;
	}
	
.paragraph--type-content-3-col .group-middle,
.paragraph--type-page-ref-3 .group-middle {
	width: 33.33%;	
	margin: 0;
	padding: 0 .35em;
	}

.paragraph--type-content-3-col .group-right,
.paragraph--type-page-ref-3 .group-right {
	width: 33.33%;	
	margin: 0;
	padding: 0 0 0 .7em;
	}

/** 4 Column Content **/
	
.paragraph--type-page-ref-4 .group-first {
	width: 25%;	
	margin: 0;
	padding: 0 .7em 0 0;
	}

.paragraph--type-page-ref-4 .group-second {
	width: 25%;	
	margin: 0;
	padding: 0 .5em 0 .2em;
	}

.paragraph--type-page-ref-4 .group-third {
	width: 25%;	
	margin: 0;
	padding: 0 .2em 0 .5em; 
	}

.paragraph--type-page-ref-4 .group-fourth {
	width: 25%;	
	margin: 0;
	padding: 0 0 0 .7em;
	}

}
/****** End breakpoint: tablet ******/

/****** Begin breakpoint: mobile ******/
@media all and (max-width: 45em) {

/** Paragraphs Content Width **/	
	
.paragraph--type--container .paragraph--type--content {
	max-width: 720px;
	margin: .25em auto;
	padding: 0 0;	
	}
	
.paragraph--type-page-ref-2 img {
	width: 100%; /* Make mobile featured image full width */
	}
		
.paragraph--type--container .paragraph--type-content-2-col,
.paragraph--type--container .paragraph--type-content-3-col,
.paragraph--type--container .paragraph--type-page-ref-2,
.paragraph--type--container .paragraph--type-page-ref-3,
.paragraph--type--container .paragraph--type-page-ref-4 {
	max-width: 720px;
	margin: 0 auto;
	padding: 0 0;
	}

/** Containers **/

.default-bg.paragraph--type--container { /* This makes images get space on top! */
	margin: 0;
	padding: 1em 1em; /* Height of container */
	}
	
.paragraph--type--container { /* This makes images get space on top! */
	margin: 0;
	padding: 1em 1em; /* Height of container */
	}
	
/** Paragraphs Content and Blocks **/

.paragraph--type-content-blocks > .group-left {
	width: 100%;
	margin: 0;		
	padding: 0 0 1em 0;
	}
	
.paragraph--type-content-blocks > .group-right {
	width: 100%;
	margin: 0;		
	padding: 0 0 1em 0;
	}
	
/**** Paragraphs Content Columns ****/

/** 2 Column Content **/

.paragraph--type-content-2-col .group-left,
.paragraph--type-page-ref-2 .group-left,
.paragraph--type-views-ref-2 .group-left {
	width: 100%;
	margin: 0;		
	padding: 0 0 1em 0;
	}	
	
.paragraph--type-content-2-col .group-right,
.paragraph--type-page-ref-2 .group-right,
.paragraph--type-views-ref-2 .group-right {
	width: 100%;
	margin: 0;		
	padding: 0 0 1em 0;
	}	

/** 3 Column Content **/

.paragraph--type-content-3-col .group-left,
.paragraph--type-page-ref-3 .group-left {
	width: 100%;
	margin: 0;		
	padding: 0 0 1em 0;
	}
	
.paragraph--type-content-3-col .group-middle,
.paragraph--type-page-ref-3 .group-middle {
	width: 100%;
	margin: 0;		
	padding: 0 0 1em 0;
	}

.paragraph--type-content-3-col .group-right,
.paragraph--type-page-ref-3 .group-right {
	width: 100%;
	margin: 0;		
	padding: 0 0 1em 0;
	}

/** 4 Column Content **/
	
.paragraph--type-page-ref-4 .group-first {
	width: 100%;
	margin: 0;		
	padding: 0 0 1em 0;
	}

.paragraph--type-page-ref-4 .group-second {
	width: 100%;
	margin: 0;		
	padding: 0 0 1em 0;
	}

.paragraph--type-page-ref-4 .group-third {
	width: 100%;
	margin: 0;		
	padding: 0 0 1em 0; 
	}

.paragraph--type-page-ref-4 .group-fourth {
	width: 100%;
	margin: 0;		
	padding: 0 0 1em 0;
	}

}
/****** End breakpoint: mobile ******/