/*
 Theme Name:   Inuit Child Theme
 Theme URI:    http://bizzartic.com/bizzthemes/inuitypes/
 Description:  Inuit Types child theme 
 Author:       Richard Tidmarsh
 Author URI:   http://richardtidmarsh.com
 Template:     inuit-types
 Version:      1.0.0
*/

@import url("../inuit-types/style.css");

body {
	font-family: "ff-tisa-sans-web-pro",sans-serif!important;
	font-size: 16px;
}

.wrapper {
	max-width: 1400px;
    width: 70%;
}

.container {
    float: left;
    width: 100%;
}

.top_menu {
	position: relative;
    width: 100%;
}

.widget {
    width: 98%;
}

.content,
.footer {
    padding-right: 6%;
    width: 67%;
}

.sidebar {
	float: left;
    padding-left: 3%;
    margin-top: 30px;
    width: 21%;
}

.blog .post h2,
.post h2,
#header-about h1 {
	font-family: "ff-tisa-sans-web-pro",sans-serif!important;
	font-size: 24px;
	font-weight: 600;
}

#header {
    padding-top: 20px;
    padding-bottom: 30px;
    width: 100%;
}

#header .blog-title {
    line-height: 75px;
}

#header .blog-title a {
	font-size: 60px;
}

#header .blog-description {
	font-size: 18px;
}

.inuit-child-archive-list .tags, 
.boxed_posts .tags,
.inuit-child-archive-list .categories,
.inuit-child-archive-list .post a img {
	display: none;
}

#smlscreen-nav,
#nav-trigger {
	display: none;
	left: -9999px;
	position: absolute;
}

.home .boxed_posts #first-post.post {
	border-top: 1px solid #ddd;
	clear: both;
    margin: 0 15px 10px 10px !important;
    padding: 0 !important;
	width: 100%;
}

.content .post,
#header-about h1 {
	width: 100%;
}

.ad-widget {
	display: inline-block;
    float: none;
    margin: 10px 15px 10px 10px !important;
    /* padding: 0 !important; */
    vertical-align: top;
	width: 100%;
}

.home .boxed_posts #first-post.post .thumbnail-wrapper {
	display: block;
	height: auto;
	margin: 0 0 20px;
	width: 100%;
}

.home .boxed_posts #first-post.post .thumbnail-wrapper img {
	background: #F4F4F4;
    border: 1px solid #DDDDDD;
    float: left;
    height: auto;
    max-height: 250px;
    padding: 1%;
    margin: 10px 0;
    width:98%;
}

.ad-widget a {
	display: block;
}

.entry img,
.ad-widget img {
	height: auto;
	margin: 0 0 15px;
	max-width: 100%;
	width:auto;
}

.boxed_posts .post {
	display: inline-block;
	float: none;
	vertical-align: top;
	width: 45%;
}

.entry p {
    font-size: 16px;
}

.post-thumbnail-wrapper img {
    background: #f4f4f4 none repeat scroll 0 0;
    border: 1px solid #dddddd;
    height: auto;
    float: left;
    padding: 2%;
    width: 96%;
}


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

/* Larger than 1280px */
@media only screen and (min-width: 1354px) {
	
	.sidebar {
	    width: 22%;
	}

	.blog .post h2, .post h2, #header-about h1 {
		font-size: 34px;
	}

	.boxed_posts .post {
		width: 45%;
	}

}


@media only screen and (min-width: 960px) and (max-width: 1353px) {
	#header .blog-title a {
	    font-size: 44px;
	}
}

/* All Tablet (Portrait) / Mobile Sizes */
@media only screen and (max-width: 959px) {
		
	#nav-trigger {
		display: block;
		font-size: 140%;
		left: 15px;
		position: absolute;
		top: 12px;
		width:100px;
	}

	#nav-trigger i.fa {
		display: block;
		margin-left: 5px;
	}

	#nav-trigger i.fa-bars,
	#nav-trigger.triggered i.fa-times {
		display: inline;
	}

	#nav-trigger i.fa-times,
	#nav-trigger.triggered i.fa-bars {
		display: none;
	}

	#nav-trigger:hover {
		text-decoration: none;
	}
	
	#widescreen-nav,
	.widescreen-element,
	#nav-trigger i.fa-times {
		display: none;
	}

	#smlscreen-nav {
		background: #fff;
		border-bottom: 5px solid #ddd;
		left: 0;
		padding: 20px 5%;
    	width: 90%;
	}

	#smlscreen-nav .menu ul {
		clear: both;
	}
	
	#smlscreen-nav .menu li {
		border-bottom: 1px solid #ddd;
		display: block;
		float: none;
	}

	#smlscreen-nav .widget.mob-search {
		padding: 0 9px;
		margin: 30px 0 10px;
		width: auto;
	}
	
	#widescreen-nav,
	.widescreen-element {
		display: none;
	}

	.post-thumbnail-wrapper img {
	    padding: 1%;
	    width: 98%;
	}
}

/* Tablet (Portrait) only 768px - 959px */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	
	.wrapper {
	    width: 90%;
	}

	.content {
	    padding-right: 6%;
	    width: 60%;
	}

	.sidebar {
	    padding-left: 0;
	    width: 26%;
	}

	.boxed_posts .post {
		width: 100%;
	}

	#header .blog-title a {
	    font-size: 37px;
	}

	.widescreen-element {
		display: none;
	}
}


/* All Mobile Sizes */
@media only screen and (max-width: 767px) {
	.wrapper {
	    width: 94%;
	}

	#nav-trigger {
		left: 5%;
	}
	
	#header .blog-title {
	    line-height: 25px;
	}

	#header .blog-title a {
	    font-size: 28px;
	}

	#header .blog-description {
	    font-size: 16px;
	}

	.content,
	.sidebar,
	.footer {
		left: 0;
		margin: 0 5%;
		width:90%;
	}


	.sidebar {
		border: none;
		padding-left: 0;
	}

	.content {
		padding-right: 5%;
	}

	.boxed_posts .post,
	.home .boxed_posts #first-post.post {
		margin: 10px 0 !important;
		width: 100%;
	}

	.entry ul {
	  padding-left: 5px;
	}

	#comments .comment .meta-left,
	.footer div {
	    float: none;
	    margin: 0 0 5px;
	}

	#comments .comment .text-right {
	    display: block;
	    margin-left: 0;
	}


}


/* Mobile (Landscape) 420px - 767px */
@media only screen and (min-width: 420px) and (max-width: 767px) {

}


/* Mobile (Portrait) 419px */
@media only screen and (max-width: 419px) {

	#header .blog-title a {
	    font-size: 24px;
	}
}