/*
	Theme Name:     Velonomad
	Theme URI:      http://velonomad.com/
	Description:    A custom child theme Tim Marsh's Velonomad
	Author:         Tim Marsh + Alex Mangini
	Author URI:     https://kolakube.com/
	Template:       marketers-delight
	Version:        3.0
*/

body {
	background-image: url('images/bg.png');
}





/*--------------------------------------*\
	TYPOGRAPHY
\*--------------------------------------*/

body,
.font-main,
.logo, .tagline,
.headline, h1, h2, h3, h4, h5, h6,
.large-title, .small-title, .med-title,
.button, button, input[type="submit"] {

}

/*a {
	color: #9E6900;
	text-decoration: none;
}

*/

@font-face {
	font-family: marketing;
	src: url('fonts/marketing/marketing.eot?') format('eot'),
		 url('fonts/marketing/marketing.woff') format('woff'),
		 url('fonts/marketing/marketing.ttf') format('truetype'),
		 url('fonts/marketing/marketing.svg#marketing') format('svg');
	font-style: normal;
	font-weight: normal;
}
@font-face {
  font-family: 'FontAwesome';
  src: url('fonts/fontawesome/fontawesome-webfont.eot?v=3.2.1');
  src: url('fonts/fontawesome/fontawesome-webfont.eot?#iefix&v=3.2.1') format('embedded-opentype'), url('fonts/fontawesome/fontawesome-webfont.woff?v=3.2.1') format('woff'), url('fonts/fontawesome/fontawesome-webfont.ttf?v=3.2.1') format('truetype'), url('fonts/fontawesome/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1') format('svg');
  font-weight: normal;
  font-style: normal;
}


/* LOGO */

.logo {
	text-transform: none;
}

.logo a {
	display: inline-block;
	font-family: marketing, serif;
	font-size: 45px;
	/*color: #9E6900;*/
	line-height: 65px;
	font-weight: 500;
	letter-spacing: -2px;
	text-shadow: 2px 2px 0 #fff , 2px 3px 0 inherit;
}


/* BUTTONS */

.button, a.button, .button a, [class*="links-"] button, [class*="links-"] .button, input[type="submit"], button {
	border-bottom: 0;
}

/* BUTTON BADGE */

.button.button-badge {
	border-bottom: 0;
	border-radius: 0 2px 2px 0;
	padding-right: 84px;
	position: relative;
}

.button.button-badge .badge {
	border-radius: 0 2px 2px 0;
	font-size: 20px;
	height: 100%;
	padding: 16px;
	position: absolute;
	right: 0;
	top: 0;
}



/*---------------------------*\
	$FUNNEL_BOXES
\*---------------------------*/

/* DEFAULT STYLE */

.funnel-box .col-inner {
	background-color: #fff;
	border: 1px solid inherit;
    padding: 26px;
}

.funnel-box .funnel-icon {
	display: block;
	font-size: 30px;
	margin-bottom: 26px;
}


/* FEATURED STYLE */

.funnel-box.funnel-featured .col-inner {
    background-color: #fff;
    border: 6px solid #fff;
    box-shadow: inset 0 0 13px rgba(0,0,0,.1), 0 0 6px rgba(0,0,0,.2);
}


.funnel-box.funnel-featured .funnel-icon {
	background-color:inherit;
	border-radius: 50%;
	color: #000;
	display: block;
	font-size: 35px;
	height: 84px;
	margin: -16px auto 18px;
	padding-top: 31px;
	width: 84px;
}





/*---------------------------*\
	$EMAIL_BOX
\*---------------------------*/

.email-box {
    background-color: #fff;
    color: #1e1e1e;
    border-radius: 3px;
    float: left;
    margin-left: 3%;
    padding: 25px;
    text-align: center;
    width: 32%;
}

.email-box .icon-envelope {
    background-color: #fff;
    border-radius: 50%;
    color: #1E1E1E;
    display: block;
    font-size: 25px;
    height: 100px;
    margin: -50px auto -35px;
    padding-top: 25px;
    width: 100px;
}

.email-box .lead-title {
    font-size: 21px;
    line-height: 30px;
    margin-bottom: 13px;
}

.email-box .form-input {
	border: 1px solid #ddd;
}





/*---------------------------*\
	$WOOCOMMERCE
\*---------------------------*/

.woocommerce .products_main_loop>ul.products>li.product {
    clear: none;
    display: block;
    float: left;
    margin-left: 1.9%;
    margin-right: 1.9%;
    overflow: hidden;
    width: 48.1%;
}





/*---------------------------*\
	$CONTENT
\*---------------------------*/

/* FEATURED IMAGE */

.featured-image { max-width: 100% !important; }


/* EMAIL LEAD */

.email-lead .email-form-intro-desc {
    font-size: 17px;
    line-height: 26px;
}

@media all and (min-width: 900px) {

	.email-lead-left-right .email-form {
		float: none;
		width: 100%;
	}

	.email-lead-left-right .email-form-intro {
		width: 65%;
	}

}

/* PAGINATION */

.pagination .page-numbers {
	color: #fff;
	height: 40px;
	width: 40px;
}

.pagination .page-numbers.dots,
.pagination .page-numbers.next,
.pagination .page-numbers.prev {
	background: transparent !important;
	color: #1e1e1e !important;
	width: auto;
}





/*---------------------------*\
	$FOOTER
\*---------------------------*/

.footer {
	background-color: #FFD200;
	color: #fff;
}

.footer a {
	border-bottom-color: inherit;
	color: inherit;
}

/*---------------------------*\
	$MD_VIDEOS
\*---------------------------*/

.has-featured-video .content-item-headline {
	padding-bottom: 32px;
}

.video-bar {
	font-size: 15px;
	line-height: 23px;
}

.video-author-name a {
	color: #1e1e1e;
	font-weight: bold;
}

.video-author-name a:hover {
	color: #777;
}

.video-byline {
	text-align: center;
}

.video-byline-item {
	margin-right: 7px;
}

.video-byline .video-views {
	font-size: 21px;
	line-height: 1;
}

.video-bar .video-thumbnail {
	display: block;
	float: left;
	padding-right: 13px;
	width: 50%;
}

.video-teaser-byline {
	border-top: 1px solid #ddd;
	color: #777;
	font-size: 14px;
	margin-top: 26px;
	padding-top: 13px;
}

.video-bar .video-thumbnail img {
	border: 3px solid #ddd;
}

.video-featured-meta {
	float: left;
	width: 50%;
}

.video-featured-title {
	font-size: 14px;
	line-height: 19px;
}

.video-featured-views {
	color: #777;
	font-size: 13px;
	line-height: 18px;
}

@media all and (min-width: 700px) {

	.video-author {
		float: left;
		width: 30%;
	}

	.video-bar .video-featured {
		float: left;
		width: 70%;
	}

	.video-byline-item,
	.video-author .avatar {
		float: left;
	}

	.video-bar .col1 {
		margin-bottom: 0;
	}

	.video-views {
		float: right;
	}

	.video-bar,
	.video-byline {
		text-align: left;
	}

}

@media all and (max-width: 1118px) {

	.video-bar .inner {
		padding-left: 26px;
		padding-right: 26px;
	}

	.video-featured .col:not(:last-child) {
		margin-bottom: 26px;
	}

	.video-bar .video-author {
		margin-bottom: 26px;
		text-align: center;
	}

}

@media all and (max-width: 700px) {

	.video-featured-title {
		font-size: 16px;
		line-height: 22px;
		padding-top: 13px;
	}

}