/*-----------------------------------------------------------------
 Custom CSS for Bromley Child Theme for use on WordPress VIP. Child themes for The Source and El Pasajero themes.

--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------

1.0 - Typography and Elements
2.0 - Header
		2.1 - Navigation 
		2.2 - Custom Font Icons
		2.3 - Search Toggle
3.0 - Featured Images
		3.1 - Related Featured Stories
4.0 - Single Pages
5.0 - Widgets
6.0 - Media Queries
7.0 - Custom IE 7/8 Reworks (Tapiki)

---------------------------------------------------------------
1.0 - Typography and Elements
---------------------------------------------------------------*/
a {
	color: #4880d9;
}
a:hover {
	color: #4880d9;
	/* The Source new Blue Color */
	text-decoration: none;
}
body {
	color: #333;
	/* Dark Gray Color */
	font: normal 125%/1.5 "ff-scala-sans-web", "Verdana", "Helvetica", sans-serif;
}
blockquote {
	background: none;
	padding: 0;
	margin: 12px;
	margin: 0;
	border-left: none;
}
blockquote p {
	color: #333;
	font-size: 110%;
	font-style: italic !important;
	font-weight: 400;
	padding: 0 36px 12px;
}
h1, h3, h4, h5, h6 {
	font-family: "ff-scala-sans-web", "Verdana", "Helvetica", sans-serif;
	font-weight: bold;
}
h1.title, h2 {
	line-height: 1;
}
h2 {
	font-family: "ff-scala-sans-web", "Verdana", "Helvetica", sans-serif;
	font-weight: 400;
	font-size: 200%;
}
h2 a {
	color: #333;
}
h2.posttitle a {
	color: #333;
	font-weight: bold;
	font-size: 1em;
}
input[type=submit], .infinite-scroll #infinite-handle span {
	/* Change Action Button to link Grey */
	background-color: #838383!important;
	background-image: none!important;
	border: none!important;
	border-color: none!important;
    border-radius: 6px!important;
    box-shadow: none!important;
	padding: 6px 12px!important;
}
.main .postmetadata {
	letter-spacing: .5px;
}

.main .postnav .next a:before, .main .postnav .prev a:before, .main .postnav .next a:after, .main .postnav .prev a:after {
	background: #838383;
}

ol.commentlist li.comment .reply a, ol.commentlist li.trackback .reply a, ol.commentlist li.pingback .reply a {
    padding: 6px 12px!important;
    border-radius: 6px!important;
    border: none!important;
    display: inline-block!important;
    text-decoration: none!important;
    background-color: #838383!important;
    background-image: none!important;
    border-color: none!important;
    -webkit-box-shadow: none!important;
    -moz-box-shadow:  none!important;
    box-shadow:  none!important;
}
p, pre {
	margin: 0 0 15px;/* Reduces space after paragraphs */

}
.wp-caption .wp-caption-text {
	text-align: left;
}
/*--------------------------------------------------------------
2.0 - Header Section
--------------------------------------------------------------*/
.container.hfeed {
	margin-top: 100px !important;
}
#header-image {
	float: left;
}
h1.title, .singular article.page h1.title, .singular article.attachment h1.title {
	margin-bottom: 15px !important;
}
.main a#header-image {
	margin: 0 20px 10px;
}
.main article.post-archive {
	margin-bottom: 20px;
}
.masthead h2.description {
	margin: 20px 0 0 !important;
}
.masthead .branding h2.description {
	display: none;
}
.masthead {
	background: #4880d9;
	padding: 12px 3% 0;
	margin: 0 0 20px;
	z-index: 999;
}
.masthead .branding {
	width: 50%;
}
.masthead .branding h1.logo {
	font-size: 333%;
	float: left;
	margin-bottom: 0;
	padding-right: .3em;
	display: none;
}
.masthead .menu {
	/*	float: right; */
	font-size: 1em;
	font-weight: 400;
	margin-top: 12px;
	text-transform: none;
	/*	text-align: right; */
	width: 49%;
}
.masthead .menu li a:hover {
	border: none;
	font-weight: 700;
	font-weight: bold;
}
.masthead .menu li a {
	padding: 12px 10px 0;
	border: none;
	text-decoration: none;
}
.masthead .menu ul {
	padding: 0;
}
.megamenu-toggle {
	display: none;
}
.motherlink a {
	padding: 6px 10px 2px;
	color: #FFF;
	float: right;
	margin-top: 28px;
}
.motherlink a:hover {
	border: 1px solid transparent;
	text-decoration: none;
}
ul#nav {
	float: right;
}
/* ------------------------
2.3 - Custom Font Icons 
--------------------------*/
.metro-logo a {
	color: #FFF;
	font-family: metro_icons;
	font-size: 32px;
	float: right;
	margin-left: 12px;
	padding: 4px;
}
.menu-social ul {
	float: right;
	text-align: center;
	list-style: none;
}
.menu-social ul li {
	position: relative;
	display: inline-block;
}
.menu-social li a:before {
	display: inline-block;
	padding: 0 5px;
	vertical-align: top;
	font-family: 'Fontawesome';
	font-size: 20px;
	color: #fff;
	-webkit-font-smoothing: antialiased;
	content: '\f0c0';
}
.menu-social li a[href*="facebook.com"]::before {
	content: '\f09a';
}
.menu-social li a[href*="twitter.com"]::before {
	content: '\f099';
}
.menu-social li a[href*="dribbble.com"]::before {
	content: '\f17d';
}
.menu-social li a[href*="plus.google.com"]::before {
	content: '\f0d5';
}
.menu-social li a[href*="pinterest.com"]::before {
	content: '\f0d2';
}
.menu-social li a[href*="github.com"]::before {
	content: '\f09b';
}
.menu-social li a[href*="tumblr.com"]::before {
	content: '\f173';
}
.menu-social li a[href*="youtube.com"]::before {
	content: '\f167';
}
.menu-social li a[href*="flickr.com"]::before {
	content: '\f16e';
}
.menu-social li a[href*="vimeo.com"]::before {
	content: '\f194';
}
.menu-social li a[href*="instagram.com"]::before {
	content: '\f16d';
}
.menu-social li a[href*="linkedin.com"]::before {
	content: '\f0e1';
}

@media screen and (max-width: 600px) {
#menu-social ul {
	position: absolute;
	top: 0;
	right: 6rem;
	display: block;
}
#menu-social li a {
	padding-left: .5em;
	padding-right: .5em;
}
}
/* ------------------------
2.3 - Search Toggle 
--------------------------*/
a.screen-reader-text {
	display: none;
}
.error404 .search-submit,  .search .search-submit,  .search-box .search-submit {
	display: none;
}
input[type="search"] {
	box-sizing: border-box;
	width: 100%;
}
.search-box {
	padding: .75em;
	background: #838383;
	height: 28px;
}
.search-box .search-field {
	background-color: #fff;
	border: 0;
	font-size: 20px;
	font-size: 1rem;
	float: right;
	width: 548px;
}
.search-box-wrapper {
	z-index: 2;
	width: 100%;
	display: none;
}
#search-container {
	top: 66px;
	padding: 10px 0;
	position: absolute;
	right: 0;
}
.search-toggle {
	color: #fff;
	cursor: pointer;
	float: right;
	font-size: 24px;
	height: 28px;
	margin-left: 12px;
	padding: 12px;
	text-align: center;
	width: 36px;
}
.search-toggle:hover, .search-toggle.active {
	background: #838383;
}

@media screen and (max-width: 600px) {
.search-toggle {
	position: absolute;
	top: 0;
	right: 0;
	margin-right: 0;
}
}
/*--------------------------------------------------------------
3.0 - Featured Images
--------------------------------------------------------------*/
.entry {
	background: #333;
	opacity: .85;
/* Standards Compliant Browsers */
	filter: alpha(opacity=85);
/* IE7 and Earlier */
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
/* IE8 and Earlier */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
	/* IE8 and Earlier */
	zoom: 1;
}
section.entry {
	background: #FFF;
}
.showcase .item .entry h2, .showcase .item .entry .postmetadata {
	background: none;
}
.showcase .item .entry .postmetadata {
	padding: 5px 10px 0;
}
.showcase .item .entry h2 {
	height: 40px;
	overflow: hidden;
	line-height: 1.1;
}
.showcase .item .entry {
	font-weight: normal;
	font-weight: 500;
	padding-bottom: 5px;
}
.showcase .item h2 {
	font-size: 115%;
	font-weight: normal;
	font-weight: 500;
}
.showcase .item a:hover {
	text-decoration: none;
}
.showcase {
	margin: 0 20px 20px;
}
.main article.post-archive.sticky a.thumbnail {
	/* Sticky Post Color to El Pasajero Blue; Remove feature image repeat and change background from red to white */

	border-bottom: 10px solid #4880d9 !important;
	background: #FFF;
	background-repeat: no-repeat;
}
.main article.post-archive a.thumbnail {
	background: #4880d9;
	background: #FFF;
	background-repeat: no-repeat;
}
/*--------------------------------------------------------------
3.1 Related Feature Stories
--------------------------------------------------------------*/
div#jp-relatedposts div.jp-relatedposts-items-visual h4.jp-relatedposts-post-title {
	margin: 12px 0 0;
}
/*--------------------------------------------------------------
4.0 - Single Pages
---------------------------------------------------------------*/
a.read-more {
	color: #838383;/* Medium Grey Color */

}
img.alignleft {
	border: 1px solid #E8E8E8 !important;
	padding: 6px;
}
img.aligncenter {
	border: 1px solid #E8E8E8 !important;
	padding: 6px;
}
img.alignright {
	border: 1px solid #E8E8E8 !important;
	padding: 6px;
}
.main-content h1.title {
	font-size: 250% !important;
}
p.no-break {
	margin: 3px 0;
}
.read-more a:hover {
	color: #4880d9 !important;
}
.singular article.post .postmetadata {
	margin-bottom: 7px;
}
.singular h1.title {
	padding-bottom: 7px !important;
	border-bottom: 1px solid #E8E8E8 !important;
}
.taxonomies a {
	text-transform: none;
	letter-spacing: 0;
}
/*--------------------------------------------------------------

5.0 - Widgets

---------------------------------------------------------------*/

.widget h3.widgettitle {
	padding: 10px 10px 6px !important;
	background: #4880d9 !important;
}
.widget ul:last-child {
	list-style: none !important;
	padding: 0 !important;
}
#search-2 {
	display: none;
}
.widget_text .textwidget ul {
	list-style: none;
	padding-left: 0;
}

/*--------------------------------------------------------------

6.0 - Media Queries

---------------------------------------------------------------*/

@media only screen and (max-width: 999px) {
/*Hide the description */

.masthead .menu {
	font-size: 1em;
	width: 100%;
}
.branding img {
	max-width: 130%;
	position: absolute;
	clip: rect(0px,260px,60px,0px);
	float: left;
}
}

@media only screen and (max-width: 799px) {
#search-container {
	top: 62px;
}
.search-toggle {
	padding: 10px 12px;
}
.masthead .menu li a {
	font-size: 13px;
}
}

@media only screen and (max-width: 699px) {
body {
	font: normal 100%/1.3 "ff-scala-sans-web", "Verdana", "Helvetica", sans-serif;
}
button.searchsubmit {
	display: none;
}
.container.hfeed {
	margin-top: 88px !important;
}
form.searchform input.searchfield {
	display: none;
}
h2 {
	font-size: 150%;
}
.main article.post-archive .post-archive-wrap {
	padding: 15px !important;
}
.main .postmetadata {
	padding: 5px 0;
}
.masthead .menu li a:hover {
	border-bottom: 1px solid;
}
.masthead .branding h2.description {
	font-size: 1em;
	font-weight: 400;
	text-transform: none !important;
	letter-spacing: 0;
	color: #fff;
	opacity: 1;
	display: none;
}
ul#nav {
	float: none;
}
.masthead {
	padding: 6px 3% 0 !important;
}
.masthead .menu {
	margin-top: 0;
	width: 100%;
}
.masthead .menu li a {
	padding: 9px;
	width: 348px;
	border-bottom: 1px solid;
}
#search-container {
	top: 66px;
}
.search-toggle {
	display: none;
}
.showcase {
	margin: 0 20px 10px;
}
.widget {
	padding: 30px;
}
/* Show/Hide Menu */

.megamenu-toggle {
	color: #FFF;
	cursor: pointer;
	display: block;
	font-size: 36px;
	padding: 12px;
	position: absolute;
	right: 0;
	top: -58px;
}
.megamenu-box-wrapper {
	z-index: 2;
	display: none;
}
.branding img {
	max-width: 130%;
	position: absolute;
	clip: rect(0px,260px,60px,0px);
	float: left;
}
#header-image {
	float: left;
	height: 50px;
	width: 200px;
	overflow: hidden;
}
.branding img {
	max-width: 400px;
	position: relative;
	clip: rect(0px,260px,60px,0px);
	float: left;
}
.masthead .branding {
	width: 80%;
}
.singular.page .main-content, .singular.themes-sidebar3-inactive .main .main-content {
	margin-right: 0;
	margin-left: 0;
	width: 100%;
}
}
#footer-widgets .widgets .widget {
	width: 100% !important;
}
/*--------------------------------------------------------------

7.0 - Custom IE 7/8 Reworks

---------------------------------------------------------------*/

/* IE7 FORMAT 

	*+html { }

*/

#search-2 button {
	display: none;
}
*+html #search-2 {
	display: block;
}
*+html .masthead #nav li {
	display: inline;
	text-align: right;
	zoom: 1;
}
*+html .masthead #nav li a {
	padding-top: 15px;
}
*+html .masthead,  *+html .masthead .menu,  *+html .masthead .branding,  *+html .showcase .row .item {
	box-sizing: content-box;
	margin: 0;
	padding: 0;
	border: 0;
}
*+html .main .articles,  *+html .main .sidebar,  *+html .main .showcase {
	box-sizing: content-box;
	margin: 0 0 20px;
	padding: 0;
	border: 0;
}
*+html .container.hfeed {
	padding-top: 100px !important;
}
*+html .showcase a.selected {
	background: red;
}
*+html .showcase a {
	text-indent: -999em;
	width: 25%;
	height: 7px;
	display: inline-block;
	background: #e6e6e6;
	margin: 5px 5px 0;
}
/* IE8 height: 300px/; */

html[lang='en'] .branding a#header-image {
	box-sizing: content-box;
	display: block;
	float: none;
}

a.email-button {
    background: #4880d9;
    color: white;
    padding: .5em 1em;
    border-radius: 6px;
    border: none;
    text-transform: uppercase;
}