/*
	Theme Name: Brandon Vogt
	Theme URI: http://www.brandonvogt.com
	Author: Mike Smith
	Author URI: http://www.madebyguerrilla.com
	Description: Custom WordPress theme, created by Mike Smith for Brandon Vogt. This is a child theme of the Clarity WordPress theme.
	Tags: responsive, one-column, two-columns, three-columns, custom-background, custom-menu, full-width-template, theme-options, threaded-comments
	Template: clarity-theme
	Version: 1.0.0
	Text Domain: brandonvogt
*/

body {
	background: #f8f8f8;
}

a, a:visited {
	color: #16679E;
}

a:hover {
	color: #666;
}

a.btn,
a.btn:visited {
	background: #16679E;
    border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	color: #FFF;
	margin: 12px 0;
}

a.btn:hover {
	background: #666;
	color: #FFF;
}

a.btn.wide{
	width: 100%;
	text-align: center;
}

a.btn.alt,
a.btn.alt:visited {
	background: #9DC7F1;
	color: #FFF;
}

a.btn.alt:hover {
	background: #16679E;
	color: #FFF;
}

a.btn.alt2,
a.btn.alt2:visited {
	background: #1e1916;
	color: #FFF;
}

a.btn.alt2:hover {
	background: #29211e;
	color: #FFF;
}

a.btn.alt3,
a.btn.alt3:visited {
	padding: 8px;
	background: #FFF;
	color: #16679E;
	border: 2px solid #16679E;
}

a.btn.alt3:hover {
	background: #16679E;
	border: 2px solid #16679E;
	color: #FFF;
}

a.btn.alt4,
a.btn.alt4:visited {
	padding: 8px;
	background: #FFF;
	color: #9DC7F1;
	border: 2px solid #9DC7F1;
}

a.btn.alt4:hover {
	background: #9DC7F1;
	border: 2px solid #9DC7F1;
	color: #FFF;
}

a.btn.alt5,
a.btn.alt5:visited {
	padding: 8px;
	background: #FFF;
	color: #1e1916;
	border: 2px solid #1e1916;
}

a.btn.alt5:hover {
	background: #1e1916;
	border: 2px solid #1e1916;
	color: #FFF;
}

a.btn.amazon {
	background: #ff9900;
	position: relative;
	padding-left: 34px;
}

a.btn.amazon:before {
    content: "\f07a";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
/*--adjust as necessary--*/
    color: #FFF;
    font-size: 18px;
    position: absolute;
    top: 10px;
    left: 10px;
}

a.btn.amazon:hover {
	background: #ffa620;
}

a.btn.shop {
	background: #16679E;
	position: relative;
	padding-left: 34px;
}

a.btn.shop:before {
    content: "\f07a";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
/*--adjust as necessary--*/
    color: #FFF;
    font-size: 18px;
    position: absolute;
    top: 10px;
    left: 10px;
}

a.btn.shop:hover {
	background: #666;
}

.col1.center,
.col2.center,
.col3.center,
.col4.center,
.col5.center,
.col6.center,
.col7.center,
.col8.center,
.col9.center,
.col10.center,
.col11.center,
.col12.center {
	text-align: center;
}

.clear.hr {
	height: 1px;
	background: #ccc;
	visibility: inherit;
	margin: 12px 0;
	float: left;
	width: 100%;
}

.container {
	float: left;
	position: relative;
	width: 92%;
}

.comment-author a,
.comment-author a:visited,
.guerrillatext h4 a:hover {
	color: #16679E;
}

input#submit,
.wpcf7-submit,
a.comment-reply-link:hover,
.wp-pagenavi a:hover {
	background: #16679E;
}

.wp-pagenavi a:hover  {
	color: #FFF;
}

.wp-pagenavi a,
.wp-pagenavi a:link,
.wp-pagenavi span.current,
input#submit,
.wpcf7-submit,
input#author,
input#email,
input#url,
textarea#comment,
.wpcf7-text,
.wpcf7-textarea,
.wpcf7-number,
.wpcf7-date,
.wpcf7-select,
.wpcf7-quiz,
div.tagcloud a,
div.tagcloud a:visited,
.guerrillawrap,
.text_input,
ol.commentlist li ul.children li,
.format-quote blockquote,
a.comment-reply-link,
a.comment-reply-link:visited {
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0
}

.text_input:focus,
input#author:focus,
input#email:focus,
input#url:focus,
textarea#comment:focus,
.wpcf7-text:focus,
.wpcf7-textarea:focus,
.wpcf7-number:focus,
.wpcf7-date:focus,
.wpcf7-select:focus,
.wpcf7-quiz:focus {
    outline: none;
    border: 1px solid #666;
    box-shadow: 0 0 0 #FFF;
}

.size-full {
	width: 100%;
}

blockquote {
    background: #f8f8f8;
    color: #9C9B9B;
    font-size: 16px;
    line-height: 24px;
    margin: 22px 40px 34px;
    padding: 20px 30px;
}

blockquote::before {
	display: none;
}

/* HEADER
-----------------------------------------------------------------------------------*/

.headwrap {
	background: url(images/bg_header.jpg) repeat-x top left;
	z-index: 3;
}

.headwrap .col4 {
	width: 58%;
}

.headwrap .col8.headwidget {
	width: 38%;
}

.brandonphoto {
	position: absolute;
	right: 0;
	bottom: -69px;
	width: 202px;
}

.asseenon {
	position: absolute;
	right: 220px;
	bottom: -53px;
	width: 400px;
}

.navwrap {
	background: url(images/bg_navigation.jpg) no-repeat bottom left;
	box-shadow:         0px 0px 25px 0px #828282;
	-moz-box-shadow:    0px 0px 25px 0px #828282;
	-webkit-box-shadow: 0px 0px 25px 0px #828282;
	border-bottom: 1px solid #FFF;
	font-weight: 700;
	text-transform: uppercase;
	z-index: 2;
}

.sf-menu a,
.sf-menu a:visited,
.sf-menu li.current-menu-item a {
	color: #9DC7F1;
}

.sf-menu li:hover,
.sf-menu li.sfHover,
.sf-menu a:focus,
.sf-menu a:hover,
.sf-menu a:active,
.sf-menu li:hover > a {
	color: #FFF;
}

.sf-menu li ul {
	margin-top: -1px;
}

.sf-menu li li {
  background: #1d1916;
  font-weight: 400;
  text-transform: none;
    -webkit-transition: all .5s ease;
       -moz-transition: all .5s ease;
        -ms-transition: all .5s ease;
         -o-transition: all .5s ease;
            transition: all .5s ease;
}

.sf-menu li li:hover {
	background: #13100e;
}

.sf-menu li li a,
.sf-menu li li a:visited,
.sf-menu li li.current-menu-item a {
	color: #9DC7F1;
}

.sf-menu li li li {
  background: #1d1916;
}

.mobilehome {
	display: none;
}

.navwrap {
    -webkit-transition: all .25s ease;
       -moz-transition: all .25s ease;
        -ms-transition: all .25s ease;
         -o-transition: all .25s ease;
            transition: all .25s ease;
}

.is_stuck {
	z-index: 20;
}

.is_stuck .mobilehome {
    width: 190px;
    display: inline-block;
    float: left;
    padding-top: 5px;
	margin-right: 10px;
}

.is_stuck .stickyhide {
	display: none;
}

/* CONTENT
-----------------------------------------------------------------------------------*/


.calloutwrap {
	background: #d8d8d8;
	padding: 30px 0;
	text-align: left;
	z-index: 10;
	float: left;
	width: 100%;
}

.calloutwrap h1,
.calloutwrap h2,
.calloutwrap h3 {
	color: #666;
}

.calloutwrap h2 {
	color: #626262;
	font-size: 32px;
	font-weight: 400;
	margin-bottom: 0;
}

.calloutwrap h2 span {
	font-weight: 700;
}

.calloutwrap h3 {
	color: #626262;
	font-style: italic;
	font-weight: 400;
	margin-top: 0;
}

.calloutwrap.dark {
	background: #222;
	color: #666;
}

.calloutwrap.dark h1,
.calloutwrap.dark h2,
.calloutwrap.dark h3 {
	color: #FFF;
}

.introwrap {
	background: #d8d8d8;
	box-shadow:         0px 0px 25px 0px #AAA;
	-moz-box-shadow:    0px 0px 25px 0px #AAA;
	-webkit-box-shadow: 0px 0px 25px 0px #AAA;
	border-bottom: 1px solid #FFF;
	margin-top: -1px;
	padding: 30px 0 0px 0;
	text-align: left;
}

.introwrap h1,
.introwrap h2,
.introwrap h3 {
	color: #666;
}

.introwrap h2 {
	color: #626262;
	font-size: 32px;
	font-weight: 400;
	margin-bottom: 0;
}

.introwrap h2 span {
	font-weight: 700;
}

.introwrap h3 {
	color: #626262;
	font-style: italic;
	font-weight: 400;
	margin-top: 0;
}

.introwrap .col2.book img {
	margin-left: -20px;
}

.introwrap form {
	float: left;
	margin: 12px 0;
	padding: 0;
	width: 100%;
}

.newslettertext {
    border: 1px solid #dadada;
	color: #626262;
	float: left;
	font-size: 20px;
    margin: 0;
    padding: 10px;
    width: 38%;
}

.newslettertext.email {
	margin: 0 2%;
}

.newslettertext:focus {
	border: 1px solid #888;
}

.newsletterbutton {
    width: 20%;
    border: 1px solid #a0cdf9;
	background: #a0cdf9;
	color: #FFF;
	float: left;
	font-size: 20px;
	font-weight: 700;
    padding: 10px;
    margin: 0;
	text-align: center;
	font-weight: 700;
}

.newsletterbutton:hover {
	color: #FFF;
	background: #186faa;
	border: 1px solid #186faa;
	cursor: pointer;
}

.col12.center {
	text-align: center;
}

div.post,
div.page {
	border: 1px solid #eee;
	background: #FFF;
	padding: 20px;
}

div.page h1.title a,
div.page h2.title a,
div.page h1.title a:visited,
div.page h2.title a:visited,
div.post h1.title a,
div.post h2.title a,
div.post h1.title a:visited,
div.post h2.title a:visited {
	color: #16679E;
}

div.page h1.title a:hover,
div.page h2.title a:hover {
	color: #666;
}

h1.title,
h2.title {
	color: #16679E;
}

.attachment-slider {
    margin: 0 0 12px 0px;
}

.postinfo {
	color: #666;
}

.postinfo a,
.postinfo a:visited {
	color: #666;
}

.postinfo a:hover {
	color: #16679E;
}

.socialbtn {
	background: #1c1b17;
	color: #FFF;
	float: left;
	font-size: 14px;
	padding: 10px;
	width: 50%;
}

.socialbtn i {
	color: #9DC7F1;
	font-size: 18px;
	margin-right: 5px;
}

.socialbtn:hover {
	background: #9DC7F1;
	color: #FFF;
}

.socialbtn:hover i {
	color: #FFF;
}

.et_monarch .et_social_sidebar_networks {
	top: 50% !important;
}

.text_input {
	font-size: 18px;
}

#pagenavi,
div.page,
div.post.single,
div.post.flexslider {
	border-bottom: 1px solid #eee;
}

.bookwrapper {
	background: #9DC7F1;
	padding: 20px;
	float: left;
	position: relative;
	margin: 20px 0;
}

.bookwrapper img {
	float: left;
	margin-right: 12px;
	width: 160px;
}

.bookwrapper h1.booktitle {
	font-size: 38px;
	line-height: 48px;
	font-weight: 400;
	margin: 0;
	padding: 0;
	color: rgba(255,255,255,0.5);
}

.bookwrapper h1.booktitle a,
.bookwrapper h1.booktitle a:visited {
	color: #FFF;
}

.bookwrapper h1.booktitle a:hover {
	color: rgba(255,255,255,0.5);
}

span.sep {
	display: block;
}

span.byline, span.publisher, span.year, span.wrap {
    font-size: 20px;
}

/* SIDEBAR
-------------------------------------------------------------------------------------*/

.widget {
	border: 1px solid #eee;
	background: #FFF;
	padding: 20px;
}

/* FOOTER
-------------------------------------------------------------------------------------*/

.footerwrap {
	background: #1c1b17 url(images/bg_footer.jpg) no-repeat top center;
	color: #FFF;
	padding-bottom: 100px;
}

.footerwrap a,
.footerwrap a:visited {
	color: #FFF;
}

.footerwrap a:hover {
	color: #9DC7F1;
}

.footerwidgets {
	background: #1c1b17 url(images/bg_website.jpg) no-repeat top center;
	border-top: 1px solid #FFF;
	box-shadow:         0px 1px 5px 0px #000;
	-moz-box-shadow:    0px 1px 5px 0px #000;
	-webkit-box-shadow: 0px 1px 5px 0px #000;
	color: #FFF;
	font-size: 14px;
	line-height: 18px;
	z-index: 2;
}

.footerwidgets .col3 h3  {
	color: #FFF;
}

.footerwidgets a,
.footerwidgets a:visited {
	color: #9DC7F1;
}

.footerwidgets a:hover {
	color: #FFF;
}

.footerwidgets a.btn,
.footerwidgets a.btn:visited {
	color: #FFF;
	text-align: center;
	width: 100%;
}

.footerwidgets a:hover {
	color: #FFF;
}

.postwidgetinfo a,
.postwidgetinfo a:visited {
	color: #c1c1c1;
}

.postwidgetinfo a:hover {
	color: #FFF;
}

a.scrollToTop {
	z-index: 10;
}

.footerwidgets .stream {
	height: 320px !important;
}

.footerwidgets .PostWrap {
	margin: 0 0 24px 0;
}

/* MOBILE
--------------------------------------------------*/

@media handheld, only screen and (max-width: 1140px) {
/* styles for devices with a maximum width of 1140 */

	.is_stuck .mobilehome {
		padding-top: -5px;
	}

    #mobnav-btn {
		background: url(../clarity-theme/images/mobile-nav.png) no-repeat top center;
        display: block;
		height: 30px;
		margin: 10px 10px 10px 0;
		width: 30px;
    }
	
	.is_stuck #mobnav-btn {
		float: right;
	}
    .sf-menu {
        width: 100%!important;
        display: none;
    }
    .sf-menu.xactive {
		background: #1c1b17;
        display: block!important;
    }
    .sf-menu li {
        float: none!important;
        display: block!important;
        width: 100%!important;
    }
    .sf-menu li a {
        float: none!important;
    }
    .sf-menu ul {
        position:static!important;
        display: none!important;
    }
    .xpopdrop ul,
	.sfHover ul {
        display: block!important;
		opacity: 1;
		transition: opacity .25s ease-in-out;
		-moz-transition: opacity .25s ease-in-out;
		-webkit-transition: opacity .25s ease-in-out;
    }
	
	.xpopdrop ul li a,
	.xpopdrop ul li a:visited {
		color: #FFF;
	}
	
	li.sfHover ul.sub-menu {
		background: #1c1b17;
		border: 0;
		display: block;
		width: 100%;
	}
	
	li.sfHover ul.sub-menu li {
		background: #1c1b17;
	}

}

@media screen and (max-width: 768px) {
/* styles for devices with a maximum width of 768 */

	.headwrap .col4 {
		width: 70%;
	}
	
	.newslettertext,
	.newslettertext.email,
	.newsletterbutton {
		width: 100%;
		margin: 0 0 10px 0;
	}
	
	.newsletterbutton {
		margin: 0;
	}

	.brandonphoto {
		width: 150px;
	}

	.container {
		width: 100%;
	}
	
	.socialbtn {
		width: 100%;
	}

}

@media screen and (max-width: 590px) {
/* styles for devices with a maximum width of 590 */
	.asseenon {
		display: none;
	}