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

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

/* Container */

.paragraph--type--container .paragraph--type--content {
	max-width: 1340px;
	margin: 0 auto;
	padding: 0 20px;
	}

/** Block Styles **/

.paragraph--type--block-text,
.paragraph--type--block-files  {
	padding: .25em .5em .5em .5em !important;
	margin: 0 0 1em 0;
	font-size: 1em;
	border-radius: 2px;
	}

.paragraph--type-content-small-blocks,
.paragraph--type-content-blocks {
	max-width: 1340px;
	margin: 0 auto;
	padding: 0 0; /* Adds padding around views reference content */
	}

/* Paragraphs Page Ref Types */	

.paragraph--type-page-ref-2,
.paragraph--type-page-ref-3,
.paragraph--type-page-ref-4 {
	max-width: 1340px;
	margin: 0 auto;
	}

/* Paragraphs Views Ref Types */	

.paragraph--type-views-ref-1,
.paragraph--type-views-ref-2,
.paragraph--type-views-ref-3,
.paragraph--type-views-ref-4 {
	max-width: 1340px;
	margin: 0 auto;
	}

.paragraph--type--block-files,
.paragraph--type--inline-files,
.paragraph--type--block-text,
.paragraph--type--inline-text {
	padding: .25em .5em .5em .5em !important;
	font-size: .9em;
	border-radius: 2px;
	}

/*** Google Map ***/

.paragraph--type--google-map {
	max-height: 400px; /* Removes gap between containers */
	}

.paragraph--type--container .paragraph--type--google-map {
	max-width: 1340px;
	margin: .5em auto;
	padding:  10px 20px; /* Content padding */
	text-align: center;
	}

.paragraph--type--google-map iframe {
	width: 100%;
	margin: auto;
	padding:  0; /* Content padding */
	text-align: center;
	}

.paragraph--type--google-map img { /* Spacing for gmap image */
	margin: auto;
	width: 100%;
	}

.paragraph--type--google-map .gmap-address {
	padding: .5em 0 1em 0;
	}
	
/* Page List */

.paragraph--type--page-list .node,
.paragraph--type--people-list .node {
  	margin: 0 0 20px 0;
	}

/*** Large Image ***/	

.paragraph--type--container .paragraph--type--large-img  {
	max-width: 1340px;
	margin: 0 auto;
	padding: 20px 20px;
	}

.page-node-type-event .paragraph--type--large-img,	
.page-node-type-news .paragraph--type--large-img  {
	max-width: 1340px;
	margin: 0 auto;
	padding: 10px 0;
	}

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

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

.default-bg.paragraph--type--container { /* This makes images get space on top! */
	margin: 0;
	padding: 1.4em 0; /* Height of container */
	}
	
.paragraph--type--container { /* This makes images get space on top! */
	margin: 0;
	padding: 2em 0; /* Height of container */
	}

/**** Paragraphs Content and Blocks ****/

/* Small Blocks */

.paragraph--type-content-small-blocks .group-left {
	width: 76%;
	margin: 0;	
	padding: 0 0;
	}
	
.paragraph--type-content-small-blocks .group-right {
	width: 24%;
	margin: 0;	
	padding: 0 20px 0 0;
	}

/* Small Blocks */

.paragraph--type-content-blocks .group-left {
	width: 70%;
	margin: 0;	
	padding: 0 20px;
	}
	
.paragraph--type-content-blocks .group-right {
	width: 30%;
	margin: 0;	
	padding: 0 20px 0 0;
	}

/**** Paragraphs Page Ref ****/

.paragraph--type-page-ref-2,
.paragraph--type-page-ref-3,
.paragraph--type-page-ref-4 {
	padding: 10px 20px;
	}

/* Paragraphs Page Ref 2 */

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

/* Paragraphs Page Ref 3 */

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

/* Paragraphs Page Ref 4 */

.paragraph--type-page-ref-4 .group-first, 
.paragraph--type-page-ref-4 .group-second, 
.paragraph--type-page-ref-4 .group-third, 
.paragraph--type-page-ref-4 .group-fourth {
	width: 25%;	
	margin: 0;
	padding: 0 1em 0 0;
	}

/**** Paragraphs Views Ref ****/	

.paragraph--type-views-ref-1,
.paragraph--type-views-ref-2,
.paragraph--type-views-ref-3,
.paragraph--type-views-ref-4 {
	padding: 10px 20px;
	}

/* Paragraphs Views Ref 2 */

.path-frontpage .paragraph--type-views-ref-2 .group-left,
.path-frontpage .paragraph--type-views-ref-2 .group-right {
	width: 50%;
	margin: 0;	
	padding: 0 1em 0 0;
	}	
	
.paragraph--type-views-ref-2 .group-left {
	width: 60%;
	margin: 0;	
	padding: 0 1em 0 0;
	}	

.paragraph--type-views-ref-2 .group-right {
	width: 40%;
	margin: 0;	
	padding: 0 1em 0 0;
	}	

/* Paragraphs Views Ref 3 */

.paragraph--type-views-ref-3 .group-left, 
.paragraph--type-views-ref-3 .group-middle, 
.paragraph--type-views-ref-3 .group-right {
	width: 33.33%;	
	margin: 0;
	padding: 0 1em 0 0;
	}

/* Paragraphs Views Ref 4 */

.paragraph--type-views-ref-4 .group-first, 
.paragraph--type-views-ref-4 .group-second, 
.paragraph--type-views-ref-4 .group-third, 
.paragraph--type-views-ref-4 .group-fourth {
	width: 25%;	
	margin: 0;
	padding: 0 1em 0 0;
	}

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

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

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

/* Small Blocks */

.paragraph--type-content-small-blocks .group-left {
	width: 70%;
	margin: 0;	
	padding: 0 0;
	}
	
.paragraph--type-content-small-blocks .group-right {
	width: 30%;
	margin: 0;	
	padding: 0 20px 0 0;
	}

/* Big Blocks */

.paragraph--type-content-blocks .group-left {
	width: 60%;
	margin: 0;	
	padding: 0 20px;
	}
	
.paragraph--type-content-blocks .group-right {
	width: 40%;
	margin: 0;	
	padding: 0 20px 0 0;
	}
	
/**** Paragraphs Page Ref ****/

.paragraph--type-page-ref-2,
.paragraph--type-page-ref-3,
.paragraph--type-page-ref-4 {
	padding: 5px 20px;
	}

/* Paragraphs Page Ref 2 */

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

/* Paragraphs Page Ref 3 */

.paragraph--type-page-ref-3 .group-left, 
.paragraph--type-page-ref-3 .group-middle, 
.paragraph--type-page-ref-3 .group-right {
	width: 33.33%;	
	margin: 0;
	padding: 0 .5em 0 0;
	}

/* Paragraphs Page Ref 4 */

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

/**** Paragraphs Views Ref ****/	

.paragraph--type-views-ref-1,
.paragraph--type-views-ref-2,
.paragraph--type-views-ref-3,
.paragraph--type-views-ref-4 {
	padding: 5px 20px;
	}

/* Paragraphs Views Ref 2 */

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

/* Paragraphs Views Ref 3 */

.paragraph--type-views-ref-3 .group-left, 
.paragraph--type-views-ref-3 .group-middle, 
.paragraph--type-views-ref-3 .group-right {
	width: 33.33%;	
	margin: 0;
	padding: 0 .5em 0 0;
	}

/* Paragraphs Views Ref 4 */

.paragraph--type-views-ref-4 .group-first, 
.paragraph--type-views-ref-4 .group-second, 
.paragraph--type-views-ref-4 .group-third, 
.paragraph--type-views-ref-4 .group-fourth {
	width: 25%;	
	margin: 0;
	padding: 0 .5em 0 0;
	}

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

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

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

/* Small Blocks */

.paragraph--type-content-small-blocks .group-left {
	width: 100%;
	margin: 0;	
	padding: 0 1px;
	}
	
.paragraph--type-content-small-blocks .group-right {
width: 100%;
	margin: 0;	
	padding: 0 10px;
	}

/* Big Blocks */


.paragraph--type-content-blocks .group-left {
	width: 100%;
	margin: 0;	
	padding: 0 20px;
	}

.paragraph--type-content-blocks .group-right {
	width: 100%;
	margin: 0;	
	padding: 0 10px;
	}
	
/**** Paragraphs Page Ref ****/

.paragraph--type-page-ref-2,
.paragraph--type-page-ref-3,
.paragraph--type-page-ref-4 {
	padding: 0 20px;
	}

/* Paragraphs Page Ref 2 */

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

/* Paragraphs Page Ref 3 */

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

/* Paragraphs Page Ref 4 */

.paragraph--type-page-ref-4 .group-first, 
.paragraph--type-page-ref-4 .group-second, 
.paragraph--type-page-ref-4 .group-third, 
.paragraph--type-page-ref-4 .group-fourth {
	width: 100%;
	margin: 0;	
	padding: 0 0 .5em  0;
	}

/**** Paragraphs Views Ref ****/	

.paragraph--type-views-ref-1,
.paragraph--type-views-ref-2,
.paragraph--type-views-ref-3,
.paragraph--type-views-ref-4 {
	padding: 5px 20px;
	}

/* Paragraphs Views Ref 2 */

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

/* Paragraphs Views Ref 3 */

.paragraph--type-views-ref-3 .group-left, 
.paragraph--type-views-ref-3 .group-middle, 
.paragraph--type-views-ref-3 .group-right {
	width: 100%;
	margin: 0;	
	padding: 0 0 .5em  0;
	}

/* Paragraphs Views Ref 4 */

.paragraph--type-views-ref-4 .group-first, 
.paragraph--type-views-ref-4 .group-second, 
.paragraph--type-views-ref-4 .group-third, 
.paragraph--type-views-ref-4 .group-fourth {
	width: 100%;
	margin: 0;	
	padding: 0 0 .5em  0;
	}

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