/*
Theme Name: Drive eO
Theme URI: http://driveeo.com
Version: 1.1
Author: Kaspars Dambis
*/

/**
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=3233551
 */
@font-face {
	font-family: 'Politica';
	font-weight: bold;
	src: url('fonts/politica/31570F_0_0.eot');
	src: url('fonts/politica/31570F_0_0.eot?#iefix') format('embedded-opentype'),
		url('fonts/politica/31570F_0_0.woff2') format('woff2'),
		url('fonts/politica/31570F_0_0.woff') format('woff'),
		url('fonts/politica/31570F_0_0.ttf') format('truetype');
}

body { color:#333; background-color:#ccc; background-position:top center; background-repeat:no-repeat; font:15px/1.5 arial, sans-serif; margin:0; padding:0; }
h1, h2, h3, h4, h5, h6 { font-family: 'Politica', arial, sans-serif; font-size:1.2em; margin-top:1.5em; display:block; color:#999; font-weight:normal; }
h1 { margin-top:0.5em; font-size:1.6em; color:#666; }
h2, h3, h4, h5, h6 { color:#333333; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { text-decoration:none; }
a { color:#09c; }
a:hover { color:#016DAC; text-decoration:underline; }
p { margin:auto 0 1.25em 0; }
ul, ol { margin-bottom:1.25em; }
li { margin-bottom:0.25em; }
li ul, li ol { margin-top:0.25em; margin-bottom:0; }
.nav { line-height:1; }
.nav a { text-decoration:none; }
.nav ul { float:left; margin:0; padding:0; }
.nav li { display:block; float:left; margin:0; padding:0; }
a img { border:none; }

.soul-wrap { float:left; width:100%; clear:both; }
.soul-wrap-header { background:#fff; margin-bottom:3em; position:relative; z-index:30; }
.soul-wrap-header:after { content:''; float:left; display:block; width:100%; height:24px; margin-bottom:-24px; background:url('images/header-pattern.png') repeat-x top center; }

#header, #content-wrap, #footer-wrap { position:relative; z-index:20; margin:0 auto; max-width:790px; width:90%; }

#logo { float:left; margin:0 ; }
#logo a { color:transparent; float:left; width:179px; height:105px; background:url('images/drive-eo-logo.png') no-repeat left center; }
#logo em, #logo strong { display:none; }

#nav-main { margin:2em 0; line-height:1; font-family: 'Politica', arial, sans-serif; font-size:16px; float:right; margin-right:-0.75em; }
#nav-main li { float:left; }
#nav-main a { color:#777; width:auto; display:block; padding:1em 0.75em; }
#nav-main a:hover { text-decoration:none; }
#nav-main .current-menu-item a,
#nav-main .current_page_parent a { border-radius:4px; background:#09c; color:#fff; padding:0.6em 0.75em 0.5em 0.75em; margin:0.4em 0.5em; }
#nav-main .current-menu-item a:hover,
#nav-main .current_page_parent a:hover { text-decoration:none; }

#nav-main-sub { font-family: 'Politica', arial, sans-serif; line-height:1; font-size:16px; text-align:center; display:block; margin:-1em -1em 1.5em -1em; padding:0; }
#nav-main-sub li { display:inline-block; margin:0 0.35em 1em 0.35em; padding:0; }
#nav-main-sub a { display:block; padding:0.75em 1em; text-decoration:none; border-radius:4px; border:2px solid; }
#nav-main-sub a:hover { background-color:#09c; border-color:#09c; color:#fff; }
#nav-main-sub .current-menu-item a { color:#777; border-color:#fff; background-color:#fff; }

#content-main { float:left; width:100%; clear:both; position:relative; }
.single h1, .page h1, .blog h1 { color:#333; font-size:26px; margin:0 0 1em 0; padding-bottom:0.5em; border-bottom:1px solid #fff; }

#breadcrumb { float:left; width:100%; clear:both; line-height:1; margin:-0.4em 0 0 0; padding:0 0 0.5em 0; font-size:0.9em; }

div.alignleft { float:left; margin:0.5em 2em 1.5em -0.25em; }
div.alignright { float:right; margin:0.5em -0.25em 1.5em 2em; }
div.aligncenter { margin:1.5em auto; text-align:center; }
div.aligncenter img { margin-top:0.5em; margin-left:-0.25em; display:block; }
div.alignnone { margin:1.5em 0; }

img.alignright { float:right; margin:0.5em -0.25em 1.5em 2em; }
img.alignleft { float:left; margin:0.5em 2em 1.5em -0.25em; }
img.alignnone { margin:0.5em 0 0 0; }
img.aligncenter { margin:2em auto; display:block; }

.wp-caption-text { text-align:center; margin:0.5em 0 0 0; font-style:italic; }

.post-wrap img { margin-top:0.5em; }
.post-wrap h2 { font-size:1.5em; line-height:1.3; }
.post-wrap .attachment-featured-full { display:block; min-width:100%; height:auto; margin:0; }

.page embed, .page iframe { margin:0 auto; display:block; max-width:100%; }

.post-meta { color:#666; padding:0.5em 0; margin-top:2em; }
.social-tools { float:right; height:22px; margin:0; padding:0; line-height:1; margin-bottom:-0.5em; vertical-align:middle; }
.single .social-tools iframe { margin:0; }
.fb-like { float:left; }

.blog article, .archive article { background:#fff; margin:1em 0; clear:both; padding:1em 15px; border-radius:4px; }
.blog article:after, .archive article:after { content: '.'; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.blog .entry-title, .archive .entry-title { margin:0; }
.blog .meta-date, .archive .meta-date { font-size:0.9em; margin:0; color:#666; }
.blog .entry-title a, .archive .entry-title a { display:block; padding:0.5em 0; }
.blog .post { padding-left:240px; }
.blog .featured-image { float:left; margin:0 -100% 0 1em; position:relative; left:-240px; }
.blog .featured-image img { margin:0; border-radius:4px; }

.entry-content img { max-width:100%; height:auto; }

.single #content-main { background:#fff; border-radius:4px; }
.single #content-main .in { padding:15px; }
.single .featured-image { margin:0 -15px 1.5em -15px; }
.single .featured-image img { max-width:100%; height:auto; }
.single iframe { margin-top:1em; }
.single h1 { font-size:28px; clear:both; border-color:#ccc; padding:0 15px 0.5em; margin:0 -15px; }

.page-nav { float:left; width:100%; clear:both; margin:0; padding:0; }
.page-nav li { display:block; margin:0; padding:0; width:47%; }
.page-nav li a { text-decoration:none; padding:0.5em 0; display:block; }
.page-nav li a:hover { text-decoration:none; }
.page-nav li a:hover strong, .page-nav li strong a:hover { text-decoration:underline; }
.page-nav li span { font-size:1.5em; line-height:1.1; margin-top:0.35em; margin-bottom:-1em; font-weight:normal; color:#999; }
.page-nav li.next { float:right; text-align:right; }
.page-nav li.next a { padding-right:1.2em; }
.page-nav li.prev { float:left; }
.page-nav li.prev a { padding-left:1.2em; }
.page-nav li.next span { margin-left:0.5em; position:relative; float:right; text-align:right; }
.page-nav li.prev span { margin-right:0.5em; position:relative; float:left; }
.page-nav a:hover img { border-color:#333; }
.page-nav li strong { font-weight:normal; }

.post-meta, .page-nav { border-top:1px solid #ccc; margin-left:-15px; margin-right:-15px; padding-left:15px; padding-right:15px; }

.gallery { margin:1.5em 0 1em 0; }
.gallery img { margin:0; max-width:100%; height:auto; }
.gallery .gallery-icon { text-align:center; }
.gallery .gallery-caption { color:#666; margin:0; padding:0 0 0.5em 0; text-align:center; }
.gallery .gallery-row { margin-bottom:0; }
.gallery .gallery-item { margin:0 auto 1em auto; }

.post-index { margin:1em 0; float:left; width:100%; clear:both; }
.post-index ul { display:block; margin:0; padding:0; }
.post-index li { display:block; margin:0; padding:0.75em 10em 0.75em 0; border-top:1px solid #ddd; position:relative; }
.post-index h3 { margin:0; padding:0; display:block; font-size:1em; }
.post-index h3 a { display:block; text-decoration:none; }
.post-index time { font-size:0.9em; color:#999; position:absolute; right:0; top:0.5em; float:right; width:10em; text-align:right; }

.wp-caption { max-width:100%; }
.wp-caption img { max-width:100%; height:auto; }

#footer-wrap { font-size:1.1em; text-align:center; padding-bottom:5em; padding-top:1em; margin-top:2em; border-top:1px solid #fff; }
#footer-main .widget_nav_menu { margin:0 2em; }
#footer-main .widget_nav_menu .widget-title { display:inline-block; margin:0 1em 0 0; padding:0; font-size:1em; }
#footer-main .widget_nav_menu ul,
#footer-main .widget_nav_menu li,
#footer-main .widget_nav_menu a { margin:0; padding:0; display:inline-block; }
#footer-main .widget_nav_menu a { padding:0.5em; }
#footer-main .widget_nav_menu div { display:inline; }

#fancybox-outer { box-shadow:0 0 20px rgba(0,0,0,0.3); }


.media-flickr, .media-flickr li { display:block; margin:0; padding:0; list-style:none; }
.media-flickr { float:left; width:100%; clear:both; margin:0 0 2em 0; }
.media-flickr li { float:left; }
.media-flickr a { display:block; padding:0.5em; }

.feature-banner-wrap { float:left; width:100%; clear:both; margin:-3em 0 -2em 0; position:relative; z-index:1; background:url('images/overlay-arrow.png') no-repeat center center; }
.feature-banner { overflow:hidden; height:0; margin:0 auto; background-size:100% auto; background-position:top center; background-repeat:no-repeat; position:relative; }
.feature-overlay { width:100%; height:auto; left:0; right:0; top:0; position:absolute; background:url('images/feature-overlay.png') no-repeat; background-size:100% 100%; }

/**
 * Features
 */

.feature-wrapper { margin:0 -15px; font-size:0.95em; }

.feature-wrapper .entry-title { display:none; }
.feature-wrapper .widget { border-radius:4px; overflow:hidden; width:46%; padding:0; margin:0 4% 2em 4%; float:left; background:#fff; }
.feature-wrapper[data-columns]::before { content:'2 .column.size-1of2'; visibility:hidden; }

.feature-wrapper .column { width:50%; float:left; }
.feature-wrapper .column .widget { width:92%; }
.feature-wrapper .size-1of1 { width:100%; float:left; clear:both; }
.feature-wrapper .size-1of1 .widget { width:100%; }

.feature-wrapper .widget .in { padding:0 15px; }
.feature-wrapper .widget h1 { margin:0 -15px; padding:15px; }

.widget h3, .widget h4, .widget h5, .widget h6 { font-size:1.2em; margin:1em 0 0.5em 0; }

.feature-wrapper .widget ul,
.feature-wrapper .widget li { display:block; margin-left:0; padding-left:0; list-style:none; }
.feature-wrapper .widget-title { margin:0.5em 0; display:block; font-size:1.5em; }
.feature-wrapper .widget-title img { display:block; margin:0 auto; }
.feature-wrapper .widget img { max-width:100%; height:auto; margin:0; }
.feature-wrapper .widget .featured-image { margin:0 -15px 1em -15px; }
.feature-wrapper .widget .featured-image img { min-width:100%; width:100%; height:auto; }

.feature-wrapper .sec-slogan h1 { display:block; font-size:1.6em; display:block; background:#09c; color:#fff; margin:0 -15px 0.5em -15px; }

.feature-wrapper .sec-sponsors .in { margin:0; padding:0; text-align:center; }
.feature-wrapper .sec-sponsors { background:none; width:100%; clear:both; margin:2em 0; }

.feature-wrapper .sec-specs li { padding:0.3em 15px; margin:0 -15px; border-top:1px solid #ddd; }
.feature-wrapper .sec-specs li li { border:none; margin-left:1em; padding:0; }
.feature-wrapper .sec-specs li ul { padding-bottom:0.2em; }

.feature-wrapper .note { margin:0 -15px; padding:0.5em 15px; background-color:#09c; color:#fff; }
.feature-wrapper .note a { color:#fff; }

.feature-wrapper .sec-photos .gallery { float:left; width:100%; clear:both; margin:1em 0 1em 0; }
.feature-wrapper .sec-photos li { float:left; width:25%; margin:0; }
.feature-wrapper .sec-photos li a { display:block; padding:0.5em; }
.feature-wrapper .sec-photos li img { max-width:100%; }

/**
 * Services
 */

.page-template-front-services-php .sec-slogan ul { display:block; }
.page-template-front-services-php .sec-slogan li { margin-left:1.25em; display:list-item; list-style:square; }

/*
	Front: PP 2014
	June 11, 2014
*/

.page-template-front-pp-2014-php .pp-aboutpp .widget-title { margin:0 -15px 1em -15px; }
.page-template-front-pp-2014-php .pp-aboutpp .widget-title img { width:100%; height:auto; }

/**
 * June 15, 2016
 */

.page-template-front-pp-2016 .pp-aboutpp .widget-title img { margin:1em auto; }
.feature-wrapper .sec-facebook { min-height:30em; }
.feature-wrapper .sec-facebook .fb-page { margin:10px 0; display:block; }
.feature-wrapper .sec-youtube { padding-bottom:1em; }
.feature-wrapper .sec-youtube .embed-wrap { margin-left:-15px; margin-right:-15px; }

/**
 * Tweets
 */

.tweets ul { margin:0.5em 0 1em 0; float:left; width:100%; clear:both; }
.tweets li { float:left; width:100%; clear:both; margin:0; padding:0; }
.tweets li p { margin:0; padding:0; }
.tweets li em { font-style:normal; color:#666; font-size:0.9em; background-color:#ccc; padding:0.2em 0.4em; }
.tweets .tweet-wrap { margin:0 -15px; padding:0.75em 15px; }
.tweets .has-images p { padding-left:5em; position:relative; }
.tweets .imagelink { display:block; position:relative; left:-5em; float:left; width:4em; height:4em; margin:0 -5em 0 0; }
.tweets .imagelink img { border-radius:4px; }


@media only screen and (max-width: 800px) {
	#logo { width:100%; text-align:center; }
	#logo a { width:100%; background-position:center center; }

	#nav-main { width:100%; margin:0 0 1em 0; text-align:center; }
	#nav-main li { display:inline-block; float:none; }

	#nav-main-sub { margin:1em -1em; font-size:1em; }
}

@media only screen and (max-width: 700px) {
	.feature-wrapper[data-columns]:before { content:'1 .column.size-1of1'; visibility:hidden; }
	.feature-wrapper .widget { width:100%; margin-left:0; margin-right:0; }

	.blog .post { padding-left:15px; }
	.blog .featured-image { display:none; }
	.single h1 { font-size:22px; }
	.post-wrap h2 { font-size:1.3em; }
}