/*
Welcome to Custom CSS!

To learn how this works, see http://wp.me/PEmnE-Bt
*/
/* Following added by Jeffrey Goldberg 2016-01-12.
   This should all be moved to custom.css, as nothing here depends on the
   Enfold theme, and this stuff should persist even if we change themes. */

body {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 110%;
	font-family: "proxima-nova","Helvetica Neue","Helvetica","Arial",sans-serif !important;
}

h1, h2, h3 {
	font-family: "adelle","Helvetica Neue","Helvetica","Arial",sans-serif;
	font-weight: 700 !important;
	line-height: 1.1em;
	margin-top: 0;
}

.entry-content-wrapper .post-title {
	font-size: 31px;
}

h2 {
	font-size: 24px;
}

.post-meta-infos {
	font-size: 15px;
}

.logo img {
	width: auto;
	height: 78px;
}

.single h1.post-title.entry-title {
    margin-top: 0;
}

span.mathit {
	font-style: oblique;
}

div.epigram {
	text-align: left;
	margin-left: 55%;
	margin-bottom: 1.5ex;
}

div.epigram q:before {
	content: no-open-quote;
}

div.epigram q:after {
	content: no-close-quote;
}

div.epigram q {
	font-style: italic;
}

div.epigram p {
	margin-bottom: 0;
}

.grid-entry .inner-entry { margin-right: 0; box-shadow: none; }

#top .grid-entry.isotope-item {
z-index: 2;
padding: 10px;
}

#top .avia-logo-element-container .slide-image
{
background-color: #ffffff;
}

header#header {
margin-top: 30px;
}

div#main {
margin-top: 20px;
}

.content, .sidebar {
padding-top: 40px;
}

.title_container .main-title {
line-height: 1.2;
margin-top: .5em;
}

pre {
    clear: both;
    border-style: solid;
    border-width: 2px;
    overflow: auto;
    padding: 5px 0;
    line-height: 1.1em;
    font-size: 1em;
    background-image: none;
    background-size: auto;
    font-family: Inconsolata, "Andale Mono", monospace;
    transition: all 0 ease 0;
    margin-bottom: 20px;
    position: relative;
    left: 0px;
    text-transform: none;
    width: 100%;
}

b, strong {
	color:#666666 !important;
}

blockquote {
    font-size: 1em;
    margin-bottom: 30px;
}

.pullquote {
    width: 100%;
    background: #eee url("https://blog.agilebits.com/wp-content/uploads/2016/02/pullquote.png") top left no-repeat;
    font-size: 1.4em;
    line-height: 1;
    font-style: italic;
    padding: 10px 0 10px 65px;
    margin: 0 0 30px 0;
    box-shadow: 10px 10px 5px #999;
}

.fw {
    font-family: monospace;
}

div.blockish {
	margin-left: 2em;
	margin-right: 1em;
	margin-top: .5ex;
	margin-bottom: .5ex;
}

.footer_color {
	background-color: #232A3F;
}

.footer_color .news-headline {
	color: #fff !important;
	font-weight: 600;
}

.footer_color h3 {
	color: #fcfcfc;
}

/* Two columns for Apps Love 1Password on mobile */

@media only screen and (max-width: 480px) {
.grid-entry {
  width: 50%!important;
}}

/* responsive image alignment fix */
@media only screen and (max-width: 480px) {
.alignright, .alignleft {
  width: 100%!important;
  margin: auto;
}}

.syntaxhighlighter div {
	font-size: 0.9em !important;
	line-height: 1.34em !important;
}

	@media only screen and (max-width: 480px) {
.video-mobile {
		width:100%  !important;
		max-width:480px !important;
		height: auto !important;
		margin: 0 0 20px 0 !important
	}
}

	code, tt, kbd, pre, samp {
color: #4D5D8C;
    word-break: break-all;
    word-wrap: break-word;
    background-color: #F8FCFF;
    border: 1px solid #B3D9FF;
    border-radius: 4px;
		-webkit-font-smoothing: subpixel-antialiased;
		padding: 0.25rem 0.4rem;
		margin: 1rem 0;
		font-size:0.86rem;
		tab-size: 4;
	}

	pre code {
		background:none;
		padding: 0;

	}
	tt, kbd {
		background: none;
	}
	pre, samp {
		display: block;
		padding: 9.5px;
		color: #4D5D8C;
		word-break: break-all;
		word-wrap: break-word;
		background-color: #F8FCFF;
		border: 1px solid #B3D9FF;
		border-radius: 4px;
	}
img.round, video.round {
	border-radius: 8px;
	padding:0;
	
}
img.shadow, video.shadow {
      border: 1px solid #E0E0E0;
      box-shadow: 0 10px 15px 10px rgba(164,164,164,0.1);
}
img.border, video.border {
      border: 1px solid #E0E0E0;
}

/* Lit Sidebar images */
.lit-sidebar, .unlit-sidebar, .halflit-sidebar {
  border-bottom: solid 1px #ccc;
	border-right: solid 1px #ccc;
	margin-top: -3em !important;
	margin-bottom: 1em !important;
	border-radius: 8px;
	padding:0;
}
@media only screen and (max-width: 480px) {
.lit-sidebar {
  border-bottom: solid 1px #ccc;
	border-right: solid 1px #ccc;
	margin-top: 0em !important;
	margin-bottom: 1em !important;
}
	.halflit-sidebar {
		  border-bottom: solid 1px #ccc;
	border-right: solid 1px #ccc;
	margin-top: 0em !important;
	margin-bottom: 1em !important;
		width: 70% !important;
    margin-right: -100px !important;
    margin-left: 1em !important;
	}
.unlit-sidebar {
	display:none !important;
}}