/*
Welcome to Custom CSS!

To learn how this works, see http://wp.me/PEmnE-Bt
*/
/* ----------- Custom Styles ----------------*/
.sf-menu,.sf-menu * {
    margin: 0;
    padding: 0;
    list-style: none
}

.sf-menu {
    line-height: 1
}

.sf-menu ul {
    position: absolute;
    top: -999em;
    width: 180px
}

.sf-menu ul li {
    width: 100%
}

.sf-menu li:hover {
    visibility: inherit
}

.sf-menu li {
    position: relative
}

.sf-menu a {
    display: block;
    position: relative
}

.sf-menu li:hover>ul,.sf-menu li.sfHover>ul {
    left: -3px;
    top: 30px;
    z-index: 99;
    display: block
}

ul.sf-menu li:hover li ul,ul.sf-menu li.sfHover li ul {
    top: -999em
}

ul.sf-menu li li:hover ul,ul.sf-menu li li.sfHover ul {
    left: 178px;
    top: 0
}

ul.sf-menu li li:hover li ul,ul.sf-menu li li.sfHover li ul {
    top: -999em
}

ul.sf-menu li li li:hover ul,ul.sf-menu li li li.sfHover ul {
    left: 178px;
    top: 0
}

.sf-menu {
    margin: 1em 0 3em
}

.sf-menu ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    text-align: center
}

.sf-menu a {
    text-align: center;
    text-decoration: none;
    color: #000;
    padding: 8px 30px
}

.sf-menu a:hover,.sf-menu a:focus {
    color: #fff
}

.sf-menu li {
    display: inline-block;
    margin: 0;
    background: #eeeff1;
    margin-right: -5px
}

.sf-menu li li {
    background: #000;
    border-bottom: 1px solid #383838;
    text-align: left;
    padding: 5px 15px
}

.sf-menu li li:hover {
    background: #383838
}

.sf-menu li li a {
    text-align: left;
    color: #fff
}

.sf-menu li li li {
    background: #000;
    border-bottom: 1px solid #383838;
    text-align: left;
    padding: 5px 15px
}

.sf-menu li:hover,.sf-menu li.sfHover,.sf-menu li.current-menu-item,.sf-menu li.current-menu-ancestor {
    background: #000;
    color: #fff;
    outline: 0;
    -webkit-transition: none;
    transition: none
}

.sf-menu li:hover a,.sf-menu li.sfHover a,.sf-menu li.current-menu-item a,.sf-menu li.current-menu-ancestor a {
    color: #fff;
    outline: 0
}

a:focus>.sf-sub-indicator,a:hover>.sf-sub-indicator,a:active>.sf-sub-indicator,li:hover>a>.sf-sub-indicator,li.sfHover>a>.sf-sub-indicator {
    background-position: -10px -100px
}

.sf-menu ul .sf-sub-indicator {
    background-position: -10px 0
}

.sf-menu ul a>.sf-sub-indicator {
    background-position: 0 0
}

.sf-menu ul a:focus>.sf-sub-indicator,.sf-menu ul a:hover>.sf-sub-indicator,.sf-menu ul a:active>.sf-sub-indicator,.sf-menu ul li:hover>a>.sf-sub-indicator,.sf-menu ul li.sfHover>a>.sf-sub-indicator {
    background-position: -10px 0
}

.screen-reader {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	margin-bottom: 0;
	height: 0;
}

li.afp-single-item {
	min-height: 332px;
}

pre {
	background: none repeat scroll 0 0 rgba(0,0,0,0.9);
	color: #fff;
	padding: 15px;
	border-radius: 5px;
	position: relative;
	margin-top: 25px;
	margin-bottom: 10px;
	overflow: scroll;
}

code{
	background: #272822;
	color:#fff;
	font-weight: normal;
	border-radius: 0.3em;
	padding: 0 4px;
}

pre code{
	background: transparent;
}

p.tags {
	opacity: .2;
}

p.tags:hover,p.tags:active {
	opacity: 1;
}

.mt-0{
	margin-top: 0;
}

/*--------------- Labs Page Styles ----------------------------*/
.labs {
	list-style: none;
}

.lab-item {
	width: 75%;
	margin: 10px auto 40px;
	border-bottom: 1px dashed;
	padding-bottom: 20px;
}

.lab-item h4 {
	margin-top: -35px;
}

.rocket.animate {
	animation-name: grow, vanish;
	animation-duration: 1s, .7s;
	animation-delay: 0s, 1.5s;
/*animation: grow 1s ease-out forwards, 1.5s vanish 1s ease-out forwards;*/
}

@keyframes grow {
	to {
		transform: scale(3);
	}
}

@keyframes vanish {
	
}

.note {
	background: #EEEFF1;
	color: #000;
	padding: 9px 18px;
	border-radius: 1px;
	box-sizing: border-box;
	border: 1px dashed #bfc0c2;
	margin: 15px 0;
}

.note ol {
	margin-bottom: 0;
}

.note p {
	margin-bottom: 0;
}

.note a {
	display: inline-block;
	color: blue;
}

/* Other Utitlity Etc */
.commentmetadata a:hover{
	color: #f7941e;
}

.op5{
	opacity: 0.5
}

.single .post_title span{
	border-bottom: 0;
}

figure{
	margin-bottom: 17px;
}

video{
	width: 100%;
	max-width: 600px;
}



/* Media Queries */
@media (max-width: 480px){
	.post_title span{
		font-size: 30px;
	}
	
	.written{
		margin-bottom: 0;
	}
}

@media (min-width: 768px){
	.post-write-date{
		display: none;
	}
}

@media print{
	header,
	nav,
.sidebar,
.top,
.sharedaddy.sd-sharing-enabled,
div#jp-relatedposts,
.comments, 
.jetpack-likes-widget-wrapper,
.cp_embed_wrapper,
footer{
    display: none !important;
}
	
	.info h3 a::after{
		content: ''
	}
}