/*
Theme Name: Longevity
Theme URI: https://www.shapedpixels.com/themes/longevity-pro/
Author: Shaped Pixels
Author URI: https://www.shapedpixels.com
Description: Longevity is a powerful responsive and multipurpose theme offering a minimalist design style with a unique curved graphic to help showcase your images and sliders on every page. Easy to configure with a plethora of features and a live preview of your customization from the WordPress customizer. You get features like 9 preset colour options, but also Unlimited colour selectors, 2 Site Header Styles, 21 Widget sidebar positions, 4 blog styles and layouts, 4 webpage sizes, show or hide various page elements, post formats, page templates,  and a lot more. For theme info, support and more, visit the Longevity Info under the Appearance menu.
Version: 1.5.2
License: GNU General Public License v3 or later
License URI: https://www.gnu.org/copyleft/gpl.html
Copyright: Shaped Pixels 2015-2016
Text Domain: longevity
Tags: two-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-menu, editor-style, featured-images, microformats, post-formats, 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.

Font Sizes: This theme uses the rem unit for font sizing. You can use www.pxtoem.com for reference. The em units at this site can be used as rem.
*/

/*--------------------------------------------------------------
TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Base
2.0 Accessibility
3.0 Main structure
	3.1 Sidebars
4.0 Links
5.0 Typography
	5.1 Links
	5.2 Selection Colour
	5.3 Horizontal Rule
	5.4 List Styles
	5.5 Blockquotes
6.0 Blog and Pages
	6.1 Post Format - Aside
	6.2 Post Format - Status
	6.3 Post Format - Quote
	6.4 Post Format - Image
	6.5 Author Page
	6.6 Error Page
	6.7 Comments
7.0 Alignments
8.0 Media
	8.1 Captions
	8.2 Gallery
	8.3 Attachment Page
9.0 Pagination
10.0 Form Styling
11.0 Preloader
12.0 Social Networking Menu
13.0 Primary Menu
14.0 Footer Menu
15.0 Media Queries
--------------------------------------------------------------*/


/*--------------------------------------------------------
1.0 Base
--------------------------------------------------------*/
html { 
 font-size: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	overflow-y: scroll; 
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;
	box-sizing: border-box;
}
body {
  	height: 100%;  
	font-family: "Open Sans",Helvetica,Arial,sans-serif;
	font-size: 0.875rem;
	line-height: 1.65;
	color: #616161;
	font-weight: 400;
	background-color: #494d51;
	overflow-x: hidden;
	-webkit-font-smoothing: antialiased;
	-ms-word-wrap: break-word;
	word-wrap: break-word;
}

img {
	-ms-interpolation-mode: bicubic;
	border: 0;
	height: auto;
	max-width: 100%;
	vertical-align: middle;
}

.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.row:before,
.row:after {
  content: " ";
  display: table;
}
.clearfix:after,
.container:after,
.container-fluid:after,
.row:after {
  clear: both;
}
th, td {
  padding: 4px;
}

/*--------------------------------------------------------------
2.0 Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.says,
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	overflow: hidden;
	position: absolute !important;
	width: 1px;
}

/* must have higher specificity than alternative color schemes inline styles */
.site .skip-link {
	background-color: #f1f1f1;
	box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2);
	color: #21759b;
	display: block;
	font: bold 14px/normal "Open Sans", sans-serif;
	left: -9999em;
	outline: none;
	padding: 15px 23px 14px;
	text-decoration: none;
	text-transform: none;
	top: -9999em;
}

.logged-in .site .skip-link {
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	font: bold 14px/normal "Open Sans", sans-serif;
}

.site .skip-link:focus {
	clip: auto;
	height: auto;
	left: 6px;
	top: 7px;
	width: auto;
	z-index: 100000;
}
/*--------------------------------------------------------------
3.0 Main structure
--------------------------------------------------------------*/
#page {
	margin: 0 auto;
	-webkit-box-shadow: 0px 0px 20px 5px rgba(0,0,0,0.75);
	-moz-box-shadow: 	0px 0px 20px 5px rgba(0,0,0,0.75);
	box-shadow: 		0px 0px 20px 5px rgba(0,0,0,0.75);
}
#page.fullwidth {
	width: 100%;
}
#page.boxed1920 {
	max-width: 1920px;
	margin: 24px auto;
}
#page.boxed1600 {
	max-width: 1600px;
	margin: 24px auto;
}
#page.boxed1400 {
	max-width: 1400px;
	margin: 24px auto;
}
#page.boxed1200 {
	max-width: 1200px;
	margin: 24px auto;
}
#social-wrapper {
	max-width: 1190px;
	margin:auto;
	padding: 2px 0;
}




#topbar,
#topbar-social {
	background-color: #769cd0;
	color: #fff;
	padding: 5px 0;	
}
#topbar-social {
	padding-top:0;
	padding-bottom:0;
}

#top-search input[type="text"] {
      display: block;
    width: 100%;
    height: 24px;
    padding: 3px 10px;
    font-size: 0.875rem;
    line-height: 1.42857143;
    color: #fff;
    background-color: #5477A7;
    border: 1px solid #5477A7;
	border-radius: 20px;
}
#top-search input[type="text"]:focus {
  box-shadow: none;
}

#top-search.col-lg-2 {
	padding-right: 5px;
}


#top-search ::-webkit-input-placeholder {
   color: #fff;
   font-size: 11px;
   	  line-height: 2;
   font-style:italic;
}
#top-search :-moz-placeholder { /* Firefox 18- */
   color: #fff;
      font-size: 11px;
	  line-height: 2;
   font-style:italic;  
}
#top-search ::-moz-placeholder {  /* Firefox 19+ */
   color: #fff;
      font-size: 11px;
	  	  line-height: 2;
   font-style:italic;  
}
#top-search :-ms-input-placeholder {  
   color: #fff;
      font-size: 11px;
	  	  line-height: 2;
   font-style:italic;  
}

.site-header {
	padding: 1.75% 0;
	background-color: #fff;
}
#masthead.header-centered {
	padding: 1.125% 0 1%;
}
#site-branding.header-centered {
	text-align: center;
}
#site-branding.header-centered .header-image {
	float:none;
	margin:0;
}


.header-image img {
    max-width: 100%;
}
.header-image,
.logo-image {
    float: left;
    margin: 0 8px 0 0;
}
.site-title,
.site-description {
	margin: 0;
	font-weight: 400;
}
.site-title {
	font: italic 2.625rem/1.1 "Playfair Display", Georgia, serif;
}
.site-description {
	display: inline-block;
	position: relative;
	font-family: "Open Sans",sans-serif;
	font-size: 0.875rem;
	color: #828282;
	border-left: 1px solid #ccc;
	margin-left: 10px;
	padding-left: 10px;
	line-height: 2;
	top: 3px;
	bottom: 3px;
}
#site-branding.header-centered .site-description {
	border:none;
	margin-left: 0;
	padding-left: 0;
}
.site-title a {
	color: #000;
}
.site-title a:hover {
	text-decoration:none;
}
#fp-banner,
#page-banner {
  position: relative;
  background-color: #eaeaea;
}
#fp-banner img,
#page-banner img {
    margin: auto;
    display: block;
}
#banner-curve {
  position: absolute;
  z-index: 10;
  bottom: -1px;
  max-width: 100%; /* for firefox and IE not cooperating*/
}
#no-curve,
#no-banner-curve,
#breadcrumbs-wrapper {
	background-color: #eaeaea;
	color: #717171;
}
#no-banner {
  position: relative;
  background-color: #eaeaea;
}

#banner p {
	margin: 0;
}
#content {
  padding: 60px 0;
  background-color: #fff;
}

/*--------------------------------------------------------------
3.1 Sidebars
--------------------------------------------------------------*/
#header-sidebar-group {
    text-align: center;
    margin: 18px 0;
    padding-right: 0;
}
#header-sidebar-group .widget {
	margin-bottom: 0;
}
#header-sidebar-group .widget p {
	margin: 0;
}
#breadcrumbs-sidebar {
 	 margin-bottom: 40px;
}
#cta-sidebar {
	text-align: center;
	margin-bottom: 40px;
}
#left-sidebar {}
#right-sidebar {}
#top-group {}
#featured-bottom-group {}
#bottom-group {
	padding: 0.5% 0;
	background-color: #c0a268;
	color: #fff;
}
#bottom-group .widget {
	margin: 15px 0;
}
#footer-group .widget {
    margin: 0;
}
.widget-area {
	font-size: 0.813rem;
}
#cta-sidebar .widget-area,
#breadcrumbs-sidebar .widget-area {
	margin: 0;
}
#featured-bottom-group .widget-area {
	margin-bottom: 0;
}

/* Footer area */
.site-footer {
	padding: 16px 0;
	background-color: #000;
	font-size: 0.75rem;
	color: #ccc;
	text-align: center;
}
/*--------------------------------------------------------------
8.0 Widget Styles
--------------------------------------------------------------*/
.widget-title {
	margin-top: 0;
}
.single_tags  a,
aside.sidebar .widget .tagcloud a,
.widget .tagcloud a{
	color: #686868;
	border: 1px solid #e0e0e0;
	padding: 0px 16px;
	line-height:30px;
	height:32px;
	display:inline-block;
	vertical-align:middle;
	font-size:10px !important;
	font-weight: 500;
	text-transform:uppercase;
	letter-spacing:1px;
}
#footer-group .tagcloud a {
	text-decoration: none;
	border-color: #f3d7c9;
}
.single_tags  a{
	margin: 0 7px 5px 0;
}

aside.sidebar .widget .tagcloud a,
.widget .tagcloud a{
	margin: 0 3px 5px 0;
}

.single_tags  a:hover,
aside.sidebar .widget .tagcloud a:hover,
.widget .tagcloud a:hover {
	color: #fff;
	border-color: #769cd0;
	background-color: #769cd0;
}

.single_tags h5{
	display:inline-block;
	line-height:36px;
}

/*--------------------------------------------------------------
5.0 Typography and Elements
--------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
	margin: 16px 0;
	font-family: "Playfair Display", Georgia, Serif;
	font-weight: 400;
	font-style: italic;
	line-height: 1.1;
}
h1 {
	font-size: 2rem;
}
h2 {
	font-size: 1.813rem;
}
h3 {
	font-size: 1.613rem;
}
h4 {
	font-size: 1.438rem;
}
h5 {
	font-size: 1.25rem;
}
h6 {
	font-size: 1rem;
}
p {
	margin: 1.25rem 0;
}
h3.widget-title {
	font-size: 1.375rem;
}
.category-list {
	font-size: 1rem;
}
.single .entry-title {
	font-size: 1.875rem;
}
.entry-footer {
  	margin: 50px 0;
}


abbr[title],
abbr[data-original-title] {
  cursor: help;
  border-bottom: 1px dotted #777777;
}
dfn,
cite,
em,
i {
	font-style: italic;
}
big {
  font-size: 150%;
}

address {
  margin-bottom: 22px;
  font-style: normal;
  line-height: 1.42857143;
}
pre,
code {
	background: #eee;
	font-family: Cou