/* Styles used by /+/features/*.html files
 * The styles in this file build on top of more generic styles that are defined
 * in the plus.css file.
 */
#gc-appbar { display: none; }

/* Set the Font family for all headings to use Open San */
h1, h2, h3, h4, h5, h6, .subtitle, .casestudy-quote {
  font-family: 'Open Sans', sans-serif;
  text-decoration: none;
}

h2 { font-weight: 200; border: none !important; }
.content-wrapper h2 { text-align: center; }

.row { clear: both; }
.left  { width: 47%; float: left;}
.right { width: 47%; float: right;}
/* Alternate left/right half display approach when floating isn't desired */
/* Use .block for same-width left/right blocks or .block-left/.block-right for unequal-width left/right blocks */
.block, .block-left, .block-right { width: 45%; display: inline-block; padding: 20px; vertical-align: top; }
.block-left { width: 35%; padding-right: 3em; }
.block-right { width: 35%; padding-left: 6em; }

.inline { display: inline;}
.inline li { display: inline-block;}

.grey {
  background-color: #F8F8F8;
  border-top: 3px solid #EFEFEF;
  border-bottom: 3px solid #EFEFEF;
  overflow: auto; /* Ensures bg color isn't hidden behind the floats */
}

.white { background-color: #fff; }

.arrow-up, .arrow-down { width: 0; height: 0; display: inline-block;}
.arrow-up {
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;

  border-bottom: 5px solid #999;
}
.arrow-down {
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;

  border-top: 5px solid black;
}

.one-third { width: 31%; }
.two-third { width: 62%; }
.one-half { width: 48%; }

/*
 * The design for the primary and second headings at the top of the page
 */
header.intro { text-align: center; margin-top: 3em; margin-bottom: 3em;}
header.intro .title { font-weight: 300; font-size: 2.5em; }
header.intro .subtitle { font-size: 120%; color: #999;}

.features-nav li {
  background-image: url('/web/20150315123211im_/https://developers.google.com/+/features/images/feature-nav-sprite.png');
  background-repeat: no-repeat;
  background-position: top left;
  width: 75px;
  height: 80px;
  border: 0;
  margin: 1em 40px 1em;
  text-align: center;
  position: relative;
}

/* Make sure that both the image and text are clickable by making the link fill
 its parent container */
.features-nav li a { width: 110px; height: 142px; display: block;}

/* Position the text at the bottom below the icon */
.features-nav li span {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 31px;
}

.features-nav li:hover span, .features-nav li.active span {
  color: #6388f9;
}

#features-appact{ background-position: 50% 3px; }
#features-appact:hover, #features-appact.active { background-position: 50% -145px; }
#features-auth { background-position: 50% -292px; }
#features-auth:hover, #features-auth.active { background-position: 50% -440px; }
#features-iposts{ background-position: 50% -588px; }
#features-iposts:hover, #features-iposts.active{ background-position: 50% -736px; }
#features-ota{ background-position: 50% -882px; }
#features-ota:hover, #features-ota.active { background-position: 50% -1030px; }
#features-socialgraph{ background-position: 50% -1177px; }
#features-socialgraph:hover, #features-socialgraph.active { background-position: 50% -1325px; }

#get-started { text-align: center; background: #F8F8F8; border-top: 3px solid #EFEFEF; height: 2em; }
#get-started .links-wrapper {
  width: 896px;
  margin: -1.6em auto 0;
}
.links {
  padding-left: 10px;
  margin-top: -2em;
  background: #fff;
  color: #6388f9;
  font-size: 1.1em;
  border-radius: 4px;
  font-weight: 100;
  border: 1px solid rgba(0,0,0,0.1);
  display: inline-block;
}
.links ul { margin: 0; padding: 0; }
.links li a{ border-right: 1px solid rgba(0,0,0,0.1); }
.links li:last-child a{ border-right: 0;  }
.links a { text-decoration: none; color: #6388f9; display: block; padding: 0.7em; }
.links li:hover, .links li:hover a { background-color: #6388f9; color: #fff; }

.android-link, .ios-link, .web-link {
  position: relative;
  margin-left: 20px;
}
.android-link:before, .ios-link:before, .web-link:before {
  content: '';
  background-image: url('/web/20150315123211im_/https://developers.google.com/+/images/platform-sprite.png');
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  position: absolute;
  left: -25px;
  top: -5px;
  margin: 0 10px;
}

/* Override generic plus.css setting for some platform icons settings */
.android-link:before, .ios-link:before, .web-link:before { top: 0.7em;}

/* The .white setting swaps the icon default vs hover colors*/
.links li:hover .android-link.white:before { background-position: -60px -3px; }
.links li:hover .ios-link.white:before { background-position:  0px -3px;}
.links li:hover .web-link.white:before{ background-position: -30px -3px;}

.android-link.white:before { background-position: -60px -51px; }
.ios-link.white:before { background-position: 0px -51px; }
.web-link.white:before { background-position: -30px -51px;}



#overview { border-top: 0; position: relative; min-height: 500px; margin-bottom: 3em; }
#overview .intro { position: relative; width: 280px; z-index: 2; margin-top: 2em; }
#overview .video { position: absolute; left: 310px; top: 0; }

.results .detail {
  display: block;
}

#bottom-get-started { margin: 4em 0; }
#bottom-get-started .links { padding: 0; margin: 0; }

#jump-menu ul li {
  width: 20%; border-right: 1px solid #EFEFEF;
  font-family: 'Open Sans', sans-serif; font-weight: 100;
}
#jump-menu ul li:last-child { border-right: 0; }
#jump-menu ul li a {font-size: 1.0em; color: #6388f9; text-decoration: none; }

/*
     FILE ARCHIVED ON 12:32:11 Mar 15, 2015 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 13:52:19 Feb 20, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.719
  exclusion.robots: 0.07
  exclusion.robots.policy: 0.059
  esindex: 0.01
  cdx.remote: 20.258
  LoadShardBlock: 815.435 (3)
  PetaboxLoader3.datanode: 333.082 (5)
  PetaboxLoader3.resolve: 573.551 (3)
  load_resource: 340.173 (2)
*/