/*!
Theme Name: KIN Theme
Theme URI: http://127.0.0.1
Author: Annonymous
Author URI: http://127.0.0.1
Description: KIN Theme was created for the Kapiti Independent News website
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: kin-theme 
Tags: blog

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.

KIN Theme is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.io/normalize.css/
*/

/*

1. Normalize
  
-----------------------------------------
2. General Styles
  2.1 Links
  2.2 Typography
  2.3 Accessibility
  2.4 Forms
  2.5 Placeholder
  2.6 Button
  2.7 Clearings
  2.8 Table

-----------------------------------------
3. Header
  3.1 Header Top Bar
  3.2 Header Nav Bar

-----------------------------------------
4. Sidebar
  4.1 Widget
  4.1 Widget_archive
  4.2 Widget_calendar
  4.3 Widget_categories
  4.4 Widget_nav_menu
  4.5 Widget_meta
  4.6 Widget_pages
  4.7 Widget_recent_comments
  4.8 Widget_recent_entries
  4.9 Widget_rss
  4.10 Widget_search
  4.11 Widget_tag_cloud
  4.12 Widget_text

-----------------------------------------
5. Primary
  5.1 Articles

-----------------------------------------
6. Footer
  6.1 Site Info

-----------------------------------------
7. Content
  7.1 Alignments
  7.2 Posts and Pages
  7.3 Asides
  7.4 Comments
  7.5 404 page
-----------------------------------------
8. Infinite scroll

-----------------------------------------

9. Media
  9.1 Captions
  9.2 Galleries

========================================= 

/* ====================================================== */
/* 1 Normalize */
/* --------------------------------------- */

html {
	height:100%;
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust:     100%;
}

* {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

*:before,
*:after {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}



body,
button,
input,
select,
textarea {
	height:100%;
  position: relative;
  color: #333333;font: normal 15px/22px 'Lato', sans-serif, Arial;background-color: #ffffff;
  -webkit-font-smoothing: antialiased;
	}

img {
    max-width: 100%;
/*    height: 150px;*/
    border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

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

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block;
}

figure {
  margin: 0;
}

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden],
template {
  display: none;
}

@-ms-viewport { width: device-width; }
@viewport { width: device-width; }

/* ====================================================== */
/* 2 General Styles */
/* --------------------------------------- */
div#navArea {
  background: #333333;
}
/* Links */
/* --------------------------------------- */
a, 
button, 
input[type="submit"] {
    transition: all 0.3s ease 0s;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;
}

a {
  color: #333333;
  text-decoration: none;
  background-color: transparent;
  font-weight: 600;
}

a:active, a:hover, a:focus {
  outline: 0;
  border: none;
  text-decoration: none;
  color: #2d9fff;
}

/* Typography */
/* --------------------------------------- */

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Lato", Arial, sans-serif;
  font-weight: 700;
  line-height: 1.1;
  color: #333333;
}

h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {
  text-decoration: none;
}

h1,
h2,
h3 {
  margin-top: 10px;
  margin-bottom: 15px;
}

h1 {
  font-size: 36px;
}

h2 {
  font-size: 30px;
}

h3 {
  font-size: 24px;
}

h4 {
  font-size: 18px;
}

h5 {
  font-size: 14px;
}

h6 {
  font-size: 12px;
}

hr {
  box-sizing: content-box;
  background-color: #ccc;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em;
}

p {
    margin-bottom: 15px;
}

p a{
  text-decoration: underline;
}

q, 
blockquote p {
    quotes: "“" "”" "‘" "’";color: #787878;
}

q::before, 
q:before, 
blockquote p::before {
    content: open-quote;
}

q::after,
q:after, 
blockquote p::after {
    content: close-quote;
}

dfn,
cite,
em,
i {
  font-style: italic;
}

b,
strong {
  font-weight: bold;
}

blockquote {
  margin: 0 1.5em;
}

address {
  margin: 0 0 1.5em;
}

pre {
  background: #eee;
  font-family: "Lato", Arial;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1.6;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em;
}

code,
kbd,
tt,
var,
samp {
  font-family: 'Lato', Arial;
  font-size: 15px;
  font-size: 0.9375rem;
}

abbr,
acronym {
  border-bottom: 1px dotted #666;
  cursor: help;
}

mark,
ins {
  background: #fff9c0;
  text-decoration: none;
}

big {
  font-size: 125%;
}

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

ul,
ol {
  margin-top: 0;
  margin-bottom: 20px;
  list-style-position: inside;
}

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

dt {
  font-weight: bold;
}

dd {
  margin: 0 1.5em 1.5em;
}


/* Accessibility */
/* --------------------------------------- */

.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
}

.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000; /* Above WP toolbar. */
}

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

form {
  position: relative;
}

input {
  outline: 0;
  border: 1px solid #dddddd;
  height: inherit;
  color: #333333;
  font-size: 16px;
  padding: 8px 15px;
  line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

button,
html input[type="button"],
input[type="button"],
input[type="reset"],
input[type="submit"] {
  border: 1px solid;
  border-color: #ccc #ccc #bbb;
  background: #e6e6e6;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05);
  color: rgba(0, 0, 0, .8);
  font-size: 14px;
  line-height: 1;
  padding: 10px 15px 11px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
  -webkit-appearance: button;
  cursor: pointer;
  vertical-align: top;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
  border-color: #ccc #bbb #aaa;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02);
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
  border-color: #aaa #bbb #bbb;
  box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
}

button[disabled],
html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
  color: #666;
  border: 1px solid #ccc;
  background-color: #F7F7F7; 
  box-sizing: border-box;
  padding: 8px 5px 8px 15px;
}

input[type="search"] {
  -webkit-appearance: textfield;
  box-sizing: content-box;
  width: 100%;
}

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

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
  color: #111;
  background-color: #ffffff; 
  -webkit-appearance: none;
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
  width: 100%;
}

optgroup {
  font-weight: bold;
}
select:focus{
  outline: none;
}
/* Placeholder */
/* --------------------------------------- */

::-webkit-input-placeholder {
  color: #919191;
}
:-moz-placeholder {
  /* Firefox 18- */
  color: #919191;
}
::-moz-placeholder {
  /* Firefox 19+ */
  color: #919191;
}
:-ms-input-placeholder {
  color: #919191;
}

/* Button */
/* --------------------------------------- */

button {
  border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
  outline: 0;
  outline-offset: 0;
  border: none;
  overflow: visible;
}

/* Clearings */
/* ----------------------------------------------- */

.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
  content: "";
  display: table;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
  clear: both;
}

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

table,
th,
td {
  border: 1px solid #eaeaea;
  border: 1px solid rgba(51, 51, 51, 0.1);
}

table {
  border-collapse: separate;
  border-spacing: 0;
  border-width: 1px 0 0 1px;
  margin: 0 0 1.6em;
  table-layout: fixed; /* Prevents HTML tables from becoming too wide */
  width: 100%;
}

caption,
th,
td {
  font-weight: normal;
  text-align: left;
}

th {
  border-width: 0 1px 1px 0;
  font-weight: 700;
}

td {
  border-width: 0 1px 1px 0;
}

th, td {
  padding: 0.4em;
}

del {
  opacity: 0.8;
}
dl {
  margin-bottom: 1.6em;
}

dt {
  font-weight: bold;
}

dd {
  margin-bottom: 1.6em;
  margin-left: 0;
}
dd a{
  text-decoration: underline;
}


.header-title h2.entry-title {
  font-size: 15px;
}



/* ====================================================== */
/* 3 Header */
/* --------------------------------------- */

/* Header Top Bar */
/* ----------------------------------------------- */




 /* Container holding the image and the text */

.cuntainer {
  position: relative;
}

.cuntainer:before, 
.cuntainer:after{
		display: block;
		clear: both;
		content: "";
}
/*
  .site-content{
      width: 96%;
      margin: 0 auto;
  }
*/

.custom-logo{

}

.site-header {
	    


		object-fit: contain;
    
		
/*

object-fit: cover;
    border: 2px solid black;

 

    background-size: 300px 100px;
  background: none repeat scroll 0 0 rgb(255, 255, 255);
  padding-top: 20px;

background-size: 100vw auto;

width:100vw;
  width:auto;
height:200px;
*/
  display:block;
}

.site-branding {
    width: 70%; /*1200px; /* was 70*/*/
    margin: 0 -30px;
    padding: 0, 0;
	
    float: left;
}
/*
.header-add {
    width: 30%;
    float: right;
    height: 110px;
}
*/

.site-description {
  color: rgb(153, 153, 153);
  font-size: 22px;
  padding-left:8px;
}




/* Small menu. */
.menu-toggle {
  display: none;
}


.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
  margin: 0 0 1.5em;
  overflow: hidden;
  background-color: #ffff44;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
  float: left;
  width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
  float: right;
  text-align: right;
  width: 50%;
}

/* ====================================================== */
/* Sidebar */
/* --------------------------------------- */

.widget {
  margin: 0 0 3.5em;
}

.widget-title,
.widgettitle {
    background: none repeat scroll 0 0 rgb(231, 73, 74);
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    padding: 12px 15px;
    text-transform: uppercase;
	background-color:#6699c4;
	
}

.widget ul{
  padding-left: 0;
  list-style: none;
}

.widget li {
  border-top: 1px solid #ededed;
  display: block;
  padding-bottom: 5px;
  padding-top: 5px;
}

/* Make sure select elements fit in widgets. */

.widget select {
  background: none repeat scroll 0 0 #ffffff;
  border: 1px solid #cccccc;
  max-width: 100%;
  padding: 8px 15px;
}



/* Search widget. */
/* ------------------------------------ */

.widget_search .search-submit {
  display: none;
}

/* widget_archive */
/* ------------------------------------ */


/* widget_calendar */
/* ------------------------------------ */

.widget_calendar table {
  margin: 0;
}

.widget_calendar td,
.widget_calendar th {
  border: 1px solid #ededed;
  line-height: 2.3333;
  text-align: center;
  padding: 0;
}

.widget_calendar caption {
  font-family: "Lato", serif;
  font-weight: 700;
  margin: 0 0 1.6em;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.widget_calendar tbody a {
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0.3);
  background-color: #333;
  color: #fff;
  display: block;
  font-weight: 700;
}

.widget_calendar tbody a:hover,
.widget_calendar tbody a:focus {
  background-color: #e54a48;
  background-color: rgba(51, 51, 51, 0.7);
  color: #fff;
}

/* widget_categories */
/* ------------------------------------ */
  .widget_categories .children,
  .widget_nav_menu .sub-menu,
  .widget_pages .children {
    margin: 0.4688em 0 0 1em;
    padding-top: 0.4688em;
  }




/* widget_recent_entries */
/* ------------------------------------ */

.widget_recent_entries .post-date {
  font-style: normal;
  display: block;
  line-height: 2;
  opacity: 0.8;
  display: block;
}

/* widget_rss */
/* ------------------------------------ */

.widget_rss ul {
  list-style: none;
  margin: 0;
}

.widget_rss li {
  margin-bottom: 1.6em;
}

.widget_rss ul:last-child,
.widget_rss li:last-child {
  margin-bottom: 0;
}

.widget_rss .rsswidget {
  border: 0;
  font-weight: 700;
}

.widget_rss .rsswidget img {
  margin-top: -4px;
}

.widget_rss .rss-date,
.widget_rss cite {
  font-style: normal;
  display: block;
  line-height: 2;
  opacity: 0.8;
}




/* ====================================================== */
/* Primary */
/* --------------------------------------- */


/* Aricles */
/* ------------------------------------ */

.blog article.hentry,
#blog-post article.hentry, 
.search article.hentry, 
.archive article.hentry, 
.tag article.hentry, 
.category article.hentry, 
#ak-blog-post article.hentry {
  border-bottom: 1px solid #d6d6d6;
  margin-bottom: 10px;
  padding-bottom: 10px;
}

.cat-links {
  border-right: 1px solid #333333;
  padding-right: 10px;
}

.tags-links {
  padding-left: 10px;
}

.posted-on a,
.cat-links a,
.tags-links a,
.author a{
  font-weight: 700;
}

.edit-link {
  margin-left: 15px;
}

.edit-link a {
  color: #999999;
  font-weight: 700;
  text-decoration: underline;
}

.edit-link a:hover, .edit-link a:focus{
  color:  #e54a48;
}

/* ====================================================== */
/* Footer */
/* --------------------------------------- */

/* Site Info */
/* --------------------------------------- */

.site-info {
  padding-bottom: 15px;
  padding-top: 15px;
  text-align: right;
}

.site-info a{
  font-weight: 700;
}

/* ====================================================== */
/* Content */
/* --------------------------------------- */

/*fix 1170px width content start*/
.site-content{
  width: 1170px;
  margin: 0 auto;
  padding-top: 0px;
  padding-left: 0px;
  padding-right: 0px;
  background-color:#ffffff;
}
.site{
  background-color:#ffffff;
}

/*full width content ends*/

#primary {
  float: left;
  width: 75%;
  padding-right: 10px;
}

#secondary {
  float: right;
  width: 25%;
}



.comment-list .reply a {
    border: 1px solid #eaeaea;
    color: #707070;
    display: inline-block;
    font-family: "Lato", sans-serif;
    font-weight: 700;
    line-height: 1;
    margin-top: 2em;
    padding: 0.6167em 0.8333em;
    text-transform: uppercase;
}

.comment-list .reply a:hover,
.comment-list .reply a:focus {
    border-color:  #e54a48;
    color:  #e54a48;
    outline: 0;
}
.comment-form {
  padding-top: 1.6em;
  /*width:100%;*/
  }

.comment-form label {
  color: #707070;
  font-family: "Lato", sans-serif;
  font-size: 15px;
  font-weight: 700;
  display: block;
  line-height: 1.5;
  text-transform: uppercase;

}

.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"],
.comment-form input[type="submit"] {
  width: 100%;
}
.comment-notes,
.comment-awaiting-moderation,
.logged-in-as,
.form-allowed-tags {
  color: #707070;
  font-family: "Lato", sans-serif;
  font-size: 15px;
  line-height: 1.5;
  margin-bottom: 2em;
}

.logged-in-as a:hover {
  border-bottom: 1px solid #333;
}

.no-comments {
  border-top: 1px solid #eaeaea;
  color: #707070;
  font-family: "Lato", sans-serif;
  font-weight: 700;
  padding-top: 1.6em;
}

.comment-navigation + .no-comments {
  border-top: 0;
}

.form-allowed-tags code {
  font-family: 'Lato', 'Open sans';
}

.form-submit {
  margin-bottom: 0;
}

.required {
  color: #c0392b;
}

.comment-reply-title small {
  font-size: 100%;
}

.comment-reply-title small a {
  border: 0;
  float: right;
  height: 32px;
  overflow: hidden;
  width: auto;
}

.comment-content a {
  word-wrap: break-word;
}

.bypostauthor {
  display: block;
}

/* Posts and Pages */
/* --------------------------------------- */

.error404 #primary {
  width: 100%;
}

.error404 .search-form{
  margin-bottom: 30px;
}
/* ====================================================== */
/* Infinite scroll */
/* --------------------------------------- */

.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
  display: none;
}

.infinity-end.neverending .site-footer {
  display: block;
}

/* ====================================================== */
/* Media */
/* --------------------------------------- */

.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}

/* ====================================================== */
/* Captions */
/* --------------------------------------- */

.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
  display: block;
  margin: 0 auto;
}

.wp-caption-text {
  text-align: center;
}

.wp-caption .wp-caption-text {
  margin: 0.8075em 0;
}

/* ====================================================== */
/* Galleries */
/* --------------------------------------- */

.gallery {
  margin-bottom: 1.5em;
}

.gallery-item {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 100%;
  margin-bottom: 15px;
  margin-top: 15px;
}

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

.gallery-columns-3 .gallery-item {
  max-width: 33.33%;
}

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

.gallery-columns-5 .gallery-item {
  max-width: 20%;
}

.gallery-columns-6 .gallery-item {
  max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
  max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
  max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
  max-width: 11.11%;
}

.gallery-caption {
  display: block;
}

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

.gallery-columns-5 .gallery-item,
.gallery-columns-6 .gallery-item,
.gallery-columns-7 .gallery-item,
.gallery-columns-8 .gallery-item,
.gallery-columns-9 .gallery-item {
  max-width: 100%;
}
}

@media only screen and (max-width: 480px){
.gallery-columns-3 .gallery-item,
.gallery-columns-4 .gallery-item {
  max-width: 100%;
}
}






/*footer Setting Css */
.site-info a {
    color: #fff;
}

.site-footer {
    background-color: #333;
    color: #fff;
    margin-top: 20px;
}

/*footer widget */
.footer-widget {
    background-color: #5d5d5d;
    padding-top: 10px;
}

.footer-widget h2.widget-title {
    background-color: #5d5d5d;
    color: #fff;
    border-bottom: 2px solid rgb(255, 255, 255);
}

.footer-widget li {
    border-top: none;
    padding-left: 20x;
    padding-left: 20px;
}

.footer-widget li a{
	color:#fff;
}

/*footer Social Linsk */

 .footer-social ul.inline-mode li{
 	list-style: none;
 	float: left;
 	margin-left: 5px;
 }
 .footer-social ul.inline-mode li
 a{
 	border-radius: 3px;
 	color: #fff;
 	font-size: 16px;
 	margin: 8px 0 0 15px;
 	display: inline-block;
 	text-align: center;
 	vertical-align: middle;
 }

 .footer-social ul.inline-mode li
 a i.fa-facebook:hover{
 	color:#3B5998;
 }
 .footer-social ul.inline-mode li
 a i.fa-google-plus:hover{
 	color:#DC4E41;
 }
 .footer-social ul.inline-mode li
 a i.fa-twitter:hover{
 	color:#55ACEE;
 }
 .footer-social ul.inline-mode li
 a i.fa-rss:hover{
 	color:#F78007;
 }
 .footer-social ul.inline-mode li
 a i.fa-linkedin:hover{
 	color:#005397;
 }
 .footer-social ul.inline-mode li
 a i.fa-instagram:hover{
 	color:#A11D95;
 }


/*page links/pagination*/

.navigation .nav-links {
	clear: both;
	font-family: "Lato", sans-serif;
	margin-top: 2em;
	margin-bottom: 2em;
}

.navigation .nav-links a,
.navigation .nav-links > span {
    border: 1px solid #6699c4;
    display: inline-block;
    font-size: 16px;
    height: 2em;
    line-height: 2;
    margin: 0 3px 3px 3px;
    text-align: center;
    width: 2em;
    border-radius: 5px;
}

h2.screen-reader-text {
	display: none;
}

.navigation .nav-links a {
	background-color: #f7f7f7;
	color: #333;
}

.navigation .nav-links a:hover,.navigation .nav-links a:focus {background-color:  #e54a48;border-color: transparent;color: #fff;}
.wraper-pagination{text-align: center;}



.navigation .nav-links a:hover, .navigation .nav-links a:focus {
	  background-color: #e54a48;
    border-color: #e5494a;
    color: #fff;
    font-weight: bold;
}
nav.navigation.pagination.stick .current {
	background: #1ccca9;
	color: #fff;
	font-weight: bold;
}

.current {
    background-color: #6699c4;
    color: #fff;
    font-weight: bold;
}


/*widget Tag */
.widget.widget_tag_cloud a {
    display: inline-block;
    white-space: nowrap !important;
    margin: 0 4px 9px 0;
    padding: 5px;
    border: 1px solid #e1e1e1;
    border-radius: 0;
    color: #fff;
    transition: background-color 250ms cubic-bezier(0.075, 0.82, 0.165, 1) 0s;
    font-size: 12px !important;
    font-weight: bold;
}

.footer.widget.widget_tag_cloud a:hover{
	background-color: #fff;
	color:#000;
} 


.footer-social {line-height: 3;}
.header-social {float: right;}
.pagination {display: inline;padding-left: 0;margin: 10px 0; border-radius: 4px;}
.site-info {text-align: right;}
/*****************************
*      MetaBox
*****************************/
.section-meta span.meta-viewer, {margin-right: 10px;font-size: 12px;color: #5c5c5c;}
.section-meta span.meta-viewer i {margin: 0px 5px;}
.section-title h2 {color: #da5c5b;}
span.meta-date,span.meta-viewer {font-size: 13px;color: #5c5c5c;margin-right: 10px;}
/***************************
* Category
*****************************/
span.meta-category ul {list-style: none;margin: 0px 5px;padding: 5px 0px 0px 0px;position: absolute;top: 0px;}
ul.post-categories li {display: inline-block;padding: 3px;}
span.meta-category ul li a,ul.post-categories li a{background: #da5c5b;color: #fff;padding: 2px 5px;border-radius: 4px;font-weight: 600;}
.section-meta span {margin-right: 10px;}
figure {margin: 0;position: relative;}
span.meta-category {position: absolute;top: 0;}
span.meta-category a {background: #6699c4;c olor: #fff;border: 1px solid #6699c4;border: 5p;padding: 3px;}



.view-all,.more-posts {float: right;display: inline-block;background: #da5c5b;padding: 4px 15px;border: 1px solid #da5c5b;border-radius: 3px;position: absolute;top: 15px;right: 0;}
.section-head {border-bottom: 3px solid #da5c5b;position: relative;margin-bottom: 10px;padding: 1px 0px;}
.view-all a,.more-posts a {color: #fff;font-weight: 600;}
/* Category Color */
.colorful-cat a {background: #6699c4 none repeat scroll 0 0;color: #fff;display: inline-block;font-size: 14px;line-height: 25px;margin-right: 3px;margin-bottom: 5px;padding: 0 8px;position: relative;z-index: 1;border-radius: 4px;font-weight: 600;}
.colorful-cat a:hover {background: red;color: #fff;}
span.meta-category {position: absolute;top: 6px;left: 10px;}
.colorful-cat a:hover {color: #fff !important;}
.trend-pst .post-tp-6 figure{margin-right: 4px;}
/**
* Hover Effect
*/


.photo img{
  object-fit: cover;
  /*box-shadow: 5px 7px 12px 0 rgba(0,0,0,.2);*/
  display: block;
  /*transition: all .5s cubic-bezier(0.645, 0.045, 0.355, 1); */
	height:150;
	max-width: 100%;
	overflow: hidden;
/*
  height:120px;
  width:auto;
*/
}

.photo-2 img{
  object-fit: cover;
  /*box-shadow: 5px 7px 12px 0 rgba(0,0,0,.2);*/
  display: block;
  /*transition: all .5s cubic-bezier(0.645, 0.045, 0.355, 1); */
	height:150px;
	max-width: 100%;
	overflow: hidden;
/*
  height:120px;
  width:auto;
*/
}

.photo:hover img{
  box-shadow: 1px 1px 10px 0 rgba(0,0,0,.1);
}


/**
* Related Post Margin
*/
div#related_posts .post-article{
  margin-bottom:15px;
}



/* iPads (portrait) ----------- */
@media only screen
and (max-width : 1024px) {
  .colorful-cat {
    padding-top: 10px;
  }
}

/***
* For Contact Page
*/
label{
  margin-bottom: 5px;
    color: #222222;
    font-size: 16px;
}
label span{
  color: #6699c4;
}
input[type="text"],input[type="email"]{
  width:500px;
  border: 2px solid #e1e1e1;
    margin-bottom: 10px;
    box-shadow: none;
}
input[type="submit"]{
  background: #6699c4;
    font-size: 21px;
    padding: 20px 50px;
    color: #ffffff;
    text-align: center;
    margin-top: 10px;
    display: inline-block;
    border:none;
    cursor: pointer;
    outline: none;
}

textarea{
    width:100%;
    border: 2px solid #e6e6e6;
    resize: none;
    box-shadow: none;
}


/* Site Info */
/* --------------------------------------- */
.widget_kin_theme_pro_grid_post_area img.img-responsive,
.widget_kin_theme_pro_sidebar_list_widget_area img.img-responsive,
.footer-widget img.img-responsive {
    width: auto;
}

.widget_kin_theme_pro_sidebar_list_widget_area img.img-responsive {
    margin-top: 5px;
}


#sliderSection .widget {
    margin: 20px 0 23px 0;
}

.site-info {
  padding-bottom: 15px;
  padding-top: 15px;
  text-align: right;
}

.site-info a{
  font-weight: 700;
}

.footer-widget .widget {
    margin: 0;
}

.footer-widget .section-meta h3.meta-title a {
    line-height: 16px;
}
span.meta-date i {
    padding-right: 5px;
}
.post-grid-view article {
    margin-bottom: 5px;
}
.footer-widget h2.widget-title {
    padding: 12px 15px 12px 0;
}

.footer-widget .section-meta h4.meta-title a {
        color: #e2e2e2 !important;
}

.footer-widget .section-meta span.meta-date {
    color:  #fff !important;
}

.footer-widget .section-meta span.meta-viewer {
    color:  #fff !important;
}


.social-links a img {
  width: 30px;
}
.social-links {
  float: right;
}

body {
  margin: 0;

  /*font-size: calc(8px + 1vw);
  line-height: calc(1.0em + 0.5vw);
*/
	}
	
.site-title {
	position: absolute;
	font-weight: 400;
	color: #1ccca9;
	top: calc(1px + (8 - 1) * ((100vw - 320px) / (1170 - 320)));
	left: calc(2px + (16 - 2) * ((100vw - 320px) / (1170 - 320)));
	padding-left: calc(2px + (8 - 2) * ((100vw - 320px) / (1170 - 320)));
	letter-spacing: calc(2px + (5 - 2) * ((100vw - 320px) / (1170 - 320)));
	font-size: calc(16px + (72 - 16) * ((100vw - 320px) / (1170 - 320)));
}

.site-title h1 {
}


.site-title a{text-decoration: none;font-weight: bold;}

	
/* BELOW HERE WILL MASH IN ALL THE SHIT THAT MAKES MOBILE LOOK DIFFERENT */

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



  .site-content{
      width: 96%;
      margin: 0 auto;
  }
  .container:before, 
  .container:after{
      display: block;
      clear: both;
      content: "";
  }
}

@media only screen and (max-width: 320px){
.site-title {
	position: absolute;
	top: 1;
	left: 2;

	font-size: 16px;
	font-weight: 400;
	letter-spacing: 2px;
	color: #1ccca9;
	padding-left:2px;

}


}

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




  #primary,
  #secondary {
    width: 100%;
    float: none;
  }
}


/* Alignments */
/* --------------------------------------- */

.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em;
}

.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em;
}

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

/* Posts and Pages */
/* --------------------------------------- */

.sticky {
  display: block;
}

.hentry {
  margin: 0 0 1.5em;
}

.byline,
.updated:not(.published) {
  display: none;
}

.single .byline,
.group-blog .byline {
  display: inline;
}



/*page links/pagination*/

.page-links {
  clear: both;
  font-family: "Lato", sans-serif;
  font-weight: 700;
  margin-top: 2em;
  margin-bottom: 2em;
}

.page-links a,
.page-links > span {
  border: 1px solid #ccc;
  display: inline-block;
  font-size: 15px;
  height: 2em;
  line-height: 2;
  margin: 0 3px 3px 3px;
  text-align: center;
  width: 2em;
}

.page-links a {
  background-color: #f7f7f7;
  color: #333;
}

.page-links a:hover,
.page-links a:focus {
  background-color:  #e54a48;
  border-color: transparent;
  color: #fff;
}

/* Asides */
/* --------------------------------------- */

.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
  display: none;
}

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

.comment-list + .comment-respond {
    border-top: 1px solid #eaeaea;
}

.comment-list + .comment-respond,
.comment-navigation + .comment-respond {
    padding-top: 1.6em;
}

.comments-title,
.comment-reply-title {
    font-family: "Lato", serif;
    font-size: 18px;
    line-height: 1.3333;
}

.comments-title {
    margin-bottom: 1.3333em;
}

.comment-list {
    list-style: none;
    margin: 0;
}

.comment-list article,
.comment-list .pingback,
.comment-list .trackback {
    border-top: 1px solid #eaeaea;
    padding: 1.6em 0;
}

.comment-list .children {
    list-style: none;
    margin: 0;
}

.comment-list .children > li {
    padding-left: 0.8em;
}

.comment-author {
    color: #707070;
    margin-bottom: 0.4em;
}

.comment-author a:hover {
    border-bottom: 1px solid  #e54a48;
}

.comment-author .avatar {
    float: left;
    height: 32px;
    margin-right: 0.8em;
    width: 32px;
    border-radius: 30px;
      -webkit-border-radius: 30px;
      -moz-border-radius: 30px;
      -o-border-radius: 30px;
      -ms-border-radius: 30px;
}

.comment-metadata,
.pingback .edit-link {
    color: #999999;
    font-weight: 700;
}

.comment-metadata a,
.pingback .edit-link a {
    color: #707070;
}

.comment-metadata a:hover,
.pingback .edit-link a:hover {
    border-bottom: 1px solid  #e54a48;
}
.comment-metadata a.comment-edit-link:hover{
    border-bottom: none;
}

.comment-metadata a:hover,
.comment-metadata a:focus,
.pingback .edit-link a:hover,
.pingback .edit-link a:focus {
    color: #333;
}

.comment-metadata {
    margin-bottom: 1.6em;
}

.comment-metadata .edit-link {
    margin-left: 1em;
}

.pingback .edit-link {
    margin-left: 1em;
}

.pingback .edit-link:before {
    top: 5px;
}

.comment-content ul,
.comment-content ol {
    margin: 0 0 1.6em 1.3333em;
}

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

.comment-content > :last-child {
    margin-bottom: 0;
}

.comment-list .reply {
    font-size: 12px;
}



.entry-content-2:before,
.entry-content-2:after {
  content: "";
  display: table;
}

.entry-content-2:after {
  clear: both;
}



.entry-content-2 {
  margin: -10px 0px 0;
	
}
.entry-content-2 p {
	max-height:52px !important;
}

.post-extras {

	margin: 4px 0 4px;

	position:relative;
	bottom:0;
	width:75%;

}

 .row-filler {
	margin: 18px 0 8px;
	position: absolute;
	bottom: 0;
	width: 75%;
	height:100%
}


.entry-more a {
		border: 2px solid #333333;
    color: #fff;
padding: 7px 15px;
    background: #333333;
    border-radius: 5px;
    font-weight: bold;
    font-size: 14px;
    text-transform: uppercase;
}
 .entry-more {
	margin: 18px 0 8px;
	position: absolute;
	bottom: 0;
	width: 75%;	
	}

	.entry-more a:hover {
  background: #6699c4;
  border: 2px solid #77b3e6;
}

.entry-content,
.entry-summary {

/*  margin: -10px 0 0;*/
}


.back-home a {
		border: 2px solid #333333;
    color: #fff;
		padding: 7px 15px;
    background: #333333;
    border-radius: 5px;
    font-weight: bold;
    font-size: 14px;
    text-transform: uppercase;
}
 .back-home {
	margin: 18px 0 0;
	width: 75%;	
	}

	.back-home a:hover {
  background: #6699c4;
  border: 2px solid #77b3e6;
}



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


.photo-2 img{
    max-width: 100%;
  object-fit: cover;
  /*box-shadow: 5px 7px 12px 0 rgba(0,0,0,.2);*/
  display: block;
  /*transition: all .5s cubic-bezier(0.645, 0.045, 0.355, 1); */
	height:64px;
	overflow: hidden;
/*
  height:120px;
  width:auto;
*/
}

.photo-2:hover img{
  box-shadow: 1px 1px 10px 0 rgba(0,0,0,.1);
}

.blog article.hentry,
#blog-post article.hentry, 
.search article.hentry, 
.archive article.hentry, 
.tag article.hentry, 
.category article.hentry, 
#ak-blog-post article.hentry {
  border-bottom: 1px solid #d6d6d6;
  margin-bottom: 5px;
  padding-bottom: 10px;
}

   .entry-more {
		 display: none;
	 }

	.entry-content-2 p {
		display: none;
	}

	h1,
	h2,
	h3 {
		margin-top: 5px;
		margin-bottom: 7px;
	}

	h1 {
		font-size: 18px;
	}

	h2 {
		font-size: 15px;
		color: #f00;
	}
	.header-title h2.entry-title {
		font-size: 15px;
	}

	h3 {
		font-size: 12px;
	}

	h4 {
		font-size: 9px;
	}

	h5 {
		font-size: 7px;
	}

	h6 {
		font-size: 6px;
	}

	
}


@media only screen and (max-width: 767px){
  #secondary {
    margin-top: 60px;
  }
}






@media only screen and (max-width: 479px){
  h1 {
    font-size: 28px;
  }
}





/* header-nav-bar */
/* ----------------------------------------------- */



	
@media  (max-width: 425px) {
  .header-add {
     height: 10px; 
  }
}


ul#primary-menu li.current_page_item a {
  background-color: #0000ff !important;
  /*background-color: #e54a48 !important;*/
}


.main-navigation {margin-top:0px;overflow:visible;clear: both;display: block;float: left;width: 100%;background: #ff3333;

/*margin:-50px 0;*/
} 

.zzmain-navigation .nav-menu{width: 100%;margin: 0 auto;padding-left: 0px;padding-right: 0px;}

.main-navigation a {color: #ffffff;display: block;font-size: 15px;padding: 12px 14px;text-decoration: none;}
.main-navigation li {height:50px;background:#333333;float: left;position: relative;float: none;display: block;border-top: 1px solid #565656;}
.main-navigation ul {display: none;list-style: none;margin: 0;padding-left: 0;}

.main-navigation ul ul {box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);float: left;position: absolute;top: 3em;left: -999em;z-index: 99999;background: #212121;}
.main-navigation ul ul ul {top: 0;}
.main-navigation ul ul ul ul ul ul{left: -400px;}
.main-navigation ul ul a {width: 200px;}

.main-navigation li:hover > a {background: #e54a48;}
.main-navigation ul ul a:hover {background: #e54a48;}
.main-navigation ul li:hover > ul {left: auto;}
.main-navigation ul ul li:hover > ul {left: 100%;}
.main-navigation .current_page_item > a,.main-navigation .current-menu-item > a,.main-navigation .current_page_ancestor > a {background: #e64949;}

.xmain-navigation li {float: none;display: block;border-top: 1px solid #565656;}
.xmain-navigation ul ul {background: none repeat scroll 0 0 #333333;display: block;float: none;position: static;text-align: left;box-shadow: none;}
.xmain-navigation ul ul li{padding-left: 25px;}
.xmain-navigation ul ul li a {display: block;width: auto;}



.navbar-toggle-x {
    position: absolute;
   right:0px;
	 top:0px;
	 /*font-size: calc([minimum size] + ([maximum size] - [minimum size]) * ((100vw - [minimum viewport width]) / ([maximum viewport width] - [minimum viewport width])));*/
	/*


	width: calc(25px + (50 - 25) * ((100vw - 320px) / (1170 - 320)));
	height: calc(25px + (50 - 25) * ((100vw - 320px) / (1170 - 320)));
	 */

	 width:50px;
	 height:50px;
	
	
    padding: 10px 10px;
    margin-top: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px
}


.navbar-toggle-x .icon-bar {
    display: block;
    width: 30px;

    height: 2px;
    border-radius: 1px;
		background-color: #fff;
		color:#000;
		padding-bottom:5px;
}

.navbar-toggle-x .icon-bar+.icon-bar {
    margin-top: 4px
}

.navbar-default .navbar-toggle-x .icon-bar {
    background-color: #888
}
.navbar-inverse .navbar-toggle-x .icon-bar {
    background-color: #fff
}




.navbar-toggle-x:focus {
    outline: 0
}



button.navbar-toggle span {background: black;}
button.navbar-toggle {border: 1px solid #333333;}



.menu-toggle,.main-navigation.toggled .nav-menu {background:#f0f;display: block;margin-left: auto;margin-right: auto;}

.entry-meta{
	padding-bottom:8px;
}

@media screen and (min-width: 1170px){
	.site-title {
		font-size: 72px;
	}
}