/* =============================================================== */
/* =============================================================== */
/* INDEX PAGE */
/* =============================================================== */
/* =============================================================== */

/* general section */

div.subNavigationBordering
{
    min-width: 880px !important;
}

#lb-index div.row.general {
    padding-bottom: 72px;
}

#lb-index div.row.general div.title {    
    background-image: url('../../Images/launchbar/lb-general-hotkey.png');
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: 769px 235px;
    
    height: 256px;
    max-width: 850px;
    min-width: 850px;
}

#lb-index div.row.general div.title p {
    margin-top: 12px;
}

#lb-index div.row.general div.body {
    max-width: 850px;
    min-width: 850px;
}

#lb-index div.row.general div.body:after {
    content: " ";
    display: block;
    height: 12px;
    
    max-width: 850px;
    min-width: 850px;
    
    background-image: url('../../Images/launchbar/lb-general-line-tail.png');
    background-size: 769px 12px;
    background-position: center top;
    background-repeat: no-repeat;
}

#lb-index div.row.general div.detail:first-of-type {
    padding-top: 32px;
}

#lb-index div.row.general div.detail:last-of-type {
    padding-bottom: 0px;
}

#lb-index div.row.general div.detail {
    max-width: 850px;
    min-width: 850px;
    
    background-image: url('../../Images/launchbar/lb-general-line.png');
    background-size: 769px 2px;
    background-position: center top;
    background-repeat: repeat-y;
    
    position: relative;
    
    font-family: "open-sans", "Lucida Grande", sans-serif;
    font-size: 1.8rem;
    line-height: 1.6em;
    
    padding-bottom: 32px;
}

#lb-index div.row.general div.detail:after {
    display:block;
    content: " ";
    height: 0px;
    clear: both;
}

#lb-index div.row.general div.detail div.description h1 {
    font-size: 1.8rem;
    font-weight: 600; /* semi bold */
}

#lb-index div.row.general div.detail div.description ul {
    list-style: none;
    padding-left: 0px;
    margin-top: 8px;
    
    color: #666;
}

#lb-index div.row.general div.detail div.images {
    position: relative;
    padding-top: 6px;
    
    min-height: 64px;
}

#lb-index div.row.general div.detail div.images img {
    display: inline-block;
    position: relative;
    border-radius: 3px;
    border: 1px solid #CCC;
    
    overflow: hidden;
}


#lb-index div.row.general div.detail div.images img:not(:first-of-type) {
    margin-left: 16px;
}

/* left : image , right : text */
#lb-index div.row.general div.detail:nth-child(odd) {
    text-align: left;
}

#lb-index div.row.general div.detail:nth-child(odd) div.images {
    float: left;
    
    width: 289px;
    
    text-align: right;
    padding-right: 22px;
}

#lb-index div.row.general div.detail:nth-child(odd)  div.description {
    float: left;
}

#lb-index div.row.general div.detail:nth-child(odd)  div.description ul {
    padding-left: 22px; /* circle(10px) + 2*lineWidth (2px) + margin (8px) */
}

#lb-index div.row.general div.detail:nth-child(odd) div.description h1:before {
    content: "";
    display: inline-block;
    background-color: #FFF;
    
    border-radius: 50%;
    border: 2px solid #FBA315;
    
    height: 10px;
    width: 10px;
    
    margin-right: 8px;
}

/* left : text , right : images */
#lb-index div.row.general div.detail:nth-child(even) {
    text-align: right;
}

#lb-index div.row.general div.detail:nth-child(even)  div.description {
    float: left;
    width: 325px;
}

#lb-index div.row.general div.detail:nth-child(even)  div.images {
    float: left;
    padding-left: 12px;
}

#lb-index div.row.general div.detail:nth-child(even)  div.description ul {
    padding-right: 22px; /* circle(10px) + 2*lineWidth (2px) + margin (8px) */
}

#lb-index div.row.general div.detail:nth-child(even) div.description h1:after {
    content: "";
    display: inline-block;
    background-color: #FFF;
    
    border-radius: 50%;
    border: 2px solid #FBA315;
    
    height: 10px;
    width: 10px;
    
    margin-left: 8px;
}

/* hero */

#lb-index .hero {
    margin: 16px 0px;
}

#lb-index .feature-button {
	margin-left: 1em;
	margin-right: 1em;
}

#lb-index .item-container 
{
	margin: 0 auto;
}

#lb-index .item-container .feature, 
#lb-index .item, 
#lb-index .usage-parameter
{
	display: inline-block;
	vertical-align: top;
	height: 200px;
	text-align: center;
}

#lb-index .item-container .feature {
	width: 96px;
	margin-left: 0.8em;
	margin-right: 0.8em;
}

#lb-index .item-container .rule-object:last-of-type,
#lb-index .item-container .smart-detail-object:last-of-type {
	margin-right: 0;
}
	
#lb-index .item-container .item {
	width: 100px;
	margin-left: 0.6em;
	margin-right: 0.6em;
}

#lb-index .item-container .usage-parameter {
	width: 240px;
	height: 280px;
}

#lb-index .feature-container h2.left img {
	margin-left: -2.6em;
}

#lb-index .feature-container h2.right img {
	margin-right: -2.6em;
}


/* "Beauty in every pixel" Section */

#lb-index .row.mavericks-bg {
	  background: url('../../Images/launchbar/mavericks-blurred.jpg') no-repeat center center scroll; 
	  -webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  background-size: cover;
	  height: 500px;
}

#lb-index section div.text, section div.image {
	width: 44%;
	float: left;
}

#lb-index section div.text:after {
	content:'';
    display:block;
    clear: both;
}

#lb-index section div.text {
	margin-right: 3%;
	text-align: left;
}

#lb-index section div.image {
	margin: -60px 0 30px 60px;
}

#lb-index #user-interface div.image {
	margin: 0;
}

#lb-index #user-interface div.image img {
	position: absolute;
	margin-left: -60px;
	opacity: 0;
	
	-webkit-transition: opacity 1s ease-in-out;
	-moz-transition: opacity 1s ease-in-out;
	transition: opacity 1s ease-in-out; 
}

#lb-index #user-interface div.image img.visible {
	opacity: 1;
}	

#lb-index #user-interface div.image img.img-back {
	margin-left: -140px;
	margin-top: 35px;
}

#lb-index #user-interface div.image img.img-mid {
	margin-top: 25px;
	margin-left: -55px;
	-webkit-transition-delay: 0.5s; -moz-transition-delay: 0.5s; transition-delay: 0.5s;
}	

#lb-index #user-interface div.image img.img-front {
	margin-left: 30px;
	-webkit-transition-delay: 1s; -moz-transition-delay: 1s; transition-delay: 1s;
}	

/* Extensions Section */
#lb-index #extensions p {
    margin-bottom: 18px;
}

#lb-index #extensions div.links a {
    margin-left: 0px;
    margin-bottom: 3.5em;
}

#lb-index #extensions div.image {
	margin: 0;
	height: 350px;
}


#lb-index #extensions div.image img {
	position: absolute;
	margin-left: -40px;
	
	-webkit-transition: margin 1s ease-in-out;
	-moz-transition: margin 1s ease-in-out;
	transition: margin 1s ease-in-out; 
	
	margin-top: 30px;
}

#lb-index #extensions div.image img.green-box.visible {
	margin-top: -60px;
}

#lb-index #extensions div.image img.yellow-box.visible {
	margin-top: -135px;		
}

/* Live Feedback Section */

#lb-index .live-search {
	background-image: url("../../Images/launchbar/live-search-slice.png");
	background-size: 528px 2260px;
	width: 528px;
	height: 226px;
	
	background-position: 0px 0px;
}

#lb-index #one-more-thing > div:after {
    content: "";
    display: block; 
    height: 0; 
    clear: both;
}

#lb-index #one-more-thing div.text {
    width: 65%;
}

#lb-index #one-more-thing div.image {
	width: 35%;
	float: left;
	margin: 0 0 50px -60px;
}

#lb-index #one-more-thing p {
    margin-left: 0px;
}

#lb-index #one-more-thing h2 {
	font-size: 4.8rem;
}

/* =============================================================== */
/* =============================================================== */
/* FEATURES PAGE */
/* =============================================================== */
/* =============================================================== */

/* ------- highlights (teaser) -------- */

#lb-features section div.slogan h1 {
    font-size: 4.8rem;
}

#lb-features section div.slogan h2 {
    margin-top:  8px;
    font-size: 2.2rem;
}

#lb-features section div.slogan {
    margin-top: 0.8em;
}

#lb-features div.highlights {
    max-width: 850px !important;
    margin: 72px auto;
}

#lb-features div.highlights div.row {
    display: inline-block;
    vertical-align: top;

    min-width: 400px;
    max-width: 400px;
    
    padding-left: 20px;
	padding-top: 1.3em;
}

/* highlights - title */
#lb-features div.highlights div.row h2 {
    color: #303030;
    
    text-align: left;
	font-family: "open-sans", "Lucida Grande", sans-serif;
    font-size: 1.8rem;
    font-weight: 400; /* regular */
}

/* highlights - title (tick mark) */
#lb-features div.highlights div.row h2:before {
    content: "";
    float: left;
    
    margin-top: -4px;
    margin-right: 8px;
    
    width: 32px;
    height: 32px;	
    
    background-size: 32px 32px;
    background-image: url("../../Images/launchbar/highlightIcon.png");
}

/* highlights - description */
#lb-features div.highlights div.row p {
    padding-left: 40px; /* (highlightIcon) 32px + margin: 8px*/
    margin-top: 4px;
    margin-bottom: 16px;
    margin-left: 0px;
    
    text-align: left;
	font-family: "open-sans", "Lucida Grande", sans-serif;
    font-size: 1.5rem;
    color: #666;
    line-height: 1.4em;
    
    color: #9B9B9B;
}

/* features - menu */
#lb-features section.features div.menu div.contentCentering {
    display: inline-block;
    margin: 0px auto;
    overflow: hidden;
    padding-top: 3.4em;
    min-width: 850px;
}

#lb-features section.features div.menu {
    text-align: center;
    padding-top: 4.2em;
    padding-bottom: 4.2em;
    
    background: white;
    max-width: none;
    
    border-bottom: 1px solid #CCC;
}

#lb-features section.features div.menu:after {
   content: " ";
   display: block; 
   height: 0; 
   clear: both;
}

/* features - menu - items */
#lb-features section.features div.menu div.item {
    display: inline-block;
    max-width: 128px;
    margin-left: 8px;
    width: 128px;
    opacity: 0.7;
    vertical-align: top;
    
    -webkit-transition: all 0.10s ease-in-out;
    -moz-transition: all 0.10s ease-in-out;
    -ms-transition: all 0.10s ease-in-out;
    -o-transition: all 0.10s ease-in-out;
}

#lb-features section.features div.menu div.item:first-of-type {
    margin-left: 0;
}

/* features - menu - items (hovering) */
#lb-features section.features div.menu div.item:hover {
    opacity: 1.0;
    text-decoration: none;
}

#lb-features section.features div.menu div.item a:hover {
    text-decoration: none;
}

#lb-features section.features div.menu div.item h2 {
	font-family: "myriad-pro", "MyriadPro-Light", "Myriad Pro Light", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, sans-serif;     
    font-size: 2.2rem;
    color: #4A4A4A;
    margin-top: 0.81em;
}

/* features - content */
#lb-features section.features div.row {
    min-width: 100%;
}

#lb-features section.features div.row:nth-child(odd) {
    background: white;
}

/* features - content - entries (sub entries) */
#lb-features section.features div.row div.entry {
    margin: 56px auto;
    
    color: #666;
    line-height: 1.5em;
    font-size: 1.6rem;
    
    text-align: left;
}

#lb-features section.features div.row div.entry:first-of-type {
    margin-top: 72px;
}

#lb-features section.features div.row div.entry:last-of-type {
    margin-bottom: 96px;
}

#lb-features section.features div.row div.entry:last-of-type:after {
    background: none;
}

/* features - content - entries (title) */
#lb-features section.features div.row div.entry h4 {
	font-family: "open-sans", "Lucida Grande", sans-serif;
    font-weight: 400; /* default, regular */
    line-height: 1.35em;
    font-size: 2rem;
    color: #4A4A4A !important;
}

#lb-features section.features div.row div.entry ul li {
    padding-top: 2px;
}

/* features - content - entries (sub entries) - lists */
#lb-features section.features div.row div.entry ul {
    margin-top: 12px;
    margin-bottom: 56px;
    list-style-type: circle;
}

#lb-features .floatingMenu {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    min-width: 460px;
    
    overflow: hidden;
    
    padding-top: 5px;
    
    background: rgba(255, 255, 255, 0.94);
    
    -webkit-box-shadow:    0px 1px 2px 0px rgba(0,0,0,0.15);
    -moz-box-shadow:    0px 1px 2px 0px rgba(0,0,0,0.15);
    box-shadow:         0px 1px 2px 0px rgba(0,0,0,0.15);
    
    max-height: 0.0;
    opacity: 0.0;
    
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

#lb-features .visible {
    max-height:400px;
    opacity: 1.0;
}

#lb-features .floatingMenu a {
    display: inline-block;
    text-decoration: none;
    border: 1px solid transparent;
    border-radius: 3px;
    
    -webkit-transition: all 0.06s ease-in-out;
    -moz-transition: all 0.06s ease-in-out;
    -ms-transition: all 0.06s ease-in-out;
    -o-transition: all 0.06s ease-in-out;
    transition: all 0.06s ease-in-out;
}

#lb-features .floatingMenu a:hover {
    opacity: 1.0;
    border: 1px solid #c0c0c0;
    background-color: #fbfbfb;
}

#lb-features .floatingMenu a:not(:last-of-type) {
    margin-right: 8px; 
}

#lb-features .floatingMenu #features-others-small {
    margin-left: -8px; 
}

#lb-features .floatingMenu img {
    display: block;
    width: 48px;
    height: 48px;
}


/* =============================================================== */
/* =============================================================== */
/* EXTENSIONS PAGE */
/* =============================================================== */
/* =============================================================== */


/*      globals      */

#lb-actions {
    background-image: url('../../Images/launchbar/actions-background.svg');
    background-position: center -460px;
    background-size: 2532px 924px;
    background-repeat: no-repeat;
    background-color: white;
}

#lb-actions .hidden {
    visibility: hidden !important;
}

#lb-actions .visible {
    visibility: visible !important;
}

#lb-actions section.features > div.row {
    border: 0 !important;
    margin: 5.6rem 0;
}

/* 'included as part of launchbar' badge */
#lb-actions section.teaser > div.badge {
    position: absolute;
    left: calc(50% + 104px);
    top: calc(32%);
    
    max-width: 224px;
    max-height: 56px;
    
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    
    -webkit-align-items: center;
    align-items: center;
}

#lb-actions section.teaser > div.badge > * {
    margin: 0;
    padding: 0;
}

/* image deforms if min-width/height not specified */
#lb-actions section.teaser > div.badge > img {
    min-width: 56px;
    min-height: 56px;
}
    
#lb-actions section.teaser > div.badge > p {
    margin-left: 1.2rem;
    text-align: left;
    color: #555;
    font-weight: 600;
    font-size: 1.4rem;
}

#lb-actions section.teaser > div.badge > p > span {
    font-weight: 200;
    font-size: 2.2rem;
    line-height: 2.4rem;
    display: inline-block;
}

/*      teaser       */
#lb-actions section.teaser {
    position: relative; /* needed by sibling (div.badge) */
    max-width: none;
    
    padding-bottom: 0 !important;
    
    border-bottom: 0;
    
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    
}

#lb-actions section.teaser > div.description {
    margin: 0;
    
    width: 660px;
    height: 600px;
    
    background-image: url('../../Images/launchbar/actions-teaser.png');
    background-position: center top;
    background-size: 280px 380px;
    background-repeat: no-repeat;
    
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: flex-end;
    justify-content: flex-end;
}

#lb-actions section.teaser > div.description > h1 {
    font-size: 4.8rem;
}

#lb-actions section.teaser > div.description > h2 {
    font-size: 2.8rem;
    color: #989898;
}

#lb-actions section.teaser > div.description > div.links p {
    font-size: 1.3rem;
    margin: 0.6rem 0 0 0;
    color: #989898;
}

#lb-actions section.teaser > div.description > div.links {
    margin: 0 0 12.8rem 0;
    
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: flex-end;
    justify-content: flex-end;
}

#lb-actions section.teaser div.description p {
	margin: 1.5em auto 0.75em;
}	


#lb-actions section.teaser > div.description > div.links div {
    margin: 0;
}

/* action editor features */
@-webkit-keyframes opacity-animation {
    0% {-webkit-transform: scale(0.25); opacity: 1.0;}
    15% {-webkit-transform: scale(0.8); opacity: 0.4;}
    30% {-webkit-transform: scale(1.2); opacity: 0.0;}
    100% {-webkit-transform: scale(1.2); opacity: 0.0;}
}
@-moz-keyframes opacity-animation {
    0% {-moz-transform: scale(0.25); opacity: 1.0;}
    15% {-moz-transform: scale(0.8); opacity: 0.4;}
    30% {-moz-transform: scale(1.2); opacity: 0.0;}
    100% {-moz-transform: scale(1.2); opacity: 0.0;}
}

@-o-keyframes opacity-animation {
    0% {-o-transform: scale(0.25); opacity: 1.0;}
    15% {-o-transform: scale(0.8); opacity: 0.4;}
    30% {-o-transform: scale(1.2); opacity: 0.0;}
    100% {-o-transform: scale(1.2); opacity: 0.0;}
}

@keyframes opacity-animation {
    0% {transform: scale(0.25); opacity: 1.0;}
    15% {transform: scale(0.8); opacity: 0.4;}
    30% {transform: scale(1.2); opacity: 0.0;}
    100% {transform: scale(1.2); opacity: 0.0;}
}

#lb-actions div#actioneditor_hype_container div[id^='poi_'] {
    -webkit-transition-property: opacity;
    -webkit-transition-duration: 300ms;
    -webkit-transition-timing-function: ease-in-out;
    
    -moz-transition-property: opacity;
    -moz-transition-duration: 300ms;
    -moz-transition-timing-function: ease-in-out;
    
    -o-transition-property: opacity;
    -o-transition-duration: 300ms;
    -o-transition-timing-function: ease-in-out;
    
    transition-property: opacity;
    transition-duration: 300ms;
    transition-timing-function: ease-in-out;
}

#lb-actions div#actioneditor_hype_container .action-editor-poi-outline[od_animate='yes'] {
    -webkit-animation: opacity-animation 3s linear infinite;
    -moz-animation: opacity-animation 3s linear  infinite;
    -o-animation: opacity-animation 3s linear infinite;
    animation: opacity-animation 3s linear infinite;
}

#lb-actions div#actioneditor_hype_container {
    margin:auto;
    position:relative;
    overflow:hidden;
    
    width:1000px;
    height:521px;
}

#lb-actions div#actioneditor_hype_container,
#lb-actions div#actioneditor_hype_container div {
    max-width: none;
}

/*      top 10       */
#lb-actions .extensionsTopTen h4 {
    font-family: "open-sans", "Lucida Grande", sans-serif;
    margin-bottom: 32px;
    color: #666;
}

/*extension (vertical)*/

#lb-actions section#actions-list > div.row {
    padding: 0;
}

#lb-actions section.features h2 {
    font-size: 3.6rem;
}

#lb-actions section#actions-list h2 {
    margin-bottom: 5.6rem;
}

#lb-actions .extension_vertical {
    margin-top: 32px;
    margin-bottom: 56px;
    text-align: center;
    float: left;
    width: 377px;
}

#lb-actions .extension_vertical:last-of-type:after {
    content: ".";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both;
}

#lb-actions .extension_vertical:nth-child(even) {
    margin-left: 32px;
}

#lb-actions .extension_vertical img {
    margin-bottom: 16px;
}

#lb-actions .extension_vertical h1 {
    font-size: 32px;
}

#lb-actions .extension_vertical h2 {
    font-size: 20px;
    color: #ccc;
    line-height: 24px;
    margin-bottom: 24px;
}

#lb-actions .extension_vertical h3 {
    text-align: left;
    font-family: "open-sans", "Lucida Grande", sans-serif;
    font-size: 1.8rem;
    line-height: 1.3em;
    color: #666;
    margin-bottom: 1.77em;
}

#lb-actions .extension_vertical div.links {
    width: 100%;
}


/*     contribute    */

#lb-actions div.contribute img {
    position: relative;
    left: 21px;
}

#lb-actions div.contribute h4 {
    margin-bottom: 32px;
}

/*   categories                    */

#lb-actions div.extensionsCategories {
    margin-bottom: 64px;
}

#lb-actions #extensionsList {
    overflow: hidden;
    width: 100%;
    margin: 0 auto;
}

/*   horizontal extension entry   */

#lb-actions div.horizontalExtensionEntry:first-child {
    margin-top: 56px;
}
    
#lb-actions div.horizontalExtensionEntry {
    width: 720px;
    text-align: left;
    margin: 0 auto;
    margin-top: 72px;
    overflow: hidden;
}

#lb-actions div.horizontalExtensionEntry:after {
    content: "."; 
    visibility: hidden; 
    display: block; 
    height: 0; 
    clear: both;
}

#lb-actions div.horizontalExtensionEntry img.action-icon {
    float: left;
	max-height: 64px;
	max-width: 64px;
}

#lb-actions div.horizontalExtensionEntry div.content {
    margin-left: 16px;
    float: right;
    width: 614px;
}

#lb-actions div.horizontalExtensionEntry div.title {
    position: relative;
}

#lb-actions div.horizontalExtensionEntry a:not(.author-link) {
    position: absolute;
    bottom: 24px;
    right: 0px;
    margin: 0 !important;
}

#lb-actions div.horizontalExtensionEntry h1 {
    padding-right: 160px;
    margin-top: 6px;
    font-size: 2.8rem;
    color: #4a4a4a;
    line-height: 1.18em;
}

#lb-actions div.horizontalExtensionEntry h1 span.version {
    margin-left: 0.5em;
    font-size: 1.8rem;
}

#lb-actions div.horizontalExtensionEntry h2 {
    padding-right: 160px;
    font-size: 2rem;
    color: #666;
    line-height: 1.2em;
}

#lb-actions div.horizontalExtensionEntry p {
    line-height: 1.4em;
    padding-left: 0;
    padding-right: 0;
    margin-top: 24px !important;
    margin-bottom: 0px !important;
    color: #666;
}

#lb-actions div.horizontalExtensionEntry a.author-link {
	color: inherit;
	text-decoration: none;
}

/*   categories selection         */

#lb-actions .categorySelector {
    text-align: left;
    position: relative; /* required by child (category menu) */
    height: 32px;
    color: #666;
    font-size: 1.8rem;
    font-weight: 400;
    max-width: 720px;
    /* light */
}

#lb-actions .categorySelector > span {
    height: 44px;
    position: relative;
    bottom: 0;
    display: block;
    float: left;
}

#lb-actions .categorySelector div.selectedCategory {
    margin-left: 8px;
    max-width: 360px !important;
    height: 32px;
    line-height: 30px;
    
    position: relative;
    top: -4px;
    
    cursor: pointer;
    
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    
    color: #666;
    font-size: 1.8rem;
    font-weight: 400;
    
    display: inline-block;
    
    padding-right: 40px; /* required by background */
    padding-left: 12px;
    
    border: 1px solid #ccc;
    border-radius: 3px;
    
    background-image: url("../../Images/launchbar/extensions-category-selector-arrow.png");
    background-size: 18px 11px;
    background-position: right 10px center;
    background-repeat: no-repeat;
    
    -webkit-transition: all 0.07s ease-in-out;
    -moz-transition: all 0.07s ease-in-out;
    -ms-transition: all 0.07s ease-in-out;
    -o-transition: all 0.07s ease-in-out;
    transition: all 0.07s ease-in-out;
}

#lb-actions .categorySelector div.selectedCategory.hover,
#lb-actions .categorySelector div.selectedCategory:hover {
    border: 1px solid #62A5E8;
    
    color: #62A5E8;
    
    background-color: rgba(98, 165, 232, 0.05);
    background-image: url("../../Images/launchbar/extensions-category-selector-arrow-hover.png");
}

#lb-actions .categorySelector div.selectedCategory span.counter {
    display: none;
}


/*   categories menu              */


#lb-actions div.categories {
    visibility: hidden;
    z-index: 25;
    
    position: absolute;
    left: 104px;
    
    font-size: 2rem;
    font-weight: 300;
    
    width: 380px;
    
    opacity: 0.96;
    
    background-color: white;
    border-radius: 6px;
    background: #FFFFFF;
    border: 1px solid #CBCBCB;
    -webkit-box-shadow: 0px 4px 9px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 4px 9px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 4px 9px 0px rgba(0, 0, 0, 0.25);
}

#lb-actions div.categories ul {
    padding: 0;
    margin: 16px 0px;
}

#lb-actions div.categories ul li {
    padding-left: 24px;
    list-style: none;
    cursor: pointer;
}

#lb-actions  div.categories ul li:hover {
    background-color: #f4f4f4;
}

#lb-actions div.categories ul li.separator {
    height: 1px;
    margin: 8px 0;
    border-bottom: 1px solid #eee;
    cursor: none;
}

#lb-actions div.categories ul li.separator:hover {
    background-color: white;
}

#lb-actions div.categories ul li.active {
    font-weight: 400;
}

#lb-actions div.categories ul li span.counter {
    margin-left: 8px;
    font-size: 1.4rem;
    color: #989898;
}


/*       extensions search        */


#lb-actions .searchWrapper {
    float: right;
    position: relative;
}

#lb-actions input.categorySearch {
    position: relative;
    text-align: center;
    top: -4px;
    float: left;
    font-size: 1.6rem;
    padding: 0.3em 1.5em 0.3em 0.5em;  /* right padding due to overlaying clear button  */
    -webkit-transition: all 0.07s ease-in-out;
    -moz-transition: all 0.07s ease-in-out;
    -ms-transition: all 0.07s ease-in-out;
    -o-transition: all 0.07s ease-in-out;
    transition: all 0.07s ease-in-out;
    outline: none;
    border-radius: 3px;
    border: 1px solid #ccc;
    width: 256px;
}

#lb-actions input.categorySearch:focus,
#lb-actions input.categorySearch:active,
#lb-actions input.categorySearch:hover {
    border: 1px solid #62A5E8;
}

#lb-actions #categoriesContentNotFound {
    text-align: center;
    margin-top: 56px;
    font-size: 2rem;
    color: #666;
    line-height: 1.18em;
}

#lb-actions div.clearButton {
    background-image: url("../../Images/buttons/input-search-clearButton.png");
    background-size: 14px 14px;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    right: 0;
    top: -4px;
    display: block;
    width: 32px;
    height: 100%;
    z-index: 10;
    opacity: 0.5;
    cursor: pointer;
}

#lb-actions div.clearButton:hover {
    opacity: 1.0;
}

#lb-actions div.clearButton.hidden {
    display: none;
}

/* =============================================================== */
/* =============================================================== */
/* EBOOK PAGE */
/* =============================================================== */
/* =============================================================== */

#lb-ebook div.row .large a:not(.fancyLink) {
	color: #333;
}
		
#lb-ebook .teaser {
	position: relative;
}

#lb-ebook .description {
	width: 55% !important;
	top: 200px;
}

#lb-ebook .row h1 {
	margin-top: 0.8em !important;
	margin-bottom: 1.2em !important;
	max-width: 750px;
	margin: 0 auto;
}

#lb-ebook .quote, 
#lb-ebook .quote * {
	padding: 0;
}

#lb-ebook .quote, .author {
	font-family: "myriad-pro", "MyriadPro-Light", "Myriad Pro Light", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, sans-serif;     
    font-size: 3.5rem;
    width: 60rem;
}	

#lb-ebook .full {
	max-width: 750px;
	margin: 0 auto;
}

#lb-ebook .teaser .quote, 
#lb-ebook .teaser .author {
	width: 35rem;
	font-size: 3rem;
	margin-right: 0;
	text-align: right;
}

#lb-ebook .teaser .fancyButton {
	margin-right: 0;
	margin-left: 0.5em;
}

#lb-ebook .teaser .links {
	text-align: right;
}

#lb-ebook .row .links {
	margin-top: 1.5em;
	margin-bottom: 0.8em;
}

#lb-ebook .quote .content {
	margin-bottom: 0;
}

#lb-ebook .quote .author {
	margin-top: 0.4em;
	font-size: 0.7em;
	font-weight: 600;
		}

/* =============================================================== */
/* =============================================================== */
/* RETINA OVERRIDES */
/* =============================================================== */
/* =============================================================== */

@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) 
{
	#lb-features div.highlights div.row h2:before {
	    background-image: url("../../Images/launchbar/highlightIcon@2x.png");
	}
    
    #lb-index div.row.general div.body:after {
        background-size: 769px 12px !important;
        background-image: url('../../Images/launchbar/lb-general-line-tail@2x.png');
    }
    
    #lb-index div.row.general div.detail {
        background-size: 769px 2px !important;
        background-image: url('../../Images/launchbar/lb-general-line@2x.png');
    }
    
    #lb-index div.row.general div.title { 
        background-size: 769px 235px !important;
        background-image: url('../../Images/launchbar/lb-general-hotkey@2x.png');
    }
    
	#lb-actions div.clearButton {
        background-image: url("../../Images/buttons/input-search-clearButton@2x.png");
    }
    
	#lb-actions .categorySelector div.selectedCategory {
        background-image: url("../../Images/launchbar/extensions-category-selector-arrow@2x.png");
    }

	#lb-actions .categorySelector div.selectedCategory:hover,
    #lb-actions .categorySelector div.selectedCategory.hover {
        background-image: url("../../Images/launchbar/extensions-category-selector-arrow-hover@2x.png");
    }
    
    #lb-actions section.teaser > div.description {
        background-image: url('../../Images/launchbar/actions-teaser@2x.png');
    }
}

/* =============================================================== */
/* =============================================================== */
/* RESPONSIVE OVERRIDES */
/* =============================================================== */
/* =============================================================== */

@media screen and (max-width: 50em) 
{
	#lb-features section.features div.menu div.contentCentering {
	    width: 450px;
	    min-width: inherit;
	}
	#lb-features section.features div.menu div.contentCentering .item {
		margin-top: 3em;
	}
    
    #lb-actions section.teaser > div.description p.medium {
        font-size: 1.6rem;
    }
}

@media screen and (max-device-width: 1024px) {
	#lb-index #user-interface div.image img.img-back {
		margin-left: -175px;
	}
	
	#lb-index #user-interface div.image img.img-mid {
		margin-left: -90px;
	}	
	
	#lb-index #user-interface div.image img.img-front {
		margin-left: -5px;
	}	
    
    #lb-actions section.teaser > div.description p.medium {
        font-size: 1.6rem;
    }
}
