/** 
* 
* This file will govern modifications to elements.
* IE:
*
* Social Icons, etc.
*
**/


/* REVOLUTION SLIDER */
.page .tp-bullets.simplebullets.navbar {
    background: rgba(0,0,0,0.7);
    border-color: #333 #333 #111;
    border-radius: 3px;
}

/* SCROLLBARS */
#main, #main-secondary, #main article, #main-secondary aside{position: relative;}

.page .nicescroll-rails {
    margin-left: 0rem;
	}
.page .nicescroll-rails div {
    cursor: pointer !important;
    right: auto;
	}

#ascrail2001-hr, #ascrail2001-hr *{display: none !important; visibility: none !important;}



/* ISOTOPE */

#skeleton-filter, #skeleton-filter .button {
    border-radius: 0 4px 0 0;
    color: #ffffff;
    font-size: 1.3rem;
    font-weight: 500;
    padding: 0.6rem 1rem;
    text-transform: uppercase;
	}
		#skeleton-filter .button {
	    border-radius: 0;
	    box-shadow: 2px 2px 0 -1px rgba(0, 0, 0, 0.2);
	    font-size: 1.3rem;
	    font-weight: 700;
	    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
	    margin-bottom: 0.5rem;
		}

	#skeleton-filter {
    max-width: 100%;
    padding: 1rem 1rem 6rem;
    position: fixed;
    right: 1rem;
    top: 1rem;
	}

	#skeleton-filter .button:active {
    top: 1px;
    left: 1px;
    box-shadow: 1px 2px 0 -1px rgba(0, 0, 0, 0.5);
	}

#skeleton-container{margin-bottom: 0rem;}
.page-template-template-post-grid-php .site-main{margin-bottom: 5rem;}

.module{border: 0px solid red; margin-bottom:0; padding:0; background:#222}
.module>:first-child{margin-top:0}
.module>:last-child{margin-bottom:0}

.module.columns, .module.column{
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0;
	}
	.module.one.columns{width: 6.244%;}
	.module.two.columns{width: 12.494%;}
	.module.four.columns{width: 24.98%;}
	.module.one-third.column{width: 33.333%;}
	.module.eight.columns{width: 49.98%;}

	.module.one.columns.double-wide {width: 12.494% !important;}
	.module.two.columns.double-wide {width: 24.994% !important;}
	.module.four.columns.double-wide {width: 49.98% !important;}
	.module.one-third.column.double-wide {width: 66.66% !important;}
	.module.eight.columns.double-wide {width: 99.98% !important;}

	.module.padded{margin: 1% 0 0 1% !important;}
		.module.one.columns.padded{width: 5.244%;}
		.module.two.columns.padded{width: 11.494%;}
		.module.four.columns.padded{width: 23.98%;}
		.module.one-third.column.padded{width: 32.333%;}
		.module.eight.columns.padded{width: 48.98%;}

		.module.one.columns.double-wide.padded {width: 11.494% !important;}
		.module.two.columns.double-wide.padded {width: 23.994% !important;}
		.module.four.columns.double-wide.padded {width: 48.98% !important;}
		.module.one-third.column.double-wide.padded {width: 65.66% !important;}
		.module.eight.columns.double-wide.padded {width: 98.98% !important;}


/* Quick Colors */
.module-title, .module-category, .module-excerpt{color: white;}
	.module-category{color: #FFF;}
.module-content{background: #EF5028; background: rgba(239,80,40,0.9);}

/* Module Markup Structure */
.module {} /* Sould also have the module-style such as .hover-text */
	.module-inner{}
		.module-image{}
			.module-image a img{}
		.module-content{}
			.module-content-inner{}
				.module-title{}
				.module-category{}
				.module-excerpt{}

.module{overflow: hidden;}
.module.hover-text .module-content {
	position: absolute;
    backface-visibility: hidden;
    height: 100%;
    width: 100%;
    opacity: 1;
    overflow: hidden;
    top: 0;
    left: 0;    
	}

	.module-content-inner{
		transition: 0.4s all ease-in-out;
		}

		.module-content .top-left{
			top: 0;
			left: 0;
			right: auto;
			bottom: auto;
			text-align: left;
			}
		.module-content .top-right{
			top: 0;
			right: 0;
			left: auto;
			bottom: auto;
			text-align: right;
			}
		.module-content .bottom-left{
			bottom: 0;
			left: 0;
			top: auto;
			right: auto;
			text-align: left;
			}
		.module-content .bottom-right{
			bottom: 0;
			right: 0;
			left: auto;
			top: auto;
			text-align: right;
			}

		.page .module:hover .module-content .push-down{
			margin-top: 0;
			}
		.page .module:hover .module-content .push-left{
			margin-right: 0;
			}
		.page .module:hover .module-content .push-right{
			margin-left: 0;
			}
		.page .module:hover .module-content .push-up{
			margin-bottom: 0;
			}


	.color_background, .module-content {
	    transition: opacity 0.3s ease-in-out;
		}
		.color_background{
	    transition: opacity 0.2s ease-in-out;
		}

	.module.hover-text .module-content-inner { /* Vertical Centering for the hover element */
	    padding: 2rem;
	    position: absolute;
		    max-height: 77%;
		    overflow: hidden;
		   
		/* top: 48%; 
	    transform: translateY(-50%); */ /* Vertical Centering */
		}

		.module-category{border-bottom: 0px solid #FFF;}
			.module-category a, .module-category a:hover, .module-category a:visited {
			    color: #FFF;
			    font-size: 1.3rem;
			    font-weight: 600;
			    letter-spacing: 0rem;
			    text-transform: uppercase;
				}
		.module-title {
		    font-size: 2.4rem;
		    font-weight: 800;
		    margin: 1rem 0;
		    text-transform: uppercase;
			}
			.module-title a, .module-title a:hover, .module-title a:visited{
				color: white;
				}
		#primary .module-excerpt p {
		    font-size: 1.35rem;
			}
		.module-link{ 
			position:absolute; 
			width:100%;
			height:100%;
			top:0;
			left: 0;
			/* edit: fixes overlap error in IE7/8, 
			 make sure you have an empty gif */
			background-image: url('../images/empty.gif');
			}

		.module-title{transition: 0.3s all ease-in-out;}
		.module-excerpt{transition: 0.3s all ease-in-out;}
		.module-category{transition: 0.3s all ease-in-out;}
		
		.page .module .always_visible{opacity: 1 !important;}
		.page .module .visible_on_hover{opacity: 0 !important;}
				.page .module:hover .visible_on_hover{opacity: 1 !important;}
		.page .module .hide_on_hover{opacity: 1 !important;}
				.page .module:hover .hide_on_hover{opacity: 0 !important;}
		

		.module a.lightbox_link, 
		.module a.perma_link{			
			display: block;
			position: absolute;
			cursor: pointer;
			bottom: 0rem !important;
			right: 0rem;
			height: 100% !important;
			width: 100% !important;
			text-indent: -9999px;
			
			transition: 0.3s ease-in-out all;
			}

			.module:hover a.lightbox_link, 
			.module:hover a.perma_link,
			.module a.lightbox_link.always_visible, 
			.module a.perma_link.always_visible{ 
				opacity: 1; 
				bottom: 1.5rem; 
				}

			.module a.lightbox_link{
				background: url('../images/module_sprite.png') -32px 0 no-repeat;
				right: 1.5rem;
				}
			.module a.lightbox_link:hover, 
			.module a.perma_link:hover{
				opacity: 0.5;
				}


			.module .module-image img{

				/* Webkit for Chrome and Safari */
				-webkit-transform: scale(1, 1); // This is the enlarged size scale of the image.
				-webkit-transition-duration: 500ms;
				-webkit-transition-timing-function: ease-out;

				/* Webkit for Mozila Firefox */
				-moz-transform: scale(1, 1);
				-moz-transition-duration: 500ms;
				-moz-transition-timing-function: ease-out;

				/* Webkit for IE( Version: 11, 10 ) */
				-ms-transform: scale(1, 1);
				-ms-transition-duration: 500ms;
				-ms-transition-timing-function: ease-out;
				}
				.module:hover .module-image img {
				/* Webkit for Chrome and Safari */
				-webkit-transform: scale(1.07, 1.07);
				-webkit-transition-duration: 500ms;
				-webkit-transition-timing-function: ease-out;

				/* Webkit for Mozila Firefox */
				-moz-transform: scale(1.07, 1.07);
				-moz-transition-duration: 500ms;
				-moz-transition-timing-function: ease-out;

				/* Webkit for IE( Version: 11, 10 ) */
				-ms-transform: scale(1.07, 1.07);
				-ms-transition-duration: 500ms;
				-ms-transition-timing-function: ease-out;
					
				}

	/**** Isotope Transitions ****/
	.isotope-hidden.isotope-item {
	  pointer-events: none;
		}

	/**** Isotope CSS3 transitions ****/
	.isotope,
	.isotope .isotope-item {
	  -webkit-transition-duration: 0.8s;
	     -moz-transition-duration: 0.8s;
	      -ms-transition-duration: 0.8s;
	       -o-transition-duration: 0.8s;
	          transition-duration: 0.8s;
	}

	.isotope {
	  -webkit-transition-property: height, width;
	     -moz-transition-property: height, width;
	      -ms-transition-property: height, width;
	       -o-transition-property: height, width;
	          transition-property: height, width;
	}

	.isotope .isotope-item {
	  -webkit-transition-property: -webkit-transform, opacity;
	     -moz-transition-property:    -moz-transform, opacity;
	      -ms-transition-property:     -ms-transform, opacity;
	       -o-transition-property:      -o-transform, opacity;
	          transition-property:         transform, opacity;
	} 

	/**** disabling Isotope CSS3 transitions ****/
	.isotope.no-transition,
	.isotope.no-transition .isotope-item,
	.isotope .isotope-item.no-transition {
	  -webkit-transition-duration: 0s;
	     -moz-transition-duration: 0s;
	      -ms-transition-duration: 0s;
	       -o-transition-duration: 0s;
	          transition-duration: 0s;
	}

	/* MEOW TRANSITIONS */
	
	/* 
	#skeleton-container {
    perspective: 1300px;
	}
	 
	#skeleton-container .module {
	    transform-style: preserve-3d;
	}
	 
	#skeleton-container .module.animate {
	    transform: translateZ(400px) translateY(300px) rotateX(-90deg);
	    animation: fallPerspective .8s ease-in-out forwards;
	}
 
	@keyframes fallPerspective {
	    100% { transform: translateZ(0px) translateY(0px) rotateX(0deg); opacity: 1; }
	}
	*/




/* BACKSLIDER */
/* Fullscreen Background Image Slider */

	.backslider,
	.backslider .bs-slides li,
	.backslider .bs-overlay,
	.backslider .bs-preload,
	.backslider .bs-coverslide {
		width: 100%;
		height: 100%;
		background: transparent;
		margin: 0 0 0 0 !important;
		}

	.backslider {
		position: fixed;
		left: 0;
		top: 0;
		overflow: hidden;
		}

		/* slides */
		.backslider .bs-slides {
			list-style: inside none;
			background: transparent;
			}

		.backslider .bs-slides li {
		 	display: block;
			position: absolute;	
			top: 0; 
			left: 0;
			overflow: hidden;
			}

		/* body .backslider .bs-slides .bs-landscape {
			width: auto;
			height: auto;
			max-width: none;
			background: transparent;
			} */

		body .backslider .bs-slides img {
			width: 100%;
			height: auto;
			background: transparent;
			}

		.backslider .bs-slides .bs-portrait {
			width: auto;
			height: 100%;
			max-width: none;
			background: transparent;
			}

		.backslider .bs-coverslide {
			position: absolute;
			top: 0;
			left: 0;
			overflow: hidden;
			}

		/* slides overlay pattern */
		.backslider .bs-overlay {
			position: absolute;
			top: 0;
			left: 0;
			/* background: url("../images/bs-overlay.png"); */
			}

		/* preloader */
		.backslider .bs-preload {
			position: absolute;
			background: transparent;
			}

		.backslider .bs-preload-indicator {
			float: right;
			width: 32px;
			height: 32px;
			background: url("../images/bs-preloader.gif") no-repeat center center;
			margin: 10px;
			}

		/* backslider controls box */
		.backslider .bs-controls {
			position: absolute;
			display: none;
			bottom: 7rem;
			}

			.backslider.right .bs-controls{right: 10rem;}
			.backslider.left .bs-controls{left: 10rem;}

		/* next, previous, timer and pagination buttons */
		.backslider .bs-controls .bs-timer,
		.backslider .bs-controls .bs-next,
		.backslider .bs-controls .bs-scroll,
		.backslider .bs-controls .bs-previous,
		.backslider .bs-controls .bs-pagination {
			display: block;
			float: left;
			width: 20px;
			height: 20px;
			outline: none;
			}

		.backslider .bs-controls .bs-timer {
			background: url("../images/bs-controls.png") no-repeat -20px 0;
			}

		.backslider .bs-controls .bs-scroll {
			background: url("../images/bs-controls.png") no-repeat -20px -80px;
			}

		.backslider .bs-controls .bs-pagination {
			background: url("../images/bs-controls.png") no-repeat -20px -20px;
			}

		/* NEW MOUSE NAV */
		.backslider .bs-controls-mouse {
			position: absolute;			
			bottom: 7rem;
			margin-right: 2px;
			}

			.backslider.right .bs-controls-mouse{right: 2rem;}
			.backslider.left .bs-controls-mouse{left: 2rem;}

		.backslider .bs-controls-mouse .bs-next,
		.backslider .bs-controls-mouse .bs-previous,
		.backslider .bs-controls-mouse .bs-pause {
			display: block;
			float: left;
			width: 20px;
			height: 20px;
			outline: none;
			margin-right: 3px;
			box-shadow: 0 0 0 0 transparent;
			}

		.backslider .bs-controls-mouse .bs-next {
			background: url("../images/bs-controls.png") no-repeat -20px -40px;
			}

		.backslider .bs-controls-mouse .bs-previous {
			background: url("../images/bs-controls.png") no-repeat -20px -60px;
			}

		.backslider .bs-controls-mouse .bs-pause {
			background: url("../images/bs-controls.png") no-repeat -20px 0px;
			}

			.backslider .bs-controls-mouse .bs-next:hover,
			.backslider .bs-controls-mouse .bs-previous:hover,
			.backslider .bs-controls-mouse .bs-pause:hover {
				box-shadow: 0 0 0 1px rgba(255,255,255,0.3);
				background-image: url("../images/bs-controls-invert.png");
				}



		.backslider .bs-controls .bs-next:hover,
		.backslider .bs-controls .bs-previous:hover,
		.backslider .bs-controls .bs-pagination:hover,
		.backslider .bs-controls .bs-pagination.bs-active {
			background-color: #000000;
			background-color: rgba(0,0,0,0.2);
			}

		/* thumbnails mode */
		#bs0 .backslider .bs-controls .bs-thumbnails {
			display: block;
			float: left;
			width: 40px;
			height: 40px;
			overflow: hidden;
			margin-left: 5px;
			background: #000;			
			}
		.backslider .bs-controls .bs-thumbnails img {
			border: 2px solid rgba(255,255,255,0.07);
			}	
		.backslider .bs-controls .bs-thumbnails.bs-active img {
			border: 2px solid rgba(255,255,255,0.3);
			}

		/* MDNW MODS */
		.bs-controls a {
		    background: none repeat scroll 0 0 rgba(55,55,55,0.5) !important;
		    cursor: pointer;
		    height: 10px !important;
		    margin-right: 5px;
		    width: 55px !important;
			}
			.bs-controls a:hover, .bs-controls .bs-active {
		    background: none repeat scroll 0 0 #FFFFFF !important;
			}

		/* EARLY CAPTION WORK */
		/* Would need to make the positioning controllable */
		.bgslide_caption {
	    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7);	    
	    padding: 3rem 4rem;
	    position: absolute;
	    top: 0;
	    margin: -10rem 2rem 2rem 2rem;
	    opacity: 0.25;
	    z-index: 30;

	    line-height: 120%;
		}
			/* .active > .bgslide_caption{
				opacity: 1;
				margin-top: 2rem;
				} */

		.bgslide_caption.right{right: 0px;}
		.bgslide_caption.left{left: 0px;}

		.bgslide_caption .caption_header {
		    color: white !important;
		    display: block;
		    font-size: 2.8rem;
		    font-weight: 700;
		    line-height: 1.1;
		    text-transform: capitalize;
			}
		.bgslide_caption .caption_description{
			color: #ccc;
			color: rgba(255,255,255,0.7) !important;
		    font-size: 1.5rem;
		    font-weight: 300;
		    margin-top: 1rem;
		    display: inline-block;
			}

/* ULTIMATE POSTS WIDGET */
.upw-image img {
    border: 2px solid rgba(155, 155, 155, 0.4);
    float: right;
    margin: 0 0 1.5rem 1.5rem;
	}