
/* Paragraphs */

.paragraph-content.container {
	margin: 0 auto;
}

/* Paragraph Text Area */ 	

.paragraph-text-area {
	position:relative;
	padding:50px 2%;
}

/* Paragraph Call To Action */

.paragraph-call-to-action {
	position:relative;
	padding: 30px 2%;
	overflow:hidden;
}

.paragraph-call-to-action a {
	display: block;
	background: #ab0d16;
	padding: 10px 30px;
	margin: 5px auto;
	color: #fff;
	text-decoration: none;
	/* max-width: 200px; */
	text-transform: uppercase;
	letter-spacing: 1px;
	text-align: center;
}

.paragraph-call-to-action a:hover {
	background: #2e2e2e;
}


/* Paragraph Image Columns and Tiles */

.paragraph-image-columns,
.paragraph-image-tiles {
	overflow: hidden;
	padding:30px 2%;
}

.paragraph-image-tiles {
	padding: 0;
}

.paragraph-image-columns .columns img,
.paragraph-image-tiles .columns img {
		max-width:100%;
		height:auto;
		width: 100%;
}

.paragraph-image-columns .field-name-field-text {
	margin-bottom: 30px;
}

.paragraph-image-tiles .columns {
	background-size: cover;
}

.paragraph-image-tiles .caption-content {
	padding: 5%;
}

.paragraph-image-tiles .paragraph-content {
	text-align: center;
}

.paragraph-image-tiles,
.paragraph-image-tiles a {
	color: #fff;
	text-shadow: 0px 1px 1px #2e2e2e; 
}

.paragraph-image-tiles a:hover {
	color: #fff;
}


/* Paragraph Video Columns */

.paragraph-video-columns {
	overflow: hidden;
	padding:30px 2%;
}

.paragraph-video-columns .columns iframe {
	max-width:100%;
	height:auto;
	width: 100%;
}

.paragraph-video-columns .field-name-field-text {
	margin-bottom: 30px;
}

/* Paragraph Slideshow */	

.paragraph-slideshow {
	position:relative;	
}

.paragraph-slideshow .container {
	margin:0 auto;
	padding:30px 0;
}

.paragraph-slideshow .field-name-field-slideshow-caption {
	position:absolute;
	bottom: 10%;
	left: 15%;
	width: 70%;
	color: #fff;
	text-shadow: 0px 1px 5px #2e2e2e;
	letter-spacing: 2px;
	text-transform: uppercase;
}
	
.paragraph-half-width-slideshow {
	overflow:hidden;
}

/* Paragraph Block Reference */

.paragraph-block-reference {
	position:relative;
	padding:50px 2%;
}

/* Paragraph Carousel */

.paragraph-carousel {
	position:relative;
	padding:50px 2%;
}

.paragraph-carousel img {
	width: 90%;
	height: auto;
	margin: 0 5%;
}

.paragraph-carousel .field-name-field-text {
	margin-bottom: 20px;
}

/* Paragraph Video Banner */

.paragraph-video-banner {
	overflow:hidden;
	position:relative;
}

.paragraph-video-banner video {
	min-height:100%;
	min-width: 100%;
	width: 100%;
}

.paragraph-video-banner button {
	position:absolute;
	bottom:20px;
	left:50%;
	width:100px;
	margin-left:-50px;
	text-align:center;
	z-index:10;
	background:none;
	border:none;
	color:#eee;
	font-weight:bold;
	cursor:pointer;
	outline:none;
}

.paragraph-video-banner button:before {
	content:"";
	background:url("../images/mute.svg") no-repeat;
	background-size:100%;
	display:block;
	width:20px;
	height:20px;
	position:absolute;
	top:-30px;
	left:50%;
	margin-left:-10px;
}

.paragraph-video-banner button.soundon:before 	{background:url("../images/speaker.svg") no-repeat;background-size:100%;}
.paragraph-video-banner .video-height-medium 	{height:400px;}
.paragraph-video-banner .video-height-large 	{height:650px;}
.paragraph-video-banner .video-height-full 	{height: auto}

.paragraph-video-banner .text-area {
	position:absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	background: rgba(255,255,255,0.7);
}

.paragraph-video-banner .text-area-content {
	padding: 2%;
}

/* File Downloads */

.paragraph-file-downloads {
	overflow: hidden;
	padding:30px 2%;
}

/* Gallery */

.paragraph-gallery {
	box-sizing: border-box;
	overflow: hidden;
	padding: 30px 0;
}
.paragraph-gallery img{
	height: auto;
	margin: 0.5%;
    max-width: 100%;
}
.paragraph-gallery.column-count-1 img{
    width: 100%;
	margin: 0.5% 0;
}
.paragraph-gallery.column-count-2 img{
	width: 49%;
    float: left;
}
.paragraph-gallery.column-count-3 img{
	width: 32.333%;
    float: left;
}
.paragraph-gallery.column-count-4 img{
	width: 24%;
    float: left;
}
.paragraph-gallery.column-count-5 img{
	width: 19%;
    float: left;
}
.paragraph-gallery.column-count-6 img{
	width: 15.666%;
    float: left;
}


/* #All Sizes
================================================== */

/* Paragraphs */
.columns 					{float:left;box-sizing:border-box;}
.column-count-1 .columns 	{width:100%;}
.column-count-2 .columns 	{width:49%;}
.column-count-3 .columns 	{width:32%;}
.column-count-4 .columns 	{width:23.5%;}
.column-count-5 .columns 	{width:18.4%;}
.column-count-6 .columns 	{width:15%;}
.columns 					{margin-left:2%;}
.columns.column-0 			{margin-left:0;}

.paragraph-image-tiles .columns {margin-left:0%;min-height: 600px;display: flex;justify-content: center;align-items: center;}
.paragraph-image-tiles.column-count-2 .columns {width:50%;min-height: 500px;}
.paragraph-image-tiles.column-count-3 .columns {width:33.33%;min-height: 400px;}
.paragraph-image-tiles.column-count-4 .columns {width:25%;min-height: 300px;}
.paragraph-image-tiles.column-count-5 .columns {width:20%;min-height: 240px;}
.paragraph-image-tiles.column-count-6 .columns {width:16.66%;min-height: 200px;}

.paragraph-video-columns .columns iframe {height: 675px;}
.paragraph-video-columns.column-count-2 .columns iframe {height:330px}
.paragraph-video-columns.column-count-3 .columns iframe {height: 230px;}
.paragraph-video-columns.column-count-4 .columns iframe {height: 160px;}
.paragraph-video-columns.column-count-5 .columns iframe {height: 125px;}
.paragraph-video-columns.column-count-6 .columns iframe {height: 110px;}

.float-left .paragraph-slideshow,
.float-right .paragraph-slideshow {display:block;float: left;width: 50%;position:relative;}
.float-right .paragraph-slideshow {float: right;}
.float-left .paragraph-text-area,
.float-right .paragraph-text-area {width:50%;box-sizing: border-box;display:flex; justify-content:center; align-items:center;}
.float-left .paragraph-text-area {float:left;}
.paragraph-text-area {padding:20px 2%;}
.container .float-left .paragraph-text-area {padding: 10px 0 10px 2%;}
.container .float-right .paragraph-text-area {padding: 10px 2% 10px 0;}

.paragraph-slideshow .field-name-field-slideshow-caption {font-size: 36px;line-height: 40px;}

/* #Large Devices Desktops (up to 1300px)
================================================== */

@media only screen and (max-width: 1300px) {	

	.paragraph-image-tiles .columns {margin:0%;width: 50%!important;min-height: 400px!important;}
	.paragraph-image-tiles.column-count-3 .columns.column-2,
	.paragraph-image-tiles.column-count-5 .columns.column-4 {width: 100%!important}
	.paragraph-video-banner .video-height-large 	{height:525px;}
}

/* #Medium devices Desktops (up to 992px)
================================================== */

    /* Note: Design for a width of 992px */

@media only screen and (max-width: 992px) {

    .columns {margin:0 1%;}
	.columns.column-0 {margin-left:1%;}
	.paragraph-image-columns,
	.paragraph-call-to-action .paragraph-content,
	.paragraph-video-columns .paragraph-content {text-align:center;}
	.paragraph-image-columns .columns,
	.paragraph-call-to-action .text-area,
	.paragraph-video-columns .field-name-field-text {text-align:initial}
	.columns {float:none;width: 48%!important;display:inline-block;vertical-align: top;}
	.paragraph-image-tiles .columns {margin:0;float: left;min-height: 300px!important;}


	.float-left .paragraph-slideshow,
    .float-right .paragraph-slideshow {width: 100%;margin-bottom: 20px;}
	.float-left .paragraph-text-area,
	.float-right .paragraph-text-area {width:100%;margin-bottom: 20px;min-height: auto!important;}
	.container .float-left .paragraph-text-area,
	.container .float-right .paragraph-text-area {padding:0;}
	.float-left .paragraph-text-area .paragraph-content,
	.float-right .paragraph-text-area .paragraph-content {padding:10px;}

	.paragraph-video-banner .video-height-large {height:auto;}
	.paragraph-video-banner .video-height-full 	{height: auto!important}
	.paragraph-video-columns .columns iframe,
	.paragraph-video-columns.column-count-2 .columns iframe,
	.paragraph-video-columns.column-count-3 .columns iframe,
	.paragraph-video-columns.column-count-4 .columns iframe,
	.paragraph-video-columns.column-count-5 .columns iframe,
	.paragraph-video-columns.column-count-6 .columns iframe {height:225px}

}

/*  #Small devices Tablets (up to 768px)
================================================== */

@media only screen and (max-width: 768px) {

	.paragraph-image-tiles .columns {width: 100%!important}
	.paragraph-video-banner .text-area {position:relative;}
	.paragraph-video-banner .video-height-medium {height:auto;}
	.paragraph-video-columns .columns {width: 98%!important}
	.paragraph-video-columns .columns iframe,
	.paragraph-video-columns.column-count-2 .columns iframe,
	.paragraph-video-columns.column-count-3 .columns iframe,
	.paragraph-video-columns.column-count-4 .columns iframe,
	.paragraph-video-columns.column-count-5 .columns iframe,
	.paragraph-video-columns.column-count-6 .columns iframe {height: 360px;}
	.paragraph-gallery.column-count-3 img,
	.paragraph-gallery.column-count-4 img,
	.paragraph-gallery.column-count-5 img,
	.paragraph-gallery.column-count-6 img {width: 49%;}
}


/* #Extra small devices Phones Landscape (up to 480px)
================================================== */

@media only screen and (max-width: 480px) {

	.paragraph-slideshow .field-name-field-slideshow-caption {font-size: 20px;line-height: 22px;}
	.columns {width: 98%!important;}
	.paragraph-image-tiles .columns {width: 100%!important}
	.paragraph-video-columns .columns iframe,
	.paragraph-video-columns.column-count-2 .columns iframe,
	.paragraph-video-columns.column-count-3 .columns iframe,
	.paragraph-video-columns.column-count-4 .columns iframe,
	.paragraph-video-columns.column-count-5 .columns iframe,
	.paragraph-video-columns.column-count-6 .columns iframe {height: 200px;}
	.paragraph-gallery.column-count-2 img,
	.paragraph-gallery.column-count-3 img,
	.paragraph-gallery.column-count-4 img,
	.paragraph-gallery.column-count-5 img,
	.paragraph-gallery.column-count-6 img {width: 100%;margin: 0.5% 0;}

}


/* NICE GALLERY */
.paragraph-nice-gallery {
	margin-bottom: 30px;
	text-align: center;
}
.nice-gallery-main {
	position: relative;
}
.nice-gallery-main img {	
	max-width: 100%;
}
.nice-gallery-main .caption {
	border-bottom: 1px dotted #EFEFEF;
	padding-bottom: 5px;
	margin-bottom: 20px;
	font-style: italic;
}
.nice-gallery-thumbs {
	text-align: center;
	margin-top: 10px !important;
}
.nice-gallery-thumbs .nice-gallery-thumb {
	display: inline-block;
	margin: 0 10px 10px;
	position: relative;
	max-width: 100%;
}
.nice-gallery-thumbs .nice-gallery-thumb img {
	float: left;
	max-width: 100%;
}
.nice-gallery-thumbs .nice-gallery-thumb a {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.6);
	color: #FFFFFF;
	padding: 10px;
	box-sizing: border-box;
}

.nice-gallery-thumbs .nice-gallery-thumb span {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.nice-gallery-thumbs .nice-gallery-thumb:hover a, .nice-gallery-thumbs .nice-gallery-thumb:hover span {
	display: block;
}


.nice-image-links {
	text-align: center;
	margin-top: 10px !important;
	margin-bottom: 30px !important;
}

.nice-image-link {
	display: inline-block;
	margin: 0 10px 20px;
	position: relative;
	max-width: 100%;
	vertical-align: top;
	border: 1px solid #CBCBCB;
	padding-bottom: 5px;
}
.nice-image-link span {
	display: block;
	height: 24px;
}
.nice-image-link a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: calc(100% - 35px);
}
.nice-image-link a:hover {
	background: rgba(0,0,0,.6);
}

.nice-image-link img {
	max-width: 100%;
}
.nice-image-link:hover {
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
}

@media only screen and (max-width: 420px) {
	.snapwidget-widget {
		width: 100% !important;
		height: auto !important;
	}
}