
/* =General
------------------------------------------------------------------- */
.button-primary { font-size: 18px; padding-top: 8px; }
#mc_embed_signup { width: 300px; }


/* =Header
------------------------------------------------------------------- */
header.main .container { width: auto; margin: 25px auto; display: inline-block; }
header.main a.logo { margin-right: 75px; }
header.main a.logo img { margin-top: 3px; height: 45px; }
header.main nav ul li { margin: 0 15px; }
header.main .social { margin-left: 20px; }

/* subnav dropdown */
header.main nav ul li ul { top: 65px; }
header.main nav ul li { height: 75px; }

/* ==Content Blocks
------------------------------------------------------------------- */
.content-block { position: relative; }
.content-block .container { width: 960px; margin: 0 auto; padding: 100px 0; }
.content-block-video .container,
.content-block-image .container { min-height: 320px; padding-bottom: 100px; }
.content-block:first-child .container { padding-top: 150px; }
.content-block .grand { margin: 0 0 50px 0; }
.content-block .content { margin: 0 0 80px 0; }

.content-block .image { width: 540px; margin: 0; float: none; position: absolute; top: 190px; right: 10px; }
.content-block .image img { max-width: 540px; }

.content-block .video { width: 550px; margin: 0; float: none; position: absolute; top: 190px; right: 10px; }
.content-block .video iframe { min-height: 290px; }

.content-block .map { width: 550px; max-height: 280px; margin-right: 0; padding: 4px; float: right; border: 1px solid #373733; position: absolute; top: 190px; right: 10px; }
.content-block .map a,
.content-block .map a img { max-height: 280px; }
.lt-ie9 .content-block .map { height: 280px; }
.lt-ie9 .content-block .map a { height: 280px; }

.content-block .utility .button-top { right: 10px; }
.content-block .utility .button-toggle-content { left: 10px; }

.content-block .accordion { width: 540px; float: right; margin: -214px 0 0 0; padding-bottom: 50px; }


/* =Template: Home
------------------------------------------------------------------- */
#content-home-banner .container { padding-top: 160px; }
#content-home-banner { height: 624px; }
#content-home-banner .content h1, #content-home-banner .content h2, #content-home-banner .content h3, #content-home-banner .content h4, #content-home-banner .content h5, #content-home-banner .content p { padding: 0; }
#content-home-banner .page-option .button-primary { margin-right: 0; margin-bottom: 15px; margin-left: 0; }
#content-home-banner .page-option { width: auto; float: none; padding-left: 0; margin-bottom: 25px; font-size: 14px; }
#content-home-banner .grand { /*margin: 0;*/ }
/*Slider*/
#content-home-banner .slides div { height: 624px; }


/* =Template: Work
------------------------------------------------------------------- */
/*
.case-study { background-size: auto auto; }
.case-study .child-content .container { padding: 40px 0; }
.case-study .child-content .image { width: auto; float: left; margin: 0; position: static; top: auto; right: auto; }
.case-study .child-content .image img { max-width: 340px; }
.case-study .child-content .content { width: auto; }
.case-study .child-content .content .grand { width: 100%; margin-left: 0; }
*/

/* =Template: Blog
------------------------------------------------------------------- */
body.blog .date .day { font-size: 30px; }
body.blog article .news-image { position: static; }
#blog-listing .container { padding-top: 80px; }
#blog-listing #posts { width: 100%; margin: 0; }
#blog-listing #posts article .image { width: auto; position: static; top: auto; right: auto; }
#blog-listing .next .button-primary { width: 15%; margin-bottom: 20px; }

body.blog #blog-single .container { width: 860px; padding: 100px 0 30px 80px; margin: 0 auto; }
body.blog #blog-single .container article, body.blog #blog-listing .container section  { width: 600px; float: left; }
body.blog .container #sidebar { width: 230px; float: left; padding-left: 20px; padding-top: 20px; }
#blog-single .image { margin: 0 0 20px; width: 538px; position: static; top: auto; right: auto; }
#blog-single blockquote { width: 260px; }


/* =Footer
------------------------------------------------------------------- */
footer.main { clear: both; padding-left: 0; }
#content-footer .container { padding-top: 60px; }
#content-footer .widget { width: 215px; float: left; margin: 0 20px 30px 0; }
#content-footer .widget.widget_search { clear: none; }
#content-footer .widget.widget_search #s { width: 190px; }

/* Revisions March/April 2013 */
.kargo-btn-position-right {
	float: right;
	margin: 0;
}

.full-width .content-block h2.grand,
.full-width .content-block .content { width: 100%; }

/* Kargo Custom Styles
-------------------------------------------------------------------- */
.beta { top: 14px; }
.scroll-icon { height: 130px; width: 130px; }
.breakthru { height: 176px; width: 176px; }

.child-content .content { width: auto; }
.child-content .image { position: static; width: auto; }
.child-content .image img { max-width: none; }
.child-content .grand { font-family: 'Colfax'; font-size: 34px; margin: 50px 0 10px; }
.kargo-table { width: 100%; }
.kargo-table td { vertical-align: top; padding: 20px; min-width: 200px; }
.kargo-table td span { width: 100%; text-align: center; }

.krg-col-2 .grand { font-size: 24px;}
.krg-col-3 .grand { font-size: 21px;}
.krg-col-4 .grand { font-size: 21px;}

#kargo-utilizes-this-technology-to-deliver-breakthrough-ads .grand { font-size: 32px; }
#we-believe-that-top-publishers-lift-top-brands ul { font-size: 24px; }

.content-block .utility .kargo-toggle-content { left: 10px; }

/* Custom templates */
#content-contact .grand { float: left; margin: 0; }
#content-contact .shadow .content { float: right; margin: 0; }

.column.content-block .shadow .grand, .column-textlast.content-block .shadow .grand, .column-textlast.child-content .shadow .grand { margin: 0 auto 50px; padding: 0; text-align: center; width: auto;}
.column.content-block .shadow .content, .column-textlast.content-block .shadow .content, .column-textlast.child-content .shadow .content { width: auto; padding: 0; }
.column.content-block .shadow .image, .column-textlast.content-block .shadow .image, .column-textlast.child-content .shadow .image { width: auto; margin: 0 auto; float: none; position: static;}
.column.content-block .shadow .image img, .column-textlast.content-block .shadow .image img, .column-textlast.child-content .shadow .image img { max-width: none; width: auto; }
.column.content-block .shadow .video, .column-textlast.content-block .shadow .video, .column-textlast.child-content .shadow .video { max-width: 860px; margin: 0 auto; float: none; position: static; }
.column.content-block .shadow .map, .column-textlast.content-block .shadow .map, .column-textlast.child-content .shadow .map { width: auto; max-height: 280px; margin: 0 auto; padding: 4px; float: none; border: 1px solid #373733; position: static; }
.column.content-block .shadow .accordion { width: 540px; margin: 0 auto; float: none; padding: 0 0 50px 0; }

.narrow.content-block .container,
.narrow-right.content-block .container { margin: 0 auto; }

.text-right.content-block .shadow .image { right: auto; left: 10px; top: 140px; }
.text-right.content-block .shadow .video { right: auto; left: 10px; }
.text-right.content-block .shadow .map {  margin-left: 0; margin-right: auto; float: left; right: auto; left: 10px; }
.text-right.content-block .shadow .accordion { float: left; }
.text-right.content-block .shadow .content { float: right; }
.text-right.content-block .shadow .grand { margin-left: auto; }

.opensource-slide img { height: 70px; width: 70px; }
.opensource-wrapper.list .opensource-slide { display: inline-block; text-align: center; padding: 0; max-width: 172px; padding: 10px; }
.opensource-wrapper.list .opensource-slide p { text-align: center; }

#kargo-twitter-feed { width: 900px; }
#twitter-feed .container { width: 960px; }
#kargo-twitter-feed .swiper-slide .tweet { max-width: 800px; }

/* AdWeek 2015 */
header.main .container {
	width: 960px;
}
header.main nav {
	min-width: 630px;
}
header.main .social {
	float: right;
	margin-left: 0px;
}
.phone-demo .container,
.phone-demo-right .container {
  width: 960px !important;
}
#adweek-unit-source .container {
	min-height: 0px;
}

#the-kargo-advantage .content p {
	max-width: 240px;
}
