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

	Theme Name: Caveat
	Theme URI: https://styledthemes.com/free-themes/caveat/
	Description: Caveat is a corporate business style WordPress theme that allows businesses, corporations, and organizations to showcase their content and message. This theme has a built-in customizer to accommodate your corporate needs. Each section in this theme is dynamic, from basic background color for all sections and text color to displaying contents in sections. It can be used for generic sites , including personal and professional blogging site. This theme also exceptionally presents the option to display your portfolio projects. It has numerous features for including posts and displaying in different section of homepage. This theme was designed to give a perfect basic, clean simple and minimalist style throughout your website. Incorporating flat design techniques, the overall concept is giving more focus to your site's content. In addition to the subtle design style, Corporate Portfolio includes a plethora of features and functions to help you get the most out of your website.
	Author: Styled Themes
	Author URI: http://styledthemes.com/
	Version: 1.6.0
	Text Domain: caveat
	Tags: threaded-comments, translation-ready, custom-menu, featured-images, blog, portfolio, microformats

	License: GNU General Public License version 3.0
	License URI: http://www.gnu.org/licenses/gpl-3.0.html
	
-------------------------------------------------------------------

 TABLE OF CONTENTS
	 
	0. RESET
	1. LAYOUT & STRUCTURE
	2. HEADER
	   - Logo
	   - Nav
	3. FRONT PAGE
	   - Hero
	   - Columns
	   - Portfolio
	   - Clients
	   - Blog
	   - eNews
	4. CONTENT
	   - Page
	   - Post
	   - Article
	   - Author Bio
	   - Comments
	   - Respond
	   - Pagination
	   - Post Formats
	   - Sidebar
	   - Widgets
	5. PAGE TEMPLATES
	   - Page
	   - Archives & Search
	   - 404
	   - Contact
	   - Portfolio Archive
	   - Portfolio Single
	6. FOOTER
	   - Links
	   - Copyright
	7. BROWSERS
	   - Firefox
   
------------------------------------------------ */



/*-------------------------------------
   0. RESET
-------------------------------------*/

html, body, div, span, applet, object, iframe, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, 
a, abbr, acronym, address, big, cite, code, 
del, dfn, em, font, img, ins, kbd, q, s, samp, 
small, strike, strong, sub, sup, tt, var, 
b, u, i, center, dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, table, caption, 
tbody, tfoot, thead, tr, th, td { 
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
	
section, article, aside, 
footer, header, nav, hgroup {
  display:block;
}
	
body {
	line-height: 1;
}
	
ol, ul {
	list-style: none;
}
	
blockquote, q { 
	quotes: none;
}
	
blockquote:before,
blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
	
:focus {
	outline: 0;
}
	
ins { 
	text-decoration: none;
}
	
del {
	text-decoration: line-through;
}
	
table {
	border-collapse: collapse;
	border-spacing: 0;
}

.screen-reader-text{
	
}

/*-------------------------------------
   1. LAYOUT & STRUCTURE
-------------------------------------*/

body {
	font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-size: 15px;
	line-height: 23px;
	color: #5c5c5c;
}
	
@-webkit-keyframes fadeDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-3px);
}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
}
}

@-moz-keyframes fadeDown {
	0% {
		opacity: 0;
		-moz-transform: translateY(-3px);
}
	100% {
		opacity: 1;
		-moz-transform: translateY(0);
}
}

@-ms-keyframes fadeDown {
	0% {
		opacity: 0;
		-ms-transform: translateY(-3px);
}
	100% {
		opacity: 1;
		-ms-transform: translateY(0);
}
}

@-o-keyframes fadeDown {
	0% {
		opacity: 0;
		-o-transform: translateY(-3px);
}
	100% {
		opacity: 1;
		-o-transform: translateY(0);
}
}

@keyframes fadeDown {
	0% {
		opacity: 0;
		transform: translateY(-3px);
}
	100% {
		opacity: 1;
		transform: translateY(0);
}
}

.fadeDown {
	-webkit-animation:fadeDown 300ms ease;
	   -moz-animation:fadeDown 300ms ease;
	    -ms-animation:fadeDown 300ms ease;
	     -o-animation:fadeDown 300ms ease;
	        animation:fadeDown 300ms ease;
}

		
a {
	color: #19a9e5;
	text-decoration: none;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
	
a:hover {
	color: #010101;
}
	
h1, h2, h3, h4, h5, h6 {
	font-weight: 400;
	color: #262626;
}
	
h1, h2, h3, h4, h5, h6,
input, textarea, button,
.logo, #nav a, .btn, input[type="submit"],
.more-link, .testimony-content, .entry-meta a {
	font-family: 'Montserrat', Helvetica Neue, sans-serif;
}

::selection { 
	background: #19a9e5;
	color: #FFF;
}
	
input, textarea, button {
	font-size: 15px;
	line-height: 23px;
	color: #303030;
}

button {
	font-weight: 700;
	text-transform: uppercase;
}

a.btn,
input[type="submit"],
button.btn,
.more-link {
	color: #FFF;
	font-size: 13px;
	line-height: 16px;
	letter-spacing: 1px;
	padding: 13px 16px;
	border: none;
	border-radius: 4px;
	background-color: #19a9e5;
	display: inline-block;
	text-transform: uppercase;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

a.btn:hover,
input[type="submit"]:hover,
button.btn:hover,
.more-link:hover {
	cursor: pointer;
	border: none;
	background-color: #010101;
	color: #fff;
}

.alignleft { float: left; }

.alignright { float: right; }

.aligncenter {
	margin-left: auto;
	margin-right: auto;
	display: block;
	clear: both;
}

header, main, footer, aside, section,
.clearfix {
	*zoom: 1;
}

header:before, main:before, footer:before, aside:before, section:before,
header:after, main:after, footer:after, aside:after, section:after,
.clearfix:before,
.clearfix:after {
	display: table;
	content: "";
	line-height:0;
}

header:after, main:after, footer:after, aside:after, section:after,
.clearfix:after {
	clear:both;
}

.wrap {
	width: 980px;
	padding: 0 10px;
	margin: 0 auto;
}

.full-width {
	width: 980px !important;
}


/*-------------------------------------
   2. HEADER
-------------------------------------*/

#header {
	position: relative;
	background-color: #232932;
	z-index: 100;
}

body.home #header {
	margin-bottom: 0;
}

#header .masthead {
	position: absolute;
	height: 100%;
	width: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	opacity: 0.075;
	z-index: 101;
}

#header #header-top,
#header #header-meta {
	margin: 55px 0 70px;
	position: relative;
}

#header #header-top {
	z-index: 103;
}

#header-meta {
	z-index: 102;
}


/* Logo */

#header .logo {
	float: left;
}

/* Logo > Plain */
#header .logo a {
	font-size: 30px;
	line-height: 34px;
	font-weight: 400;
	letter-spacing: -1px;
	color: #fff;
	display: block;
}

#header .logo a:after {
	content: ".";
	color: #19a9e5;
}

/* Logo > Custom */
#header .logo a.custom {
	font-size: 0;
	font-weight: normal;
	letter-spacing: normal;
	line-height: 0;
	display: block;
	border: 0;
	padding: 0;
	text-shadow: none;
	box-shadow: none;
}

#header .logo a.custom:hover {
	border: none;
}


/* Navigation */

#header nav {
	float: right;
	position: relative;
	z-index: 105;
}

#header #nav  {
	float: left;
	list-style: none;
	position: relative;
	z-index: 105;
	margin-top: 5px;
}

#header #nav li {
	float: left;
	margin-left: 25px;
	position: relative;
}

#header #nav li:first-child {
	margin-left: 0;
}

#header #nav li:hover {
	visibility: inherit;
}

#header #nav li a {
	color: #97a0ad;
	font-size: 16px;
	line-height: 34px;
	display: block;
}

#header #nav li a:hover, 
#header #nav li.current_page_item a, 
#header #nav li.current-menu-parent a,
#header #nav li.current_page_parent a {
	color: #fff;
}

/* Navigation > Dropdown Menus */

#header #nav .sub-menu,
#header #nav .children {
	display: none;
	padding: 8px 0;
	position: absolute;
	left: -10px;
	z-index: 99999;
	border-radius: 4px;
	background: #fff;
}

#header #nav li:hover > ul,
#header #nav ul li:hover > ul {
	display: inline-block;
	-webkit-animation: fadeDown 250ms ease;
	-moz-animation: fadeDown 250ms ease;
	-ms-animation: fadeDown 250ms ease;
	-o-animation: fadeDown 250ms ease;
	animation: fadeDown 250ms ease;
}

#header #nav .sub-menu ul,
#header #nav .children ul {
	left: 99.75%;
	top: -1px;
}

#header #nav ul li,
#header #nav ul ul li {
	margin-left: 0;
}

#header #nav ul a,
#header #nav ul ul a {
	color: #666666;
	font-size: 12px;
	line-height: 12px;
	letter-spacing: normal;
	font-weight: 400;
	text-transform: none;
	text-align: left;
	padding: 7px 12px;
	display: inline-block;
	min-width: 125px;
	border-bottom: none;
	margin-bottom: 0 !important;
}

#header #nav ul a:hover,
#header #nav ul ul a:hover {
	color: #19a9e5 !important;
	border-bottom: none;
}

#header #nav li.current_page_item ul a, 
#header #nav li.current-menu-parent ul a,
#header #nav li.current_page_parent ul a {
	color: #666666;
}

#header #nav ul li.current-menu-item a {
	color: #19a9e5 !important;
}


/* Header > Meta */

#header-meta {
	margin-bottom: 70px;
	background-color: #f2f2f2;
	padding: 40px 0 27px;
}	

#header-meta h1 {
	color: #5c5c5c;
	font-size: 36px;
	line-height: 46px;
	letter-spacing: -2px;
	margin-bottom: 20px;
	z-index: 103;
}

#header-meta h2,
#header-meta span {
	color: #5c5c5c;
	font-size: 18px;
	line-height: 29px;
	display: block;
	z-index: 103;
	width: 80%;
	margin-bottom: 30px;
}

#header-meta a.btn {
	margin-bottom: 40px;
}


/*-------------------------------------
   3. FRONT PAGE
-------------------------------------*/

/* Header Meta */

body.home #header-meta, 
body.home #header h1, 
body.home #header h2, 
body.home #header span {
	text-align: center;
}
	
body.home #header-meta h1 {
	color: #fff;
	font-size: 38px;
	line-height: 48px;
}

body.home #header h2, 
body.home #header span {
	color: #97a0ad;
	margin: 0 auto 40px;
	width: 70%;
}

body.home #header-meta {
	background-color: transparent !important;
	padding: 0 !important;
}

body.home #header-meta .btn:hover {
	background: #fff;
	color: #262626;
}

#blog .heading,
#portfolio .heading,
#columns .heading {
	border-bottom: 1px solid #e4e4e4;
	width: 100%;
	position: relative;
	text-align: center;
	margin-bottom: 55px;
}	
		
/* Section Headings */

#blog .heading h1,
#portfolio .heading h1,
#columns .heading h1 {
	font-size: 13px;
	line-height: 34px;
	background-color: #fff;
	text-transform: uppercase;
	position: relative;
	top: 17px;
	display: inline;
	padding: 0 20px;
	letter-spacing: 1px;
	color: #333;
}

#blog .heading h1 b,
#portfolio .heading h1 b,
#columns .heading h1 b {
	font-weight: normal;
	color: #19a9e5;
}
	
#blog h2.subhead,
#portfolio h2.subhead,
#columns h2.subhead {
	font-size: 22px;
	line-height: 32px;
	color: #5c5c5c;
	text-align: center;
	width: 85%;
	margin: 0 auto 60px;
	float: none;
}

/* Columns */

body.home #columns {
	margin: 40px 0 35px;
}

body.home #columns .column  {
	width: 300px;
	float: left;
	margin: 0 40px 40px 0;
}

body.home #columns .last  {
	margin-right: 0;
}

body.home #columns .column h2 {
	font-size: 18px;
	line-height: 26px;
	margin-bottom: 7px;
	float: right;
	width: 86%;
}

body.home #columns p,
#blog .post p {
	font-size: 15px;
	line-height: 23px;
	display: block;
	margin-bottom: 5px;
	float: right;
	color: #5c5c5c;
	width: 86%;
}
	
body.home #columns i {
	font-size: 30px;
	color: #19a9e5;
	float: left;
	width: 9%;
}


/* Portfolio */

#portfolio {
	background-color: #f2f2f2;
	padding: 40px 0 60px;
	margin-bottom: 50px;
	text-align: center;
}

#portfolio .heading h1 {
	background-color: #f2f2f2;
}

#portfolio .post {
	float: left;
	width: 300px;
	line-height: 0;
	margin-bottom: 40px;
	margin-right: 40px;
}

#portfolio .last {
	margin-right: 0;
}

#portfolio .post a {
	height: 300px;
	width: 300px;
	position: relative;
	display: block;
	z-index: 100;
	border-bottom: none;
}

#portfolio .post img {
	z-index: 101;
	border-radius: 3px;
}

#portfolio .post a .overlay {
	height: 300px;
	width: 300px;
	position: absolute;
	top: 0;
	display: block;
	background: #19a9e5;
	opacity: 0;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	z-index: 102;
}

#portfolio .post a:hover .overlay {
	background: #19a9e5;
	opacity: 0.6;
}

#portfolio .post span {
	font-family: "Montserrat";
	color: #CCC;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 2px;
	line-height: 14px;
	padding: 10px 15px;
	background: #000;
	border-top-left-radius: 4px;
	position: absolute;
	bottom: 0;
	right: 0;
	display: block;
	z-index: 103;
}

	
/* Blog */

#blog {
	margin-bottom: 10px;
}

#blog .post {
	float: left;
	width: 300px;
	line-height: 0;
	margin: 0 40px 40px 0;
}

#blog .last {
	margin-right: 0;
}
	
#blog .post i {
	font-size: 30px;
	color: #19a9e5;
	float: left;
	width: 9%;
}

#blog .post h2 {
	font-size: 18px;
	line-height: 26px;
	margin-bottom: 7px;
	float: right;
	width: 86%;
}

#blog .post h2 a {
	color: #262626;
}

#blog .post h2 a:hover {
	color: #19a9e5;
}

#blog .post .entry-meta {
	float: right;
	width: 86%;
}

#blog .post .entry-meta i {
	font-size: 18px;
	color: #aaa;
	line-height: 34px;
	margin-right: 5px;
	float: left;
	
}

#blog .post .entry-meta a {
	font-size: 12px;
	line-height: 34px;
	letter-spacing: 1px;
	font-weight: 700;
	color: #19a9e5;
	float: left;
	text-transform: uppercase;
}

#blog-left-sidbear #sidebar {
    float: left;
    width: 300px;
    text-align: left;
}
#blog-left-sidbear #content {
    float: right;
    width: 640px;
    text-align: left;
}
/*-------------------------------------
   4. CONTENT
-------------------------------------*/

#content {
	float: left;
	width: 640px;
	text-align: left;
}

/* Article */

#content article.post {
	padding-bottom: 50px;
}

#content article.sticky {
	background: #fffef5;
	border-bottom: 2px solid #f5f4e8;
	padding: 0 10px 35px 10px !important;
	margin-bottom: 35px !important;
	overflow: hidden;
}

#content .entry-header {
	margin-bottom: 10px;
}

/* Article > Header */

#content article .entry-header h1.entry-title,
#content article .entry-header h2.entry-title {
	font-size: 24px;
	line-height: 36px;
	margin-bottom: 5px;
	letter-spacing: -1px;
}

#content article .entry-header .entry-image,
body.single-post #content article .entry-header img.wp-post-image {
	line-height: 0;
	display: block;
	margin-bottom: 25px;
}

#content article .entry-header .entry-image img,
body.single-portfolio #content article .entry-image img {
	border-radius: 3px;
}

#content article .entry-header .entry-image,
#content article .entry-header .entry-image:hover,
#content article .entry-header .entry-image a:hover {
	border-bottom: none !important;
}

#content article .entry-header .entry-image a {
	display: block;
	border-bottom: none !important;
}

#content article .entry-header h2.entry-title a {
	color: #121212;
}

#content article .entry-header h2.entry-title a:hover {
	color: #19a9e5;
}

#content article .entry-meta {
	margin-bottom: 15px;
	font-size: 12px;
	color: #777;
	font-family: "Montserrat";
}
	 	
#content article .entry-meta .entry-time,
#content article .entry-meta span a {
	color: #19a9e5;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin: 0 3px;
}
	
#content article .entry-header .entry-meta .entry-time {
	margin-left: 0px !important;
}
	
	

/* Article > Content */

#content article .entry-content p,
#content article .entry-content pre,
#content article .entry-content ul,
#content article .entry-content ol,
#content article .entry-content dl,
#content article .entry-content dd,
#content article .entry-content address,
#content article .entry-content table,
#content article .entry-content fieldset,
#content article .entry-content form ,
#content article .entry-content h1,
#content article .entry-content h2,
#content article .entry-content h3,
#content article .entry-content h4,
#content article .entry-content h5,
#content article .entry-content h6 {
	margin-bottom: 30px;
}

#content article .entry-content img {
	border-radius: 3px;
}

#content article .entry-content ul li,
#content article .entry-content ol li {
	padding-left: 15px;
	list-style-position: inside;
}

#content article .entry-content ul li {
	list-style-type: disc;
}

#content article .entry-content ul ul li {
	list-style-type: circle;
}

#content article .entry-content ul ul ul li {
	list-style-type: square;
}

#content article .entry-content ol li {
	list-style-type: decimal;
}

#content article .entry-content ol ol li {
	list-style-type: decimal-leading-zero;
}

#content article .entry-content ol ol ol li {
	list-style-type: lower-roman;
}

#content article .entry-content blockquote {
	font-style: italic;
	padding-left: 20px;
	margin-left: 10px;
	border-left: 3px solid #19a9e5;
}

#content article .entry-content h1 { font-size: 26px; line-height: 28px; }
#content article .entry-content h2 { font-size: 21px; line-height: 24px; }
#content article .entry-content h3 { font-size: 17px; line-height: 23px; }
#content article .entry-content h4 { font-size: 15px; line-height: 20px; }
#content article .entry-content h5 { font-size: 12px; line-height: 18px; }
#content article .entry-content h6 { font-size: 10px; line-height: 16px; }

#content article .entry-content pre {
	font-weight: 400;
	background: #F4F4F4;
	border-radius: 4px;
	padding: 20px;
	max-width: 100%;
	overflow: scroll;
}

#content article .entry-content table thead {
	font-weight: 400;
	background: #F4F4F4;
	margin-bottom: 8px;
}

#content article .entry-content table th,
#content article .entry-content table tbody td {
	padding: 8px;
}


/* Article > Content > WordPress Classes */

.alignnone {
    margin: 5px 20px 20px 0;
    max-width: 100%;
    width: auto;
height: auto;	}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
    max-width: 100%;
    width: auto;
    height: auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
    max-width: 100%;
    width: auto;
    height: auto;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
    max-width: 100%;
    width: auto;
    height: auto;
}

.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
    max-width: 100%;
    width: auto;
    height: auto;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #F4F4F4;
    border: 1px solid #EFEFEF;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0 !important;
    padding: 0;
}


/* Article > Content > WordPress Gallery */

.gallery {
	margin: 0 auto 18px;
}

.gallery .gallery-item {
	float: left;
	margin-top: 0;
	text-align: center;
	width: 33%;
}

.gallery-columns-2 .gallery-item {
	width: 50%;
}

.gallery-columns-4 .gallery-item {
	width: 25%;
}

.gallery img,
#gallery-1 img {
	border: 1px solid #EFEFEF !important;
	background: #F4F4F4; 
	padding: 8px;
	line-height: 0;
}

.gallery img:hover {
	background: white;
}

.gallery-columns-2 .attachment-medium {
	max-width: 92%;
	height: auto;
}

.gallery-columns-4 .attachment-thumbnail {
	max-width: 84%;
	height: auto;
}

.gallery .gallery-caption {
	color: #888;
	font-size: 12px;
	margin: 0 0 12px;
}

.gallery dl,
.gallery dt {
	margin: 0;
}

.gallery br+br {
	display: none;
}


/* Entry Links */

#content .entry-links {
	margin-bottom: 35px;
}

#content .entry-links a {
	background: #F4F4F4;
	padding: 5px 10px;
	margin: 0 5px;
	border-radius: 3px;
	border-bottom: none;
}

#content .entry-links a:hover {
	color: #000;
	border-bottom: none;
}


/* Author Bio */

#content .author-bio {
	background: #F4F4F4;
	border-radius: 4px;
	padding: 20px;
	margin-bottom: 50px;
}

#content .author-bio .avatar {
	margin: 2px 30px 30px 0;
	float: left;
	border-radius: 3px;
}

#content .author-bio .author-name {
	margin-bottom: 10px;
}
	
#content .author-bio .author-name a {
	font-size: 18px;
	line-height: 26px;
	font-family: "Montserrat";
	color: #262626;
}
	
#content .author-bio .author-name span a {
	font-size: 14px;
	line-height: 26px;
	color: #19a9e5;
	margin-left: 15px;
}

/* Comments */

#content .entry-comments {
}

#content #comment-title,
#content #reply-title,
#content #author-title {
	margin-bottom: 50px;
	font-size: 18px;
	line-height: 26px;
	color: #262626;
}
	
#content #comment-title {
	margin-bottom: 40px !important;
}	

#content #reply-title small {
	font-size: 18px;
	margin-left: 10px;
}

#content #comments .comments-closed {
	margin-bottom: 50px;
}

#content #comments .comment .bypostauthor {
	overflow: auto;
}

#content #comments .comment article {
	margin-bottom: 30px;
}

#content #comments .comment .avatar {
	border-radius: 3px;
	margin: 10px 25px 0 0;
	width: 64px;
	height: 64px;
	float: left;
}

#content #comments .comment-author,
#content #comments .comment-content,
#content #comments .comment-reply {
	float: right;
	width: 550px;
}
	
#content #comments .vcard {
	text-transform: uppercase;
	font-family: "Montserrat";
	font-size: 12px;
	line-height: 34px;
	color: #19a9e5;
	margin-bottom: 5px;
}

#content #comments .comment-author cite,
#content #comments .comment-author cite a {
	text-transform: none;
	font-style: normal;
	font-size: 15px;
	line-height: 26px;
	color: #262626;
}
	
#content #comments .comment-author cite {
	margin-right: 10px;
}
	
#content #comments time {
	color: #777;
	margin-right: 10px;	
}

#content #comments .comment-reply-link {
	letter-spacing: 1px;
}
	
#content #comments .comment-content p {
	margin-bottom: 10px;
}

#content #comments .comment-reply {
	font-size: 13px;
}

/* Threaded comments */
#content #comments ol .children {
	margin-left: 90px;
}

#content #comments .children .avatar {
	float: left;
	width: 24px;
	height: 24px;
	margin: 5px 15px 0 0 !important;
}

#content #comments .children .comment-author,
#content #comments .children .comment-content,
#content #comments .children .comment-reply {
	float: right;
	width: 510px;
}
	
#content #comments .children .comment-content {
	width: 550px;
}
	
#content #comments .children .children .avatar {
	float: left;
	width: 24px;
	height: 24px;
	margin: 5px 15px 0 0 !important;
}

#content #comments .children .children .comment-author,
#content #comments .children .children .comment-content,
#content #comments .children .children .comment-reply {
	float: right;
	width: 420px;
}
	
#content #comments .children .children .comment-content {
	width: 460px;
}
	

/* Reply form in comments */
#content #comments ol #respond {
	margin-left: 115px;
}

#content #comments ol .children #respond {
	margin-left: 100px;
}

/* Respond */

#content #respond {
	margin-bottom: 55px;
}

#content #respond p {
	margin-bottom: 25px;
}

#content #respond label, 
#content #respond p.logged-in-as {
	font-family: "Montserrat";
	color: #262626;
	line-height: 50px;
}

#content #respond p.logged-in-as {
	line-height: 24px !important;
}
	
#content #respond label .required {
	display: none;
}

#content #respond input[type="text"],
#content #respond textarea {
	float: left;
	margin-right: 20px;
	font-size: 13px;
	line-height: 26px;
	padding: 5px 8px;
	height: 39px;
	width: 57%;
	border-radius: 5px;
	border: 1px solid #f4f4f4;
	background-color: #f4f4f4;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

#content #respond textarea {
	width: 82%;
	min-height: 115px; 
	float: none;
}

#content #respond textarea:focus,
#content #respond input[type="text"]:focus {
	border: 1px solid #CCC;
}

#content #respond .form-submit {
	margin-bottom: 0;
}
	
/* Pagination */

#content .pagination {
	margin-bottom: 50px;
}

#content .pagination .prev {
	float: left;
}

#content .pagination .next {
	float: right;
}


/* Article > Post Format > Quote */

#content article.format-quote .entry-header {
	margin-bottom: 0;
}
	
body.blog #content article {
	padding-bottom: 70px;
}

body.blog #content article.format-quote .entry-meta {
	margin-bottom: 15px;
}

body.blog #content article.format-quote .entry-title {
	margin-bottom: 0 !important;
}

#content article.format-quote .entry-title a:hover blockquote p {
	color: #19a9e5;
}

#content article.format-quote .entry-title cite {
	font-size: 18px;
	letter-spacing: -1px;
	margin-top: 10px;
	display: inline-block;
}

#content article.format-quote .entry-header h2.entry-title {
	margin-bottom: 30px;
}


/* Article > Post Format > Link */

#content article.format-link header {
	background: #F4F4F4;
	border-radius: 4px;
	padding: 30px 30px 40px 30px;
	overflow: hidden;
	position: relative;
	margin-bottom: 40px;
}

#content article.format-link header i {
	font-size: 36px;
	color: #19a9e5;
	position: absolute;
	top: 27px;
	left: 30px;
	padding: 20px;
	border-radius: 40px;
	background: #FFF;
}

#content article.format-link header h2,
#content article.format-link header p {
	padding-left: 97px;
}

#content article.format-link header p {
	font-style: italic;
	color: #777;
}


/* Article > Post Format > Audio */

.mejs-time-loaded {
	background: #484848 !important;
}

.mejs-time-current {
	background: #19a9e5 !important;
}

/* eliminate the yellow border around the play button during playback */
.mejs-controls .mejs-button button:focus {
	outline: none !important;
}

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
	background: #19a9e5 !important;
}

.mejs-container .mejs-controls .mejs-time {
	padding-top: 9px !important;
}

.mejs-container .mejs-controls .mejs-time span {
	color: #BBB !important;
	text-shadow: 1px 1px 0px rgba(0,0,0,.6);
}

#content article.format-audio.post-thumb .mejs-container,
#content article.format-audio.post-thumb .mejs-controls {
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}


/* Article > Post Format > Gallery */

/* Flexslider */

.flexslider { 
	margin: 0 0 30px 0;
	padding: 0;
	position: relative;
}

.flexslider .slides > li {
	display: none; 
	-webkit-backface-visibility: hidden;
}

.flexslider .slides img {
	width: 100%; 
	display: block;
	border-radius: 3px;
}

.flex-pauseplay span {
	text-transform: capitalize;
}

.slides:after {
	content: "."; 
	display: block; 
	clear: both; 
	visibility: hidden; 
	line-height: 0; 
	height: 0;
}

html[xmlns] .format-gallery .slides {
	display: block;
}

* html .format-gallery .slides {
	height: 1%;
}

.no-js .slides > li:first-child {
	display: block;
}

.flex-control-paging {
	display: none;
}

.flex-direction-nav {
	position: absolute;
	width: 640px;
	bottom: 55%;
}

.flex-direction-nav a {
	color: #FFF;
	background-color: #000;
	display: block;
	padding: 10px 15px;
	position: absolute;
	border-bottom: 0;
	-webkit-transition: background-color .1s linear;
	-moz-transition: background-color .1s linear;
	-o-transition: background-color .1s linear;
	-ms-transition: background-color .1s linear;
	transition: background-color .1s linear;
}

.flex-direction-nav a:hover {
	color: rgba(255,255,255,1);
	background-color: #19a9e5;
	border-bottom: 0;
}

.flex-direction-nav .flex-prev {
	left: 0px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}

.flex-direction-nav .flex-next {
	right: 0px;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}


/* Sidebar */

#sidebar {
	float: right;
	width: 300px;
	text-align: left;
}

/*page left sidebar*/
.page-template-template-page-left-sidebar #sidebar {
    float: left;
    width: 300px;
    text-align: left;
}	

.page-template-template-page-left-sidebar #content {
    float: right;
    width: 640px;
    text-align: left;
}
/* Widgets */

.widget {
	font-size: 14px;
	line-height: 23px;
	margin-bottom: 50px;
}

.widget-title {
	font-size: 14px;
	line-height: 30px;
	color: #121212;
	margin-bottom: 10px;
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: 2px;
	border-bottom: 1px solid #e4e4e4;
	padding-bottom: 12px;
	margin-bottom: 25px;;
}


/* Recent Posts Widget */

.widget_recent_entries li {
	margin-bottom: 15px;
	font-family: 'Montserrat';
	font-weight: 400;
}

.widget_recent_entries li a {
	color: #262626;
	font-size: 15px;
	line-height: 26px;
}

.widget_recent_entries li a:hover {
	color: #19a9e5;
}

.widget_recent_entries li span {
	font-size: 12px;
	line-height: 34px;
	color: #777;
	margin-bottom: 10px;
	text-transform: uppercase;
	letter-spacing: 1px;
	display: block;
}


/* Recent Comments Widget */

.widget_recent_comments li {
	margin-bottom: 15px;
}


/* Search Form / Widget */

.search-form {
	width: 300px;
	float: left;
}

.search-form input.search-input {
	padding: 10px 15px;
	margin: 0px;
	border: none;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	float: left;
	position: relative;
	width: 213px;
	color: #666666;
	background-color: #f2f2f2;
	font-size: 13px;
	line-height: 23px;
	font-style: italic;
	font-family: Helvetica Neue;
}

.search-form .search-submit {
	float: left;
	position: relative;
	width: 87px;
	background-color: #19a9e5;
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	font-size: 12px;
	line-height: 23px;
	padding: 10px 11px;
	margin: 0px;
	letter-spacing: 1px;
}

/* Calendar */

#calendar_wrap {
	border: 1px solid #DDD;
	border-radius: 4px;
}

.widget_calendar #wp-calendar {
	width: 100%;
}

.widget_calendar caption {
	font-size: 18px;
	font-style: italic;
	color: #777;
	background: #F4F4F4;
	padding: 5px 0 8px 0;
	margin-bottom: 10px;
	border-bottom: 1px solid #DDD;
}

.widget_calendar th,
.widget_calendar td {
	text-align: center;
}

.widget_calendar #today {
	background: #F4F4F4;
	border-radius: 4px;
}

.widget_calendar #prev,
.widget_calendar #next {
	padding: 5px 0;
}


/* RSS Widget */

.widget_rss ul li {
	margin-bottom: 15px;
}

.widget_rss ul li span.rss-date {
	display: block;
	font-style: italic;
	color: #777;
}


/* Text Widget */

.textwidget p {
	margin-bottom: 15px;
}

.textwidget img {
	max-width: 100%;
	height: auto;
}

.textwidget a img {
	border-bottom: none !important;
}

.textwidget a:hover img {
	border-bottom: none !important;
}

.textwidget form select,
.textwidget form input,
.textwidget form textarea {
	max-width: 97%;
}


/* Text Widget */

.widget_nav_menu ul ul {
	margin-left: 20px;
}


/* Categories Widget - Archive Widget */

.widget_categories li a,
.widget_archive li a {
	color: #19a9e5;
	font-size: 14px;
	line-height: 26px;
	font-weight: 400;
	margin-right: 5px;
}

.widget_categories li a:hover,
.widget_archive li a:hover {
	color: #262626;
}

.widget_categories li,
.widget_archive li {
	color: #999;
}	

/* Recent Tweet Widget */

.mighty_tweet_widget ul,
.mighty_tweet_widget ul li {
	margin-bottom: 25px;
}

.mighty_tweet_widget .twitter-time-stamp {
	font-family: "Montserrat";
	display: block;
	font-size: 13px;
	color: #121212;
	border-bottom: none;
	margin-top: 8px;
}

.mighty_tweet_widget .twitter-time-stamp:hover {
	border-bottom: none;
}


/* Recent Project Widget */

.mighty_project_widget .post {
	float: left;
	width: 300px;
	line-height: 0;
	margin-bottom: 10px;
}

.mighty_project_widget .last {
	margin-right: 0;
}

.mighty_project_widget .post a {
	height: 300px;
	width: 300px;
	position: relative;
	display: block;
	z-index: 100;
	border-bottom: none;
}

.mighty_project_widget .post a:hover {
	border-bottom: none;
}

.mighty_project_widget .post img {
	z-index: 101;
	border-radius: 3px;
}

.mighty_project_widget .post a .overlay {
	height: 300px;
	width: 300px;
	position: absolute;
	top: 0;
	display: block;
	background: #19a9e5;
	opacity: 0;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	z-index: 102;
}

.mighty_project_widget .post a:hover .overlay {
	background: #19a9e5;
	opacity: 0.6;
}

.mighty_project_widget .post span {
	font-family: "Montserrat";
	color: #CCC;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 2px;
	line-height: 14px;
	padding: 10px 15px;
	background: #000;
	border-top-left-radius: 4px;
	position: absolute;
	bottom: 0;
	right: 0;
	display: block;
	z-index: 103;
}


/* Dribbble Widget */

.mighty_dribbble_widget li {
	line-height: 0;
	margin-bottom: 15px;
}

.mighty_dribbble_widget li a {
	line-height: 0;
	border-bottom: none;
	display: block;
}

.mighty_dribbble_widget li a:hover {
	border-bottom: none;
}

.mighty_dribbble_widget a img {
	width: 300px;
	border-radius: 3px;
}

.mighty_dribbble_widget p {
	padding-top: 10px;
}


/* Instagram & Flickr Widgets */

.mighty_instagram_widget ul,
.mighty_flickr_widget ul {
	float: left;
}

.mighty_instagram_widget li,
.mighty_flickr_widget li {
	line-height: 0;
	margin: 0 15px 15px 0;
	float: left;
}

.mighty_instagram_widget li a,
.mighty_flickr_widget a {
	line-height: 0;
	border-bottom: none;
	display: block;
}

.mighty_instagram_widget li a:hover,
.mighty_flickr_widget li a:hover {
	border-bottom: none;
}

.mighty_instagram_widget li img,
.mighty_flickr_widget li img {
	width: 85px;
	height: 85px;
	border-radius: 3px;
}

.mighty_instagram_widget p {
	padding-top: 10px;
}


/* Social Links */

.mighty_social_widget ul {
	float: left;
}

.mighty_social_widget li {
	float: left;
	line-height: 0;
	margin: 0 15px 15px 0;
}

.mighty_social_widget li:nth-child(5n) {
	margin-right: 0;
}

.mighty_social_widget a {
	float: left;
	padding: 15px;
	height: 17px;
	width: 17px;
	border-radius: 3px;
	border-bottom: none;
	background: #F4F4F4;
	color: #777;
	font-size: 18px;
	line-height: 18px;
	text-align: center;
}

.mighty_social_widget a:hover {
	background: #19a9e5;
	color: #FFF;
	border-bottom: none;
}


/*-------------------------------------
   5. PAGE TEMPLATES
-------------------------------------*/

/* Page */

body.page #content article {
	margin-bottom: 20px;
}

body.page .entry-image {
	line-height: 0;
	margin-bottom: 40px;
}


/* Archives & Search */

body.archive h2.archive-title,
body.search h2.archive-title {
	font-size: 24px;
	margin-bottom: 60px;
}

/* 404 */

body.error404 #header {
	margin-bottom: 60px;
}

body.error404 #header-meta {
	display: none;
}

body.error404 #content {
	text-align: center;
}

body.error404 span.big {
	font-size: 125px;
	line-height: 125px;
	display: block;
	margin-bottom: 50px;
}

body.error404 .search-form  {
	display: inline-block;
	margin: 20px 0 35px;
	float: none;
}


/* Portfolio Overview */

body.page-template-template-portfolio-sortable-php #header-meta {
	margin-bottom: 60px;
}

body.page-template-template-portfolio-sortable-php .portfolio-filter {
	margin-bottom: 60px;
}

body.page-template-template-portfolio-sortable-php .portfolio-filter i {
	color: #ccc;
}

body.page-template-template-portfolio-sortable-php .portfolio-filter ul,
body.page-template-template-portfolio-sortable-php .portfolio-filter li {
	display: inline-block;
}

body.page-template-template-portfolio-sortable-php .portfolio-filter li {
	margin-left: 20px;
	font-family: "Montserrat";
	font-weight: 700;
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: 1px;
	position: relative;
	top: -1px;
}

body.page-template-template-portfolio-sortable-php .portfolio-filter li.filter-heading {
	margin-left: 5px;
	color: #333;
}

body.page-template-template-portfolio-sortable-php .portfolio-filter li a {
	color: #5c5c5c;
}

body.page-template-template-portfolio-sortable-php .portfolio-filter li a.active,
body.page-template-template-portfolio-sortable-php .portfolio-filter li a:hover {
	color: #19a9e5;
}

/* Isotope */

.isotope-item {
  z-index: 2;
  position: relative;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

.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;
}

body.page-template-template-portfolio-sortable-php .portfolio-container {
	width: 105%;
	overflow: hidden;
}

body.page-template-template-portfolio-sortable-php .post {
	width: 300px;
	margin-right: 40px;
	margin-bottom: 30px !important;
}

body.page-template-template-portfolio-php .post,
body.single-portfolio #portfolio .post {
	width: 300px;
	margin-right: 40px;
	margin-bottom: 50px !important;
	float: left;
}

body.page-template-template-portfolio-php .last,
body.single-portfolio #portfolio .last {
	margin-right: 0;
}

body.page-template-template-portfolio-php .item,
body.page-template-template-portfolio-sortable-php .item,
body.single-portfolio #portfolio .item {
	margin-bottom: 18px;
}

body.page-template-template-portfolio-php .item a,
body.page-template-template-portfolio-sortable-php .item a,
body.single-portfolio #portfolio .item a {
	height: 300px;
	width: 300px;
	position: relative;
	display: block;
	z-index: 100;
	border-bottom: none !important;
}

body.page-template-template-portfolio-php .item img,
body.page-template-template-portfolio-sortable-php .item img,
body.single-portfolio #portfolio .item img {
	z-index: 101;
	border-radius: 4px;
}

body.page-template-template-portfolio-php .item a .overlay,
body.page-template-template-portfolio-sortable-php .item a .overlay,
body.single-portfolio #portfolio .item a .overlay {
	height: 300px;
	width: 300px;
	position: absolute;
	top: 0;
	display: block;
	background: #19a9e5;
	opacity: 0;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	z-index: 102;
}

body.page-template-template-portfolio-php .item a:hover .overlay,
body.page-template-template-portfolio-sortable-php .item a:hover .overlay,
body.single-portfolio #portfolio .item a:hover .overlay {
	background: #19a9e5;
	opacity: 0.6;
}

body.page-template-template-portfolio-php .item .view,
body.page-template-template-portfolio-sortable-php .item .view,
body.single-portfolio #portfolio .item .view {
	background: #000;
	color: #FFF;
	border-radius: 4px;
	padding: 5px 15px;
	display: block;
	position: absolute;
	top: 46%;
	left: 40%;
	opacity: 0;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	z-index: 103;
	font-weight: 400;
}

body.page-template-template-portfolio-php .item a:hover .view,
body.page-template-template-portfolio-sortable-php .item a:hover .view,
body.single-portfolio #portfolio .item a:hover .view {
	opacity: 1;
}

body.page-template-template-portfolio-php #content h2.entry-title a,
body.page-template-template-portfolio-sortable-php #content h2.entry-title a {
	font-size: 24px;
	font-weight: 400;
	line-height: 36px;
	margin-bottom: 5px
	color: #121212;
}

body.page-template-template-portfolio-sortable-php #content article.post {
	padding-bottom: 0px;
}

body.page-template-template-portfolio-sortable-php #content .entry-header {
	margin-bottom: 2px;
}


/* Portfolio Single */

body.single-portfolio #content article {
	margin-bottom: 20px;
}

body.single-portfolio .flexslider { 
	margin: 0;
}

body.single-portfolio .flex-direction-nav {
	width: 980px;
	top: 46%;
}

body.single-portfolio .flex-direction-nav a {
	line-height: 23px;
}

body.single-portfolio .entry-image {
	margin-bottom: 45px;
	line-height: 0;
}

body.single-portfolio .portfolio-meta {
	float: left;
	width: 300px;
	margin-right: 40px;
}

body.single-portfolio .portfolio-meta p {
	font-weight: 400;
	margin-bottom: 25px;
}

body.single-portfolio .portfolio-meta p span {
	font-size: 15px;
	font-style: italic;
	font-weight: 400;
	color: #777;
	display: block;
	margin-top: 2px;
}

body.single-portfolio .portfolio-meta p a {
	display: inline-block;
	padding-top: 5px;
}

body.single-portfolio .entry-content,
body.single-portfolio .entry-header {
	float: right;
	width: 640px;
}

/* Portfolio Single > Other Projects */

body.single-portfolio #portfolio .heading h1 {
	background-color: #FFF;
}

body.single-portfolio #portfolio {
	background-color: #FFF;
	padding: 0px 0px 20px 0;
	margin-bottom: 0 !important;
}



/*-------------------------------------
   6. FOOTER
-------------------------------------*/

#footer {
	background-color: #fff;
	padding: 20px 0 25px 0;	
}

#sub-footer {
	background-color: #f2f2f2;
	padding: 50px 0;
	margin-bottom: 25px;	
}
	
/* Navigation */

#footer nav {
	float: left;
	display: block;
	width: 65%;
}

ul#nav.footer-menu {
	float: left;
}
	
#footer #nav li {
	float: left;
	display: inline-block;
	width: 25%;
	line-height: 23px;
}

#footer #nav li a {
	color: #333;
	font-size: 13px;
	line-height: 34px;
	padding-top: 5px;
	margin-bottom: 11px;
	display: block;
	letter-spacing: 1px;
	text-transform: uppercase;
	border-bottom: 1px solid #e4e4e4;
	width: 78%;
}

#footer #nav li a:hover {
	color: #19a9e5;
}

/* Navigation > Dropdown Menus */

#footer #nav .sub-menu,
#footer #nav .children {
	display: block;
	float: left;
}
	
#footer #nav ul li {
	width: 100%;
}


#footer #nav ul a,
#footer #nav ul ul a {
	color: #666666;
	font-size: 12px;
	line-height: 23px;
	letter-spacing: normal;
	text-transform: none;
	display: inline-block;
	border-bottom: none;
	padding-top: 0 !important;
	margin-bottom: 0 !important;
	text-transform: none;
	font-family: Helvetica Neue;
}

#footer #nav ul a:hover,
#footer #nav ul ul a:hover {
	color: #19a9e5 !important;
	border-bottom: none;
}


/* eNews */

#enews {
	background: #fff;
	width: 35%;
	float: right;
	border-radius: 5px;
	box-shadow: 1px 1px 3px #e8e8e8;
}

#enews .footer-right {
	padding: 5px 17px 15px; 	 	
}
	
#enews h1 {
	color: #333;
	font-size: 13px;
	font-weight: 400;
	letter-spacing: 1px;
	line-height: 34px;
	margin-bottom: 15px;
	padding-right: 20px;
	display: inline-block;
	border-bottom: 1px solid #e4e4e4;
	text-transform: uppercase;
}

#enews p {
	font-size: 13px;
	line-height: 22px;
	color: #666666;
	margin-bottom: 20px;
}

#enews form {
	border-radius: 3px;
	height: 37px;
}

#enews form input[type="email"] {
	padding: 8px 15px;
	border: none;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	width: 55%;
	float: left;
	position: relative;
	top: -8px;
	color: #666666;
	background-color: #f2f2f2;
	font-size: 13px;
	line-height: 23px;
	font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}

#enews form input[type="submit"] {
	float: left;
	position: relative;
	top: -8px;
	background-color: #19a9e5;
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	width: 35%;
	font-size: 12px;
	line-height: 23px;
	padding: 8px 11px;
	letter-spacing: 1px;
}

#enews form input[type="submit"]:hover {
	background-color: #121212;
}


/* Footer Media & Copyright */

#footer .social-media {
	float: left;
	line-height: 34px;
}

#footer .social-media a {
	color: #666666;
	font-size: 12px;
	margin-right: 30px;
}

#footer .social-media a:hover {
	color: #19a9e5;
}
	
#footer .social-media i {
	color: #19a9e5;
	margin-right: 8px;
	font-size: 16px;
}

#footer p.copyright {
	float: right;
	font-size: 12px;
	color: #888;
	line-height: 34px;
}



/*-------------------------------------
   7. BROWSERS
-------------------------------------*/

.btn.white {
	background-color: #EFEFEF;
	color: #000;
	padding: 13px 25px;
}

/* Firefox */

@-moz-document url-prefix() {

	hr {
		height: 5px;
	}

	.search-form input.search-input {
		padding: 10px 5px;
		width: 200px;
	}

	#content article.format-quote .entry-title cite {
	    font-weight: 400;
	}

	.flex-direction-nav a {
	    padding: 10px 15px 15px;
	}

}

/*styling contact form7*/
.wpcf7-form p {
    margin-bottom: 10px !important;
}

.wpcf7-form label {
    font-size: 15px;
    font-weight: 600;
    display: block;
    margin-bottom: 0px;
}

.wpcf7-form input[type="text"], .wpcf7-form input[type="email"], .wpcf7-form textarea {
    font-size: 13px;
    line-height: 18px;
    padding: 8px 12px;
    border-radius: 3px;
    width: 65%;
    border: 1px solid #f4f4f4;
    margin: 7px 0 7px 0;
    background-color: #f4f4f4;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.wpcf7-form  input[type="submit"] {
    color: #FFF;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: 1px;
    padding: 13px 16px;
    border: none;
    border-radius: 4px;
    background-color: #19a9e5;
    display: inline-block;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
/*woocommerce styling*/

.caveat-woocommerce-products-list {
    margin-top: 20px;
}

/*-------------------------------------
   COLUMNS
-------------------------------------*/

.columns { 
	margin-bottom: 30px;
}

.columns .column { 
	float: left;
	margin-right: 4.08%;
}

.columns p { 
	margin-top: 0px; 
}

.columns .column.last,
.columns .column:last-child { 
	margin-right: 0px; 
}

.columns-two .column { 
	width: 47.96%;
}
.columns-three .column {
	width: 30.6%;
}
.columns-four .column { 
	width: 21.94%;
}

/* move to top */

.caveat_move_to_top {
	float: right;
	bottom: 1em;
	border: 1px solid #000;
	padding: 0.5em 0.75em;
	list-style: none;
	text-decoration: none;
	outline: none;
	cursor: pointer;
	z-index: 99999;
	position: fixed;
	right: 2%;
	display: none;
}
.caveat_move_to_top:focus, .caveat_move_to_top:hover, .caveat_move_to_top:visited {
	background-color: #000;
	color: #fff;
	list-style: none;
	text-decoration: none;
	outline: none;
}


/** woocommerce design **/
    
.woocommerce-ordering{
    background: #eef1f5;
    padding: 10px 10px 0px 10px;
    border-radius: 4px;
    max-width: 281px;
}

.woocommerce-ordering select{
	border: none;
}

p.woocommerce-result-count {
    background: #eef1f5;
    padding: 5px 23px;
}

.product h3 {
    color: #000;
    font-size: 0.9em!important;
}

.woocommerce ul.products li.product .star-rating {
    font-size: .7em;
}
.woocommerce ul.products li.product .price {
	font-size: 0.8em;
}
.woocommerce ul.products li.product .button {
    margin-top: 0.5em;
    font-weight: 400;
}
a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart, a.button.product_type_variable.add_to_cart_button, a.button.product_type_variable, a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart {
	font-size: 0.75em;
    color: #fff;
    background-color: #000;
}

a.button.product_type_simple.ajax_add_to_cart{
    font-size: 0.75em;
    color: #fff;
    background-color: #000;
}

a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart:hover, a.button.product_type_variable.add_to_cart_button:hover{
	color: #000;
    background: #DDD;
    text-decoration: none;
    cursor: pointer;
    border: none;
    font-weight: 700;
}

a.button.product_type_variable.add_to_cart_button:hover {
   color: #000;
    background: #DDD;
    text-decoration: none;
    cursor: pointer;
    border: none;
    font-weight: 700;
}

.post-type-archive-product ul.products li.product, .post-type-archive-product ul.products li.product {
    width: 30.05%;
}

.woocommerce .widget_price_filter .price_slider_amount .button {
    background-color: #000;
    color: #fff;
}

.woocommerce .widget_price_filter .price_slider_amount .button:hover {
	background-color: #3cb796;
	color: #000;
}

a.button.wc-forward {
    background-color: #ea4f45;
    color: #fff;
}

.widget_shopping_cart_content p.total {
    margin-bottom: 8px;
}

.woocommerce ul.products li.product h3:hover {
	opacity: 0.7
}
.woocommerce .woocommerce-breadcrumb{
    color: #000;
}

.woocommerce .woocommerce-breadcrumb a {
    color: #000;
}

.single-product .woocommerce ul.products li.product, .single-product .woocommerce-page ul.products li.product {
    width: 21.05%;
}

.ui-slider-range.ui-widget-header.ui-corner-all {
    background-color: #3cb796!important;
}

span.ui-slider-handle.ui-state-default.ui-corner-all {
    background-color: #3cb796!important;
}

.entry-meta a:hover {
    color: #000!important;
}