/*
Theme Name: LastPass
Theme URI:
Description: LastPass WP theme by Doug March & Alex Hsiao
Author: Doug March
Author URI: doug-march.com
Version: 1.0
*/


/*! Hint.css - v1.3.0 - 2013-08-05
* http://kushagragour.in/lab/hint/
* Copyright (c) 2013 Kushagra Gour; Licensed MIT */

/*-------------------------------------*\
	HINT.css - A CSS tooltip library
\*-------------------------------------*/
/**
 * HINT.css is a tooltip library made in pure CSS.
 *
 * Source: https://github.com/chinchang/hint.css
 * Demo: http://kushagragour.in/labs/hint/
 *
 * Release under The MIT License
 *
 */
/**
 * source: hint-core.scss
 *
 * Defines the basic styling for the tooltip.
 * Each tooltip is made of 2 parts:
 * 	1) body (:after)
 * 	2) arrow (:before)
 * 
 * Classes added:
 * 	1) hint
 */
.hint, [data-hint] {
  position: relative;
  display: inline-block;
  /**
   * tooltip arrow
   */
  /**
   * tooltip body
   */ }
  .hint:before, .hint:after, [data-hint]:before, [data-hint]:after {
    position: absolute;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    visibility: hidden;
    opacity: 0;
    z-index: 1000000;
    pointer-events: none;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    transition: 0.3s ease; }
  .hint:hover:before, .hint:hover:after, .hint:focus:before, .hint:focus:after, [data-hint]:hover:before, [data-hint]:hover:after, [data-hint]:focus:before, [data-hint]:focus:after {
    visibility: visible;
    opacity: 1; }
  .hint:before, [data-hint]:before {
    content: '';
    position: absolute;
    background: transparent;
    border: 6px solid transparent;
    z-index: 1000001; }
  .hint:after, [data-hint]:after {
    content: attr(data-hint);
    background: #383838;
    color: white;
    text-shadow: 0 -1px 0px black;
    padding: 8px 10px;
    font-size: 12px;
    line-height: 12px;
    white-space: nowrap;
    box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.3); }

/**
 * source: hint-position.scss
 *
 * Defines the positoning logic for the tooltips.
 * 
 * Classes added:
 * 	1) hint--top
 * 	2) hint--bottom
 * 	3) hint--left
 * 	4) hint--right
 */
/**
 * set default color for tooltip arrows
 */
.hint--top:before {
  border-top-color: #383838; }

.hint--bottom:before {
  border-bottom-color: #383838; }

.hint--left:before {
  border-left-color: #383838; }

.hint--right:before {
  border-right-color: #383838; }

/**
 * top tooltip
 */
.hint--top:before {
  margin-bottom: -12px; }
.hint--top:after {
  margin-left: -18px; }
.hint--top:before, .hint--top:after {
  bottom: 100%;
  left: 50%; }
.hint--top:hover:after, .hint--top:hover:before, .hint--top:focus:after, .hint--top:focus:before {
  -webkit-transform: translateY(-8px);
  -moz-transform: translateY(-8px);
  transform: translateY(-8px); }

/**
 * bottom tooltip
 */
.hint--bottom:before {
  margin-top: -12px; }
.hint--bottom:after {
  margin-left: -18px; }
.hint--bottom:before, .hint--bottom:after {
  top: 100%;
  left: 50%; }
.hint--bottom:hover:after, .hint--bottom:hover:before, .hint--bottom:focus:after, .hint--bottom:focus:before {
  -webkit-transform: translateY(8px);
  -moz-transform: translateY(8px);
  transform: translateY(8px); }

/**
 * right tooltip
 */
.hint--right:before {
  margin-left: -12px;
  margin-bottom: -6px; }
.hint--right:after {
  margin-bottom: -14px; }
.hint--right:before, .hint--right:after {
  left: 100%;
  bottom: 50%; }
.hint--right:hover:after, .hint--right:hover:before, .hint--right:focus:after, .hint--right:focus:before {
  -webkit-transform: translateX(8px);
  -moz-transform: translateX(8px);
  transform: translateX(8px); }

/**
 * left tooltip
 */
.hint--left:before {
  margin-right: -12px;
  margin-bottom: -6px; }
.hint--left:after {
  margin-bottom: -14px; }
.hint--left:before, .hint--left:after {
  right: 100%;
  bottom: 50%; }
.hint--left:hover:after, .hint--left:hover:before, .hint--left:focus:after, .hint--left:focus:before {
  -webkit-transform: translateX(-8px);
  -moz-transform: translateX(-8px);
  transform: translateX(-8px); }

/**
 * source: hint-color-types.scss
 *
 * Contains tooltips of various types based on color differences.
 * 
 * Classes added:
 * 	1) hint--error
 * 	2) hint--warning
 * 	3) hint--info
 * 	4) hint--success
 * 	
 */
/**
 * Error
 */
.hint--error:after {
  background-color: #b34e4d;
  text-shadow: 0 -1px 0px #592726; }
.hint--error.hint--top:before {
  border-top-color: #b34e4d; }
.hint--error.hint--bottom:before {
  border-bottom-color: #b34e4d; }
.hint--error.hint--left:before {
  border-left-color: #b34e4d; }
.hint--error.hint--right:before {
  border-right-color: #b34e4d; }

/**
 * Warning
 */
.hint--warning:after {
  background-color: #c09854;
  text-shadow: 0 -1px 0px #6c5328; }
.hint--warning.hint--top:before {
  border-top-color: #c09854; }
.hint--warning.hint--bottom:before {
  border-bottom-color: #c09854; }
.hint--warning.hint--left:before {
  border-left-color: #c09854; }
.hint--warning.hint--right:before {
  border-right-color: #c09854; }

/**
 * Info
 */
.hint--info:after {
  background-color: #3986ac;
  text-shadow: 0 -1px 0px #193b4d; }
.hint--info.hint--top:before {
  border-top-color: #3986ac; }
.hint--info.hint--bottom:before {
  border-bottom-color: #3986ac; }
.hint--info.hint--left:before {
  border-left-color: #3986ac; }
.hint--info.hint--right:before {
  border-right-color: #3986ac; }

/**
 * Success
 */
.hint--success:after {
  background-color: #458746;
  text-shadow: 0 -1px 0px #1a321a; }
.hint--success.hint--top:before {
  border-top-color: #458746; }
.hint--success.hint--bottom:before {
  border-bottom-color: #458746; }
.hint--success.hint--left:before {
  border-left-color: #458746; }
.hint--success.hint--right:before {
  border-right-color: #458746; }

/**
 * source: hint-always.scss
 *
 * Defines a persisted tooltip which shows always.
 * 
 * Classes added:
 * 	1) hint--always
 * 	
 */
.hint--always:after, .hint--always:before {
  opacity: 1;
  visibility: visible; }
.hint--always.hint--top:after, .hint--always.hint--top:before {
  -webkit-transform: translateY(-8px);
  -moz-transform: translateY(-8px);
  transform: translateY(-8px); }
.hint--always.hint--bottom:after, .hint--always.hint--bottom:before {
  -webkit-transform: translateY(8px);
  -moz-transform: translateY(8px);
  transform: translateY(8px); }
.hint--always.hint--left:after, .hint--always.hint--left:before {
  -webkit-transform: translateX(-8px);
  -moz-transform: translateX(-8px);
  transform: translateX(-8px); }
.hint--always.hint--right:after, .hint--always.hint--right:before {
  -webkit-transform: translateX(8px);
  -moz-transform: translateX(8px);
  transform: translateX(8px); }

/**
 * source: hint-rounded.scss
 *
 * Defines rounded corner tooltips.
 * 
 * Classes added:
 * 	1) hint--rounded
 *  
 */
.hint--rounded:after {
  border-radius: 4px; }

/**
 * source: hint-effects.scss
 *
 * Defines various transition effects for the tooltips.
 * 
 * Classes added:
 * 	1) hint--bounce
 * 	
 */
.hint--bounce:before, .hint--bounce:after {
  -webkit-transition: opacity 0.3s ease, visibility 0.3s ease, -webkit-transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24);
  -moz-transition: opacity 0.3s ease, visibility 0.3s ease, -moz-transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24);
  transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24); }



.hint:after, [data-hint]:after {
  width: 300px;
  padding: 20px;
  white-space: inherit;
  border: 1px solid #e9e9e9;
  background-color: #fff;
  color: #333;
  font-size: 14px;
  line-height: 1.4;
  font-weight: normal;
  left: -73px;
  font-family: helvetica;
  text-shadow: none;
}

.hint:before, [data-hint]:before { border: 15px solid transparent; }

.hint--bottom:before {
  border-bottom-color: #d32d27; }

.hint--bottom:before { margin-top: -30px; margin-left: -10px;}



header .container ul li.current_page_item a,
header .container ul li.current-page-parent a, 
header .container ul li a:hover {
  border-bottom: 3px solid #d32d27;
}

header .container ul li .sub-menu li a:hover, 
header .container ul li .sub-menu li.current-menu-item a {
 background-color: #d32d27;
 color: #fff;
}


.page-id-353 .typeset h2 {
  display: block !important;
  margin-top: 40px !important; }
.page-id-353 .typeset h2.first {
  margin-top: 0 !important; }
.page-id-353 .typeset ul {
  margin: 0;
  padding: 0; }
.page-id-353 .typeset ul li {
  margin: 0;
  padding: 0;
  list-style: none; }
.page-id-353 ul.black,
.page-id-353 ul.red {
  width: 200px;
  display: inline-block;
  color: #fff;
  padding: 10px;
  margin: 10px 0; }
  .page-id-353 ul.black li,
  .page-id-353 ul.red li {
    position: relative;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    margin-bottom: 5px;
    padding-bottom: 5px; }
  .page-id-353 ul.black li:last-child,
  .page-id-353 ul.red li:last-child {
    border: none;
    margin-bottom: 0;
    padding-bottom: 0; }
  .page-id-353 ul.black span,
  .page-id-353 ul.red span {
    position: absolute;
    right: 0; }
.page-id-353 ul.black {
  background-color: #3b352a; }
.page-id-353 ul.red {
  background-color: #d32d27; }
.page-id-353 ul.logos {
  border-bottom: 1px solid #ece8e2;
  padding-bottom: 20px;
  margin-bottom: 20px; }
  .page-id-353 ul.logos:last-child {
    border-bottom: none; }
  .page-id-353 ul.logos li {
    width: 200px;
    display: inline-block;
    border: 5px solid #d9d7d3;
    padding: 0 10px 10px 10px;
    margin: 10px 10px 10px 0; }
    .page-id-353 ul.logos li a {
      text-decoration: none;
      color: #3b352a; }
    .page-id-353 ul.logos li p {
      margin: 0;
      font-size: 12px; }


.blog-posts ul {
  margin-top: 60px; }
  .blog-posts ul li time {
    display: block;
    text-transform: uppercase;
    font-size: 13px;
    font-family: "open_sansregular", "Helvetica Neue", Helvetica, sans-serif; }
  .blog-posts ul li h3 {
    margin-bottom: 0;
    line-height: 18px;
    margin: 10px 0; }
  .blog-posts ul li h3 a {
    font-size: 16px;
    color: #3b352a;
    text-decoration: none; }


.mod.page h1 { display: block; }


/* lastpass.com  fixes newsroom and testimonials going to seperate lines. */
html.lt-ie9 .info-center.mod .newsroom { margin-right: 0; }


/* lastpass.com/features Take Password Management To The Next Level going to seperate lines. */
/* lastpass.com/go-premium Get More with LastPass Premium going to seperate lines. */
/* lastpass.com/enterprise_overview What Our Customers Are Saying going to seperate lines. */
html.lt-ie9 article .side-by-side.module { margin-right: 0; }


/* lastpass.com/how-it-works The Secure and Trusted Way to Store Passwords going to seperate lines. */
html.lt-ie9 article .three-wide.module { margin-right: 10px; }


/* lastpass.com/press-review/ fixes right column from wrapping */
/* https://lastpass.com/testimonials/ fixes right column from wrapping */
html.lt-ie9 .page-template-page-two-column-wide-right-php .alpha { margin-right: 0; }

/* lastpass.com/about-lastpass/ fixes right column from wrapping */
html.lt-ie9 .page-template-page-about-us-php .alpha,
html.lt-ie9 .page-template-page-about-us-child-php .alpha { margin-right: 0; }

header .container ul li .sub-menu li a { padding: 10px 29px; }

.page-template-page-enterprise-contact-sales-php, .page-template-page-enterprise-roi-php, .page-template-page-enterprise-php { margin-top: 36px; }
.page-template-page-enterprise-contact-sales-php header, .page-template-page-enterprise-roi-php header, .page-template-page-enterprise-php header { top: 37px !important; }


 .page-template-page-enterprise-php .mod .inner-container h2.alt.enterprise-cloud-sso {
background: white url("/newwpsite/wp-content/uploads/header-cloud.png") no-repeat -10px 15px;
background-size: 30%;
}

.module.cloud-sso h3        { width: 918px; }
.page-id-228 article .module.cloud-sso.right { padding-right: 430px; padding-left: 0; }
.module.cloud-sso ul        { margin: 0; padding: 0; }
.module.cloud-sso ul li     { margin: 0; padding: 0; list-style: none; border-bottom: 1px dotted #dfdfdf; padding: 10px 0 10px 30px; background: transparent url(/newwpsite/wp-content/uploads/bullet-sso.png) no-repeat 0 10px; }
article .module.cloud-sso img   { top: 85px; right: 60px; }


.page-id-228 article .module { padding-left: 350px; }

.mod.hero .container .inner-container ul li  { position: relative; }

#prices { width: 530px;  float: left;}

#prices table {
border-collapse:collapse;
height: 245px;
width: 100%;
border-top: 1px solid red;
}

#prices table thead {
background: #f1f1f1;
}

#prices table thead td,
#prices table thead th {
border-right: 1px solid #d7d7d7;
}

#prices table tr td,th { border-bottom: 1px solid #d7d7d7; }
#prices table tr td {
text-indent: 15px;
font-weight: bold;
}

#prices table tbody tr td:nth-child(even)		{ text-align: center; }
#prices table tr:nth-child(even)		{ background-color:#eee; }

#footnote {
float: right;
font-size: 10pt;
color: grey;
}

#footnote img { height: 6px; }

#prices_details {
width: 350px;
float: left;
padding: 0;
padding-left: 25px;
}

#main_head_div { /*background-image: url(https://dev.lastpass.com/~matthew/images/main_table_bg.png);*/ background-color: #efefef; height: 475px;}

table#main_head {
height: 400px;
width: 950px;
margin-left: auto;
margin-right: auto;
}

#main_table_header { /* background-color: #efefef; padding: 3px; */ font-size: 20pt; font-weight: bold; display: block; margin-bottom: 30px; margin-top: 20px;}

table#main_head .button {
color: #fff;
background-color: #d32d27;
border-radius: 4px;
padding: 10px 20px;
bottom: 10px;
position: relative;
font-size: 18px;
min-width: 225px;
display: inline-block;
}

table#main_head .button:hover {
background-color: #f02d27;
}

table#main_head tr td { background-repeat: no-repeat; background-position-x: center; vertical-align:bottom; width: 33%; /* border-right-style: groove; */}
/* table#main_head tr td:last-child { border-right-style: none; } */

.mod.why-lastpass .container ul li a { font-size: 15px; }
header .container h1 { margin-right: 0px; width: 277px;}
header .container ul { width: 100%;}
header .container ul li .sub-menu li a { padding: 10px 20px;}
.three-wide { word-wrap: break-word; }
.page-template-page-enterprise-php .mod.hero .container .inner-container p .btn { width: auto; min-width: 300px; }
.tl_ { display: inline; }