/****************************************************************************************************************

THEME NAME:  Nephew pt
THEME URI: http://demo.jarrodpyper.com/nephewpt/
DESCRIPTION: A custom theme by <a href="http://www.pypelineweb.com">Pypeline</a> for <a href="http://wpstartbox.com">Startbox</a>.
TAGS: startbox, one column, two column, three column, widgets, shortcodes, theme options
VERSION: 1.0
AUTHOR: Jarrod Pyper
AUTHOR URI: http://www.pypelineweb.com
LICENSE: GNU General Public License
LICENSE URI: license.txt
TEMPLATE: startbox

****************************************************************************************************************

Default styles from startbox are imported via wp_enque_style() in functions.php 

****************************************************************************************************************

Table of Contents

****************************************************************************************************************

0.	General Styling
1. 	Layout
2.	Menu
3.	Widget Areas
4.	Articles
5.	Comments
6.	Footer

****************************************************************************************************************

0. General Styling

****************************************************************************************************************/

@font-face {
	font-family: 'angelina';
	src: url('/wp-content/themes/nephewpt/fonts/angelina.eot');
	src: url('/wp-content/themes/nephewpt/fonts/angelina.eot?#iefix') format('embedded-opentype'),
		url('/wp-content/themes/nephewpt/fonts/angelina.woff') format('woff'),
		url('/wp-content/themes/nephewpt/fonts/angelina.ttf') format('truetype'),
		url('/wp-content/themes/nephewpt/fonts/angelina.svg#angelina') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'futurastd-medium';
	src: url('/wp-content/themes/nephewpt/fonts/futurastd-medium.eot');
	src: url('/wp-content/themes/nephewpt/fonts/futurastd-medium.eot?#iefix') format('embedded-opentype'),
		url('/wp-content/themes/nephewpt/fonts/futurastd-medium.woff') format('woff'),
		url('/wp-content/themes/nephewpt/fonts/futurastd-medium.ttf') format('truetype'),
		url('/wp-content/themes/nephewpt/fonts/futurastd-medium.svg#futurastd-medium') format('svg');
	font-weight: normal;
	font-style: normal;
}

body {
	background: url(images/bg_tile.jpg);
	color: #524d46;
	font: 15px/20px "futurastd-medium";
}
a, a:visited {
	font-weight: bold;
	color: #00777f;
}
a:hover, a:active, a:focus {}
h1,h2,h3,h4,h5,h6 {
	color: #E25F33;
	font-family: "futurastd-medium";
}
h1 {}
h2 {
	font-size: 26.16px;
	line-height: 30.52px;
}
h3 {
	font-size: 21.12px;
	line-height: 28.35px;
}
.entry-content h3, .entry-content h2 {
	margin-bottom: 2px;
}
h4 {}
h5 {}
h6 {}
hr {}
#header h2 {
	margin:0;
}
img, p img {
	max-width: 100%;
	height: auto;
}
blockquote {}
blockquote p {}
pre,code {}
strong {}
em {}
del {}
ins {}
abbr,cite {}
.more-link, .more-link:visited {}
.more-link:hover, .more-link:active {}
.entry-content p + ul {
	margin-top: -1em;
    margin-bottom: 0;
}
.post-content dl dl,
.post-content ul ul,
.post-content ol ol {}
.post-content ul {}
.post-content ol {}
.post-centent li {}

/****************************************************************************************************************

1. Layout

****************************************************************************************************************/

.skip-to-content {}
.rtt {} /* Return to Top link */
#wrap {}
#wrap, #footer_wrap {
	max-width: 872px;
	padding: 0 28px;
	width: 95%;
}
#content {
	border: 1px solid #D9D9DA;
	padding: 20px;
}
.layout-two-col-right div#content {
	margin: 4px 236px 0 0;
}
.layout-two-col-right div#primary {
	margin-top: 4px;
	width: 216px;
}
.header_photo {
	float: right;
	max-width: 491px;
	max-height: 271px;
    width: 100%;
}
.social {
	left: 60px;
	position: relative;
	top: -61px;
}
.social a {
	background-repeat: no-repeat;
	display: block;
	float: left;
	height: 34px;
	margin-left: 6px;
	width: 34px;
}
.social .twitter {
	background-image: url(images/twitter.png);
}
.social .instagram {
	background-image: url(images/instagram.png);
}
.social .facebook {
	background-image: url(images/facebook.png);
}
.social .pinterest {
	background-image: url(images/pinterest.png);
}
.social .soundcloud {
	background-image: url(images/soundcloud.png);
}
.social .googleplus {
	background-image: url(images/googleplus.png);
}
.social a:hover {
	background-position: 0 -34px;
}

#header_wrap {
	background: rgba(217, 222, 222, 0.5);
	float: left;
	height: 271px;
	width: 370px;
}
#header {

}
.post-image {
	margin: 0;
	width: 100%;
	height: auto;
}
#logo {
	margin: 0;
	width: 100%;
}
#logo img {
	display: block;
	margin: 33px auto 0;
}
#slider {
	margin-bottom: 0px;
}
.the_bottom_line {
	background: #ECEEEE;
	color: #54585a;
	float: left;
	font-size: 14px;
	margin-top: 10px;
	max-width: 596px;
	padding: 20px;
}
.the_bottom_line h4 {
	color: #00777f;
	font: 16px/14px "futurastd-medium";
	letter-spacing: 3px;
	margin-bottom: 14px;
	text-transform: uppercase;
}
.sk_testimonials_widget {
	margin-top: 30px;
}
.sk_testimonials_widget .skt_content_cont p {
	text-align: center;
	margin-right: 12px;
}
.sk_testimonials_widget .skt_testimonial {
	color: #54585a;
	font: 25px/40px "angelina";
}
.sk_testimonials_widget .skt_client_name {
	color: #54585A;
	font: 10px "futurastd-medium";
	letter-spacing: 2px;
	text-transform: uppercase;
	margin: 0 0 10px;
}
.sk_testimonials_widget .beg-quote {
	background: url(images/beg-quote.png) no-repeat;
	height: 31px;
	width: 38px;
	margin: 0 0 -24px;
}
.sk_testimonials_widget .end-quote {
	background: url(images/end-quote.png) no-repeat;
	height: 31px;
	width: 38px;
	margin: -68px 15px 0 0;
	float: right;
}
.sk_testimonials_widget .readmore {
	color: #00777f;
	font: 11.5px "futurastd-medium";
	letter-spacing: 1px;
	text-transform: uppercase;
}
#text-11 img {
	margin-left: 17px;
}
#blog-title, #blog-description {}
#container_wrap {}
#nav-above {}
#nav-above, #nav-below {}
.nav-previous {}
.nav-next {}
.page-template-pagefullwidth-php div#container,
.page-template-pagefullwidth-php div#content {}

.mapp-container {
	max-width: 914px;
	width: 100%!important;
}
.mapp-canvas-panel {
	max-width: 914px;
	width: 100%!important;
}
.mapp-canvas {
	max-width: 914px;
	width: 100%!important;
}
.iframe-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
}
.iframe-container iframe,
.iframe-container object,
.iframe-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/****************************************************************************************************************

2. Menu

****************************************************************************************************************/

/* Menu */
.nav {
	background: #00777F;
	border-bottom: none;
	float: left;
	height: 23px;
	margin: -27px 0 0;
}
.nav ul {}
.nav li {
	float: left;
	margin-right: 66px;
}
.nav li.first {
	margin-left: 26px;
}
.nav li.last {
	margin-right: 0;
}
/* Default Links */
.nav li a, .nav li a:visited {
	text-transform: uppercase;
	color: #FFF;
	letter-spacing: 1px;
	font: 12px/23px "futurastd-medium";
	display: block;
	padding: 0;
	text-align: center;
}
.nav li:hover a, .nav li:hover a:visited,
.nav li a:hover, .nav li a:active, .nav li a:focus,
.nav li.current-menu-item a:hover, .nav li.current-menu-item a:visited,
.nav li.current-menu-ancestor a:hover, .nav li.current-menu-ancestor a:visited {
	border: none;	
	color: #fff;
	text-decoration: underline;
}

/* Active Links */
.nav li.current-menu-item a, .nav li.current-menu-item a:visited,
.nav li.current-menu-ancestor a, .nav li.current-menu-ancestor a:visited {
	border: none;	
	color: #fff;
}

/* Sub-menu */
.nav li ul,
.nav li:hover li ul {
	background: none;
	width: auto;
	border: none;
	margin-top: -7px;
}
.nav li:hover ul,
.nav li li:hover ul {}
.nav li:hover li ul {}

/* Sub-menu Links */
.nav li li {
	background: #00777F;
	margin: 0;
	min-width: 150px;
}
.nav li li a, .nav li li a:visited,
.nav li:hover li a, .nav li:hover li a:visited {
	border-top: 1px #FFF solid;
	color: #fff;
	font: bold 12px Arial, sans-serif;
	letter-spacing: 0;
	line-height: 14px;
	padding: 7px 6px;
	text-decoration: none;
}

/* Sub-menu Active Links */
.nav li:hover li a:hover, .nav li:hover li a:active, 
.nav li li.current-menu-item a, .nav li li.current-menu-item a:visited,
.nav li li.current-menu-ancestor a, .nav li li.current-menu-ancestor a:visited {
	background: #fff;
	color: #00777F;
	text-decoration: none;
}
.nav li:hover li a:hover, .nav li:hover li a:active {
	background: #fff;
	color: #00777F;
}

/* Top Nav Menu Styles */
.nav-primary {}
.nav-primary ul {}
.nav-primary li {}

/* Top Nav Links */
.nav-primary li a, .nav-primary li a:visited {}

/* Top Nav Active Links */
.nav-primary li:hover a, .nav-primary li:hover a:visited,
.nav-primary li a:hover, .nav-primary li a:active, .nav-primary li a:focus
.nav-primary li.current-menu-item a, .nav-primary li.current-menu-item a:visited,
.nav-primary li.current-menu-ancestor a, .nav-primary li.current-menu-ancestor a:visited {}
.nav-primary li.current-menu-item a, .nav-primary li.current-menu-item a:visited,
.nav-primary li.current-menu-ancestor a, .nav-primary li.current-menu-ancestor a:visited {}

/* Top Nav Sub-menu */
.nav-primary li ul {}
.nav-primary li:hover li ul {}

/* Top Nav Sub-menu Links */
.nav-primary li li a, .nav-primary li li a:visited,
.nav-primary li:hover li a, .nav-primary li:hover li a:visited {}

/* Top Nav Sub-menu Active Links */
.nav-primary li:hover li a:hover, .nav-primary li:hover li a:active {}

/* Footer Nav Menu Styles */
.nav-footer {}
.nav-footer ul {}

/* Footer Nav Links */
.nav-footer li a, .nav-footer li a:visited {}

/* Footer Nav Active Links */
.nav-footer li:hover a, .nav-footer li:hover a:visited,
.nav-footer li a:hover, .nav-footer li a:active, .nav-footer li a:focus,
.nav-footer li.current-menu-item a, .nav-footer li.current-menu-item a:visited,
.nav-footer li.current-menu-ancestor a, .nav-footer li.current-menu-ancestor a:visited {}

/* Footer Nav Sub-menu */
.nav-footer li ul {}
.nav-footer li:hover li ul {}

/* Footer Nav Sub-menu Links */
.nav-footer li li a, .nav-footer li li a:visited,
.nav-footer li:hover li a, .nav-footer li:hover li a:visited {}

/* Footer Nav Sub-menu Active Links */
.nav-footer li:hover li a:hover, .nav-footer li:hover li a:active,
.nav-footer li li.current-menu-item a, .nav-footer li li.current-menu-item a:visited,
.nav-footer li li.current-menu-ancestor a, .nav-footer li li.current-menu-ancestor a:visited {}

/* Nav Extras */
.nav li.search {}
.nav li.menu-item-type-search .searchtext {}
.nav li.menu-item-type-search .button {}
li.menu-item-type-social {}
li.menu-item-type-social a, li.menu-item-type-social a:visited {}
li.menu-item-type-social a span {}


/****************************************************************************************************************

3. Widget Areas

****************************************************************************************************************/

.widget-title {}
}
.widget ul {}
.widget li a, .widget li a:visited {}
.widget li a:hover, .widget li a:active {}

#primary .widget_text {
	margin-bottom: 8px;
}
#primary .widget_text a {
	color: #FFF;
	width: 216px;
	height: 44px;
	display: block;
	text-align: center;
	font: normal 12px/44px 'futurastd-medium';
	letter-spacing: 2px;
	text-transform: uppercase;
	background: #E25F33;
}
#primary .widget_text a:hover {
	background: #00777F;
}

/****************************************************************************************************************

4. Articles

****************************************************************************************************************/

.post {}
.single .post {}
.page-title {
	display: none;
}
.entry-title {}
.entry-title a, .entry-title a:visited {
	color: #C43100;
}
.entry-meta {}
.entry-photo {}
.entry-content {}
.entry-content table {
    border: none;
}
.entry-content table td {
    padding: 0;
    border: none;
}
.tag-links {}
.comments-link, .comments-link:visited {}
#entry-author-info {}
.single #entry-author-info {}
#entry-author-info h2 {}
.single #entry-author-info h2 {}
#author-avatar {}
.single #author-avatar {}

/****************************************************************************************************************

5. Comments

****************************************************************************************************************/

#comments h3 {}
.h3-link, .h3-link:visited {}
#comments-list {}
.commentlist,
.commentlist .children {}
.comments {}
.commentlist li {}
.comment-wrap {}
.comment-meta {}
.avatar {}
.commentlist .fn, #commentform .fn {}
.comment-author-name, .comment-author-name:visited {}
.comment-author-name:hover, .comment-author-name:active {}
.comment-date {}
.commentlist li .comment-entry {}
.commentlist li .comment-entry p {}
.comment-arrow {}
.reply-author {}
.comment-entry blockquote {}
.comment-entry blockquote blockquote {}
.comment-entry blockquote p {}
.comment-reply-link,
.comment-edit-link {}
#trackbacks-list {}
#trackbacks-list ol {}
.commentlist .children {}
.commentlist .children li {}
.children .comment-arrow {}
.children .entry-content {}
.children .comment-meta {}
.children .comment-meta .avatar {}
.children .comment-meta .fn {}
.children .entry-content {}
.comment-footer {}

/****************************************************************************************************************

6. Footer

****************************************************************************************************************/

#footer_wrap {
	height: 70px;
	color: #b4b4b5;
	margin-bottom: 20px;
}
#footer_wrap a {
	color: #b4b4b5;
	font-weight: normal;
}
.footer_text ul {
	margin: 20px 0 0 100px;
}

.footer_text li {
	float: left;
	font-size: 12px;
	list-style: none;
	margin-right: 30px;
}
.footer_logo {
	float: right;
}
#footer_right {
	margin-right: 0px;
	margin-top: 7px;
	max-width: 450px;
	width: 100%;
}
div#footer, #wp_footer {}
#footer_sidebar .aside {}
#credits {}
#site_info {}
.copyright,
.footer_text {}
#pypeline {
	margin-bottom: -12px;
}
#design_cred {
	padding-bottom: 6px;
}
#design_cred a {
	color: #0091ab;
}
#login_content {}
#login_links {}
#login_links li {}
	
/****************************************************************************************************************

7. Responsive Styling

****************************************************************************************************************/

#content img {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
}
.nav-primary select {
	display: none;
}
@media screen and (max-width: 936px) {
	#wrap, #footer_wrap {
		box-sizing: border-box;
	}
	#header_wrap {
		width: 100%;
	}
	.social {
		left: 50%;
		margin-left: -125px;
	}
	.header_photo {
		display: none;
	}
	.nav-primary ul {
		width: 676px;
		margin: 0 auto;
	}
	.nav li.first {
		margin-left: 0;
	}
	.nav li {
		margin-right: 30px;
	}
	.footer_text ul {
		margin: 20px auto 0;
		max-width: 420px;
	}
	.footer_text ul li:nth-child(even) {
		float: right;
	}
	.footer_text li {
		margin-right: 0; 
	}
}

@media screen and (max-width: 790px) {
	.nav-primary {
		height: 39px;
	}
	.nav-primary select {
		border-radius: 3px;
		display: block;
		height: 30px;
		margin: 4px auto 0;
		padding: 5px;
	}
	.nav-primary ul {
		display: none;
	}
}
@media screen and (max-width: 700px) {
	.layout-two-col-right div#container {
		margin: 0;
	}
	.layout-two-col-right div#content {
		margin: 6px 0 0;
	}
	.layout-two-col-right div#primary {
		margin-top: 10px;
		width: 100%;
	}
	.aside .xoxo, .aside .xoxo ul {
		margin: 0 auto;
		width: 216px;
	}
}
@media screen and (max-width: 525px) {
	#logo {
		box-sizing: border-box;
		padding: 10px;
	}
	#footer_wrap {
		height: 120px;
	}
	.footer_text ul li:nth-child(even) {
		float: left;
	}
	.footer_text li {
		width: 100%;
	}
}