/*
Theme Name: Family
Theme URI: https://themehall.com/family-minimalist-responsive-wordpress-theme
Author: themehall.com
Author URI: https://www.themehall.com
Description: Family theme is a minimalist responsive HTML5 Omega child theme for WordPress, created with heart and soul. Built for people, blogger and photographers in mind, Family WordPress theme put the focus on the content itself, presenting it in a cleanest way. Family WordPress Theme inherits all Omega parent theme capabilities, mobile friendly, built-in WordPress Customizer, Custom Logo upload, custom header, custom colors, custom menu, custom CSS, inner page custom header via featured image.
Version: 0.4.3
License: GNU General Public License
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: light, green, gray, white, red, two-columns, one-column, right-sidebar, left-sidebar, full-width-template, theme-options, custom-background, custom-colors, custom-menu, custom-header, featured-images, threaded-comments, sticky-post, featured-image-header, flexible-header, translation-ready, responsive-layout, fluid-layout, holiday, photoblogging, seasonal

Template: omega

(C) 2012-2014 themehall.com.

*/


@import url(http://fonts.googleapis.com/css?family=Delius+Swash+Caps);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300,400);

/* Baseline Reset (normalize.css 2.1.2)
	Link: http://necolas.github.com/normalize.css/
--------------------------------------------- */

article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre-wrap}q{quotes:"\201C" "\201D" "\2018" "\2019"}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}

/* Box Sizing
--------------------------------------------- */

*,
input[type="search"] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
	-webkit-appearance: none;
}

/* Float Clearing
--------------------------------------------- */

.archive-pagination:before,
.clearfix:before,
.entry:before,
.entry-pagination:before,
.post-navigation:before,
.footer-widgets:before,
.nav-primary:before,
.nav-secondary:before,
.site-container:before,
.site-footer:before,
.site-header:before,
.site-inner:before,
.wrap:before {
	content: " ";
	display: table;
}

.archive-pagination:after,
.clearfix:after,
.entry:after,
.entry-pagination:after,
.post-navigation:after,
.footer-widgets:after,
.nav-primary:after,
.nav-secondary:after,
.site-container:after,
.site-footer:after,
.site-header:after,
.site-inner:after,
.wrap:after {
	clear: both;
	content: " ";
	display: table;
}

/*
Defaults
---------------------------------------------------------------------------------------------------- */

/* Typographical Elements
--------------------------------------------- */

html {
	font-size: 62.5%; /* 10px browser default */
}

body {
	color: #333;
	font-family: 'Open Sans', sans-serif;
	font-size: 15px;	
	font-weight: 300;
	line-height: 1.625;
	background: #fff;
}

a,
button,
input:focus,
input[type="button"],
input[type="reset"],
input[type="submit"],
textarea:focus {
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition:    all 0.1s ease-in-out;
	-ms-transition:     all 0.1s ease-in-out;
	-o-transition:      all 0.1s ease-in-out;
	transition:         all 0.1s ease-in-out;
}

::-moz-selection {
	background: #333;
	color: #fff;
}

::selection {
	background: #333;
	color: #fff;
}

a {
	color: #858585;
	text-decoration: none;
}

a:hover,
a:focus {
	color: #000;
	text-decoration: none;
}

p {
	margin: 0 0 24px;
	padding: 0;
}

strong {
	font-weight: 700;
}

ol, ul {
	list-style: none;
}

ul {
	list-style: disc outside;
	margin: 0 0 25px 48px;
	padding: 0;
}

ol {
	list-style-type: decimal;
	margin: 0px 0px 25px 16px;
}

ol ol {
	list-style: upper-roman;
}

ol ol ol {
	list-style: lower-roman;
}

ol ol ol ol {
	list-style: upper-alpha;
}

ol ol ol ol ol {
	list-style: lower-alpha;
}

ul ul, ol ol, ul ol, ol ul {
	margin-bottom: 0;
}

dl {
	margin: 0 0 25px 5px;
}

dl dt {
	font-weight: bold;
	margin: 10px 0 0 0;
}

dl dd {
	margin: 5px 0 0 24px;
}

blockquote,
blockquote::before {
	
}

blockquote {
	margin: 0;
	padding: 24px 40px;
}

blockquote::before {
	content: "\201C";
	display: block;
	font-size: 30px;
	height: 0;
	left: -20px;
	position: relative;
	top: -10px;
}

pre {
	background-color: #F9F9F9;
	overflow: scroll;
	padding: 0 20px;
	white-space: pre;
}

cite {
	font-style: normal;
}

/* Table
--------------------------------------------- */

table {
	border: 1px solid #e5e5e5;
	border-collapse: collapse;
	border-spacing: 0;
	margin-bottom: 25px;
}

table caption {
	margin: 0 0 5px;
	font-size: 15px;
	font-variant: small-caps;
}

th,td {
	padding: 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

.widget th,
.widget td {
	padding: 5px 2px;
}

th {
	border-bottom: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;
	font-size: 15px;
	font-weight: normal;
	text-align: left;
}

td {
	border-bottom: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;
}

/* Headings
--------------------------------------------- */

h1,h2,h3,h4,h5,h6,
.h1,.h2,.h3,.h4,.h5,.h6 {
	color: #474747;
	font-family: 'Delius Swash Caps', cursive;
	font-weight: normal;
	line-height: 1.4;
	margin: 0;
	margin-bottom: 14px;
	padding: 0;
}

h1,.h1 {
	font-size: 30px;
}

h2,.h2 {
	font-size: 26px;
}

h3,.h3 {
	font-size: 22px;
}

h4,.h4 {
	font-size: 20px;
}

h5,.h5 {
	font-size: 18px;
}

h6,.h6 {
	font-size: 16px;
}

/* Objects
--------------------------------------------- */

embed,
iframe,
img,
object,
video {
	max-width: 100%;
}

img {
	height: auto;
	width: auto; /* IE8 */
}

/* Forms
--------------------------------------------- */

input,
select,
textarea {
	border: 1px solid #dddddd;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 14px;
	padding: 16px;
	max-width: 100%;
}

input:focus,
textarea:focus {
	border: 1px solid #ccc;
	outline: none;
}

::-moz-placeholder {
	color: #999;
}

::-webkit-input-placeholder {
	color: #999;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	background: #211b1a;
	border: none;
	box-shadow: none;
	color: #fff;
	cursor: pointer;
	letter-spacing: 1px;
	padding: 16px 24px;
	text-transform: uppercase;
	width: auto;
}

button:hover,
input:hover[type="button"],
input:hover[type="reset"],
input:hover[type="submit"] {
	opacity:0.9;
	filter:alpha(opacity=90); /* For IE8 and earlier */	
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button {
	display: none;
}


/*
Structure and Layout
---------------------------------------------------------------------------------------------------- */

/* Site Containers
--------------------------------------------- */
.site-container {
	max-width: 980px;
	margin: 20px auto 20px;
}

.wrap {
	
}

.site-inner {	
	clear: both;
}

.site-inner .wrap {
}

/* Column Widths and Positions
--------------------------------------------- */

/* Content */

.content {
	float: left;
	width: 67%;
	padding-right: 40px;
	
}

.page-template-left-sidebar .content,
.layout-2c-r .content {
	float: right;
	padding-left: 40px;
	padding-right: 0;
}

.layout-2c-l .content {
	float: left;
	padding-right: 40px;
}

.page-template-full-width .content,
.layout-1c .content {
	width: 100%;
}

/* Primary Sidebar */

.sidebar-primary {
	float: right;
	width: 33%;
}

.layout-1c .sidebar-primary {
	display: none;
}

.page-template-left-sidebar .sidebar-primary,
.layout-2c-r .sidebar-primary {
	float: left;
}

/* WordPress
--------------------------------------------- */

.avatar {
	float: left;
}

.alignleft .avatar {
	margin-right: 24px;
}

.alignright .avatar {
	margin-left: 24px;
}

.search-form input[type="submit"] {
	border: 0;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	margin: -1px;
	padding: 0;
	position: absolute;
	width: 1px;
}

.sticky {
}

img.centered,
.aligncenter {
	display: block;
	margin: 0 auto 24px;
}

img.alignnone {
	margin-bottom: 12px;
}

.alignleft {
	float: left;
	text-align: left;
}

.alignright {
	float: right;
	text-align: right;
}

img.alignleft,
.wp-caption.alignleft {
	margin: 0 24px 24px 0;
}

.wp-caption {
	max-width: 100%;
}

img.alignright,
.wp-caption.alignright {
	margin: 0 0 24px 24px;
}

.wp-caption-text {
	font-size: 14px;
	font-weight: 700;
	margin: 0;
	text-align: center;
}

.gallery {
	display: block;
	clear: both;
	overflow: hidden;
	margin: 0 auto 20px;
}

.gallery .gallery-row {
	display: block;
	clear: both;
	overflow: hidden;
	margin: 0;
}

.gallery .gallery-item {
	overflow: hidden;
	float: left;
	margin: 0 0 16px;
	text-align: center;
	list-style: none;
	padding: 0;
}

.gallery .gallery-item .gallery-icon {
	position:relative;
}

.gallery .gallery-item .gallery-icon img {
	width: auto;
	max-width: 89%;
	height: auto;
	padding: 5%;
	margin: 0 auto;
}

.gallery-caption {
	margin: 0 10px;
}

.widget_calendar table {
	width: 100%;
}

.widget_calendar th {
	text-align: center;
	font-weight: bold;
}
.widget_calendar td {
	text-align: center;
}

.widget_search input.search-field {
	width: 100%;
}

/* Headings
--------------------------------------------- */

.entry-title {
	font-size: 30px;
	word-wrap: break-word;
}

.entry-title a,
.sidebar .widget-title a {
	color: #333;
}

.entry-title a:hover {
	color: #444;
}

.archive-title {
	font-size: 20px;
	margin-bottom: 24px;
}

/*
Site Header
---------------------------------------------------------------------------------------------------- */
.site-header {
	padding: 10px 0;
}

.site-header > .wrap {}

.header-right {
	text-align: right;	
	margin: 8px 0 0;
}

.header-right h2, .header-right h3, .header-right h4 {
	margin: 0 0 2px;
}

.header-right .widget_search input.search-field {
	max-width: 300px;
}

.header-right.sidebar .widget {
	margin-bottom: 10px;
	display: block;
}

.banner img {
	max-width: 100%;
	margin-bottom: 30px;
}

/* Title Area
--------------------------------------------- */

.title-area {
	font-weight: 700;
	width: 100%;
	float: left;	
}

.header-image .title-area {
	padding: 0;
}

.site-title {
	font-size: 50px;
	margin: 0;
	display: inline;
}

.site-title a,
.site-title a:hover {
	color: #211b1a;
}

.site-description {
	color: #211b1a;
	font-size: 22px;
	display: inline;
	margin: 0 0 0 20px;
}


/*
Site Navigation
---------------------------------------------------------------------------------------------------- */
.tinynav { display: none }

.nav-primary {
	margin: 0 0 30px;
}

.nav-primary .wrap {
	border-bottom: 1px solid #f2f2f2;
	padding-bottom: 2px;

}

#menu-header {
	border-bottom: 1px solid #e5e5e5;
}

.omega-nav-menu,
.omega-nav-menu > ul {
	clear: both;
	letter-spacing: 1px;
	line-height: 1.5;
	margin: 0;
	padding: 0;
	width: 100%;
}

.omega-nav-menu li:hover ul {
	background-color: #fff;
	border: 1px solid #f2f2f2;
}

.omega-nav-menu .menu-item,
.omega-nav-menu .page_item {
	display: inline-block;
	margin: 0;
	padding: 0;
	text-align: left;
}

.omega-nav-menu a {
	border: none;
	color: #808080;
	display: block;
	padding: 10px 20px;
	position: relative;
	text-transform: uppercase;
}
.omega-nav-menu li a:hover {
	color: #000;
}

.omega-nav-menu > li:first-child a {
	padding-left:0;
}

.omega-nav-menu li ul li:hover {}

.omega-nav-menu .sub-menu,
.omega-nav-menu .children {
	left: -9999px;
	margin: 0;
	opacity: 0;
	padding: 0;
	position: absolute;
	-webkit-transition: opacity .4s ease-in-out;
	-moz-transition:    opacity .4s ease-in-out;
	-ms-transition:     opacity .4s ease-in-out;
	-o-transition:      opacity .4s ease-in-out;
	transition:         opacity .4s ease-in-out;
	width: 200px;
	z-index: 99;
}

.omega-nav-menu .sub-menu a,
.omega-nav-menu .children a {
	border-top: none;
	font-size: 14px;
	letter-spacing: 0;
	padding: 16px 20px;
	position: relative;
	width: 200px;
}

.omega-nav-menu .sub-menu .sub-menu,
.omega-nav-menu .children .children {
	margin: -53px 0 0 199px;
}

.omega-nav-menu .menu-item:hover,
.omega-nav-menu .page_item:hover {
	position: static;
}

.omega-nav-menu .menu-item:hover > .sub-menu,
.omega-nav-menu .page_item:hover > .children {
	left: auto;
	opacity: 1;
}

.omega-nav-menu > .first > a {
	padding-left: 0;
}

.omega-nav-menu > .last > a {
	padding-right: 0;
}

/*
Content Area
---------------------------------------------------------------------------------------------------- */

/* Entries
--------------------------------------------- */

.entry {
	margin-bottom: 40px;	
}

.entry.sticky {
	padding: 40px;
	background: #fafafa;
}

.entry-content {
	word-wrap: break-word;
}

.entry-content img.wp-post-image {
	margin-bottom: 15px;
}

.entry-content img.medium,
.entry-content img.thumbnail,
.entry-summary img.medium,
.entry-summary img.thumbnail {
	float: left;
	margin: 7px 24px 24px 0;;
}

.entry-content .attachment a,
.entry-content .gallery a {
	border: none;
}

.entry-content .wp-caption p {
	margin-bottom: 0;
}

.entry-meta {
	clear: both;
	color: #211b1a;
	font-size: 14px;
}

.entry-header .entry-meta {
	margin-bottom: 24px;
}

.entry-footer .entry-meta {
	margin: 0;
	padding: 0px 0px 8px;
}

.entry-comments-link::before {
	content: "\2014";
	margin: 0 6px 0 2px;
}

.entry-categories,
.entry-tags {
	display: block;
}

/* Entry Navigation
--------------------------------------------- */

.navigation {
	clear: both;
	font-size: 14px;
	margin: 40px 0;
	overflow: hidden;
}

.entry .navigation a {
	border-bottom: 1px solid #ddd;
}

.navigation li {
	display: inline;
}

.navigation li a {
	background: #333;
	border-radius: 3px;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	padding: 8px 12px;
}


/* Pagination
--------------------------------------------- */

.pagination .page-numbers {
	padding: 8px 12px;
	border: 1px solid #F5F5F5;
}

.pagination .current {
	background-color: #F5F5F5;
}


/* Comments
--------------------------------------------- */

.entry-comments,
#respond {
	border-radius: 3px;
}

.entry-comments,
.ping-list,
#respond {
	margin-bottom: 40px;
}

.entry-comments a,
#respond a {
	border-bottom: 1px solid #ddd;
}

.entry-comments .comment-author {
	margin: 10px 0 10px;
}

.entry-comments .comment-content {
	clear: both;
}

#respond input[type="email"],
#respond input[type="text"],
#respond input[type="url"] {
	width: 50%
}

#respond label {
	display: block;
	margin-right: 12px;
}

ol.comment-list {
	margin: 0;
	padding: 0;
}

.comment-list > li,
.ping-list > li {
	list-style-type: none;
}

li.comment,
li.pingback {
	border: 2px solid #fff;
	border-right: none;
}

li.comment .comment-item,
li.pingback .comment-item {
	background: #f9f9f9;
	margin: 12px 0;
	padding: 30px;
}

li.comment ol {
	margin: 0
}

li.comment ol.children {
	list-style: none;
}

ol.comment-list .comment-content ol,
ol.comment-list .comment-content ul {
	margin-bottom: 32px;
}

ol.comment-list .comment-content ol ol,
ol.comment-list .comment-content ul ul {
	margin-bottom: 0;
}

.comment .avatar {
	margin: 0 16px 24px 0;
}

.bypostauthor {
}

.form-allowed-tags {
	background: #f5f5f5;
	font-size: 14px;
	padding: 24px;
}

textarea#comment {
	width: 100%;
}

/*
Sidebars
---------------------------------------------------------------------------------------------------- */

.sidebar {
	color: #999;
}

.sidebar a,
.entry-content a,
.site-footer a {
	border-bottom: 1px solid #E3E3E3;
}

.widget-title {
	word-wrap: break-word;
	font-weight: 300;
}

.sidebar p:last-child,
.sidebar ul,
.footer-widgets ul {
	margin: 0;
}

.sidebar li,
.footer-widgets li {
	list-style-type: none;
	margin-bottom: 6px;
	padding: 0;
	word-wrap: break-word;
}

.sidebar ul > li:last-child {
	margin-bottom: 0;
}

.sidebar .widget {
	margin-bottom: 40px;
}

.sidebar .search-form {
	width: 100%;
}

/*
Footer Widgets
---------------------------------------------------------------------------------------------------- */

.footer-widgets {
	border-top: 1px solid #E5E5E5;
	padding: 50px 0px 30px;
}

.footer-widgets .widget-title {
}

.footer-widgets .widget {
    margin-bottom: 24px;
}

.footer-widgets .col-3 .widget-area {
	float: left;
	padding: 0 40px 0 0;
    width: 33.33%;
}

.footer-widgets .col-4 .widget-area {
	float: left;
	padding: 0 40px 0 0;
    width: 25%;
}

.footer-widgets .col-3 .footer-widgets-3,
.footer-widgets .col-4 .footer-widgets-4 {
	padding: 0;
}

/*
Site Footer
---------------------------------------------------------------------------------------------------- */

.site-footer {	
	font-size: 13px;
	border-top: 1px solid #e5e5e5;
	padding: 30px 0px 10px;
}

.site-footer a {
}

.site-footer p {
	margin: 0;
}

p.copyright {
	float: left;
}

p.credit {
	float: right;
}

/*
Media Queries
---------------------------------------------------------------------------------------------------- */

@media only screen and (max-width: 1139px) {

}

@media only screen and (max-width: 1000px) {
	.site-container  {
	    padding: 0 20px;
	}

}

/* styles for mobile */
@media screen and (max-width: 768px) {
/*@media only screen and (max-width: 1023px) {*/

	.site-container,
	.title-area,
	.content,
	.page-template-left-sidebar .content,
	.sidebar-primary,
	.wrap,
	.footer-widgets .col-3 .widget-area,
	.footer-widgets .col-4 .widget-area {
		width: 100%;
	}

	.footer-widgets .col-3 .widget-area,
	.footer-widgets .col-4 .widget-area {
	    padding: 0;
	}

	.site-container {
		margin: 0px;
	}

	.page-template-left-sidebar .content,
	.layout-2c-r .content {
		padding-left: 0;
		padding-right: 0;
	}

	.layout-2c-l .content,
	.content {
		padding-right: 0;
	}

	.header-right {
	    text-align: center;
	    color: #211b1a;
	    padding-top: 15px;
		clear: both;
	}

	.header-image .site-header .wrap {
		background-position: center top;
	}

	.archive-description,
	.entry,
	.entry-comments,
	.entry-footer .entry-meta,
	.sidebar .widget,
	#respond {
		padding: 0;
	}

	.site-inner {
		background: none;
	}

	.omega-nav-menu li {
		float: none;
	}

	.omega-nav-menu,
	.site-description,
	.site-header .title-area,
	.site-title {
		text-align: center;
		display: block;		
	}

	.site-description {
	    margin: 0 0 0 0px;
	}

	.omega-nav-menu a,
	.omega-nav-menu > .first > a,
	.omega-nav-menu > .last > a {
		padding: 20px 16px;
	}

	.omega-nav-menu li.right {
		display: none;
	}

	.entry-footer .entry-meta {
		margin: 0;
		padding-top: 12px;
	}

	/*@media screen and (max-width: 768px) {*/	

	.tinynav { 
		display: block; 
		color: #fff;
		background: url(images/button.png) no-repeat center right #211b1a;
		-webkit-appearance: none;
		width: 100%;
		padding-right: 45px;
	}

	.nav-primary {
	    margin: 0;
	}

	.nav-primary ul.menu {
		display: none;
	}

	.site-footer {	
		padding: 30px 0px;
	}


	.site-footer p {
		text-align: center;
		float: none;
	}
}

@media screen and (max-width: 600px) {
	#respond input[type="email"],
	#respond input[type="text"],
	#respond input[type="url"] {
		width: 100%
	}
}


/*
Plugins Style
---------------------------------------------------------------------------------------------------- */

/* Jetpack
--------------------------------------------- */
input#subscribe-field {
	padding: 16px !important;
}