/*

Styles for the Bento Expansion Pack

*/



/* Table of Contents
-------------------------------------

1. Header videos
2. Portfolio
3. Popup
4. Preloader
5. Google Maps header
6. Widgets
	 Advanced Recent Posts
7. Responsive
	 Smaller mobile screens
	 Larger mobile screens
	 Laptops and medium screens
	 Large screens

/*



/* 
1. Header videos
-------------------------------------
*/

.header-video {
	position: absolute;
    height: 100%;
    width: 100%;
    overflow: hidden;
}

.header-video-content {
	position: absolute;
    top: 50%;
    left: 50%;
    width: auto;
    height: auto;
    min-width: 100%;
    min-height: 100%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}


/* 
2. Portfolio
-------------------------------------
*/

.portfolio-filter {
	margin-bottom: 14px;
	margin-bottom: 1.4rem;
}

.portfolio-filter a {
	display: inline-block;
	cursor: pointer;
	margin-right: 16px;
	margin-right: 1.6rem;
	font-size: 16px;
	font-size: 1.6rem;
	border-bottom: 1px currentColor none;
}

.portfolio-filter a:hover {
	border-bottom-style: dotted;
	text-decoration: none;
}

.portfolio-filter a.portfolio-filter-item-active {
	border-bottom-style: dotted;
}

.grid-item.hide-overlay .masonry-item-overlay {
	opacity: 0.0;
}

.project-tile-types {
	font-size: 12px;
	font-size: 1.2rem;
	font-style: italic;
}

.single-project .sidebar .entry-title {
	font-size: 22px;
	font-size: 2.2rem;
}

.project-types {
	font-size: 11px;
	font-size: 1.1rem;
	color: #999;
	font-style: italic;
}

.project-nav {
	font-size: initial;
}

.previous-project {
	float: left;
}

.next-project {
	float: right;
}

.project-nav-arrow {
	font-size: 24px;
	font-size: 2.4rem;
}

.project-nav a:hover {
	text-decoration: none;
}

.project-nav a:hover .project-nav-text {
	text-decoration: underline;
}

.next-project .project-nav-arrow {
	padding-left: 10px;
	padding-left: 1rem;
}

.previous-project .project-nav-arrow {
	padding-right: 10px;
	padding-right: 1rem;
}


/* 
3. Popup
-------------------------------------
*/

.bnt-popup {
	display: none;
}

.bnt-popup-shadow {
	position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.2;
    z-index: 4000;
}

.bnt-popup-box {
	position: fixed;
    z-index: 4100;
	width: 100%;
	max-width: 680px;
	max-width: 68rem;
	left: 50%;
	top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
	padding: 40px;
	padding: 4rem;
}

.bnt-popup-inner .panel-grid {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.bnt-popup-no-so .bnt-popup-inner {
	padding: 50px;
	padding: 5rem;
    background-color: #fff;
}

.bnt-popup-close {
	position: absolute;
    right: 50px;
	right: 5rem;
    top: 50px;
	top: 5rem;
	font-size: 24px;
	font-size: 2.4rem;
    width: 24px;
	width: 2.4rem;
    height: 24px;
	height: 2.4rem;
    line-height: 24px;
	line-height: 2.4rem;
    color: #999;
}

.bnt-popup-close:after {
	font-family: dashicons;
	content: "\f335";
}

.bnt-popup-close:hover {
	color: #666;
	cursor: pointer;
}


/* 
4. Preloader
-------------------------------------
*/

.bnt-preloader {
	position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    z-index: 9000;
}

.bnt-preloader-inner {
	position: absolute;
	left: 50%;
	top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}


/* 
5. Google Maps header
-------------------------------------
*/

#bnt-map-canvas {
	width: 100%;
}


/* 
6. Widgets
-------------------------------------
*/


/* Advanced Recent Posts widget */

.widget_recent_entries .bnt-rp-thumb a {
	line-height: 0;
	float: left;
	margin: 0 14px 0 0;
	margin: 0 1.4rem 0 0;
}

.widget_recent_entries .bnt-rp-title {
	position: relative;
	top: -4px;
	top: -0.4rem;
}

.widget_recent_entries ul.bnt-advanced-recent-posts-list li {
	margin-bottom: 14px;
    margin-bottom: 1.4rem;
    padding-bottom: 14px;
    padding-bottom: 1.4rem;
}

.bnt-advanced-recent-posts-list .bnt-rp-excerpt p {
	margin-bottom: 0;
	margin-top: 10px;
	margin-top: 1rem;
}



/* 
7. Responsive
-------------------------------------
*/

/* Smaller mobile screens */
@media screen and (min-width: 10em) {
	
	.header-video {
		display: none;
	}
	
	.single-project.right-sidebar .sidebar {
		padding-top: 0;
	}
	
	#bnt-map-canvas {
		height: 200px;
		height: 20rem;
	}
	
}

/* Larger mobile screens - 768px and wider */
@media screen and (min-width: 48em) {
	
	.single-project.right-sidebar .sidebar {
		padding-left: 4%;
	}
	
	.single-project.left-sidebar .sidebar {
		padding-right: 4%;
	}
	
	#bnt-map-canvas {
		height: 400px;
		height: 40rem;
	}
	
}

/* Laptops and medium screens - 1280px and wider */
@media screen and (min-width: 80em) {
	
	.header-video {
		display: block;
	}
	
}

/* Large screens - 1920px and wider */
@media screen and (min-width: 120em) {
	
	
		
}