/*
Theme Name: pem
Theme URI: http://underscores.me/
Author: Zakir Sajib
Author URI: http://zakirsajibonline.com
Description: Custom WP theme from PSD for Pure Energy Minerals
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: pem
Tags: blue, green, white, one-column, responsive-layout, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
pem is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Links
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Asides
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
	color: #69b139;;
}
a:visited {
	color: #69b139;;
}
a:hover,
a:focus,
a:active {
	color: #69b139;;
}
a:focus {
	outline: thin dotted;
}
a:hover,
a:active {
	outline: 0;
}
/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}
/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}
/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}
.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}
/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
/* 	margin: 0 0 1.5em; */
	margin: 0;
}
/* Make sure select elements fit in widgets. */
.widget select {
	max-width: 100%;
}
/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}
.hentry {
/* 	margin: 0 0 1.5em; */
}
.byline,
.updated:not(.published) {
	display: none;
}
.single .byline,
.group-blog .byline {
	display: inline;
}
.page-content,
.entry-content,
.entry-summary {
	margin-top: 1.5em;
}
.page-links {
	clear: both;
	margin: 0 0 1.5em;
}
/*--------------------------------------------------------------
## Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}
/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}
.bypostauthor {
	display: block;
}
/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}
/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}
/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}
/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}
/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}
.wp-caption-text {
	text-align: center;
}
/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}
.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}
.gallery-columns-2 .gallery-item {
	max-width: 50%;
}
.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
	max-width: 25%;
}
.gallery-columns-5 .gallery-item {
	max-width: 20%;
}
.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}
.gallery-caption {
	display: block;
}
/*---------------------------------------------------------------------*/
/*  Custom CSS Added by Avrom 4-19-17 (Web242 Media Inc.)              */
/*---------------------------------------------------------------------*/
ul li.posts {
    list-style-type: none !important;
}
.archives-menu li {
	list-style-type: none !important;
}
.archives-menu li a {
	float: left;
	width: auto;
	display: block;
}
/*---------------------------------------------------------------------*/
/* CUSTOM CSS ADDED BY AVROM JAN-FEB 2018 (Web242 Media Inc.)          */
/*---------------------------------------------------------------------*/
/* DEFAULT STYLES */
html {
	overflow-x: hidden;
}
.btn-green {
    color: #EEE !important;
    background-color: #69b139;
    border-color: none;
	font-weight: bold;
	text-transform: uppercase;
}
.btn-green:hover {
	color: #FFF !important;
    background-color: #69b139;	
}
hr {
	margin: 25px 0;
	border-bottom: 1px dotted #797979 !important; 
}
h3 strong {
	margin-right: 5px;
	padding: 2px 10px;
	border-radius: 4px;
	color: #FFF;
	background: #090;
	font-weight: strong;
	line-height: 1.6;
}
/* HOME PAGE */
.pem242-home-about-lithium h1 {
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
}
.pem242-home-about-lithium p {
	font-size: 18px !important;
}
.pem242-home-info-box {
	padding-left:  15px;
	padding-right: 15px;
	text-align: center;
}
.pem242-home-info-box h3 {
	text-transform: uppercase !important;
	font-weight: bold;
	font-size: 26px !important;
	color: #69b139 !important;	
}
.pem242-home-info-box p {
	text-align: left;
	font-size: 18px !important;
}
.pem242-home-info-box h4 {
	text-transform: uppercase !important;
	font-weight: normal !important;
	font-size: 14px !important;
}
/* HOME PAGE SLIDESHOW */
.pem242-slideshow {
	text-align: center;
}
.pem242-slideshow h1 {
	margin-top: 370px;
	font-weight: bold;
	font-size: 64px;
}
.pem242-slideshow h1.white {
	color: #FFF;
}
.pem242-slideshow h1.blue {
	color: #3480BA;
}
.pem242-slideshow p {
	font-size: 18px;
	color: #FFF;
}
/* CONTENT */
.page-content, 
.entry-content, 
.entry-summary {
    margin-top:   0px;
	margin-bottom:0px;
}
.entry-content h1,
.entry-content h2, 
.entry-content h3,
.entry-content h4 {
	color: #03475D;
}
.pem242-panel {
	padding-top: 120px;
}
.pem242-panel h1 {
	margin-bottom: 50px;
	font-size: 44px;
	text-align: center;
	color: #03475D;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
}
.pem242-panel h4 {
    color: #898989 !important;
    text-transform: uppercase !important;
	text-align: center;	
}
.pem242-panel img {
	max-width: 100%;
	height: auto;
}
/* WHY LITHIUM */
.lithium-num h1 {
	/* Border */
	margin: 0 auto;
	width: 50px;
	height: 50px;
	line-height: 50px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	border: 2px solid #69b139;
	/* Font */
	text-align: center;
	font-size: 22px;
	color: #69b139;
}
.lithium-num p {
	text-align: center;
	color: #03475d !important;
	font-weight: bold !important;
}
.lithium-panel-top {
	background: url(images/facts-two-section-bg_01.jpg) center bottom;
	text-align: center;
}
.lithium-panel-top h1 {
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #EEE;
}
.lithium-panel-top p {
	font-size: 18px !important;	
}
.lithium-panel-bottom {
	background: url(images/facts-two-section-bg_02.jpg) center top;
}
.lithium-panel-top p,
.lithium-panel-bottom p {
	color: #DDD !important;
}
.lithium-panel-bottom h3,
.lithium-panel-bottom h4 {
	margin-bottom: 0px;
	color: #69b139 !important;	
}
/* TEAM PANELS */
.pem242-team h3 {
	font-size: 18px !important;
	color: #03475d;
	text-transform: uppercase !important;	
}
.pem242-team h4 {
	margin-top: 0;	
	color: #959595 !important;
	font-size: 16px !important;
	text-transform: uppercase !important;
}
/* PROJECT PAGES */
.pem242-projects {
	text-align: center;
}
/* PHOTO GALLERY */
.gallery figure img,
.gallery figure img:hover {
	padding: 10px;
	transition: none !important;
	transform: none !important;
	height: auto !important;
	min-height: 50px !important;
}
@media only screen and (max-width: 900px) {
	.gallery-columns-3 .gallery-item,
	.gallery-columns-4 .gallery-item {
		max-width: 50%;
	}
}
@media only screen and (max-width: 475px) {
	.gallery-columns-3 .gallery-item,
	.gallery-columns-4 .gallery-item {
		max-width: 100%;
	}
}
/* CONTACT PAGE */
.pem242-map {
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
}
#ninja_forms_form_9_cont {
	width: 700px;
	max-width: 100%;
	margin: 50px auto 0 auto;
}
/* FOOTER WIDGETS */
.lithium-news, .company-news, .tweets {
    /* padding: 0 2.9em; */
	padding: 0 1.75em !important;
}