/*
 Theme Name:   Sela Child
 Theme URI:    
 Description:  Sela Child Theme
 Author:       Ordinary Guy
 Author URI:   http://ordinaryguy.me
 Template:     sela
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, three-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  sela-child
*/

/* Basic style settings */
html {
	margin-top: 24px !important;
}

* html body {
	margin-top: 24px !important;
}

body.custom-background {
	background-color: #f0f0f0;
}

body {
	background-color: #f0f0f0;
}

@media screen and ( max-width: 782px ) {
	html {
		margin-top: 16px !important;
	}
	
	* html body {
		margin-top: 16px !important;
	}
	.site-branding {
		padding-top: 24px;
		padding-bottom: 24px;
	}
}

@media screen and (min-width: 600px) {
	/* Grid Page */
	.child-page {
		border-bottom: 0;
		float: left;
		margin: 0 auto;
		max-width: 100%;
		width: 33%;
	}
	.home .child-page {
		width: 25%;
	}
	div.child-pages .grid {
		width: 100%;
		text-align: center;
	}
	.front-widget-area .widget-area:nth-child(1):nth-last-child(3), .front-widget-area .widget-area:nth-child(2):nth-last-child(2), .front-widget-area .widget-area:nth-child(3):nth-last-child(1), .footer-widget-area .widget-area:nth-child(1):nth-last-child(3), .footer-widget-area .widget-area:nth-child(2):nth-last-child(2), .footer-widget-area .widget-area:nth-child(3):nth-last-child(1) {
		margin-right: 0;
		width: 33%;
	}
}

/* Reducing images on narrow screens */
@media screen and (max-width: 480px) {
	img.alignright {
		width: 50%;
	}
}

img { border-radius: 6px; }

/* Typography */
body,
button,
input,
select,
textarea {
	color: #404040;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: 300;
	line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	font-family: "Oswald", sans-serif;
	font-weight: 300;
	letter-spacing: 2px;
	text-transform: uppercase;
}

h1 {
	font-size: 24px;
	font-size: 2.4rem;
	line-height: 1;
	margin-bottom: .5em;
}

h2 {
	font-size: 21px;
	font-size: 2.1rem;
	line-height: 1.1429;
	margin-bottom: .5em;
}

h3 {
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 1.3333;
	margin-bottom: .5em;
}

h4 {
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.5;
	margin-bottom: .5em;
}

h5 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 1.7143;
	margin-bottom: .7em;
}

h6 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 1.7143em;
	margin-bottom: .7em;
}

.entry-content {
	font-size: 1em;
}

#headimg h2 {
	font-family: 'Helvetica', sans-serif;
	font-size: 13px;
	font-weight: 400;
	line-height: 1.8462em;
	margin: 0;
}

/* Navigation */ 
media="all"
@media screen and (min-width: 768px)
.nav-menu > li > a:after {
	color: #ffa4ad;
	content: " \2022";
	margin-left: 1em;
}

.nav-menu > li > a:after {
	color: rgba(0,0,0,0.3);
}

.main-navigation a, .social-links ul a:before {
	color: #474747;
}

media="all" button, input, select, textarea {
	color: #404040;
}

.main-navigation, button {
	background-color: #fbaa86;
}

.nav-menu > li > a:after {
	color: rgba(0,0,0,0.3);
}

.main-navigation a {
	font-weight: 400;
}

.menu-toggle, .main-navigation a, .social-links ul a:before, .menu-toggle, .menu-toggle:hover, .menu-toggle:focus, .main-navigation a:hover, .main-navigation ul > :hover > a, .main-navigation ul > .focus > a, .main-navigation li.current_page_item > a, .main-navigation li.current-menu-item > a {
	color: #474747;
}

.main-navigation li.current_page_item > a .sub-menu li a, .main-navigation li.current-menu-item > a .sub-menu li a, .main-navigation ul ul li.current_page_item > a, .main-navigation ul ul li.current-menu-item > a {
	color: #4F4F4F;
}

a, .entry-title a:hover, .comment-meta a, .jetpack-testimonial .entry-title, .widget_flickr #flickr_badge_uber_wrapper td a:last-child, .widget-area .milestone-countdown .difference, .main-navigation ul ul a:hover, .main-navigation ul ul > li.focus > a {
	color: #C3440D;
}

.main-navigation, button, .social-links ul a:before, .footer-widget-area button {
	background-color: #FBAA86;
}


/* Misc */
.footer-widget-area a:hover {
	color: #BF420C;
}

div.child-pages > article > header.entry-header > h1 {
	font-size: 20px;
	text-align: center;
}

.content-wrapper.full-width.without-featured-image {
	margin: 0 auto;
	padding: 2em 3% 0;
}

.more-link {
	clear: both;
	font-weight: 300;
	letter-spacing: 2px;
	text-transform: uppercase;
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 1.3333;
	margin-bottom: 1em;
}

/* reducing paragraph bottom margin */
p { 
	margin-bottom: .5em;
}

.content-wrapper {
	padding-top: 2em;
	padding-bottom: 2em;
}

/* Pushing Comments box closer to the content */
div.entry-content, div#comments.comments-area {
	margin: 0;
}

/* Tweaking Feedback page listing */
ul.display-posts-feedback-title > li.listing-item > div.content {
	margin-bottom: 2em;
	border-bottom: gray solid 1px dotted;
}

ul.display-posts-feedback-title > li.listing-item > a.title {
	font-weight: bold;
}

ul.display-posts-feedback-title > li.listing-item > span.date {
	font-family: 'Droid Serif', Georgia, serif;
	font-size: 12px;
	font-style: italic;
	font-weight: 300;
	color: rgb(170, 170, 170);
}

/* Reducing footer widget area padding */
.footer-widget-area {
	padding: 1em 4% 0;
}

.widget {
	margin-bottom: 1em;
}

/* Removing lined background from thumbnails */
.entry-thumbnail, .post-thumbnail {
	background: white;
}

.hentry::after {
	color: #ffa4ad;
	/* content: " \2022 \2003 \2022 \2003 \2022"; */
	text-align: center;
	font-size: 1em;
	background: white;
	display: block;
	position: initial;
	margin-top: 1em;
}

.widget-title { 
	margin-bottom: 1em;
}

/* Tweaking stc-subscribe plugin */
div.stc-categories {
	margin-top: .5em;
	margin-bottom: .5em;
}

div.stc-subscribe-wrapper > form > div.checkbox, /* Unsubscribe checkbox */
div.stc-subscribe-wrapper > form > div.stc-categories > div.checkbox, /* All Categories checkbox */
div.stc-subscribe-wrapper > form > div.stc-categories > h3, /* Categories title in STC */
.site-footer, /* site footer */
ul.group-posts-listing > li.listing-item > span.excerpt-dash, /* display-posts shortcode dash btwn title and post excerpt */
div.author, /* author div */
div.published /* publication date div */ {
	display: none;
}

.paging-navigation a, .comment-navigation a {
  display: inline-block;
  font-size: 1.2em;
  font-family: Georgia, serif;
  line-height: 2;
  max-width: 100%;
  word-wrap: break-word;
  color: #FBAA86;
  }
[class*="navigation"] .nav-previous .meta-nav:before {
	content: none;
	margin-right: 5px;
}
[class*="navigation"] .nav-next .meta-nav:after {
	content: none; 
	margin-left: 5px;
}
  
  .nav-previous > a::before {
  content: "\f053";
  font-family: 'FontAwesome';
  font-size: 1em;
  font-style: normal;
  vertical-align: middle;
  color: #C3440D;
}

.nav-next > a::after {
  content: "\f054";
  font-family: 'FontAwesome';
  font-size: 1em;
  font-style: normal;
  vertical-align: middle;
  color: #C3440D;
}

a.nav-previous {
	content: "Следующие записи ";
}

ul, ol {
	margin: 0 0 1em 1em;
}

/* feedback date style */

/* feedback submit button color */
input[type="submit"] {
	background-color: #FBAA86;
	color: #404040;
	font-weight: normal;
	letter-spacing: 1px;
	font-size: 1em;
}

.content-wrapper.with-featured-image {
	margin: auto;
}

a.more-link:hover {
    text-transform: none;
    font-variant: small-caps;
    padding: 2px 4px 4px 4px;
    background: hsla(18,94%,90%,1);
    border-radius: 4px;
  }
  
  a.more-link {
    text-transform: none;
    font-variant: small-caps;
    padding: 4px 4px 4px 4px;
    background: hsla(18,94%,96%,1);
    border-radius: 4px;
  }