/*
 * 	Core Owl Carousel CSS File
 *	v1.24
 */

/* clearfix */
.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
/* display none until init */
.owl-carousel{
	display: none;
	position: relative;
	width: 100%;
	-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
	display: none;
	position: relative;
	-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
	overflow: hidden;
	position: relative;
	width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}

.owl-carousel .owl-item{
	float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
	cursor: pointer;
}
.owl-controls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* mouse grab icon */
.grabbing {
    cursor:url(https://developer.sony.com/wp-content/themes/onesonydev/styles/vendors/owl-carousel/grabbing.png) 8 8, move;
}

/* fix */
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility:    hidden;
	-ms-backface-visibility:     hidden;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
}

/* CSS3 Transitions */

.owl-origin {
	-webkit-perspective: 1200px;
	-webkit-perspective-origin-x : 50%;
	-webkit-perspective-origin-y : 50%;
	-moz-perspective : 1200px;
	-moz-perspective-origin-x : 50%;
	-moz-perspective-origin-y : 50%;
	perspective : 1200px;
}
/* fade */
.owl-fade-out {
  z-index: 10;
  -webkit-animation: fadeOut .7s both ease;
  -moz-animation: fadeOut .7s both ease;
  animation: fadeOut .7s both ease;
}
.owl-fade-in {
  -webkit-animation: fadeIn .7s both ease;
  -moz-animation: fadeIn .7s both ease;
  animation: fadeIn .7s both ease;
}
/* backSlide */
.owl-backSlide-out {
  -webkit-animation: backSlideOut 1s both ease;
  -moz-animation: backSlideOut 1s both ease;
  animation: backSlideOut 1s both ease;
}
.owl-backSlide-in {
  -webkit-animation: backSlideIn 1s both ease;
  -moz-animation: backSlideIn 1s both ease;
  animation: backSlideIn 1s both ease;
}
/* goDown */
.owl-goDown-out {
  -webkit-animation: scaleToFade .7s ease both;
  -moz-animation: scaleToFade .7s ease both;
  animation: scaleToFade .7s ease both;
}
.owl-goDown-in {
  -webkit-animation: goDown .6s ease both;
  -moz-animation: goDown .6s ease both;
  animation: goDown .6s ease both;
}
/* scaleUp */
.owl-fadeUp-in {
  -webkit-animation: scaleUpFrom .5s ease both;
  -moz-animation: scaleUpFrom .5s ease both;
  animation: scaleUpFrom .5s ease both;
}

.owl-fadeUp-out {
  -webkit-animation: scaleUpTo .5s ease both;
  -moz-animation: scaleUpTo .5s ease both;
  animation: scaleUpTo .5s ease both;
}
/* Keyframes */
/*empty*/
@-webkit-keyframes empty {
  0% {opacity: 1}
}
@-moz-keyframes empty {
  0% {opacity: 1}
}
@keyframes empty {
  0% {opacity: 1}
}
@-webkit-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@-moz-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@-webkit-keyframes fadeOut {
  0% { opacity: 1; }
  100% { opacity: 0; }
}
@-moz-keyframes fadeOut {
  0% { opacity: 1; }
  100% { opacity: 0; }
}
@keyframes fadeOut {
  0% { opacity: 1; }
  100% { opacity: 0; }
}
@-webkit-keyframes backSlideOut {
  25% { opacity: .5; -webkit-transform: translateZ(-500px); }
  75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
}
@-moz-keyframes backSlideOut {
  25% { opacity: .5; -moz-transform: translateZ(-500px); }
  75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
}
@keyframes backSlideOut {
  25% { opacity: .5; transform: translateZ(-500px); }
  75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
}
@-webkit-keyframes backSlideIn {
  0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; -webkit-transform: translateZ(-500px); }
  100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); }
}
@-moz-keyframes backSlideIn {
  0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; -moz-transform: translateZ(-500px); }
  100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); }
}
@keyframes backSlideIn {
  0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; transform: translateZ(-500px); }
  100% { opacity: 1; transform: translateZ(0) translateX(0); }
}
@-webkit-keyframes scaleToFade {
  to { opacity: 0; -webkit-transform: scale(.8); }
}
@-moz-keyframes scaleToFade {
  to { opacity: 0; -moz-transform: scale(.8); }
}
@keyframes scaleToFade {
  to { opacity: 0; transform: scale(.8); }
}
@-webkit-keyframes goDown {
  from { -webkit-transform: translateY(-100%); }
}
@-moz-keyframes goDown {
  from { -moz-transform: translateY(-100%); }
}
@keyframes goDown {
  from { transform: translateY(-100%); }
}

@-webkit-keyframes scaleUpFrom {
  from { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpFrom {
  from { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpFrom {
  from { opacity: 0; transform: scale(1.5); }
}

@-webkit-keyframes scaleUpTo {
  to { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpTo {
  to { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpTo {
  to { opacity: 0; transform: scale(1.5); }
}
/* Pretty printing styles. Used with prettify.js.
 *
 * This version is slight modified based on the original version.
 *
 * Name:	Stanley Ng
 * Email: 	stanleyhlng@googlegroups.com
 *
 * Reference:
 * http://code.google.com/p/google-code-prettify/source/browse/trunk/src/prettify.css
 */
.prettyprint .pln {
	color: #48484C;
}

.prettyprint .str {
	color: #DD1144;
}

.prettyprint .kwd {
	color: #1E347B;
}

.prettyprint .com {
	color: #93A1A1;
}

.prettyprint .typ {
	color: teal;
}

.prettyprint .lit {
	color: #195F91;
}

.prettyprint .pun {
	color: #93A1A1;
}

.prettyprint .opn {
	color: #93A1A1;
}

.prettyprint .clo {
	color: #93A1A1;
}

.prettyprint .tag {
	color: #008;
}

.prettyprint .atn {
	color: teal;
}

.prettyprint .atv {
	color: #DD1144;
}

.prettyprint .dec {
	color: teal;
}

.prettyprint .var {
	color: teal;
}

.prettyprint .fun {
	color: #DC322F;
}

/* Put a border around prettyprinted code snippets. */
pre.prettyprint {
	position: relative;
	margin: 0 0 20px;
	overflow-x: auto;
	white-space: pre;
	background-color: #F7F7F9;
	padding: 10px;
	border: 1px solid #E1E1E8;
}

pre.prettyprint.linenums {
	/*box-shadow: 40px 0 0 #FBFBFC inset, 41px 0 0 #ECECF0 inset;*/
}

/* Specify class=linenums on a pre to get line numbering */
.entry-body pre.prettyprint[class*="linenums"] {
	padding: 0;
}

.entry-body ol.linenums {
	display: table;
	width: 100%;
	list-style: decimal;
	counter-reset: none;
	padding: 10px 10px 10px 50px;
	margin: 0;
	background: #f7f7f9;
	color: #1e347b;
}
.entry-body ol.linenums:before {
	content: '';
	position: absolute;
	z-index: 1;
	top: 0;
	bottom: 0;
	left: 41px;
	width: 1px;
	background: #e1e1e8;
}
.entry-body ol.linenums:after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 40px;
	background: #fbfbfc;
}

.entry-body ol.linenums li {
	position: relative;
	z-index: 1;
	color: #bebec5;
	line-height: 18px;
	margin: 0;
	padding-left: 12px;
	text-shadow: 0 1px 0 #fff;
}

.entry-body ol.linenums > li:before {
	content: none;
	counter-increment: none;
}

li.L0,
li.L1,
li.L2,
li.L3,
li.L5,
li.L6,
li.L7,
li.L8 {
	list-style-type: normal;
}

/* Alternate shading for lines */
li.L0,
li.L2,
li.L4,
li.L6,
li.L8 {
	background: #f7f7f9;
}

li.L1,
li.L3,
li.L5,
li.L7,
li.L9 {
	background: #eeeeee;
}/*! normalize.css v2.1.3 | MIT License | git.io/normalize */

/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined in IE 8/9.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block;
}

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */

audio,
canvas,
video {
    display: inline-block;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
    display: none;
    height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9.
 * Hide the `template` element in IE, Safari, and Firefox < 22.
 */

[hidden],
template {
    display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
    font-family: sans-serif; /* 1 */
    -ms-text-size-adjust: 100%; /* 2 */
    -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */

body {
    margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */

/**
 * Remove the gray background color from active links in IE 10.
 */

a {
    background: transparent;
}

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */

a:focus {
    outline: thin dotted;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
    outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */

abbr[title] {
    border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */

b,
strong {
    font-weight: bold;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */

dfn {
    font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

/**
 * Address styling not present in IE 8/9.
 */

mark {
    background: #ff0;
    color: #000;
}

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    font-size: 1em;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */

pre {
    white-space: pre-wrap;
}

/**
 * Set consistent quote types.
 */

q {
    quotes: "\201C" "\201D" "\2018" "\2019";
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9.
 */

img {
    border: 0;
}

/**
 * Correct overflow displayed oddly in IE 9.
 */

svg:not(:root) {
    overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari 5.
 */

figure {
    margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
    border: 0; /* 1 */
    padding: 0; /* 2 */
}

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */

button,
input,
select,
textarea {
    font-family: inherit; /* 1 */
    font-size: 100%; /* 2 */
    margin: 0; /* 3 */
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

button,
input {
    line-height: normal;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */

button,
select {
    text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
    cursor: default;
}

/**
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */

textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table {
    border-collapse: collapse;
    border-spacing: 0;
}/* =========================================================================
 *  Project: One Sony Developer
 *  Filename: helpers.css
 *
 *  Contains common helper classes.
/* ========================================================================= */

/* ======================================================
 *  Image replacement
/* ====================================================== */

.ir {
    border: 0;
    overflow: hidden;
    background-color: transparent;
}
.ir:before {
    content: '';
    display: block;
    width: 0;
    height: 150%;
}


/* ======================================================
 *  Visually hidden
 *  Only hide the element visually, but still available
 *  for screenreaders.
/* ====================================================== */

.screen-reader-text,
.visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}


/* ======================================================
 *  Clearfix
 *
 *  Micro clearfix by Nicolas Gallagher
 *  @see http://nicolasgallagher.com/micro-clearfix-hack/
/* ====================================================== */

.row:before, .row:after,
.clearfix:before, .clearfix:after,
.site-container:before, .site-container:after,
.tablist:before, .tablist:after {
	content: " ";
	display: table;
}
.row:after,
.clearfix:after,
.site-container:after,
.tablist:after {
	clear: both;
}

/*
 * IE6/7 fix
 */

.row,
.clearfix,
.site-container,
.tablist {
	*zoom: 1;
}


/* ======================================================
 *  Text/element alignments
/* ====================================================== */

.text-center {
	text-align: center;
}
/* =========================================================================
 *  Project: One Sony Developer
 *  Filename: typography.css
 *
 *  Basic typography styles (body, headings, lists, etc.)
/* ========================================================================= */

html {
	font-size: 62.5%;
}

body {
	overflow-y: scroll;
	font-size: 13px;
	line-height: 1.5;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	background: #fff;
	color: #686868;
}


/* ======================================================
 *  Headings
/* ====================================================== */

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	font-weight: normal;
	line-height: 1.1;
	text-rendering: optimizeLegibility;
	color: #000;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	display: block;
	font-weight: inherit;
	color: inherit;
}

h1, .h1 {
	padding-bottom: 12px;
	font-size: 26px;
	line-height: 27px;
}
h2, .h2 {
	padding-bottom: 12px;
	font-size: 20px;
	line-height: 20px;
}
h3, .h3 {
	padding-bottom: 12px;
	font-size: 17px;
	line-height: 21px;
}

h4, .h4 {
	padding-bottom: 12px;
	font-size: 14px;
	line-height: 21px;
}

h5, .h5,
h6, .h6 {
	font-weight: bold;
	font-size: 13px;
	line-height: 21px;
}


/* ======================================================
 *  Paragraphs
/* ====================================================== */

p {
	margin: 0;
	padding: 0 0 20px;
}


/* ======================================================
 *  Unordered- and ordered list
/* ====================================================== */

ul, ol {
	margin: 0;
	padding: 0 0 17px;
}

/* Adjust the margins when a table is inside an list. */
ul table,
ol table {
	margin-top: 20px;
}

.entry-body ul {
	list-style-position: outside;
	padding: 15px 35px 15px 35px;
	margin-bottom: 17px;
	border-top: 1px solid #f3f3f3;
	border-bottom: 1px solid #f3f3f3;
	background: #f9f9f9;
}
.entry-body ul > li {
	padding: 3px 0;
}

.entry-body ol {
	list-style-position: outside;
	padding-left: 24px;
}

.entry-body ol ol {
	margin-bottom: 0;
	padding-bottom: 0;
}

.entry-body ol li {
	padding: 3px 0;
}

.entry-body ol ul {
	list-style-type: disc;
	margin: 5px 0 10px;
	border: 0;
	padding: 0 0 0 17px;
	background: none;
}

.entry-body ol ul ul {
	list-style-type: circle;
}

/* ======================================================
 *  Links
/* ====================================================== */

a {
	color: #2aabe4;
	text-decoration: none;
}

a:hover, a:focus {
	text-decoration: underline;
}

a:focus {
	outline: thin dotted #333;
	outline: 10px auto -webkit-focus-ring-color;
	outline-offset: -2px;
}


/* ======================================================
 *  Misc. base styles
/* ====================================================== */

audio,
canvas,
img,
video {
    vertical-align: middle;
}

textarea {
    resize: vertical;
}

img {
	max-width: 100%;
	height: auto;
	width: auto;
}

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #f3f3f3;
	margin: 15px 0 25px;
	padding: 0;
}

code {
	background: #f9f9f9;
	padding: 0 4px;
}


/* ======================================================
 *  Theme page specific colors
/* ====================================================== */

html body .develop-entry-title,
body.develop .entry-title,
body.develop .entry-content h1,
body.develop .entry-content h2,
body.develop .entry-content h3,
body.develop .entry-content h4,
body.develop .entry-content h5,
body.develop .entry-content h6 {
	color: #739e4d;
}

html body .devices-entry-title,
body.devices .entry-title,
body.devices .entry-content h1,
body.devices .entry-content h2,
body.devices .entry-content h3,
body.devices .entry-content h4,
body.devices .entry-content h5,
body.devices .entry-content h6 {
	color: #ff7f0a;
}

html body .support-entry-title,
body.support .entry-title,
body.support .entry-content h1,
body.support .entry-content h2,
body.support .entry-content h3,
body.support .entry-content h4,
body.support .entry-content h5,
body.support .entry-content h6 {
	color: #d72172;
}

body.develop .entry-title.nohighlight,
body.develop .entry-content h1.nohighlight,
body.develop .entry-content h2.nohighlight,
body.develop .entry-content h3.nohighlight,
body.develop .entry-content h4.nohighlight,
body.develop .entry-content h5.nohighlight,
body.develop .entry-content h6.nohighlight {
	color: #000;
}
/* =========================================================================
 *  Project: One Sony Developer
 *  Filename: layout.css
 *
 *  Basic global layout styles.
/* ========================================================================= */

/*
 * Fixes so the `width` & `height` properties include
 * the padding and border.
 */

*, *:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/*
 * Site container
 * Used to center the site's page content to the maximum width.
 */

.site-container,
#content.site-container {
	width: 100%;
	max-width: 960px;
	margin: 0 auto;
	padding: 0 10px;
}

#content.site-container {
    margin: 50px auto 30px;
}

/*
 * Site content
 *
 * 1. Fix for `.sidebar` so it can be positioned
 * absolutely, relative to `.site-content`.
 */

.site-content {
	position: relative; /* 1 */
}

.single-osd_apigeeconsole .site-container iframe {
    margin: 30px 0;
    border: 5px solid rgba(0,0,0,0.1);
    -webkit-border-radius: 7px;
    border-radius: 7px;
}

/* ======================================================
 *  Grid
/* ====================================================== */

.row {
	width: 100%;
}

.row [class*='-column'] {
	display: block;
	float: left;
	width: 100%;
	min-height: 10px;
	margin-left: 2.127659574468085%; /* 20 / 940 */
	margin-bottom: 2.127659574468085%; /* 20 / 940 */
}


.row [class*="-column"]:first-child {
	margin-left: 0;
}

.row.no-margin [class*='-column'] {
	margin-bottom: 0 !important;
	margin-left: 0 !important;
}

.row .full-column {
	width: 100%;
}

.row .large-column {
	width: 79.57446808510639%; /* 748 / 940 */
}

.row .medium-column {
	/*width: 48.936170212765956%;*/ /* 460 / 940 */
	width: 50%; /* 470 / 940 */
}

.row .small-column {
	width: 18.29787234042553%; /* 172 / 940 */
}
.single-osd_apigeestatus .row .small-column {
    text-align: center;
}


/* ======================================================
 *  Grid (replaces the old one)
/* ====================================================== */

.grid {
	list-style: none;
	margin: 0;
	padding: 0;
}

/* Grid modifier - Adds padding our the items */
.grid--gutters {
	margin-right: -10px;
	margin-left: -10px;
}
.grid--gutters > .grid-cell {
	padding-right: 10px;
	padding-left: 10px;
}

.grid > .grid-cell {
	float: left;
	min-height: 0;
	margin: 0;
}


/* ======================================================
 *  Misc.
/* ====================================================== */

.sticky-parent {
	position: relative;
}

.inline-iframe {
	z-index: 2;
}
/* =========================================================================
 *  Project: One Sony Developer
 *  Filename: buttons.css
 *
 *  Component buttons styles
/* ========================================================================= */


/* ======================================================
 *  Base button styles
/* ====================================================== */

.btn {
	display: inline-block;
	vertical-align: middle;
	margin: 0;
	padding: 5px 19px;
	border: 0;
	white-space: nowrap;
	text-align: center;
	text-decoration: none;
	text-transform: none;
	font-family: inherit;
	font-size: 13px;
	line-height: normal;
	background: none;
	color: inherit;
	-webkit-appearance: none;
	-webkit-border-radius: 3px;
	border-radius: 3px;

	cursor: pointer;
	-webkit-user-drag: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.btn:hover,
.btn:focus {
	text-decoration: none;
}


/* ======================================================
 *  Loader button (shows spinner)
/* ====================================================== */

.btn.loading,
.btn.loading:hover,
.btn.loading:focus {
	outline: 0;
	color: transparent;
	background: url('https://developer.sony.com/wp-content/themes/onesonydev/styles/components/../../images/loader.gif') no-repeat center;
	-webkit-box-shadow: none; /* Android 2.3+, iOS 4.0.2-4.2, Safari 3-4 */
	box-shadow: none; /* Chrome 6+, Firefox 4+, IE 9+, iOS 5+, Opera 10.50+ */
	filter: none;
	-webkit-border-radius: 0;
	border-radius: 0;
	cursor: default;
	min-height: 32px;
}

.btn.loading:after {
	background: none !important;
}


/* ======================================================
 *  Show more button
/* ====================================================== */

.btn-show-more {
	position: relative;
	outline: 0;
	padding: 8px 39px 9px 15px;
	-webkit-border-radius: 0;
	border-radius: 0;
}

.btn-show-more:after {
	content: '';
	position: absolute;
	top: 50%;
	right: 10px;
	width: 21px;
	height: 15px;
	margin-top: -7px;
	background: url('https://developer.sony.com/wp-content/themes/onesonydev/styles/components/../../images/arrows-sprite.png') no-repeat -265px -88px;
}
.btn-show-more.loading {
	outline: 0;
	pointer-events: none;
}


/* ======================================================
 *  Default button
/* ====================================================== */

.btn-default {
	background: #565656;
	color: #fff;
}

/*
 * Default button states
 */

.btn-default:hover,
.btn-default:focus {
	background: #565656;
}


/* ======================================================
 *  Primary button
/* ====================================================== */

.btn-primary {
	background: #2aabe4;
	color: #fff;
}

/*
 * Primary button states
 */

.btn-primary:hover,
.btn-primary:focus {
	-webkit-box-shadow: inset 0 2px 2px 0 rgba(0,0,0,.40); /* Android 2.3+, iOS 4.0.2-4.2, Safari 3-4 */
	box-shadow: inset 0 2px 2px 0 rgba(0,0,0,.40); /* Chrome 6+, Firefox 4+, IE 9+, iOS 5+, Opera 10.50+ */
	background: #168cd7; /* Old browsers */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzE2OGNkNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyYWFiZTQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #168cd7 0%, #2aabe4 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#168cd7), color-stop(100%,#2aabe4)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #168cd7 0%,#2aabe4 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #168cd7 0%,#2aabe4 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #168cd7 0%,#2aabe4 100%); /* IE10+ */
	background: linear-gradient(to bottom, #168cd7 0%,#2aabe4 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#168cd7', endColorstr='#2aabe4',GradientType=0 ); /* IE6-8 */
}

.link-warning {
	color: #FF4F25;
}

.btn-warning {
	background: #FF4F25;
	color: #fff;
}
.btn-warning:hover {
	-webkit-box-shadow: inset 0 2px 2px 0 rgba(0,0,0,.40); /* Android 2.3+, iOS 4.0.2-4.2, Safari 3-4 */
	box-shadow: inset 0 2px 2px 0 rgba(0,0,0,.40); /* Chrome 6+, Firefox 4+, IE 9+, iOS 5+, Opera 10.50+ */
	background-color: #ff3100;
	filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFF3100', endColorstr='#FFFF9880');
	background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmMzEwMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmOTg4MCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
	background-size: 100%;
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ff3100), color-stop(100%, #ff9880));
	background-image: -moz-linear-gradient(top, #ff3100 0%, #ff9880 100%);
	background-image: -webkit-linear-gradient(top, #ff3100 0%, #ff9880 100%);
	background-image: linear-gradient(to bottom, #ff3100 0%, #ff9880 100%);
}


/*
 * Removes IE filter for IE9 to use SVG instead
 */

.btn-primary:nth-child(n) {
	filter: none;
}


/* ======================================================
 *  Large button
/* ====================================================== */

.btn-large {
	padding: 15px;
	font-size: 26px;
	line-height: 23px;
	white-space: normal;
	text-align: left;
	background: #5fc0eb;
	color: #fff;
	-webkit-border-radius: 0;
	border-radius: 0;
}

.btn-large:hover,
.btn-large:focus {
	background: #2aabe4;
}

.btn-full-width {
	width: 100%;
	text-align: center;
}/* =========================================================================
 *  Project: One Sony Developer
 *  Filename: tabs.css
 *
 *  Component tabs styles.
/* ========================================================================= */


/* ======================================================
 *  Tablist
/* ====================================================== */

.tablist {
	list-style: none;
	padding: 0;
	margin: 0 0 0 -5px;
}

.tablist .tab {
	position: relative;
	float: left;
	margin: 5px 0 0 5px;
}

.tablist .tab a {
	display: block;
	padding: 10px 15px 11px;
	font-size: 12px;
	line-height: 19px;
	background: #f5f5f5; /* Fallback */
	background: rgba(255,255,255, 0.8);
	color: #000;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.tablist .tab a:hover,
.tablist .tab a:focus,
.tablist .tab-button-active a {
	text-decoration: none;
	background: #fff;
}

.tablist .tab-button-active a {
	border-top: 5px solid transparent;
	padding-top: 5px;
	pointer-events: none;
}

.tablist .tab-button-active a:hover,
.tablist .tab-button-active a:focus {
	cursor: default;
	text-decoration: none;
	color: #000;
}

/**
 * Tablist centered - modifier
 * Makes the tabs appear centered.
 */

.tablist-centered {
	text-align: center;
}
.tablist-centered .tab {
	display: inline-block;
	vertical-align: top;
	float: none;
	margin-left: 1px;
}

/*
 * Tablist with icons (mainly used on search results page)
 */
.tablist .tab[class^='icon-'] a,
.tablist .tab[class*=' icon-'] a {
	padding-left: 35px;
}

.tablist .tab.icon-all a {
	padding-left: 15px;
}

.tablist .icon-tutorials:before,
.tablist .icon-tutorial:before {
	top: 13px;
	left: 10px;
}
.tablist .icon-postspages:before,
.tablist .icon-page:before {
	top: 13px;
	left: 13px;
}
.tablist .icon-downloads:before,
.tablist .icon-download:before {
	top: 13px;
	left: 10px;
}
.tablist .icon-apireferences:before,
.tablist .icon-api:before {
	top: 12px;
	left: 8px;
}
.tablist .icon-devices:before,
.tablist .icon-device:before {
	top: 15px;
	left: 10px;
}
.tablist .icon-support:before {
	top: 13px;
	left: 10px;
}
.tablist .icon-videos:before,
.tablist .icon-video:before {
	top: 11px;
	left: 9px;
}

.tablist .icon-tutorials.tab-button-active:before,
.tablist .icon-tutorials:hover:before,
.tablist .icon-tutorial.tab-button-active:before,
.tablist .icon-tutorial:hover:before {
	background-position: -113px -25px;
}
.tablist .icon-postspages.tab-button-active:before,
.tablist .icon-postspages:hover:before,
.tablist .icon-page.tab-button-active:before,
.tablist .icon-page:hover:before {
	background-position: -118px -99px;
}
.tablist .icon-downloads.tab-button-active:before,
.tablist .icon-downloads:hover:before,
.tablist .icon-download.tab-button-active:before,
.tablist .icon-download:hover:before {
	background-position: -140px -26px;
}
.tablist .icon-apireferences.tab-button-active:before,
.tablist .icon-apireferences:hover:before,
.tablist .icon-api.tab-button-active:before,
.tablist .icon-api:hover:before {
	background-position: -56px -28px;
}
.tablist .icon-devices.tab-button-active:before,
.tablist .icon-devices:hover:before,
.tablist .icon-device.tab-button-active:before,
.tablist .icon-device:hover:before {
	background-position: -28px -21px;
}
.tablist .icon-support.tab-button-active:before,
.tablist .icon-support:hover:before {
	background-position: 0 -25px;
}
.tablist .icon-videos.tab-button-active:before,
.tablist .icon-videos:hover:before,
.tablist .icon-video.tab-button-active:before,
.tablist .icon-video:hover:before {
	background-position: -167px -29px;
}


/* ======================================================
 *  Tab panels
/* ====================================================== */

.tab-panel {
	display: none;
}

.tab-panel.tab-panel-active {
	display: block;
}
/* =========================================================================
 *  Project: One Sony Developer
 *  Filename: breadcrumbs.css
/* ========================================================================= */


/* ======================================================
 *  Breadcrumb
/* ====================================================== */

.breadcrumb {
	display: block;
	list-style: none;
	padding: 10px 0 3px;
	margin: 0;
	border-bottom: 1px solid #f3f3f3;
}

.breadcrumb li {
	position: relative;
	display: inline-block;
	vertical-align: top;
	margin-left: -4px;
	font-size: 11px;
	color: #303030;
}

.breadcrumb li + li:before {
	content: '';
	position: absolute;
	top: 2px;
	bottom: 2px;
	left: 0;
	width: 1px;
	background: #303030;
}

.breadcrumb li:first-child {
	padding-left: 0;
	margin-left: 0;
}

.breadcrumb li.current_item {
	padding-left: 7px;
	color: #939393;
}

.breadcrumb li a {
	display: block;
	padding: 0 7px;
	color: #303030;
}

/*
 * Breadcrumbs modifier when used inside a top-container.
 */

.top-container .breadcrumb,
.entry-stack-overflow .breadcrumb {
	border-bottom-color: #bcbcbc;
}

.top-container .breadcrumb li,
.top-container .breadcrumb li a,
.entry-stack-overflow .breadcrumb li,
.entry-stack-overflow .breadcrumb li a {
	color: #686868;
}

.top-container .breadcrumb li + li:before,
.entry-stack-overflow .breadcrumb li + li:before {
	background: #bcbcbc;
}

.top-container .breadcrumb li.current_item,
.entry-stack-overflow .breadcrumb li.current_item {
	color: #878787;
}

@media only screen and (max-width: 707px) {
	.breadcrumb li {
		display:none;
	}
	.breadcrumb li.home, .breadcrumb li.current_item {
		display: inline-block;
	}
}/* =========================================================================
 *  Project: One Sony Developer
 *  Filename: quicksearch.css
/* ========================================================================= */


/* ======================================================
 *  Quick search
/* ====================================================== */
.quicksearch {
	position: relative;
	padding: 0 0 40px 0;
	background: #cfcfcf;
	display: none;
	overflow: hidden;
}

.quicksearch.visible {
	display: block;
}

/*
 * Buttons
 */
.quicksearch button {
	position: absolute;
	bottom: 20px;
}

.quicksearch .close-dialog {
	right: 20px;
}

.quicksearch .show-all {
	left: 20px;
}

/*
 * Sub lists
 */
.quicksearch .result-column > dl {
	min-height: 80px;
}
.quicksearch dt {
	font-weight: bold;
}

.quicksearch dd {
	margin: 0 0 10px 0;
	word-wrap: break-word;
}

.quicksearch dd a {
	color: inherit;
}

.quicksearch dd [class^='icon-']:before,
.quicksearch dd [class*=' icon-']:before {
	display: none;
}
.quicksearch dd .icon-ext:after {
	content: '';
	display: inline-block;
	vertical-align: text-top;
	width: 7px;
	height: 15px;
	margin-left: 2px;
	background: url('https://developer.sony.com/wp-content/themes/onesonydev/styles/components/../../images/icons-sprite.png') no-repeat -343px -42px;
}


/*
 * Containers
 */
.quicksearch .result-container.loading {
	min-height: 80px;
	background: #fff url('https://developer.sony.com/wp-content/themes/onesonydev/styles/components/../../images/loader.gif') center center no-repeat;
}
.quicksearch .result-container.no-results p {
	margin: 20px;
	text-align: center;
}

.quicksearch .result-container {
	background: #fff;
	position: relative;
	overflow: hidden;
}

.quicksearch .result-column:last-child {
	box-shadow: none;
}

.quicksearch .result-column {
	width: 25%;
	padding: 13px 15px 70px 20px;
	float: left;
	border-top: 10px solid;
	box-shadow: 1px 0px 0px 0px #f1f1f1;
	padding-bottom: 1000em;
	margin-bottom: -1000em;
}

/*
   Needs to push down white space so that the show-all
   and close button will fit.
*/
.quicksearch .result-column > a {
	display: inline-block;
	margin-bottom: 70px;
}

/*
 * Column themes
*/
.quicksearch .result-column.develop {
	border-top-color: #a3d06b;
}

.quicksearch .result-column.apireferences {
	border-top-color: #fdc043;
}

.quicksearch .result-column.devices {
	border-top-color: #ff7e0a;
}

.quicksearch .result-column.support {
	border-top-color: #d72271;
}

/* Header icons */
.quicksearch .result-column h3 {
	position: relative;
	padding-left: 25px;
}

.quicksearch .result-column h3:before {
	content: ' ';
	position: absolute;
	top: 2px;
	left: 0;
	width: 17px;
	height: 17px;
}

.quicksearch .result-column.develop h3:before {
	background: transparent url('https://developer.sony.com/wp-content/themes/onesonydev/styles/components/../../images/icons-sprite.png') -86px 0px no-repeat;
}

.quicksearch .result-column.apireferences h3:before {
	background: transparent url('https://developer.sony.com/wp-content/themes/onesonydev/styles/components/../../images/icons-sprite.png') -56px 0px no-repeat;
	width: 20px;
	height: 18px;
}

.quicksearch .result-column.devices h3:before {
	background: transparent url('https://developer.sony.com/wp-content/themes/onesonydev/styles/components/../../images/icons-sprite.png') -28px 0px no-repeat;
	top: 4px;
	width: 21px;
	height: 18px;
}

.quicksearch .result-column.support h3:before {
	background: transparent url('https://developer.sony.com/wp-content/themes/onesonydev/styles/components/../../images/icons-sprite.png') 0px 0px no-repeat;
	top: 3px;
	width: 18px;
	height: 15px;
}

/* ======================================================
 *  Media Queries
/* ====================================================== */

/* Hide the quick search AJAX container
/* ======================================= */
@media only screen and (max-width: 940px) {
	.quicksearch.visible {
		display: none;
	}
}/* =========================================================================
 *  Project: One Sony Developer
 *  Filename: quicksearch.css
/* ========================================================================= */


/* ======================================================
 *  Rows
/* ====================================================== */
.list-row.no-results p {
	margin: 20px;
	text-align: center;
}


/* ======================================================
 *  Tabs
/* ====================================================== */

.entry-search-results .tablist .tab[class*=' icon-'] a {
	padding-left: 28px;
}
.entry-search-results .tablist .tab.icon-all a {
	padding-left: 6px
}

.entry-search-results .tablist .tab a {
	padding-right: 10px;
}

/* ======================================================
 *  Icons
/* ====================================================== */

.entry-search-results .tablist .icon-postspages:before,
.entry-search-results .tablist .icon-page:before {
	top: 13px;
	left: 9px;
}

.entry-search-results .tablist .icon-devices:before,
.entry-search-results .tablist .icon-device:before {
	top: 15px;
	left: 6px;
}

.entry-search-results .tablist .icon-downloads:before,
.entry-search-results .tablist .icon-download:before {
	top: 13px;
	left: 6px;
}

.entry-search-results .tablist .icon-tutorials:before,
.entry-search-results .tablist .icon-tutorial:before {
	top: 13px;
	left: 6px;
}

.entry-search-results .tablist .icon-apireferences:before,
.entry-search-results .tablist .icon-api:before {
	top: 12px;
	left: 4px;
}

.entry-search-results .tablist .icon-support:before {
	top: 13px;
	left: 6px;
}

.entry-search-results .tablist .icon-videos:before,
.entry-search-results .tablist .icon-video:before {
	top: 11px;
	left: 5px;
}/* =========================================================================
 *  Project: One Sony Developer
 *  Filename: post-pagination.css
/* ========================================================================= */


/* ======================================================
 *  Post pagination
/* ====================================================== */

.post-pagination {
	margin-bottom: 60px;
}

.post-pagination-link {
	position: relative;
	float: left;
	width: 50%;
	min-height: 105px;
	padding-top: 13px;
	padding-bottom: 20px;
	background: #bccfd8;
	color: #5e5e5e;
}
.post-pagination-link:before {
	position: absolute;
	content: '';
	top: 50%;
	width: 24px;
	height: 32px;
	margin-top: -16px;
	background-image: url('https://developer.sony.com/wp-content/themes/onesonydev/styles/components/../../images/arrows-sprite.png');
	background-repeat: no-repeat;

}

.post-pagination-label {
	padding-bottom: 0;
	font-size: 20px;
	color: #fff;
}

.post-pagination-title {
	padding-bottom: 0;
}

.post-pagination-link + .post-pagination-link {
	box-shadow: -1px 0 0 0 #cbdee7;
}

/*
 * Previous post pagination link
 */
.post-pagination-link.previous {
	padding-left: 60px;
	padding-right: 35px;
}
.post-pagination-link.previous:before {
	left: 15px;
	background-position: -82px -79px;
}


/*
 * Next post pagination link
 */
.post-pagination-link.next {
	padding-left: 35px;
	padding-right: 60px;
}
.post-pagination-link.next:before {
	right: 15px;
	background-position: -111px -79px;
}

.post-pagination-link.next:first-child {
	float: right;
}

/*
 * Post pagination link states
 */
.post-pagination-link:hover,
.post-pagination-link:focus {
	text-decoration: none;
}

.post-pagination-link.previous:hover:before {
	background-position: -82px 0;
}
.post-pagination-link.next:hover:before {
	background-position: -111px 0;
}
/* =========================================================================
 *  Project: One Sony Developer
 *  Filename: comments.css
/* ========================================================================= */

.comments-area {
	border-top: 1px solid #f3f3f3;
	padding-top: 27px;
}

/* comment moderation message */
.comment-moderation-message {
	padding: 20px 10px 20px 96px;
	margin-bottom: 28px;
	background: #bccfd8 url('https://developer.sony.com/wp-content/themes/onesonydev/styles/components/../../images/icon-moderation.png') no-repeat 10px 10px;
}

.comment-moderation-message h2 {
	padding-bottom: 6px;
	color: #fff;
}
.comment-moderation-message p {
	padding-bottom: 0;
}


/* ======================================================
 *  Comment respond
/* ====================================================== */

.comment-respond.loading {
	background: url('https://developer.sony.com/wp-content/themes/onesonydev/styles/components/../../images/loader.gif') no-repeat center;
	height: 32px;
	margin-bottom: 27px;
}

.comment-respond-header {
	padding-bottom: 17px;
}
.comment-respond-title {
	padding-bottom: 0;
	display: block;
}
.comment-respond-header .cancel-reply {
	float: left;
	display: none;
	font-size: 16px;
}

.comment-respond-header .logout {
	display: none;
	float: right;
	font-size: 16px;
}

.comment-form {
	position: relative;
	padding: 0 145px 30px 85px;
}

.comment-respond-avatar {
	position: absolute;
	bottom: 30px;
	left: 0;
	width: 76px;
	height: 76px;
	overflow: hidden;
}

.comment-respond-field {
	display: block;
	border: 0;
	padding: 15px;
	margin: 0;
	width: 100%;
	height: 76px;
	background: #eaeff1;
}

.comment-respond-submit {
	position: absolute;
	top: 0;
	bottom: 30px;
	right: 0;
	width: 135px;
	min-height: 76px;
}


/* ======================================================
 *  Comment list
/* ====================================================== */

.comments {
	border-top: 1px solid #f3f3f3;
	margin-bottom: 30px;
}

.comments-header {
	border-bottom: 1px solid #f3f3f3;
	padding: 0 15px;
	line-height: 43px;
}

.comments-title {
	float: left;
	padding-bottom: 0;
	line-height: 43px;
}

.comments-title .comments-number {
	margin-left: 10px;
}

.comments-sort {
	float: right;
	font-size: 12px;
	padding-bottom: 0;
}

.comments-sort .sort-button {
	position: relative;
	display: inline-block;
	vertical-align: top;
	border: 0;
	padding: 0 6px 0 7px;
	margin: 0 0 0 -4px;
	font-size: 12px;
	line-height: 43px;
	background: none;
	color: #2aabe4;
}
.comments-sort .sort-button:first-child {
	margin-left: 0;
}
.comments-sort .sort-button:first-child:before {
	display: none;
}
.comments-sort .sort-button:before {
	position: absolute;
	top: 15px;
	bottom: 15px;
	left: 0;
	content: '';
	width: 1px;
	background: #000;
}

.comments-sort .sort-button-active {
	font-weight: bold;
}

.comments-sort .sort-button-active,
.comments-sort .sort-button:hover,
.comments-sort .sort-button:focus {
	color: inherit;
	outline: none;
}

.comments ul,
.comments ol {
	list-style: none;
	padding-bottom: 0;
}

.comments-list li.loading {
	background: url('https://developer.sony.com/wp-content/themes/onesonydev/styles/components/../../images/loader.gif') no-repeat center;
	height: 32px;
	margin-top: 27px;
}

/*
 * Affects all comments, regardless of depth
 */

.comment-body {
	padding: 15px;
	border-bottom: 1px solid #f3f3f3;

}


/*
 * Comment footer metadata (avatar, timestamp, etc.)
 */
.comment-meta {
	position: relative;
	padding-left: 48px;
	min-height: 38px;
	font-size: 12px;
	line-height: 18px;
}

.comment-author .avatar {
	position: absolute;
	left: 0;
	top: 0;
	width: 38px;
	height: 38px;
}
.comment-author-name {
	font-size: 16px;
	color: #2aabe4;
}

.comment-meta .comment-metadata {
	line-height: 14px;
	color: #969696;
}
.comment-meta .comment-metadata a {
	color: inherit;
}


/*
 * Comment body text
 */
.comment-content {
	padding: 9px 0 10px;
}
.comment-content *:last-child {
	padding-bottom: 0;
}

/*
 * Comment reply elements
 */
.comment-reply {
	text-align: right;
}
.comment-reply-toggle {
	display: inline-block;
	vertical-align: top;
	margin: 0 6px 0 0;
	border: 0;
	border-right: 1px solid #000;
	padding: 0 10px;
	background: none;
	break-word: normal;
	line-height: 18px;
	color: inherit;
}
.comment.cant-reply .comment-reply-toggle {
	margin: 0;
	padding: 0;
	border: 0;
}
.comment-reply-link {
	display: inline-block;
	vertical-align: top;
	font-size: 16px;
	line-height: 18px;
}
.comment-reply-link:before {
	content: '';
	float: left;
	width: 14px;
	height: 11px;
	margin: 4px 6px 0 0;
	background: transparent url('https://developer.sony.com/wp-content/themes/onesonydev/styles/components/../../images/arrows-sprite.png') no-repeat -231px 0;
}


/*
 * Comment depth #2
 */
.comment .children {
	background: #fafafa;
}
.comment .depth-2 .comment-body {
	padding-left: 35px;
}

.comment .depth-3 .comment-body {
	padding-left: 55px;
}

.comment .depth-4 .comment-body {
	padding-left: 75px;
}

.comment .depth-5 .comment-body {
	padding-left: 95px;
}


/*
 * Comment load section
 */
.comment-load {
	display: block;
	margin: 30px 0 0;
	padding-bottom: 15px;
	border-bottom: 1px solid #f3f3f3;
	text-align: center;
}

.comment-load .show-more-comments {
	position: relative;
	margin-bottom: 13px;
}
.comment-load .show-more-comments:after {
	content: '';
	display: block;
	margin: 3px auto 2px;
	width: 21px;
	height: 15px;
	background: url('https://developer.sony.com/wp-content/themes/onesonydev/styles/components/../../images/arrows-sprite.png') no-repeat -265px -88px;
}

.comment-load p {
	padding-bottom: 0;
}/* =========================================================================
 *  Project: One Sony Developer
 *  Filename: linkbar.css
 *  Used in the content editor area.
/* ========================================================================= */


/* ======================================================
 *  Linkbar
/* ====================================================== */

ul.linkbar {
	list-style: none;
	border: 0;
	padding: 0;
	background: none;
}

ul.linkbar li {
	display: block;
	padding: 0;
	margin-top: 1px;
}

ul.linkbar li:first-child {
	margin-top: 0;
}

ul.linkbar li a {
	display: block;
	padding: 8px 20px;
	font-size: 14px;
	line-height: 16px;
	background: #f3f3f3;
}


/* ======================================================
 *  Linkbar theme colors
/* ====================================================== */

body.develop .linkbar li a {
	background: #739e4d;
	color: #fff;
}

body.devicegallery .linkbar li a {
	background: #ff7f0a;
	color: #fff;
}

body.support .linkbar li a {
	background: #d72172;
	color: #fff;
}

body.support .linkbar li a.external:after,
body.develop .linkbar li a.external:after,
body.devicegallery .linkbar li a.external:after {
	background-position: -343px -123px;
}

body.support .linkbar li a.external:hover:after,
body.develop .linkbar li a.external:hover:after,
body.devicegallery .linkbar li a.external:hover:after {
	background-position: -343px -135px;
}


/* ======================================================
 *  Highlighted post in content-overview container
/* ====================================================== */

.meta-content-overview ul.linkbar li a {
	display: block;
	border-bottom: none;
	padding: 0 10px 5px 15px;
	color: #2aabe4;
	font-size: 13px;
	line-height: 18px;
	background: transparent !important;

	-ms-word-break: break-all;
	word-break: break-all; /* Breaks word whenever */
	word-break: break-word; /* Non standard for webkit */
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
}

.meta-content-overview ul.linkbar li:last-child a {
	border-bottom: 0;
}
/* =========================================================================
 *  Project: One Sony Developer
 *  Filename: highlighted-post.css
 *  Used in the content editor area.
/* ========================================================================= */

/* ======================================================
 *  Highlighted post
/* ====================================================== */

.highlighted-post {
	position: relative;
	margin-bottom: 30px;
	padding: 15px 20px 15px 10px;
	background: #bccfd8;
}

.highlighted-post-image {
	float: left;
	margin-right: 20px;
}

.highlighted-post-category {
	font-size: 14px;
	color: #648b9d;
}

.highlighted-post-title {
	padding-bottom: 7px;
	color: #fff;
}

.highlighted-post h2,
.highlighted-post h3,
.highlighted-post h4,
.highlighted-post h5,
.highlighted-post h6 {
	color: #fff !important;
}


/* ======================================================
 *  Highlighted post in content-overview container
/* ====================================================== */
.meta-content-overview .highlighted-post {
	position: relative;
	margin-bottom: 15px;
	padding: 0px;
	background: #bccfd8;
}
.meta-content-overview .highlighted-post-image {
	float:none;
	margin:0px;
}
.meta-content-overview .highlighted-post-image img {
	width:100%;
}
.meta-content-overview .highlighted-post-content {
	padding: 15px 20px 15px 10px;
}/* =========================================================================
 *  Project: One Sony Developer
 *  Filename: download-agreements.css
 *  Used in the download area for a tab list.
/* ========================================================================= */


/* ======================================================
 *  Download agreements
/* ====================================================== */
.download-agreements-container {
	display: none;
	margin-bottom: 60px;
	padding: 10px;
	background: #ececec;
}
.download-agreements-container iframe {
	margin: 0;
	padding: 0;
	border: 10px solid #fff;
	width: 100%;
	min-height: 400px;
	background: #fff;
}

.download-agreements-container .tabpanels {
	padding: 0;
	text-align: center;
	background: #ececec;
}

.download-agreements-container ul.tablist {
	list-style-position: none;
	padding: 0;
	margin-bottom: 0;
	border: 0px;
	background: none;
}

.download-agreements-accept {
	padding: 12px 0 5px 0;
}
.download-agreements-accept p {
	padding-bottom: 5px;
}
/* Forms
/* ========================================================================== */

.form__title {
	margin-bottom: 10px;
	font-size: 18px;
}

/* Form elements
/* ====================================================== */

.form-element {
	margin-bottom: 14px;
}

.form-elements {
	margin-bottom: 21px;
}

.form-elements__title {
	margin-top: 21px;
	margin-bottom: 14px;
	padding-bottom: 0;
}

.form-element__label {
	cursor: pointer;
	display: inline-block;
	margin: 0;
	font-size: 13px;
	line-height: 24px;
}

.form-element__control {
	display: inline-block;
	width: 100%;
	padding: 8px;
	border: 1px solid #b5b5b5;
	border-radius: 0;
	font-size: 13px;
	vertical-align: top;
}

.form-element__control.is-invalid {
	border-color: #c12e38;
}

.form-element__control:focus {
	border-color: #168cd7;
	outline: 0;
}

.form-element .required-icon,
.form-elements .required-icon {
	display: inline-block;
	vertical-align: bottom;
	font-size: 24px;
	line-height: 1;
	color: #f3542a;
}

/**
 * Provide at descriptive text beneath the form element field.
 * Can be used to display an error or a description about the form field.
 */

.form-element__help {
	margin-top: 4px;
	padding-bottom: 0;
	color: #888;
	font-size: 12px;
	font-style: italic;
}

/* Form custom checkbox
/* ====================================================== */

.form-element--checkbox {
	position: relative;
	margin-bottom: 7px;
}

.form-element--checkbox .form-alert {
	padding: 0;
	margin-bottom: 14px;
}

.form-element--checkbox .form-element__input {
	position: absolute !important;
	overflow: hidden !important;
	width: 1px !important;
	height: 1px !important;
	margin: -1px !important;
	padding: 0 !important;
	border: 0 !important;
	clip: rect(0 0 0 0) !important;
}

.form-element--checkbox .form-element__input ~ .form-element__label:before {
	content: "\a0";
	display: inline-block;
	width: 16px;
	height: 16px;
	border: 1px solid #dcdcdc;
	border-radius: 3px;
	margin-right: 8px;
	vertical-align: text-bottom;
	background-color: #dcdcdc;
	background-repeat: no-repeat;
	background-position: center center;
}

.form-element--checkbox .form-element__input:checked ~ .form-element__label:before {
	background-color: #fff;
	background-image: url("https://developer.sony.com/wp-content/themes/onesonydev/styles/components/../../images/checkbox.png");
}

.form-element--checkbox .form-element__label:hover:before,
.form-element--checkbox .form-element__input:focus ~ .form-element__label:before {
	background-color: #fff;
}

.form-element--checkbox .form-element__input:focus ~ .form-element__label:before {
	border-color: #168cd7;
}

/* Form custom radio
/* ====================================================== */

.form-element--radio {
	position: relative;
}

.form-element--radio .form-element__input {
	position: absolute !important;
	overflow: hidden !important;
	width: 1px !important;
	height: 1px !important;
	margin: -1px !important;
	padding: 0 !important;
	border: 0 !important;
	clip: rect(0 0 0 0) !important;
}

.form-element--radio .form-element__input ~ .form-element__label {
	position: relative;
}

.form-element--radio .form-element__input ~ .form-element__label:before {
	content: "\a0";
	display: inline-block;
	width: 16px;
	height: 16px;
	border: 1px solid #dcdcdc;
	border-radius: 50%;
	margin-right: 8px;
	vertical-align: text-bottom;
	background-color: #dcdcdc;
}

.form-element--radio .form-element__input:checked ~ .form-element__label:before {
	background-color: #fff;
}

.form-element--radio .form-element__input:checked ~ .form-element__label:after {
	content: "";
	position: absolute;
	top: 7px;
	left: 4px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #739e4e;
}

.form-element--radio .form-element__label:hover:before,
.form-element--radio .form-element__input:focus ~ .form-element__label:before {
	background-color: #fff;
}

.form-element--radio .form-element__input:focus ~ .form-element__label:before {
	border-color: #168cd7;
}

/* Form select
/* ====================================================== */

.form-element__select {
	display: block;
	border-color: #b5b5b5;
	background-color: #f1f1f1;
}

.form-element__select::-ms-expand {
	display: none;
}


/* Form alert
/* ====================================================== */

.form-alert {
	padding: 5px 0;
	color: #c12e38;
	font-size: 12px;
	font-weight: bold;
}

/* Form sizing
/* ====================================================== */

.form-element--2of3 {
	width: 66.667%;
}

.form-element--1of2 {
	width: 50%;
}

.form-element--1of3 {
	width: 33.333%;
}

.form-element--1of4 {
	width: 25%;
}

/* Form "hacks"
/* ====================================================== */

.form br,
.form p:empty {
	display: none;
}

/* Forms - Breakpoints
/* ========================================================================== */

@media screen and (max-width: 568px) {
	.form-element {
		width: 100%;
	}
}
@media screen and (max-width: 375px) {
	/**
	 * Responsive fix for the Google reCAPTCHA widget.
	 */
	.grecaptcha-container {
		-webkit-transform: scale(0.92);
		-ms-transform: scale(0.92);
		transform: scale(0.92);
		-webkit-transform-origin: 0 0;
		-ms-transform-origin: 0 0;
		transform-origin: 0 0;
	}
}/* =========================================================================
 *  Project: One Sony Developer
 *  Filename: icons.css
/* ========================================================================= */


/* ======================================================
 *  icons
/* ====================================================== */

[class^='icon-']:before,
[class*=' icon-']:before {
	content: '';
	position: absolute;
	z-index: 0;
	pointer-events: none;
	top: 0;
	left: 0;
	width: 18px;
	height: 14px;
	background-image: url('https://developer.sony.com/wp-content/themes/onesonydev/styles/components/../../images/icons-sprite.png');
	background-position: 0 0;
	background-repeat: no-repeat;
}

.icon-all:before {
	display: none;
	background: none;
}

.icon-tutorials:before,
.icon-tutorial:before {
	width: 17px;
	height: 15px;
	background-position: -113px 0;
}
.icon-postspages:before,
.icon-page:before {
	width: 12px;
	height: 14px;
	background-position: -118px -75px;
}
.icon-downloads:before,
.icon-download:before {
	width: 17px;
	height: 16px;
	background-position: -140px 0;
}
.icon-apireferences:before,
.icon-api:before {
	width: 20px;
	height: 18px;
	background-position: -56px 0;
}
.icon-devices:before,
.icon-device:before {
	width: 18px;
	height: 11px;
	background-position: -28px 0;
}
.icon-support:before {
	width: 18px;
	height: 15px;
	background-position: 0 0;
}
.icon-videos:before,
.icon-video:before {
	width: 20px;
	height: 19px;
	background-position: -167px 0;
}


.icon-ext.list-link:before {
	display: none;
}

.icon-ext.list-link:after {
	content: '';
	display: inline-block;
	vertical-align: text-top;
	width: 14px;
	height: 14px;
	margin-left: 5px;
	background: url('https://developer.sony.com/wp-content/themes/onesonydev/styles/components/../../images/icons-sprite.png') no-repeat -340px 0;
}
.icon-ext.list-link:hover:after {
	background-position: -340px -23px;
}

/*
 * Play icon above images
 */

.play-icon {
	position: relative;
}

/* Default play icon */
.play-icon:before,
.play-icon:after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 62px;
	height: 62px;
	margin-top: -31px;
	margin-left: -31px;
	background: url('https://developer.sony.com/wp-content/themes/onesonydev/styles/components/../../images/arrows-sprite.png') no-repeat 0 0;
}
.play-icon:before {
	background-position: 0 0;
}
.video-loading .play-icon:before,
.video-loading .play-icon:after {
	background: none;
}
.play-icon:after {
	opacity: 0;
	background-position: 0 -67px;
	-webkit-transition: opacity 0.2s;
	-moz-transition: opacity 0.2s;
	-o-transition: opacity 0.2s;
}

/* Small play icon */
.play-icon--small:before,
.play-icon--small:after {
	width: 50px;
	height: 50px;
	margin-top: -25px;
	margin-left: -25px;
	-webkit-background-size: 246px 104px;
	background-size: 246px 104px;
}
.play-icon--small:after {
	background-position: 0 -54px;
}

/* use the play-icon-link class on a anchor target to change the play icon to the blue icon */
.play-icon-link {
	cursor: pointer;
}
.play-icon-link:hover .play-icon:after,
.play-icon-link:focus .play-icon:after {
	opacity: 1;
}/* =========================================================================
 *  Project: One Sony Developer
 *  Filename: speech-bubble.css
/* ========================================================================= */


/* ======================================================
 *  Speech bubble
/* ====================================================== */

.speech-bubble {
	position: relative;
	display: inline-block;
	font-weight: bold;
	background: #2aabe4;
	color: #fff;
	text-align: center;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}

.speech-bubble:hover {
	text-decoration: none;
}

/*
 * The bottom arrow
 */
.speech-bubble:after {
	pointer-events: none;
	content: '';
	position: absolute;
	z-index: 0;
	left: 50%;
	bottom: -4px;
	margin-left: -5px;
	border-style: solid;
	border-width: 13px 5px 0;
	border-color: #2aabe4 transparent;
	display: block;
	width: 0;

	-webkit-transform: rotate(40deg);
	-moz-transform: rotate(40deg);
	-ms-transform: rotate(40deg);
	-o-transform: rotate(40deg);
	transform: rotate(40deg);
}

/*
 * Make sure that the arrow stays behind the text instead of above.
 */

.speech-bubble span {
	display: block;
	position: relative;
	z-index: 2;
}

/* ======================================================
 *  Speech bubble sizes
/* ====================================================== */

.speech-bubble.small span {
	min-width: 26px;
	padding: 0 7px;
	font-size: 11px;
	line-height: 17px;
}
.speech-bubble.medium span {
	min-width: 26px;
	padding: 0 7px;
	font-size: 12px;
	line-height: 19px;
}
.speech-bubble.large span {
	min-width: 40px;
	padding: 0 11px;
	font-size: 16px;
	line-height: 25px;
}/* =========================================================================
 *  Project: One Sony Developer
 *  Filename: language-menu.css
/* ========================================================================= */

/* ======================================================
 *  Language menu button
/* ====================================================== */

.language-menu-toggler {
	display: none;
	position: absolute;
	z-index: 100;
	top: 0;
	right: 210px;
	height: 100%;
	line-height: 65px;
	border: none;
	margin: 0;
	padding: 0 25px 0 10px;
	border-left: 1px solid transparent;
	border-right: 1px solid transparent;
	background: none;
	color: #fff;
	-moz-appearance: none;
	-webkit-appearance: none;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	-ms-box-sizing: content-box;
	-o-box-sizing: content-box;
	box-sizing: content-box;
}
.language-menu-toggler:after,
.language-menu-toggler:before {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	-ms-box-sizing: content-box;
	-o-box-sizing: content-box;
	box-sizing: content-box;
}
.language-menu-toggler:focus {
	outline: none;
}

.language-menu-toggler:after {
	content: '';
	position: absolute;
	top: 50%;
	right: 12px;
	margin-top: -3px;
	width: 10px;
	height: 8px;
	background: url('https://developer.sony.com/wp-content/themes/onesonydev/styles/components/../../images/arrows-sprite.png') -155px -1px;
}

.language-menu-toggler.expanded {
	border-left: 1px solid #2e2e2e;
	border-right: 1px solid #2e2e2e;
	padding-bottom: 2px;
	background: #000;
}
.language-menu-toggler.expanded:after {
	margin-top: -4px;
	background: url('https://developer.sony.com/wp-content/themes/onesonydev/styles/components/../../images/arrows-sprite.png') -171px -1px;
}

/* ======================================================
 *  Language menu
/* ====================================================== */

.language-menu {
	display: none;
	position: absolute;
	z-index: 1000;
	top: 100%;
	padding: 0 0 10px;
	list-style-type: none;
	margin: 2px 0 0 0;
	background: #000;
	color: #fff;
}

.language-menu a {
	display: block;
	padding: 3px 15px;
	font-size: 12px;
	color: #fff;
}


/* ======================================================
 *  Media queries
/* ====================================================== */

@media only screen and (max-width: 940px) {
	.language-menu-toggler {
		top: 0;
		right: 55px;
		height: 54px;
		line-height: 54px;
		padding-bottom: 0;
		border-right: 1px solid #444;
	}

	.language-menu {
		top: 55px;
		margin-top: 0;
	}

	.language-menu-toggler.expanded {
		z-index: 9999;
	}
	.language-menu-toggler.expanded + .language-menu {
		border: 1px solid #2e2e2e;
		padding-top: 8px;
	}
}

@media only screen and (max-width: 480px) {
	.language-menu-toggler {
		width: 45px;
		padding: 0 0 2px 10px;
		text-indent: -9999em;
	}
	.language-menu-toggler:after {
		width: 30px;
		height: 24px;
		margin-top: -14px;
		background: transparent url('https://developer.sony.com/wp-content/themes/onesonydev/styles/components/../../images/icons-sprite.png') no-repeat -363px -48px;
	}
	.language-menu-toggler.expanded {
		border-left: 1px solid #2e2e2e;
		border-right: 1px solid #2e2e2e;
		padding-bottom: 2px;
		background: #000;
	}
	.language-menu-toggler.expanded:after {
		margin-top: -14px;
		background: transparent url('https://developer.sony.com/wp-content/themes/onesonydev/styles/components/../../images/icons-sprite.png') no-repeat -363px -48px;
	}
}/* =========================================================================
 *  Project: One Sony Developer
 *  Filename: list.css
/* ========================================================================= */


/* ======================================================
 *  List
/* ====================================================== */

.list {
	display: table;
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
	margin-bottom: 60px;
}

.list ul {
	padding-bottom: 0;
	list-style: none;
}

.list-head {
	display: table-header-group;
}

.list-body {
	display: table-row-group;
}

.list-row {
	display: table-row;
}

.list-cell {
	display: table-cell;
	border-bottom: 1px solid #f3f3f3;
	padding: 10px 15px 9px;
	font-size: 12px;
	line-height: 20px;
	text-align: left;
}


/* List head specific styles
/* ========================= */

.list-head .list-cell {
	border-bottom-width: 0;
	padding-top: 2px;
	padding-bottom: 2px;
	border-left: 1px solid #6b6b6b;
	font-weight: normal;
	background: #515353;
	color: #fff;
}
.list-head .list-cell:first-child {
	border-left: 0;
}


/* Misc. changes
/* ========================= */

.list-link {
	display: block;
}
.list-link.more-link:before {
	top: 3px;
}

.list-timestamp {
	display: block;
}

.list-download {
	position: relative;
	top: 2px;
	display: inline-block;
	width: 17px;
	height: 16px;
	background: url('https://developer.sony.com/wp-content/themes/onesonydev/styles/components/../../images/icons-sprite.png') no-repeat -140px 0;
}

.list-title {
	position: relative;
	padding: 0 0 0 33px;
	font-size: 12px;
	line-height: 20px;
}
.list-title a {
	display: inline-block;
	vertical-align: top;
	color: #2aabe4;
}
.list-title a .gray {
	color: #676767;
}

.list-title + .list-more {
	padding-left: 33px;
}

.list-more {
	display: none;
	max-width: 715px;
}

.list-more p {
	padding-bottom: 0;
}


/* List row hover changes
/* ========================= */

.list-body .list-row:hover .list-cell {
	background: #2aabe4;
	color: #fff;
}
.list-body .list-row:hover .list-cell a {
	text-decoration: none;
	color: #fff;
}

.list-body .list-row:hover .list-link.more-link:before {
	background-position: -202px -50px;
}

.list-body .list-row:hover .list-download {
	background-position: -140px -52px;
}


/* ======================================================
 *  List modifiers
/* ====================================================== */

/* Striped rows
/* ========================= */

.list-striped .list-body .list-row:nth-child(even) {
	background: #fafafa;
}


/* ======================================================
 *  List View Switch
/* ====================================================== */

.list-view-switch {
	margin: 15px 0;
	float: right;
}

.list-view-switch-button {
	position: relative;
	display: inline-block;
	vertical-align: top;
	border: 0;
	margin: 0;
	padding: 2px 7px 1px 23px;
	background: 0;
	color: inherit;
}
.list-view-switch-button:hover,
.list-view-switch-button:focus,
.list-view-switch-button.toggle-list-trigger-active,
.list-view-switch-button.active {
	text-decoration: none;
	background: #f5f5f5;
}
.list-view-switch-button:before {
	content: '';
	position: absolute;
	left: 7px;
	width: 10px;
}
.list-view-switch-button.one-row:before {
	top: 10px;
	border: 0;
	border-top: 2px solid #515353;
	height: auto;
}
.list-view-switch-button.more-text:before {
	top: 7px;
	height: 8px;
	border-top: 2px solid #515353;
	border-bottom: 5px double #515353;
}


/* ======================================================
 *  Specific list changes (e.g. page-downloads template)
/* ====================================================== */

.list-cell-file-type {
	width: 25px;
}

.list-cell-size {
	width: 75px;
}

.list-cell-date {
	width: 155px;
}

.list-cell-download {
	width: 17px;
}/* =========================================================================
 *  Project: One Sony Developer
 *  Filename: carousel.css
 *  Uses the Owl Carousel jQuery plugin.
/* ========================================================================= */

/* ======================================================
 *  Carousel
/* ====================================================== */

.carousel-container {
	float: none;
	clear: both;
	margin-bottom: 30px;
	border-top: 1px solid #f3f3f3;
	border-bottom: 0;
	padding: 28px 0 20px;
	background: #fafafa;
}
.carousel-header {
	padding: 0 40px;
}
.carousel-header-title {
	color: #000 !important; /* override the theme color */
}

.carousel {
	padding: 0 30px;
}

.carousel-item {
	position: relative;
	margin: 10px;
	border: 1px solid #eee;
	background: #fff;
}

.carousel-image a {
	display: block;
}
.carousel-image img {
	width: 100%;
	height: auto;
}

.carousel-content {
	padding: 14px 10px 20px;
}

.carousel-category {
	color: #2aabe4;
}
.carousel-title {
	padding-bottom: 10px;
	font-size: 16px;
	line-height: 21px;
}

.carousel-more {
	padding-bottom: 0;
}

/*
 * Applied when carousel items have equal height
 */
.carousel-item.equal-height .carousel-content {
	padding-bottom: 46px;
}
.carousel-item.equal-height .btn {
	position: absolute;
	bottom: 20px;
}


/* ======================================================
 *  Carousel navigation
/* ====================================================== */

.carousel-nav-button {
	position: absolute;
	top: 50%;
	display: block;
	border: 0;
	margin: 0;
	padding: 0;
	width: 24px;
	height: 32px;
	margin-top: -16px;
	background-image: url('https://developer.sony.com/wp-content/themes/onesonydev/styles/components/../../images/arrows-sprite.png');
	background-repeat: no-repeat;
}
.carousel-nav-button.left {
	left: 8px;
	background-position: -82px 0;
}
.carousel-nav-button.right {
	right: 8px;
	background-position: -111px 0;
}/* =========================================================================
 *  Project: One Sony Developer
 *  Filename: content-editor.css
/* ========================================================================= */

/* ======================================================
 *  TinyMCE Style Formats
/* ====================================================== */

/* Contrast box
/* ========================= */

.contrast-box {
	margin-bottom: 20px;
	padding: 20px;
	background: #bccfd8;
}

.contrast-box > *:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
}

.contrast-box ul,
.contrast-box ol {
	border: 0;
	padding: 0;
	margin-left: 30px;
	background: none;
}

.contrast-box h2,
.contrast-box h3,
.contrast-box h4,
.contrast-box h5,
.contrast-box h6 {
	color: #fff !important;
}

.contrast-box a {
	color: inherit;
	text-decoration: underline;
}
.contrast-box a:hover {
	text-decoration: none;
}

/* ======================================================
 *  Responsive content video objects
/* ====================================================== */

.content-video {
	overflow: hidden;
	position: relative;
	height: 0;
	padding-bottom: 56.25%;
	padding-top: 30px;
	margin-bottom: 20px;
}

.content-video iframe,
.content-video object,
.content-video embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/* ======================================================
 *  Tables
/* ====================================================== */

table {
	margin-bottom: 20px;
	border: 1px solid #ccc;
	width: 100%;
	table-layout: fixed;
	word-wrap: break-word;
}
table th,
table td {
	border: 1px solid #ccc;
	padding: 8px;
	text-align: left;
	vertical-align: top;
}


/* Tables inside a contrastbox */
.contrast-box table {
	border-color: #bccfd8;
	background: #fff;
}
.contrast-box table th,
.contrast-box table td {
	border-color: #bccfd8;
}


/* ======================================================
 *  WordPress content classes (core)
/* ====================================================== */

.alignnone {
	margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
	display: block;
	margin: 5px auto 5px auto;
}

.alignright {
	float: right;
	margin: 5px 0 20px 20px;
}

.alignleft {
	float: left;
	margin: 5px 20px 20px 0;
}

.aligncenter {
	display: block;
	margin: 5px auto 5px auto;
}

a img.alignright {
	float: right;
	margin: 5px 0 20px 20px;
}

a img.alignnone {
	margin: 5px 20px 20px 0;
}

a img.alignleft {
	float: left;
	margin: 5px 20px 20px 0;
}

a img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto
}

.wp-caption {
    max-width: 100% !important;
}


/* ======================================================
 *  Content columns
/* ====================================================== */

.content-column {
	float: left;
	margin-bottom: 2.6737967914438502%; /* 20 / 748 */
}

.clear-columns + .content-column {
	margin-left: 0 !important;
}
.content-column + .content-column  {
	margin-left: 2.6737967914438502%; /* 20 / 748 */
}

.clear-columns {
	clear: right;
	display: block;
	font-size: 0;
	width: 100%;
	height: 0;
	line-height: 0;
	overflow: hidden;
}

.content-column-1_2 {
	width: 48.663101604278075%; /* 364 / 748 */
}

.content-column p img {
	margin: 0;
}

.content-column ul.linkbar {
	margin-left: 0;
}


/* ======================================================
 *  Media Queries
/* ====================================================== */

@media only screen and (max-width: 567px) {
	/* content columns */
	.content-column {
		float: none;
		display: block;
		width: auto;
		margin-left: 0 !important;
	}
	.clear-columns {
		display: none;
	}
}/* =========================================================================
 *  Project: One Sony Developer
 *  Filename: toggle-list.css
/* ========================================================================= */


/* ======================================================
 *	Toggle list
/* ====================================================== */

.toggle-list {
	list-style: none;
	margin: 5px 0 30px;
	padding: 0;
}

.toggle-title {
	border-top: 1px solid #f3f3f3;
}

.toggle-title-link {
	display: block;
	position: relative;
	padding: 8px 20px 8px 22px;
	font-size: 20px;
	line-height: 24px;
	color: inherit;
}
.toggle-title-link:hover,
.toggle-title-link:focus {
	text-decoration: none;
}

/*
 * toggle title link arrow
 */
.toggle-title-link:before {
	content: '';
	position: absolute;
	top: 13px;
	left: 4px;
	width: 9px;
	height: 13px;
	background: url('https://developer.sony.com/wp-content/themes/onesonydev/styles/components/../../images/arrows-sprite.png') no-repeat -202px -18px;
}

/*
 * Toggle list trigger
 */
.toggle-list-trigger-active .toggle-title-link:before {
	top: 16px;
	width: 13px;
	height: 9px;
	background-position: -202px -36px;
}


/*
 * toggle item content
 */
.toggle-content {
	display: none;
	margin: 0;
	padding: 2px 0 5px 4px;
	max-width: 650px;
}
.toggle-list-content-active {
	display: block;
}

.toggle-content ul,
.toggle-content ol {
	margin-left: 25px;
}

.toggle-content ul li,
.toggle-content ol li {
	margin-bottom: 6px;
}

body.support .toggle-title-link {
	color: #d72172;
}/* =========================================================================
 *  Project: One Sony Developer
 *  Filename: social-share.css
/* ========================================================================= */


/* ======================================================
 *  Social share
/* ====================================================== */

.social-share {
	list-style: none;
}

.social-share li {
	float: left;
}
.social-share li:first-child {
	margin-left: 0;
}

.social-share li .email-share-button {
	cursor: pointer;
	overflow: hidden;
	position: relative;
	display: block;
	border: 1px solid #ccc;
	max-width: 98%;
	height: 20px;
	line-height: 20px;
	font-weight: bold;
	font-size: 12px;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	background-color: #eee;
	color: #333;
	padding: 0 10px 0 30px;
	white-space: nowrap;

	background-image: -webkit-linear-gradient(#fff, #dedede);
	background-image: linear-gradient(#fff, #dedede);
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.social-share li .email-share-button:before {
	content: '';
	position: absolute;
	top: 3px;
	left: 5px;
	width: 20px;
	height: 12px;
	background: url('https://developer.sony.com/wp-content/themes/onesonydev/styles/components/../../images/icons-sprite.png') no-repeat -373px -26px;
}
.social-share li .email-share-button:hover {
	text-decoration: none;
	border-color: #bbb;
	background-color: #d9d9d9;
	background-image: -webkit-linear-gradient(#f8f8f8, #d9d9d9);
	background-image: linear-gradient(#f8f8f8, #d9d9d9);
	box-shadow: none;
}


/* ======================================================
 *  Social share modifiers
/* ====================================================== */

/*  Vertical social boxes
/* ========================= */

.social-share-vertical li {
	margin-left: 10px;
}

.fb-iframe-vertical-share {
	border: none;
	overflow: hidden;
	width: 49px;
	height: 65px;
}

/*  Horizontal aligned boxes
/* ========================= */

.social-share-centered {
	text-align: center;
}
.social-share-centered li {
	display: inline-block;
	vertical-align: top;
	margin-left: 25px;
	float: none;
}
.social-share-centered li.socialnetworktwitterprovider {
	margin-left: 0;
}
.social-share-centered li.socialnetworkemailprovider {
	margin-left: 0;
}

.fb-iframe-share {
	border: none;
	overflow: hidden;
	width: 81px;
	height: 20px;
}/* =========================================================================
 *  Project: One Sony Developer
 *  Filename: pagination-links.css
/* ========================================================================= */


/* ======================================================
 *  Pagination links
/* ====================================================== */

.pagination-links {
	list-style: none;
	margin-top: 20px;
	text-align: center;
}
.pagination-item {
	display: inline-block;
	vertical-align: top;
}
.pagination-item .page-numbers {
	display: block;
	padding: 5px;
}
.pagination-item .current {
	font-weight: bold;
}/* --------------------------------------------------------------------------
 *	Component: Thumbnails
/* -------------------------------------------------------------------------- */

.thumbnails {
	list-style: none;
	padding: 0;
	margin: 0;
}

/* ------------------------------------------------------
 *	Base: Thumbnail
/* ------------------------------------------------------ */

.thumbnail {
	position: relative;
	border-bottom: 1px solid #f3f3f3;
	padding: 5px;
	background: #fafafa;
}

.thumbnail-image {
	float: left;
	width: 124px;
}

.thumbnail-content {
	margin-left: 15px;
	padding-right: 20px;
}

/* If we have a thumbnail, change the margins for the content */
.thumbnail-image + .thumbnail-content {
	margin-left: 144px;
}


.thumbnail-meta {
	line-height: 27px;
	padding: 0 30px 0 0;
}
.thumbnail-meta-text {
	display: inline-block;
	font-weight: bold;
	line-height: normal;
}
.thumbnail-meta .comment-number {
	position: absolute;
	top: 10px;
	right: 10px;
}

.thumbnail-title {
	padding-bottom: 4px;
	font-size: 16px;
	line-height: 1.3;
}
.thumbnail-text {
	padding-bottom: 0;
	font-size: 13px;
	line-height: 18px;
}


/* ------------------------------------------------------
 *	Grid modifier: Thumbnails aligned within a grid
/* ------------------------------------------------------ */

.thumbnails--grid {
	margin-right: -10px;
	margin-left: -10px;
}
.thumbnails--grid > .thumbnail-cell {
	float: left;
	width: 50%;
	padding: 10px;
}


/* --------------------------------------------------------------------------
 *	Media queries: Thumbnails
/* -------------------------------------------------------------------------- */

@media screen and (max-width: 767px) {
	.thumbnails--grid > .thumbnail-cell {
		width: 100%;
	}
}

@media screen and (max-width: 400px) {
	.thumbnail-image {
		display: none;
	}
	.thumbnail-image + .thumbnail-content {
		margin-left: 5px;
	}
}
/* =========================================================================
 *  Project: One Sony Developer
 *  Filename: header.css
 *
 *  Site header styles.
/* ========================================================================= */

.site-header {
	position: relative;
	background: #000;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMyMzIzMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIxJSIgc3RvcC1jb2xvcj0iIzMyMzIzMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjYwJSIgc3RvcC1jb2xvcj0iIzExMTExMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjkxJSIgc3RvcC1jb2xvcj0iIzBjMGMwYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #323232 0%, #323232 21%, #111111 60%, #0c0c0c 91%, #000000 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#323232), color-stop(21%,#323232), color-stop(60%,#111111), color-stop(91%,#0c0c0c), color-stop(100%,#000000));
	background: -webkit-linear-gradient(top, #323232 0%,#323232 21%,#111111 60%,#0c0c0c 91%,#000000 100%);
	background: -o-linear-gradient(top, #323232 0%,#323232 21%,#111111 60%,#0c0c0c 91%,#000000 100%);
	background: -ms-linear-gradient(top, #323232 0%,#323232 21%,#111111 60%,#0c0c0c 91%,#000000 100%);
	background: linear-gradient(to bottom, #323232 0%,#323232 21%,#111111 60%,#0c0c0c 91%,#000000 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#323232', endColorstr='#000000',GradientType=0 );
}

/*
 * remove ms filter for ie9, so it uses SVG gradient instead
 */
.site-header:nth-child(n) {
	filter: none;
}

.site-header .site-container {
	position: relative;
}

.site-header .edit-in-cms-link {
	float: right;
	content: '';
	width: 17px;
	height: 0;
	background: url('https://developer.sony.com/wp-content/themes/onesonydev/styles/layout/../../images/icons-sprite.png') no-repeat -114px -50px;
	padding-top: 17px;
	overflow: hidden;
	margin: 3px;
}


/* ======================================================
 *  Logos
/* ====================================================== */

/*
 * Sony logo
 */

.site-header .sony-logo {
	position: absolute;
	top: 21px;
	left: -105px;
}

/*
 * The Sony Developer World text logo
 */

.site-logo {
	position: relative;
	z-index: 1;
	float: left;
	padding-right: 30px;
	font-size: 18px;
	line-height: 65px;
}

.site-logo a {
	display: block;
}

.site-logo .sub-menu-trigger {
	position: absolute;
	top: 24px;
	right: 0;
	border: 0;
	padding: 0;
	margin: 0 1px 0 0;
	width: 29px;
	height: 18px;
	line-height: 18px;
	text-align: center;
	background: none;
	outline: 0;
}
.site-logo .sub-menu-trigger span {
	display: inline-block;
	vertical-align: middle;
	width: 11px;
	height: 8px;
	margin-top: -2px;
	text-indent: -9999em;
	background: transparent url('https://developer.sony.com/wp-content/themes/onesonydev/styles/layout/../../images/arrows-sprite.png') no-repeat -155px 0;
}
.site-logo .sub-menu-trigger.visible span {
	background-position: -171px 0;
}


/* ======================================================
 *  Main navigation
/* ====================================================== */

.main-nav {
	float: left;
	line-height: 65px;
}

.main-nav-menu {
	list-style: none;
	padding: 0;
	margin: 0;
}

.main-nav-menu > .menu-item {
	position: relative;
	float: left;
	margin-left: -1px;
}

.main-nav-menu > .menu-item > a {
	display: block;
	padding: 0 25px 0 18px;
	font-size: 18px;
	color: #fff;
}

.main-nav-menu > .current-menu-item > a,
.main-nav-menu > .current-page-parent > a,
.main-nav-menu > .current-page-ancestor > a {
	background: #000;
}

.main-nav-menu > .menu-item > a:hover,
.main-nav-menu > .menu-item > a:focus {
	text-decoration: none;
	background: #000;
}
.main-nav-menu > .menu-item:hover:after,
.main-nav-menu > .menu-item:focus:after {
	content: ' ';
	position: absolute;
	top: 50%;
	right: 9px;
	height: 7px;
	width: 10px;
	background-image: url('https://developer.sony.com/wp-content/themes/onesonydev/styles/layout/../../images/arrows-sprite.png');
	background-repeat: no-repeat;
	background-position: -155px -14px;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
}

.main-nav-menu > .menu-item.develop > a:hover,
.main-nav-menu > .menu-item.develop > a:focus,
.main-nav-menu > .menu-item.develop:hover > a,
.main-nav-menu > .menu-item.develop:focus > a {
	background: #739e4d;
}
.main-nav-menu > .menu-item.devices > a:hover,
.main-nav-menu > .menu-item.devices > a:focus,
.main-nav-menu > .menu-item.devices:hover > a,
.main-nav-menu > .menu-item.devices:focus > a {
	background: #ff7f0a;
}
.main-nav-menu > .menu-item.support > a:hover,
.main-nav-menu > .menu-item.support > a:focus,
.main-nav-menu > .menu-item.support:hover > a,
.main-nav-menu > .menu-item.support:focus > a {
	background: #d72172;
}

.main-nav-menu > .menu-item:hover + .menu-item > a:before,
.main-nav-menu > .menu-item:focus + .menu-item > a:before,
.main-nav-menu > .menu-item:hover + .menu-item > a:after,
.main-nav-menu > .menu-item:focus + .menu-item > a:after,

.main-nav-menu > .menu-item:hover > a:before,
.main-nav-menu > .menu-item:focus > a:before,
.main-nav-menu > .menu-item:hover > a:after,
.main-nav-menu > .menu-item:focus > a:after {
	display: none;
}

/*
 * Menu item separators
 */

.main-nav-menu > .menu-item > a:before,
.main-nav-menu > .menu-item > a:after {
	content: '';
	position: absolute;
	top: 10px;
	bottom: 10px;
	width: 1px;
	border-left: 1px solid #444;
}
.main-nav-menu > .menu-item:last-child > a:after {
	display: none;
}
.main-nav-menu > .menu-item a:before {
	left: 0;
}
.main-nav-menu > .menu-item a:after {
	right: 0;
}
.main-nav-menu > .menu-item:first-child > a:before,
.main-nav-menu > .current-menu-item > a:before,
.main-nav-menu > .current-menu-item > a:after,
.main-nav-menu > .current-page-parent > a:before,
.main-nav-menu > .current-page-parent > a:after,
.main-nav-menu > .current-page-ancestor > a:before,
.main-nav-menu > .current-page-ancestor > a:after {
	top: 0 !important;
	bottom: 0 !important;
}

/*
 * Sub menu (quickmenu) styles
 */

.main-nav-menu .menu-item .sub-menu a {
	display: block;
	min-width: 260px;
	padding: 0 35px 0 10px;
	margin: 0;
	border: 1px solid #d6d6d6;
	border-top: 0;
	text-decoration: none;
	background: #e5e5e5;
	color: #303030;
}

.main-nav-menu > .menu-item > .sub-menu > .menu-item:first-child a {
	border-top: 0;
}
.main-nav-menu > .menu-item > .sub-menu > .menu-item {
	position: relative;
	background: #fff;
}

.main-nav-menu > .menu-item > .sub-menu > .menu-item-has-children {
	position: relative;
}

.main-nav-menu > .menu-item > .sub-menu > .menu-item-has-children > a:after {
	content: '';
	position: absolute;
	top: 13px;
	right: 15px;
	width: 6px;
	height: 4px;
	background: url('https://developer.sony.com/wp-content/themes/onesonydev/styles/layout/../../images/arrow-mini.png') center center no-repeat;
}

.main-nav-menu > .menu-item.develop > .sub-menu {
	border-top: 10px solid #fff;
}
.main-nav-menu > .menu-item.develop > .sub-menu {
	border-top: 10px solid #739e4d;
}
.main-nav-menu > .menu-item.devices > .sub-menu {
	border-top: 10px solid #ff7f0a;
}
.main-nav-menu > .menu-item.support > .sub-menu {
	border-top: 10px solid #d72172;
}

.main-nav-menu .sub-menu {
	line-height: 30px;
}

.main-nav-menu .menu-item > .sub-menu {
	display: none;
	position: relative;
	z-index: 10;
	list-style: none;
	padding: 0;
	white-space: nowrap;
}

.main-nav-menu > .menu-item > .sub-menu .sub-menu .menu-item a {
	background: #f3f3f3;
	padding-left: 20px;
}

.main-nav-menu > .menu-item > .sub-menu {
	position: absolute;
	background: #e5e5e5;
}

.main-nav-menu > .menu-item:hover .sub-menu {
	display: block;
}

.main-nav-menu > .menu-item .sub-menu .current-menu-item a,
.main-nav-menu > .menu-item .sub-menu .menu-item a:hover {
	text-decoration: none;
	background: #f3f3f3;
}

.main-nav-menu > .menu-item.develop .sub-menu:before {
	background: #739e4d;
}
.main-nav-menu > .menu-item.devices .sub-menu:before {
	background: #ff7f0a;
}
.main-nav-menu > .menu-item.support .sub-menu:before {
	background: #d72172;
}


/* ======================================================
 *  Quick navigation container
/* ====================================================== */

.quickmenu {
	display: none;
	position: relative;
	overflow: hidden;
	z-index: 0;
	padding: 10px 0 15px;
	background: #888;
}
/*
 * Gray top border, needed use :before since we're using
 * overflow hidden on the parent element.
 */
.quickmenu:before {
	content: '';
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	left: 0;
	height: 10px;
	background: #565656;
}


/* ======================================================
 *  Site search
/* ====================================================== */

.site-search {
	position: relative;
	float: right;
	margin-top: 18px;
}

.site-search-field {
	border: 0;
	margin: 0;
	width: 189px;
	padding: 6px 40px 7px 7px;
	background: #fff;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.site-search-field:focus {
	outline: 0;
}

.site-search-submit {
	cursor: pointer;
	position: absolute;
	top: 0;
	right: 0;
	width: 29px;
	height: 29px;
	margin: 0;
	border: 0;
	padding: 0;
	text-indent: -9999em;
	background: transparent url('https://developer.sony.com/wp-content/themes/onesonydev/styles/layout/../../images/icons-sprite.png') no-repeat -370px 6px;
}

.site-search-toggle {
	display: none;
	cursor: pointer;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	margin: 0;
	border: 0;
	padding: 0;
	width: 55px;
	height: 55px;
	text-indent: -9999em;
	background: transparent url('https://developer.sony.com/wp-content/themes/onesonydev/styles/layout/../../images/icon-search.png') no-repeat center center;
}
.site-search-toggle.visible {
	background-color: #000;
}
.site-search-toggle:hover,
.site-search-toggle:focus {
	outline: 0;
}


/* ======================================================
 *  Media queries
/* ====================================================== */

@media only screen and (max-width: 1190px) {
	.site-header .sony-logo {
		display: none;
	}
}

@media only screen and (max-width: 375px) {
	.main-nav-menu {
		display: block;
		width: 100%;
		font-size: 0;
	}

	.main-nav-menu > .menu-item {
		float: none;
		display: inline-block;
		width: 33.333%;
		margin: 0;
		padding: 0;
		vertical-align: top;
		text-align: center;
		font-size: 18px;
	}

	.main-nav-menu > .menu-item > a {
		padding: 0;
	}

	.main-nav-menu > .menu-item a:before {
		left: -1px;
	}

	.main-nav-menu > .menu-item:hover:after, .main-nav-menu > .menu-item:focus:after {
		display: none;
	}
	.main-nav-menu .menu-item:hover .sub-menu {
		display: none;
	}
}

@media only screen and (max-width: 940px) {
	.site-header .site-container {
		padding-left: 0;
		padding-right: 0;
	}

	/*
	 * lower the height of the site header, and hide the sub nav trigger
	 */
	.site-logo,
	.main-nav {
		line-height: 55px;
	}
	.site-logo {
		padding: 0 20px;
	}
	.sub-menu-trigger {
		display: none;
	}

	/*
	 * hide the search field and change search button icon
	 */
	.site-search {
		position: absolute;
		top: 0;
		width: 100%;
		height: 55px;
		margin-top: 0;
	}
	.site-search-field {
		display: none;
		position: absolute;
		z-index: 101;
		top: 100%;
		left: 0;
		width: 100%;
		height: 50px;
		padding-right: 10px;
		padding-left: 10px;
		border: 5px solid #000;
		font-size: 16px;
		-webkit-border-radius: 0;
		border-radius: 0;
	}
	.site-search-submit {
		display: none;
	}
	.site-search-toggle {
		display: block;
	}
	.site-search-toggle.visible,
	.site-search-field.visible {
		display: block;
	}


	/*
	 * Site navigation changes
	 */
	.main-nav {
		float: none;
		display: block;
		width: 100%;
		clear: both;
		height: 50px;
		line-height: 50px;
		background: #000;
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMyMzIzMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIxJSIgc3RvcC1jb2xvcj0iIzMyMzIzMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjYwJSIgc3RvcC1jb2xvcj0iIzExMTExMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjkxJSIgc3RvcC1jb2xvcj0iIzBjMGMwYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		background: -moz-linear-gradient(top, #323232 0%, #323232 21%, #111111 60%, #0c0c0c 91%, #000000 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#323232), color-stop(21%,#323232), color-stop(60%,#111111), color-stop(91%,#0c0c0c), color-stop(100%,#000000));
		background: -webkit-linear-gradient(top, #323232 0%,#323232 21%,#111111 60%,#0c0c0c 91%,#000000 100%);
		background: -o-linear-gradient(top, #323232 0%,#323232 21%,#111111 60%,#0c0c0c 91%,#000000 100%);
		background: -ms-linear-gradient(top, #323232 0%,#323232 21%,#111111 60%,#0c0c0c 91%,#000000 100%);
		background: linear-gradient(to bottom, #323232 0%,#323232 21%,#111111 60%,#0c0c0c 91%,#000000 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#323232', endColorstr='#000000',GradientType=0 );
	}
}/* =========================================================================
 *  Project: One Sony Developer
 *  Filename: footer.css
 *
 *  Site footer styles.
/* ========================================================================= */

.site-footer {
	position: relative;
	z-index: 1;
	padding: 25px 0 20px;
	font-size: 12px;
	background: #000;
	color: #919191;
}

.site-footer a {
	color: inherit;
}

.site-footer .copyright {
	padding: 0;
	margin: -4px 0 0 0;
}

.site-footer .scroll-to-top-container {
	position: fixed;
	z-index: 100;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	max-width: 940px;
	margin: 0 auto;
	display: none;
}
.site-footer .scroll-to-top {
	position: relative;
	float: right;
	margin: 0;
	border: 0;
	outline: 0;
	margin-bottom: 0;
	padding: 6px 40px 6px 17px;
	font-size: 13px;
	color: #fff;
	background: #2aabe4;
}
.site-footer .scroll-to-top:after {
	content: ' ';
	width: 21px;
	height: 15px;
	position: absolute;
	right: 10px;
	top: 7px;
	background-image: url('https://developer.sony.com/wp-content/themes/onesonydev/styles/layout/../../images/arrows-sprite.png');
	background-repeat: no-repeat;
	background-position: -265px -112px;
}

.site-footer .scroll-to-top-container.active {
	display: block;
}

.site-footer .footer-content {
	float: left;
}


/* ======================================================
 *  Footer navigation
/* ====================================================== */

.footer-nav {
	display: inline-block;
	vertical-align: top;
	margin-left: -8px;
}

.footer-nav-menu .sub-menu,
.footer-nav-menu {
	list-style: none;
	padding: 0;
	margin: 0;
}

.footer-nav-menu .menu-item {
	position: relative;
	float: left;
	margin-bottom: 3px;
}

.footer-nav-menu .menu-item a {
	display: block;
	padding: 0 8px 0 8px;
	line-height: 14px;
}

.footer-nav-menu .sub-menu a {
	display: none;
}
/*
 * Menu item separator
 */

.footer-nav-menu > .menu-item:before {
	content: '';
	position: absolute;
	top: 1px;
	bottom: 1px;
	right: 0;
	width: 1px;
	background: #919191;
}
.footer-nav-menu > .menu-item:last-child:before {
	display: none;
}


/* ======================================================
 *  Follow us navigation
/* ====================================================== */

.social-nav {
	float: right;
}

.social-nav-title {
	display: inline-block;
	vertical-align: top;
	padding-bottom: 0;
}

.social-nav-menu {
	display: inline-block;
	vertical-align: top;
	list-style: none;
	padding: 0;
	margin: 0;
}

.social-nav-menu li {
	float: left;
	margin-left: 10px;
}

.social-nav-menu a {
	display: block;
}

.social-nav-menu a {
	text-indent: -9999em;
	background-image: url('https://developer.sony.com/wp-content/themes/onesonydev/styles/layout/../../images/icons-sprite.png');
	background-repeat: no-repeat;
}

.social-nav-menu .socialnetworkgoogleplusprovider a { background-position: -207px 1px; width: 15px; height: 15px; }
.social-nav-menu .socialnetworkfacebookprovider a { background-position: -232px 0; width: 15px; height: 16px; }
.social-nav-menu .socialnetworktwitterprovider a { background-position: -257px 0; width: 16px; height: 14px; }
.social-nav-menu .socialnetworkyoutubeprovider a { background-position: -283px 0; width: 13px; height: 16px; }
.social-nav-menu .socialnetworkrssprovider a { background-position: -306px 0; width: 14px; height: 14px; }

.social-nav-menu .socialnetworkgoogleplusprovider a:hover { background-position: -207px -23px; }
.social-nav-menu .socialnetworkfacebookprovider a:hover { background-position: -232px -26px; }
.social-nav-menu .socialnetworktwitterprovider a:hover { background-position: -257px -24px; }
.social-nav-menu .socialnetworkyoutubeprovider a:hover { background-position: -283px -26px; }
.social-nav-menu .socialnetworkrssprovider a:hover { background-position: -306px -24px; }


/* ======================================================
 *  Media queries
/* ====================================================== */

@media only screen and (max-width: 500px) {
	.site-footer .scroll-to-top {
		width: 100%;
	}
	.site-footer {
		margin-top: 38px;
	}
}

@media only screen and (max-width: 940px) {
	.site-footer {
		padding-bottom: 24px;
	}
	.site-footer .site-container {
		padding-right: 20px;
		padding-left: 20px;
	}
	.site-footer .footer-nav {
		display: block;
		margin: 3px 0 0 0;
	}
	.footer-nav-menu > .menu-item:first-child a {
		padding-left: 0;
	}

	.site-footer .copyright {
		clear: both;
		margin: 0;
		padding: 5px 0 10px;
	}
	.site-footer .social-nav {
		display: block;
		position: static;
		border-top: 1px solid #5b5b5b;
		padding-top: 11px;
	}
}/* =========================================================================
 *  Project: One Sony Developer
 *  Filename: sidebar.css
 *
 *  Sidebar that includes the sidemenu.
/* ========================================================================= */

.sidebar {
	position: absolute;
	z-index: 1;
	bottom: 0;
	top: 0;
	width: 172px;
	background: #f9f9f9;
}


/* ======================================================
 *  Sidebar menu
/* ====================================================== */

.sidebar-title {
	position: relative;
	z-index: 3;
	background: rgba(249, 249, 249, 0.95);
	padding-left: 15px;
	padding-top: 28px;
	color: #000 !important;
}

.sidebar-menu,
.sidebar-menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.sidebar-menu {
	position: relative;
	z-index: 2;
	margin-bottom: 30px;
}

.sidebar-menu .menu-item a,
.sidebar-menu .page_item a {
	position: relative;
	display: block;
	border-bottom: 1px solid #efefef;
	padding: 8px 25px 8px 15px;
	text-decoration: none;
	font-size: 12px;
	line-height: 16px;
	color: #434343;
}

.sidebar-menu .menu-item:not(.expanded) a:hover,
.sidebar-menu .page_item:not(.expanded) a:hover {
	text-decoration: none;
	background: #f2f2f2;
	color: inherit;
}

.sidebar-menu .menu-item.expanded > a,
.sidebar-menu .page_item.expanded > a {
	font-weight: 500;
	color: #272727;
}

/* Sidebar menu - Sub menu toggle button */
.sub-menu-button {
	outline: 0;
	position: absolute;
	z-index: 5;
	top: 0;
	bottom: 0;
	right: 0;
	width: 25px;
	border: 0;
	padding: 0;
	margin: 0;
	background: none;
}
.sub-menu-button:before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: transparent url('https://developer.sony.com/wp-content/themes/onesonydev/styles/layout/../../images/arrow-mini-right.png') no-repeat center center;
}

.sidebar-menu .sub-menu {
	display: none;
}
.sidebar-menu .sub-menu.active {
	display: block;
}


/* ======================================================
 *  Sidebar menu - Current menu item/parent/ancestor
/* ====================================================== */

.sidebar-menu .current-menu-item > .sub-menu,
.sidebar-menu .current-menu-parent > .sub-menu,
.sidebar-menu .current-menu-ancestor > .sub-menu {
	display: block;
}

.sidebar-menu .current-menu-item > a,
.sidebar-menu .menu-item.expanded.current-menu-item > a,
.sidebar-menu .page_item.expanded.current-menu-item > a {
	font-weight: 500;
}


/* ======================================================
 *  Sidebar menu - Collapsed/expanded
/* ====================================================== */

.sidebar-menu > li.expanded > a .sub-menu-button:before {
	background-image: url('https://developer.sony.com/wp-content/themes/onesonydev/styles/layout/../../images/arrow-mini-white.png');

}
.sub-menu li.expanded > a .sub-menu-button:before {
	background-image: url('https://developer.sony.com/wp-content/themes/onesonydev/styles/layout/../../images/arrow-mini.png');
}

.sidebar-menu ul.menu-level-1 li.menu-item-has-children.current-menu-ancestor > a {
	font-weight: bold;
}

.sidebar-menu > li.expanded > a {
	background: #aaa;
}

.sidebar-menu ul.menu-level-0 { background: #c3c3c3; }
.sidebar-menu ul.menu-level-1 { background: #d5d5d5; }
.sidebar-menu ul.menu-level-2 { background: #e7e7e7; }
.sidebar-menu ul.menu-level-3 { background: #e7e7e7; }
.sidebar-menu ul.menu-level-4 { background: #f9f9f9; }


/* ======================================================
 *  Sidebar menu - Sub menus (levels)
/* ====================================================== */

.entry-has-sidebar {
	position: relative;
	z-index: 0;
	overflow: hidden;
}

.sidebar-menu > .menu-item > a {
	font-size: 13px;
}

.sidebar-menu .menu-level-0 > .menu-item > a {
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 16px;
}

.sidebar-menu .menu-level-1 > .menu-item > a {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 24px;
}

.sidebar-menu .menu-level-2 > .menu-item > a {
	padding-left: 30px;
}

.sidebar-menu .menu-level-3 > .menu-item > a {
	padding-left: 35px;
}

.sidebar-menu .menu-level-4 > .menu-item > a {
	padding-left: 40px;
}


/* ======================================================
 *  Sidebar menu - Menu Toggle Button
/* ====================================================== */

.sidebar-menu-button {
	display: none;
	outline: 0;
	cursor: pointer;
	position: relative;
	border: none;
	border-left: 7px solid transparent;
	width: 100%;
	height: 42px;
	line-height: 42px;
	padding: 0 10px 0 18px;
	text-align: left;
	font-size: 16px;
	background: #f3f3f3;
}


/* change left border color depending on which main page is active */
body.develop .sidebar-menu-button {
	border-left-color: #739e4d;
}
body.support .sidebar-menu-button {
	border-left-color: #d72172;
}

/* the menu button navigation icon */
.sidebar-menu-button .navicon {
	position: relative;
	float: right;
	width: 24px;
	height: 2px;
	margin-top: 20px;
	background: #cecece;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}

.sidebar-menu-button .navicon:after,
.sidebar-menu-button .navicon:before {
	content: "";
	position: absolute;
	z-index: -1;
	display: block;
	width: 24px;
	height: 2px;
	background: #cecece;
	-webkit-transition: 0.25s;
	-moz-transition: 0.25s;
	-o-transition: 0.25s;
	transition: 0.25s;
}

.sidebar-menu-button:hover .navicon:after { top: -7px; }
.sidebar-menu-button:hover .navicon:before { top: 7px; }
.sidebar-menu-button .navicon:after { top: -5px; }
.sidebar-menu-button .navicon:before { top: 5px; }

.sidebar-menu-button.active:not(.steps) .navicon:before,
.sidebar-menu-button.active:not(.steps) .navicon:after {
	top: 0 !important;
}

.sidebar-menu-button *,
.sidebar-menu-button *:before,
.sidebar-menu-button *:after {
	-webkit-transform: translate3d(0, 0, 0); -webkit-transform-style: preserve-3d;
	-moz-transform: translate3d(0, 0, 0); -moz-transform-style: preserve-3d;
	-ms-transform: translate3d(0, 0, 0); -ms-transform-style: preserve-3d;
	transform: translate3d(0, 0, 0); transform-style: preserve-3d;
}

/* triggered when menu is opened */
.sidebar-menu-button.active .navicon {
	background: transparent;
}
.sidebar-menu-button.active .navicon:after {
	-webkit-transform: rotate(45deg); -webkit-transform-style: preserve-3d;
	-moz-transform: rotate(45deg); -moz-transform-style: preserve-3d;
	-ms-transform: rotate(45deg); -ms-transform-style: preserve-3d;
	transform: rotate(45deg); transform-style: preserve-3d;
}
.sidebar-menu-button.active .navicon:before {
	-webkit-transform: rotate(-45deg); -webkit-transform-style: preserve-3d;
	-moz-transform: rotate(-45deg); -moz-transform-style: preserve-3d;
	-ms-transform: rotate(-45deg); -ms-transform-style: preserve-3d;
	transform: rotate(-45deg); transform-style: preserve-3d;

}


.sidebar-menu.active,
.sidebar-menu-button.active,
.sidebar-menu .sub-menu.active  {
	display: block;
}

/* show sub menus if the menu item has children and is current menu or parent */
.sidebar-menu.active .menu-item-has-children.current-menu-item > .sub-menu,
.sidebar-menu.active .menu-item-has-children.current-menu-ancestor > .sub-menu {
	display: block;
}

/* hide sub menus if the menu item has children and sub-menu-button is triggered */
.sidebar-menu.active .menu-item-has-children.current-menu-item > .sub-menu.active,
.sidebar-menu.active .menu-item-has-children.current-menu-ancestor > .sub-menu.active {
	display: none;
}


/* ======================================================
 *  Entries that has a sidebar
/* ====================================================== */

.entry-has-sidebar .entry-top {
	position: relative;
	background: #aaa;
}

.entry-has-sidebar .entry-top-inner {
	padding-left: 182px;
}
.entry-has-sidebar .entry-top-inner img {
	width: 100%;
}

.entry-has-sidebar .entry-wrapper {
	position: relative;
	background: #fff;
}

.entry-has-sidebar .entry-content-inner {
	position: relative;
	z-index: 1;
}

.entry-has-sidebar .entry-wrapper > .site-container {
	padding-right: 10px;
	padding-left: 202px;
}

.entry-has-sidebar .entry-title,
.entry-has-sidebar .entry-body > * {
	max-width: 650px;
}

.entry-has-sidebar .entry-body > .carousel-container,
.entry-has-sidebar .entry-body > .content-column-1_2 {
	max-width: none;
}


/* ======================================================
 *  Entry has no left sidebar
/* ====================================================== */

.no-sidebar .entry-top {
	position: relative;
	background: #aaa;
}
.no-sidebar .entry-top-inner {
	padding-left: 10px;
}

.no-sidebar .entry-top-inner img {
	width: 100%;
}

.no-sidebar .entry-wrapper {
	position: relative;
	background: #fff;
}
.no-sidebar .entry-wrapper > .site-container {
	padding-right: 45px;
	padding-left: 45px;
}

.no-sidebar .entry-content-inner {
	position: relative;
	z-index: 1;
}

.entry-post.no-sidebar .entry-meta-container {
	width: 180px;
	margin-right: 0;
	margin-left: 0;
}

.no-sidebar .entry-body {
	padding-right: 220px;
}

.no-sidebar .entry-body.has-right-sidebar {
	max-width: none;
}

.no-sidebar .entry-title,
.no-sidebar .entry-body > * {
	max-width: 650px;
}

.no-sidebar .entry-body > .carousel-container,
.no-sidebar .entry-body > .content-column-1_2 {
	max-width: none;
}


/* ======================================================
 *  Media Queries
/* ====================================================== */

@media only screen and (max-width: 940px) {
	/* entry has sidebar changes */
	.entry-has-sidebar > .site-container {
		padding: 0;
	}
	.entry-image-inner.site-container,
	.entry-has-sidebar .entry-top-inner {
		padding-left: 172px;
		padding-right: 0;
	}

	.entry-has-sidebar .entry-wrapper > .site-container {
		padding-right: 20px;
		padding-left: 192px;
	}
}

/* NO sidebar */
@media only screen and (max-width: 940px) {
	.no-sidebar > .site-container,
	.no-sidebar .entry-top-inner {
		padding-right: 0;
		padding-left: 0;
	}
	.no-sidebar .entry-wrapper > .site-container {
		padding-right: 20px;
		padding-left: 20px;
	}
}

@media only screen and (max-width: 767px) {
	/* entry has sidebar changes */
	.entry-has-sidebar {
		background: #fff;
	}

	.entry-image-inner.site-container,
	.entry-has-sidebar > .site-container {
		padding-left: 0;
		padding-right: 0;
	}

	.entry-has-sidebar .entry-top-inner {
		padding-left: 0;
	}

	.entry-has-sidebar .entry-wrapper > .site-container {
		padding-left: 20px;
	}

	/* sidebar changes */
	.sidebar {
		position: static;
		display: block;
		float: none;
		clear: both;
		width: auto;
		padding: 0;
		background: #fff;
	}
	.sidebar:after {
		display: none;
	}
	.sidebar-title {
		display: none;
	}
	.sidebar-menu {
		display: none;
		margin-bottom: 15px;
		border-bottom: 22px solid #f3f3f3;
	}
	.sidebar-menu-button {
		display: block;
	}

	/* Adjust the padding for better click area on handheld devices */
	.sidebar-menu .menu-item a,
	.sidebar-menu .page_item a {
		padding: 12px 40px 12px 25px;
	}
	.sidebar-menu .menu-level-0 > .menu-item > a {
		padding-top: 10px;
		padding-bottom: 10px;
		padding-left: 25px;
	}

	.sidebar-menu .menu-level-1 > .menu-item > a {
		padding-top: 10px;
		padding-bottom: 10px;
		padding-left: 30px;
	}
	.sub-menu-button {
		width: 40px;
	}


	/* Has no sidebar changes */
	.entry-post.no-sidebar .entry-meta-container {
		width: auto;
	}

	.no-sidebar .entry-body {
		padding-right: 0;
	}
}

@media only screen and (max-width: 707px) {
	.entry-has-sidebar .entry-title,
	.entry-has-sidebar .entry-body > *,
	.no-sidebar .entry-title,
	.no-sidebar .entry-body > * {
		max-width: none;
	}
}/* =========================================================================
 *  Project: One Sony Developer
 *  Filename: templates.css
 *
 *  WordPress page templates styles.
/* ========================================================================= */

/* ======================================================
 *  Top container
 *
 *  Used in different templates at the top beneath
 *  the `.site-header` to create a dark background
 *  container.
/* ====================================================== */

.top-container {
	background: #cfcfcf;
}

/*
 * Entry titles inside an top container
 * shall have a smaller font-size applied to it.
 */
.top-container .entry-title {
	font-size: 20px;
	color: #000 !important;
}


/* ======================================================
 *  Global entry styles
/* ====================================================== */

.entry-top .content-video {
	padding-bottom: 40.365%;
	margin-bottom: 0;
}

.entry-title {
	padding-top: 16px;
	padding-bottom: 19px;
}

.entry-body.has-right-sidebar {
	max-width: 550px;
}

/*
 * External links
 */
.entry-content a.external:after,
.entry-device-content a.external:after,
.entry-full-width a.external:after {
	content: '';
	display: inline-block;
	vertical-align: text-top;
	width: 7px;
	height: 7px;
	margin-left: 3px;
	background: url('https://developer.sony.com/wp-content/themes/onesonydev/styles/layout/../../images/icons-sprite.png') no-repeat -343px -94px;
}

.entry-content a.external:hover:after,
.entry-device-content a.external:hover:after,
.entry-full-width a.external:hover:after {
	width: 7px;
	height: 7px;
	background-position: -343px -106px;
}

.entry-content a.btn.external:after {
	display: none;
}

.entry-content .highlighted-post a.external:after,
.entry-device-content .highlighted-post a.external:after {
	width: 14px;
	height: 14px;
	margin-left: 6px;
	background-position: -340px -47px;
}

.entry-content .highlighted-post a.external:hover:after,
.entry-device-content .highlighted-post a.external:hover:after {
	width: 14px;
	height: 14px;
	margin-left: 6px;
	background-position: -340px -70px;
}


/*
 * Read more links and modifiers (e.g. center the button)
 */

.more-centered {
	text-align: center;
}
.more-link {
	display: inline-block;
	vertical-align: top;
	position: relative;
	padding-left: 15px;
	color: #2aabe4;
}
.more-link:before {
	content: '';
	position: absolute;
	left: 0;
	top: 3px;
	width: 9px;
	height: 13px;
	background: url('https://developer.sony.com/wp-content/themes/onesonydev/styles/layout/../../images/arrows-sprite.png') no-repeat -202px 0;
}

.limit-width {
	max-width: 650px;
}


/* ======================================================
 *  Single Page template
/* ====================================================== */

.entry-page .entry-body {
	padding-bottom: 35px;
}

/* ======================================================
 *  Single Post template
/* ====================================================== */

.entry-post .entry-header {
	position: relative;
	padding-top: 15px;
}

.entry-post .entry-header .entry-title {
	padding: 27px 0 18px 0;
}

/*
 * Entry metabox
 */

.entry-device-meta-container,
.entry-page .entry-meta-container,
.entry-post .entry-meta-container {
	position: relative;
	z-index: 1;
	float: right;
	width: 178px;
	margin-left: 20px;
	margin-bottom: 20px;
}

.entry-post .entry-meta-container .social-share {
	padding-bottom: 0;
}

.entry-post .entry-meta {
	margin-bottom: 10px;
	padding: 10px;
	font-size: 14px;
	line-height: 19px;
	background: #ececec;
}
.entry-post .entry-meta .entry-category {
	display: block;
	font-weight: bold;
}
.entry-post .entry-meta .entry-timestamp {
	display: block;
	vertical-align: top;
}
.entry-post .entry-meta .entry-author {
	display: block;
	margin-bottom: 4px;
}

.entry-post .entry-meta .entry-comments {
	display: block;
	margin-left: -10px;
	margin-right: -10px;
	padding: 10px 10px 0;
	border-top: 1px solid #fff;
}
.entry-post .entry-meta .entry-comments a {
	display: inline-block;
	vertical-align: top;
	line-height: 24px;
}
.entry-post .entry-meta .entry-comments a:hover {
	text-decoration: none;
}

.entry-post .entry-meta .entry-comments .speech-bubble {
	margin-right: 3px;
}

.entry-body + .meta-content-overview {
	clear: both;
}

/* Meta content overview */
.meta-content-overview {
	border: 1px solid #eee;
	margin-bottom: 15px;
	padding: 20px 0;
	background: #f9f9f9;
	font-size: 0.9em;
}

.meta-content-overview > p {
	padding-left: 15px;
	padding-right: 15px;
	margin-bottom: 10px;
}

.meta-content-overview > h1,
.meta-content-overview > h2,
.meta-content-overview > h3,
.meta-content-overview > h4 {
	margin: 5px 15px 10px 15px;
	padding-bottom: 3px;
	border-bottom: 1px solid #eee;
}

.meta-content-overview ul:not([class]),
.meta-content-overview ol:not([class]) {
	padding-left: 30px;
	padding-right: 15px;
	padding-bottom: 0;
	margin-bottom: 15px;
}
.meta-content-overview ul:not([class]) li,
.meta-content-overview ol:not([class]) li {
	margin-bottom: 10px;
}

.meta-content-overview .summary-toc {
	list-style-type: none;
	padding: 0 0 10px 0;
	margin: 0;
}
.meta-content-overview .summary-toc li {
	margin-bottom: 5px;
}

.meta-content-overview .summary-toc.linkbar {
	padding-bottom: 0;
}


/*
 * Entry post content body
 */
.entry-post .entry-body {
	padding-bottom: 13px;
}

.entry-post .entry-footer {
	border-top: 1px solid #f3f3f3;
	padding-top: 16px;
	clear: right;
}
.entry-post .tags {
	padding: 0 0 0 20px;
	margin-bottom: 15px;
}

.entry-post .entry-footer .social-share {
	padding: 10px 0 5px;
	margin-bottom: 30px;
	background: #ececec;
}

.entry-post .related-stories {
	border-bottom: 1px solid #f3f3f3;
	margin-bottom: 13px;
	padding: 4px 0 20px;
}
.entry-post .related-stories-title {
	padding-top: 14px;
	padding-bottom: 7px;
}


/* ======================================================
 *  404 Page Template
/* ====================================================== */

.entry-404 .site-container {
	padding-left: 183px;
}
.entry-404 .top-container {
	margin-bottom: 26px;
	text-align: center;
	background: #e0e0e0;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMSUiIHN0b3AtY29sb3I9IiNlMGUwZTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYWRhZGFkIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-radial-gradient(center, circle cover, #e0e0e0 0, #adadad 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0,#e0e0e0), color-stop(100%,#adadad));
	background: -webkit-radial-gradient(center, circle cover, #e0e0e0 0,#adadad 100%);
	background: -o-radial-gradient(center, circle cover, #e0e0e0 0,#adadad 100%);
	background: -ms-radial-gradient(center, circle cover, #e0e0e0 0,#adadad 100%);
	background: radial-gradient(circle at center, #e0e0e0 0,#adadad 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e0e0', endColorstr='#adadad',GradientType=1 );
}
/*
 * remove ms filter for ie9, so it uses SVG gradient instead
 */
.entry-404 .top-container:nth-child(n) {
	filter: none;
}

.entry-404 .entry-content {
	padding-left: 20px;
}
.entry-404 h1,
.entry-404 h2 {
	color: #739e4d;
}
.entry-404 h1,
.entry-404 .entry-title {
	padding-top: 0;
	padding-bottom: 27px;
}
.entry-404 .linkbar {
	padding-bottom: 27px;
}
.entry-404 .linkbar a {
	background: #739e4d;
	color: #fff;
}

/* ======================================================
 *  Front Page template
/* ====================================================== */

.entry-front-page {
	padding-bottom: 10px;
}

/*
 * 1. Set min height for the top container, same
 * height as the tabs so we can position the tabs
 * above the top-container.
 */
.entry-front-page .top-container {
	min-height: 41px; /* 1 */
}


/*  Front page top promo teasers
/* ========================= */

/* Classes that adds an text-shadow effect. */
.front-page-teaser-widget .text-shadow-narrow .promo-title,
.front-page-teaser-widget .text-shadow-narrow .promo-excerpt {
	text-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
}
.front-page-teaser-widget .text-shadow-wide .promo-title,
.front-page-teaser-widget .text-shadow-wide .promo-excerpt {
	text-shadow: 0 0 15px rgba(0, 0, 0, 0.75);
}

.promo {
	float: left;
	position: relative;
	overflow: hidden;
}

.promo-content {
	position: absolute;
	top: 50%;
	width: 100%;
	padding: 40px;
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
}

.promo-title {
	padding-bottom: 6px;
	font-size: 45px;
	line-height: 45px;
	color: #fff;
}

.promo-excerpt {
	padding: 0;
	font-size: 16px;
	line-height: 18px;
	color: #fff;
}

/*
 * Front page main teaser layouts
 */

/* Promo 1-split layout */
.promo--1split {
	width: 100%;
}

.promo--1split .promo-container {
	display: block;
	width: 100%;
	max-width: 960px;
	margin: 0 auto;
	padding: 0 10px;
}

.promo--1split .promo-link {
	display: block;
	width: 100%;
	max-width: 460px;
	text-decoration: none;
}
.promo--1split .promo-link:hover {
	text-decoration: none;
}

.promo--1split .promo-title {
	font-size: 45px;
	line-height: 45px;
}

.promo--1split .promo-image {
	height: 340px;
	background-repeat: no-repeat;
	background-position: top center;
	-webkit-background-size: cover;
	background-size: cover;
}


/* Promo 2-split layout */
.promo--2split {
	width: 50%;
}


/* Promo 3-split layout */
.promo-area--3split .front-page-teaser-widget:first-child .promo--3split {
	float: right;
}
.promo-area--3split .front-page-teaser-widget:first-child ~ .front-page-teaser-widget .promo-title {
	padding-bottom: 3px;
	font-size: 30px;
	line-height: 31px;
}

.promo-area--3split .front-page-teaser-widget:last-child .promo-content {
	padding-bottom: 70px;
}

.promo--3split {
	width: 50%;
}


/*  Front page - columns area
/* ========================= */

.entry-front-page .tablist {
	position: relative;
	z-index: 1;
	margin-top: -45px;
	margin-left: 0;
}

/*
 * Front page toggle buttons
 */
.front-page-toggle-button {
	display: none;
	outline: 0;
	position: relative;
	border: none;
	border-left: 7px solid transparent;
	width: 100%;
	height: 42px;
	padding: 0 10px;
	margin-bottom: 1px;
	text-align: left;
	font-size: 16px;
	background: #f3f3f3;
}
.front-page-toggle-button:after {
	content: '+';
	position: absolute;
	top: 10px;
	right: 10px;
	width: 24px;
	height: 24px;
	line-height: 26px;
	font-size: 30px;
	font-family: monospace;
	text-align: center;
	background: #cecece;
	color: #fff;
}

.front-page-toggle-button.develop {
	border-left-color: #739e4d;
}
.front-page-toggle-button.videos {
	border-left-color: #fdc040;
}
.front-page-toggle-button.sdkapis {
	border-left-color: #0083a6;
}
.front-page-toggle-button.support {
	border-left-color: #d72172;
}

/* toggle list button active */
.front-page-toggle-button.toggle-list-trigger-active:after {
	content: '-';
}


/*
 * Adds theme specific colors for each tab
 */
.entry-front-page .tab-button-active.develop a {
	border-top-color: #739e4d;
	background: #fff;
}
.entry-front-page .tab-button-active.videos a {
	border-top-color: #0083a6;
	background: #fff;
}
.entry-front-page .tab-button-active.sdkapis a {
	border-top-color: #fdc040;
	background: #fafafa;
}
.entry-front-page .tab-button-active.support a {
	border-top-color: #d72172;
	background: #fafafa;
}

.entry-front-page .more {
	margin-bottom: 60px;
}

.teasers {
	margin-bottom: 20px;
}

.teasers .teaser {
	position: relative;
}

.teaser-link {
	color: inherit;
}
.teaser-link:hover,
.teaser-link:focus {
	text-decoration: none;
}

/*
 *  external icon
 */
.external-post:after {
	content: '';
	position: absolute;
	right: 10px;
	bottom: 10px;
	width: 13px;
	height: 13px;
	background: url('https://developer.sony.com/wp-content/themes/onesonydev/styles/layout/../../images/icons-sprite.png') no-repeat -340px 0;
}


/*
 * Blog Post teasers (Developer news)
 */

.blog-post-teasers {
	padding-top: 15px;
}

.blog-post-teasers .teaser {
	position: relative;
	border-bottom: 1px solid #f3f3f3;
	padding: 5px 5px 5px 0;
	-webkit-box-shadow: 1px 0 0 0 #f3f3f3;
	box-shadow: 1px 0 0 0 #f3f3f3;
}

/*
 * Has post thumbnail
 */
.blog-post-teasers .teaser.has-post-thumbnail {
	min-height: 135px;
}
.blog-post-teasers .teaser.has-post-thumbnail .teaser-image {
	position: absolute;
	top: 5px;
	left: 0;
}
.blog-post-teasers .teaser.has-post-thumbnail .teaser-content {
	padding-left: 141px;
}

/* Special case for external posts */
.blog-post-teasers .teaser.external-post.has-post-thumbnail .teaser-image {
	width: 124px;
	height: 124px;
	overflow: hidden;
}
.blog-post-teasers .teaser.external-post.has-post-thumbnail .teaser-image img {
	max-width: none;
	margin-left: -48px;
}
/* Special case for video thumbs */
.blog-post-teasers .teaser.has-post-thumbnail .teaser-image.play-icon {
	width: 124px;
	height: 124px;
	overflow: hidden;
}
.blog-post-teasers .teaser.has-post-thumbnail .teaser-image.play-icon img {
	max-height: 100%;
	min-width: 100%;
	max-width: none;
}

.blog-post-teasers .teaser-content {
	padding: 6px 25px 10px 20px;
}
.blog-post-teasers .teaser-meta {
	font-weight: bold;
	font-size: 14px;
	color: #000;
}
.blog-post-teasers .speech-bubble {
	position: absolute;
	right: 10px;
}
.blog-post-teasers .teaser-title {
	padding-bottom: 6px;
	font-size: 16px;
	line-height: 21px;
}
.blog-post-teasers .teaser-excerpt,
.blog-post-teasers .teaser-excerpt p {
	padding-bottom: 0;
}


/*
 * Video teasers (Videos)
 */
.video-teasers {
	padding-top: 20px;
	margin-bottom: 0;
}
.video-teasers .teaser {
	float: left;
	width: 46.808510638297873%; /* 220 / 470 */
	margin-left: 4.25531914893617%; /* 20 / 470 */
	margin-bottom: 4.25531914893617%; /* 20 / 470 */
}
.video-teasers .teaser:nth-child(2n+1) {
	margin-left: 0;
}
.video-teasers .teaser-container {
	border: 1px solid #eee;
	padding: 10px 10px 7px;
	background: #f9f9f9;
}
.video-teasers .teaser-image {
	position: relative;
	margin-bottom: 8px;
}
.video-teasers .teaser-content {
	min-height: 48px;
}
.video-teasers .teaser-title {
	padding-bottom: 0;
	font-size: 13px;
	line-height: 16px;
}


/*
 * Blog page teasers (SDKs / APIs)
 */
.page-teasers {
	border-left: 1px solid #f3f3f3;
	padding-top: 15px;
	background: #fafafa;
}
.page-teasers .teaser {
	position: relative;
	border-bottom: 1px solid #f3f3f3;
	padding: 5px;
}

/*
 * has post thumbnail
 */
.page-teasers .teaser.has-post-thumbnail {
	min-height: 135px;
}
.page-teasers .teaser.has-post-thumbnail .teaser-image {
	position: absolute;
	top: 5px;
	left: 5px;
}
.page-teasers .teaser.has-post-thumbnail .teaser-content {
	padding-left: 141px;
}

.page-teasers .teaser-content {
	padding: 6px 25px 10px 20px;
}
.page-teasers .teaser-title {
	padding-bottom: 6px;
	font-size: 16px;
	line-height: 21px;
}
.page-teasers .teaser-excerpt,
.page-teasers .teaser-excerpt p {
	padding-bottom: 0;
}

.page-teasers .more-link {
	margin-top: 4px;
}


/*
 * Support teasers (Get Support)
 */
.support-teasers {
	padding: 20px 10px 10px;
	background: #fafafa;
	-webkit-box-shadow: -1px 0 0 0 #f3f3f3;
	box-shadow: -1px 0 0 0 #f3f3f3;
}
.support-teasers .teaser {
	margin-top: 10px;
}
.support-teasers .widget:first-child .teaser{
	margin-top: 0;
}

.support-teasers .teaser-link {
	display: block;
	position: relative;
	overflow: hidden;
}
.support-teasers .teaser-image img {
	width: 100%;
}
.support-teasers .teaser-content {
	position: absolute;
	top: 50%;
	left: 85%;
	width: 60%;
	-webkit-transform: translate(-85%, -50%);
	-moz-transform: translate(-85%, -50%);
	-ms-transform: translate(-85%, -50%);
	transform: translate(-85%, -50%);

	padding: 0;
	color: #fff;
}
.support-teasers .teaser-title {
	font-size: 30px;
	line-height: 26px;
	color: #fff;
}
.support-teasers .teaser-excerpt {
	padding-bottom: 0;
	font-size: 16px;
	line-height: 18px;
}

.support-teasers .teaser-askaquestion .teaser-content {
	left: 30px;
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
}


/* ======================================================
 *  Device Gallery template
/* ====================================================== */

.entry-device-gallery .entry-title {
	padding-bottom: 17px;
}

.entry-device-gallery .entry-content {
	margin-bottom: 45px;
}

.entry-device-gallery .tablist {
	margin-top: -45px;
}

.entry-device-gallery .tab-panel {
	padding-bottom: 12px;
}

.entry-device-gallery .tab-button-active a {
	border-top-color: #ff7f0a;
	background: #fff;
}

.device-section {
	position: relative;
	margin-bottom: 28px;
}
.device-section:first-child {
	margin-top: 28px;
}

/*
 * The device section header
 */

.device-section-header {
	border-bottom: 1px solid #f3f3f3;
	margin-bottom: 20px;
	padding-bottom: 15px;
}

.device-section-title {
	float: left;
	margin-right: 10px;
	padding-bottom: 0;
	line-height: 25px;
	color: #ff7f0a !important;
}

.device-section-subtitle {
	color: #ff7f0a;
	padding-bottom: 10px;
}

.device-section-link {
	display: inline-block;
	margin-top: 7px;
	font-size: 12px;
	color: #2aabe4;
}

.device-section .btn {
	float: right;
}

/*
 * Device grid
 */

.device-grid {
	display: block;
	padding: 0;
	margin: 0 -10px 36px -10px;
	font-size: 0;
	vertical-align: top;
	text-align: left;
}

.device-grid-item {
	display: inline-block;
	width: 20%;
	padding: 10px;
	margin: 0;
	font-size: 14px;
	vertical-align: top;
	text-align: left;
}

/**
 * Device item
 */

.device-item { /* Link block */
	position: relative;
	display: block;
	border: 1px solid #efefef;
	text-align: center;
	background: #f9f9f9;
	color: inherit;
}
.device-item:hover,
.device-item:focus {
	text-decoration: none;
}

.device-item-image {
	padding: 20px 10px 10px 10px;
}
.device-item-image img {
	display: block;
}

.device-item-content {
	display: block;
	border-top: 1px solid #efefef;
	padding: 15px 10px;
	background: #f6f6f6;
}

.device-item-title {
	padding-bottom: 0;
	font-size: 13px;
	line-height: 16px;
	color: #000 !important;
}
.device-item:hover .device-item-title,
.device-item:focus .device-item-title {
	color: #2aabe4 !important;
}

.device-item-model {
	position: absolute;
	top: 0;
	right: 0;
	display: inline-block;
	vertical-align: top;
	border-left: 1px solid #efefef;
	border-bottom: 1px solid #efefef;
	padding: 1px 4px;
	font-size: 11px;
	text-transform: uppercase;
	background: #f5f5f5;
	color: #000;
}


/* ======================================================
 *  Single Device Template
/* ====================================================== */

/* device top section */
.entry-device-image {
	float: left;
	width: 28.404255319148936%; /* 267 / 940 */
	margin: 10px 2.127659574468085% 10px 0; /* 20 / 940 */
}

.entry-device-title {
	padding-top: 26px;
	padding-bottom: 20px;
}

/* device content quickspecs */
.device-quickspecs {
	float: left;
	width: 69.46808510638298%; /* 653 / 940 */
}

.device-quickspecs ul {
	padding-bottom: 0;
}
.device-quickspecs ul li {
	margin-bottom: 15px;
}

/* device content specs */
.entry-device-meta-container {
	margin-top: 30px;
}

.entry-device-meta-container .meta-content-overview {
	background: #fff;
	border:none;
	padding:0px;
}
.entry-device-meta-container .supported-apis h4 {
	margin: 20px 15px 10px 15px;
}
.entry-device-meta-container .supported-apis {
	border: 1px solid #eee;
	background: #f9f9f9;
}

.entry-device-content {
	float:left;
	padding-top: 30px;
	margin-right: 0;
	max-width: 740px;
}
.entry-device-content > h2 {
	margin-bottom: 5px;
	border-bottom: 1px solid #f3f3f3;
	padding: 15px;
	font-size: 16px;
	line-height: 20px;
	background: #fafafa;
}
.entry-device-content > ul {
	margin: 15px 0 30px 29px;
	padding: 0;
}
.entry-device-content > ul:before,
.entry-device-content > ul:after {
	content: "";
	display: table;
}
.entry-device-content > ul:after {
	clear: both;
}

.entry-device-content > ul li {
	float: left;
	width: 50%;
	padding-right: 45px;
	margin-bottom: 6px;
}
.entry-device-content > ul li:first-child:last-child {
	float: none;
	width: auto;
}
.entry-device-content > ul li p {
	padding-bottom: 0;
}

/* device disclaimer list */
ul.device-disclaimer-list {
	margin: 0 0 57px 0;
	padding-bottom: 0;
}
ul.device-disclaimer-list li {
	float: none;
	clear: both;
	width: 100%;
	list-style: none;
	margin-bottom: 5px;
	font-size: 11px;
	line-height: 14px;
	color: #aaa;
}


/* ======================================================
 *  Search Results template
/* ====================================================== */

/*  Search results top container changes
/* ========================= */
.entry-search-results .top-container {
	background: #cfcfcf;
}

.entry-search-results .entry-title {
	color: #000 !important;
	margin-bottom: 41px;
}

.entry-search-results .tablist {
	margin-top: -41px;
}


/*  Search results list
/* ========================= */

.list-search .list-timestamp {
	display: block;
	width: 120px;
	text-align: right;
}


/*
 * Search list title icons positions
 */

.list-search .list-title.icon-tutorials:before { top: 1px; left: 1px; }
.list-search .list-title.icon-postspages:before { top: 2px; left: 5px; }
.list-search .list-title.icon-download:before { top: 2px; }
.list-search .list-title.icon-api:before { top: 0; }
.list-search .list-title.icon-device:before { top: 4px; }
.list-search .list-title.icon-support:before { top: 3px; left: 2px; }
.list-search .list-title.icon-video:before { top: 0; left: 2px; }

/*
 * Change search list icons on hover state
 */

.list-search .list-row:hover .list-title.icon-tutorials:before { background-position: -113px -50px; }
.list-search .list-row:hover .list-title.icon-postspages:before { background-position: -118px -123px; }
.list-search .list-row:hover .list-title.icon-download:before { background-position: -140px -52px; }
.list-search .list-row:hover .list-title.icon-api:before { background-position: -56px -84px; }
.list-search .list-row:hover .list-title.icon-device:before { background-position: -28px -63px; }
.list-search .list-row:hover .list-title.icon-support:before { background-position: 0 -75px; }
.list-search .list-row:hover .list-title.icon-video:before { background-position: -167px -58px; }
.list-search .list-row:hover .list-title.icon-videos:before { background-position: -167px -58px; }

.list-search .list-row:hover .icon-ext.list-link:after {
	background-position: -340px -47px;
}
.list-search .list-row:hover .icon-ext.list-link:hover:after {
	background-position: -340px -70px;
}
.list-search .list-row:hover .icon-ext.list-link:hover:after {}

/* ======================================================
 *  FAQ template
/* ====================================================== */

.entry-faq .toggle-list {
	margin-bottom: 60px;
}


/* ======================================================
 *  Stack Overflow template
/* ====================================================== */

.entry-stack-overflow.entry-has-sidebar .entry-top {
	background: #cecece;
}

.entry-stack-overflow.entry-has-sidebar .entry-top-inner {
	padding-left: 202px;
}

.entry-stack-overflow .entry-body {
	position: relative;
	margin-bottom: 45px;
}
.entry-stack-overflow .entry-body > p,
.entry-stack-overflow .entry-body > ul {
	max-width: 500px;
}

.entry-stack-overflow .entry-body > ul {
	border: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-right: 0;
	background: none;
}

.entry-stack-overflow .so-tag-count {
	position: absolute;
	top: -6px;
	right: 0;
}

.entry-stack-overflow .entry-content {
	margin-bottom: 60px;
}

.entry-stack-overflow .tag {
	display: inline-block;
	vertical-align: top;
	border: 1px solid #eee;
	margin-bottom: 5px;
	padding: 4px 9px;
	font-size: 11px;
	background: #f9f9f9;
	color: inherit;
}
.entry-stack-overflow .tag:hover {
	background: #eee;
	text-decoration: none;
}

/* position the tablist above the gray container */
.entry-stack-overflow .tablist {
	display: inline-block;
	vertical-align: top;
	position: relative;
	margin-top: -45px;
}

.entry-stack-overflow .tab-panel {
	position: relative;
}

.entry-stack-overflow .more {
	margin-top: 30px;
	padding-bottom: 0;
}

.so-tag-count {
	margin-bottom: 10px;
	line-height: 30px;
	color: #434343;
}
.so-tag-count .counter {
	display: inline-block;
	vertical-align: top;
	font-weight: bold;
	font-size: 25px;

}


/*  Stack Overflow list
/* ========================= */

.so-question {
	position: relative;
	border-bottom: 1px solid #f3f3f3;
	padding: 27px 0 24px 0;
}

.entry-stack-overflow .load-more-wrapper {
	margin-top: 20px;
}

/*
 * Stack Overflow stats (votes & answers)
 */

.so-question-stats-container {
	position: relative;
	float: left;
	width: 124px;
}

.so-question-stats-container .tags {
	padding-bottom: 0;
}

.so-question-stats {
	position: relative;
	margin-bottom: 10px;
	width: 124px;
	height: 45px;
	border: 1px solid #eee;
	padding: 5px;
	font-size: 12px;
	background: #f9f9f9;
}
.so-question-stats:after {
	content: '';
	position: absolute;
	border-style: solid;
	border-width: 7px 0 7px 8px;
	border-color: transparent #f9f9f9;
	display: block;
	width: 0;
	z-index: 1;
	margin-top: -7px;
	right: -8px;
	top: 50%;
}
.so-question-stats:before {
	content: '';
	position: absolute;
	border-style: solid;
	border-width: 7px 0 7px 8px;
	border-color: transparent #eee;
	display: block;
	width: 0;
	z-index: 0;
	margin-top: -7px;
	right: -9px;
	top: 50%;
}
.so-question-stat-votes,
.so-question-stat-answers {
	float: left;
	width: 56px;
	height: 33px;
	padding: 0 4px;
	font-size: 11px;
	text-align: center;
}

.so-question-stat-votes span,
.so-question-stat-answers span {
	display: block;
	margin: -2px 0 -6px;
	font-size: 16px;
	text-align: center;
}

.so-question-stat-answers.answered {
	background: #515252;
	color: #fff;
}
.so-question-stat-answers.accepted {
	background: #81bb1b;
	color: #fff;
}

/*
 * Stack Overflow summary box
 */
.so-question-summary {
	margin-left: 144px;
}
.so-question-body p {
	padding-bottom: 8px;
}
.so-question-title {
	color: #515252 !important;
}
.so-question-status {
	margin-bottom: 12px;
	border: 1px solid #eee;
	padding: 5px 10px 4px;
	background: #f9f9f9;
}
.so-question-status p {
	padding-bottom: 0;
}
.so-question-status .status {
	font-weight: bold;
}
.so-question-status .accepted {
	color: #81bb1b;
}
.so-question-meta {
	line-height: 18px;
}
.so-question-meta a {
	font-size: 16px;
}
.so-question-meta .answer-link {
	border-right: 1px solid #434343;
	padding-right: 7px;
	margin-right: 7px;
}


/* ======================================================
 *  Downloads Template
/* ====================================================== */

.entry-downloads .list-downloads {
	margin-bottom: 43px;
}
.entry-downloads .list {
	margin-bottom: 0;
}

/* Download table icons */
.list-downloads .list-cell-file-type {
	text-align: center;
	padding-right: 0;
	padding-left: 0;
	width: 49px;
}
.list-downloads .list-body .list-cell-file-type span {
	display: inline-block;
	vertical-align: top;
	width: 12px;
	height: 14px;
	background: url('https://developer.sony.com/wp-content/themes/onesonydev/styles/layout/../../images/download-icons-sprite.png') no-repeat 0 0;
}

.list-downloads .list-body .file-type-pdf span {
	width: 12px;
	height: 14px;
	background-position: -22px 0;
}
.list-downloads .list-body .file-type-zip span {
	width: 12px;
	height: 14px;
	background-position: -44px 0;
}
.list-downloads .list-body .file-type-html span {
	background-position: -66px 0;
}
.list-downloads .list-body .file-type-xml span {
	background-position: -101px 0;
}
.list-downloads .list-body .file-type-msi span {
	background-position: -136px 0;
}
.list-downloads .list-body .file-type-exe span {
	background-position: -171px 0;
}
.list-downloads .list-body .file-type-dmg span {
	background-position: -206px 0;
}
.list-downloads .list-body .file-type-txt span {
	background-position: -241px 0;
}


/* ======================================================
 *  Single Download Template
/* ====================================================== */

.entry-download .entry-header {
	position: relative;
	padding-right: 192px;
}
.entry-download .entry-body {
	padding-right: 0;
}
.entry-download .entry-body > p,
.entry-download .entry-body > ul {
	max-width: none;
	padding-right: 192px;
}

.entry-download .entry-meta {
	position: absolute;
	z-index: 1;
	top: 40px;
	right: 0;
	width: 172px;
	padding: 6px 10px 10px;
	margin-bottom: 10px;
	font-size: 14px;
	line-height: 18px;
	background: #ececec;
}
.entry-download .entry-meta .entry-category {
	display: block;
	font-weight: bold;
}
.entry-download .entry-meta .entry-timestamp {
	display: block;
}
.entry-download .entry-meta .entry-block {
	display: block;
	margin-bottom: 5px;
}
.entry-download .entry-meta .entry-line {
	display: block;
	border-top: 1px solid #fff;
	margin-left: -10px;
	margin-right: -10px;
	padding: 10px 10px 0;
}


/* ======================================================
 *  Archive (author, category, etc.) Page Template
/* ====================================================== */

.entry-archive .entry-title {
	padding-top: 14px;
	padding-bottom: 19px;
}

.feed-posts {
	margin-bottom: 43px;
}
.feed-post {
	position: relative;
	border-bottom: 1px solid #f3f3f3;
	padding: 20px 50px 20px 0;
}
.feed-post-image {
	float: left;
	width: 30.112359550561796%; /* 268 / 890 */
}
.feed-post-content {
	margin: 4px 0 0 20px;
	max-width: 650px;
}
.feed-post.has-post-thumbnail .feed-post-content {
	margin-left: 32.35955056179775%; /* 288 / 890 */
	max-width: none;
}
.feed-post-category {
	font-weight: bold;
	font-size: 14px;
	color: #000;
}
.feed-post-meta .comment-number {
	position: absolute;
	right: 0;
}
.feed-post-title {
	padding-bottom: 0;
	font-size: 16px;
	line-height: 21px;
	color: #000 !important;
}
.feed-post-timestamp {
	display: block;
	padding-bottom: 6px;
}
.feed-post-excerpt {
	padding-bottom: 0;
}


/* ======================================================
 *  Video Archive Page Template
/* ====================================================== */

.video-section-promo .breadcrumb {
	position: absolute;
	top: 4px;
	border-bottom: 0;
}
.video-section-promo .breadcrumb li a {
	color: #000;
}
.video-section-promo .breadcrumb li.current_item {
	color: #474747;
}

/* Video Globals */
.video-link {
	display: block;
	text-decoration: none;
	color: inherit;
}
.video-link:hover,
.video-link:focus {
	text-decoration: none;
}

/* Video section */
.video-section {
	padding: 45px 0;
}
.video-section-title {
	padding-bottom: 33px;
	font-size: 30px;
	line-height: 34px;
}

.video-section .load-more-wrapper {
	margin-top: 20px;
}

/* Video section list */
.video-section-list {
	list-style: none;
	padding: 0;
	margin: 0;
}

.video-section-grid {
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	-webkit-box-align: stretch;
	-webkit-align-items: stretch;
	-moz-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	margin-left: -10px;
	margin-right: -10px;
}
.video-section-item {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 0 0 25%;
	-webkit-flex: 0 0 25%;
	-moz-box-flex: 0 0 25%;
	-ms-flex: 0 0 25%;
	flex: 0 0 25%;
}
.video-section-item > .video-link {
	margin: 10px;
}


/* Video thumbnail */
.video-thumbnail {
	display: block;
	border: 1px solid #eee;
	background: #f9f9f9;
}
.video-thumbnail img {
	width: 100%;
	height: auto;
}
.video-thumbnail-caption {
	padding: 10px;
	border-top: 1px solid #eee;
}
.video-thumbnail-title {
	font-size: 16px;
	line-height: 21px;
	padding-top: 0;
	padding-bottom: 0;
}
.video-thumbnail-excerpt {
	padding-bottom: 0;
}


/* Video Promo Area */
.video-section-promo {
	background: #aaa;
}

.video-promo-area {
	display: table;
	width: 100%;
	table-layout: fixed;
	border-collapse: collapse;
}
.video-promo-area-inner {
	display: table-row;
}
.video-promo {
	display: table-cell;
	vertical-align: top;
	width: 74.46808510638298%; /* 700 / 940 */
	background: #fff;
}
.video-wrapper-overlay {
	position: relative;
}
.video-wrapper-thumbnail {
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 1;
	-webkit-transition: opacity 0.25s ease-out;
	transition: opacity 0.25s ease-out;
}

.video-promo .content-video {
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 56.25%;
}
.video-promo-caption {
	padding: 20px;
}
.video-promo-title {
	font-size: 30px;
	line-height: 34px;
}
.video-promo-excerpt {
	padding-bottom: 0;
}

.video-promo-list {
	display: table-cell;
	vertical-align: top;
	width: 25.53191489361702%; /* 240 / 940 */
	list-style: none;
	padding: 10px;
	margin: 0;
	background: #33343a;
}
.video-promo-list .video-item {
	float: left;
	width: 100%;
	padding: 0;
}
.video-promo-list .video-link {
	display: block;
	padding: 10px;
}
.video-promo-list .play-icon img {
	width: 100%;
	height: auto;
}
.video-promo-list .video-title {
	padding-top: 8px;
	padding-bottom: 0;
	font-size: 14px;
	line-height: 16px;
	color: #fff;
	-webkit-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}


/* ======================================================
 *  Global Sub Page Templates styles
/* ====================================================== */

.entry-sub-page {
	background: none;
}
.entry-sub-page .entry-wrapper {
	margin-left: 192px;
}
.entry-sub-page .entry-content {
	padding-left: 0;
}
.entry-sub-page .entry-content:before {
	display: none;
}

.entry-sub-page .entry-title {
	padding-bottom: 19px;
}


/* ======================================================
 *  Sub Page Post Archive Template
/* ====================================================== */

.entry-sub-post-archive .entry-body {
	padding-bottom: 0;
}

.entry-sub-post-archive .feed-post:first-child {
	border-top: 1px solid #f3f3f3;
	margin-top: 10px;
}


/* ======================================================
 *  Sub Page Downloads Template
/* ====================================================== */

.entry-sub-downloads .list-view-switch {
	margin-top: 0;
}

.entry-sub-downloads .list {
	margin-bottom: 30px;
}


/* ======================================================
 *  Sub Page Device Gallery Template
/* ====================================================== */

.entry-sub-device-gallery .entry-body {
	padding-bottom: 5px;
}
.entry-sub-device-gallery .device-section {
	margin-bottom: 40px;
}
.entry-sub-device-gallery .entry-body + .device-section {
	border-top: 1px solid #f3f3f3;
	padding-top: 35px;
}
.entry-sub-device-gallery .entry-body + .device-section .btn {
	top: 34px;
}
.entry-sub-device-gallery .small-column {
	width: 22.994652406417113%; /* 172 / 748 */
	margin-left: 2.6737967914438502%; /* 20 / 748 */
	margin-bottom: 2.6737967914438502%; /* 20 / 748 */
}
.entry-sub-device-gallery .small-column:nth-child(4n+1) {
	margin-left: 0;
}
.entry-sub-device-gallery .device-section-title {
	color: #739e4d !important;
}

#connect-widget-outer-wrapper iframe {
	width: 100%;
	box-shadow: 0px 0px 5px 0px #c5c5c5;
	margin: 0 0 50px;
	padding: 0 0 30px;
	min-height: 300px;
}

/*
.form-group {
	clear: both;
	float: left;
	width: 100%;
}
.form-group .control-label {
	width: 30%;
	float: left;
	margin-top: 6px;
	padding-right: 3%;
}
.form-group .form-control-alt,
.form-group .form-control {
	width: 69%;
	float: left;
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
	cursor: not-allowed;
	color: #626C70;
	opacity: 1;
	background-color: #F3F3F3;
}


.image-profile {
	position: absolute;
	right: -38px;
	width: 34px;
}
*/


/* ======================================================
 *  Media Queries
/* ====================================================== */

/* Site Container changes for specific templates
/* ======================================= */
@media only screen and (max-width: 940px) {
	.entry-downloads .site-container,
	.entry-archive .site-container {
		padding-right: 20px;
		padding-left: 20px;
	}
}


/* Front Page changes
/* ======================================= */
@media only screen and (max-width: 890px) {
	.entry-front-page .site-container {
		padding: 0;
	}
	.meta-content-overview {
		display: none;
	}

	/* blog post teasers */
	.blog-post-teasers .teaser {
		padding-left: 5px;
	}
	.blog-post-teasers .teaser.has-post-thumbnail .teaser-image {
		left: 5px;
	}
	.blog-post-teasers .teaser.has-post-thumbnail .teaser-content {
		padding-left: 145px;
	}

	/* support teasers */
	.support-teasers .teaser-content,
	.support-teasers .teaser-askaquestion .teaser-content {
		left: 30px;
		-webkit-transform: translate(0, -50%);
		-moz-transform: translate(0, -50%);
		-ms-transform: translate(0, -50%);
		transform: translate(0, -50%);
	}
	.support-teasers .teaser-stackoverflow .teaser-content {
		left: auto;
		right: 30px;
	}
}

@media only screen and (min-width: 641px) and (max-width: 890px) {
	.support-teasers .teaser-content,
	.support-teasers .teaser-askaquestion .teaser-content,
	.support-teasers .teaser-stackoverflow .teaser-content {
		left: 30px;
		right: 30px;
		width: auto;
	}
	.support-teasers .teaser-title {
		padding-bottom: 12px;
		font-size: 20px;
		line-height: 20px;
	}

	.support-teasers .teaser-stackoverflow .teaser-content {
		text-align: right;
	}
}

@media only screen and (min-width: 641px) {
	.entry-front-page .tab-panel {
		display: none;
	}
	.entry-front-page .tab-panel-active {
		display: block;
	}
}

@media only screen and (max-width: 640px) {
	.entry-front-page .site-container {
		padding: 0;
	}

	/* toggle list */
	.entry-front-page div.toggle-list-content-active {
		display: block;
	}
	.front-page-toggle-button {
		display: block;
	}
	.entry-front-page .tablist {
		display: none;
	}
	.entry-front-page .medium-column {
		float: none;
		width: 100%;
	}
	.entry-front-page .tab-panel-active {
		display: none;
	}

	/* blog post teasers */
	.blog-post-teasers .teaser {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.blog-post-teasers .teaser {
		padding-left: 10px;
	}
	.blog-post-teasers .teaser.has-post-thumbnail {
		min-height: 145px;
	}
	.blog-post-teasers .teaser.has-post-thumbnail .teaser-image {
		top: 10px;
		left: 10px;
	}

	/* video teasers */
	.video-teasers {
		padding: 10px;
		margin-bottom: 0;
	}
	.video-teasers .teaser {
		width: 49.019607843137253%; /* 250 / 510 */
		margin-left: 1.96078431372549%; /* 10 / 510 */
		margin-bottom: 1.96078431372549%; /* 10 / 510 */
	}

	/* page teasers */
	.page-teasers .teaser {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.page-teasers .teaser {
		padding-left: 10px;
	}
	.page-teasers .teaser.has-post-thumbnail {
		min-height: 145px;
	}
	.page-teasers .teaser.has-post-thumbnail .teaser-image {
		top: 10px;
		left: 10px;
	}

	/* global for all teasers */
	.entry-front-page .more {
		padding-bottom: 0;
		margin-bottom: 20px;
	}
}

@media only screen and (max-width: 360px) {
	/* teaser images with play icon */
	.teaser .teaser-image.play-icon:before {
		width: 31px;
		height: 31px;
		margin-top: -13px;
		margin-left: -15px;
		-webkit-background-size: 153px 65px;
		background-size: 153px 65px;
	}

	/* blog post teasers */
	.blog-post-teasers .teaser.has-post-thumbnail .teaser-image {
		width: 62px;
	}
	.blog-post-teasers .teaser.has-post-thumbnail .teaser-content {
		padding-left: 82px;
	}

	/* external posts */
	.blog-post-teasers .teaser.has-post-thumbnail .teaser-image.play-icon,
	.blog-post-teasers .teaser.external-post.has-post-thumbnail .teaser-image {
		width: 62px;
		height: 62px;
		overflow: hidden;
	}
	.blog-post-teasers .teaser.external-post.has-post-thumbnail .teaser-content {
		padding-left: 82px;
	}

	/* page teasers */
	.page-teasers .teaser.has-post-thumbnail .teaser-image {
		width: 62px;
	}
	.page-teasers .teaser.has-post-thumbnail .teaser-content {
		padding-left: 82px;
	}
}


/* Device Gallery changes
/* ======================================= */
@media only screen and (max-width: 901px) {
	.entry-device-gallery .top-container .site-container {
		padding-left: 20px;
		padding-right: 20px;
	}
}

@media only screen and (max-width: 901px) {
	.device-grid-item {
		width: 25%;
	}
}

@media only screen and (max-width: 739px) {
	.device-grid-item {
		width: 33.333%;
	}

	.device-item-title {
		font-size: 14px;
		line-height: 17px;
	}
}

@media only screen and (max-width: 460px) {
	.device-grid-item {
		width: 50%;
	}

	.device-section .btn {
		float: none;
		display: block;
		margin-bottom: 10px;
	}
}

@media only screen and (max-width: 400px) {
	.entry-device-gallery .entry-content {
		margin-bottom: 0;
	}
	.entry-device-gallery .tablist {
		margin-top: 0;
		background: #cfcfcf;
		margin-right: -10px;
		margin-left: -10px;
		text-align: center;
	}
	.entry-device-gallery .tablist li {
		float: none;
		display: inline-block;
		vertical-align: top;
	}
	.entry-device-gallery .tablist a {
	}
}


/* Stack Overflow changes
/* ======================================= */
@media only screen and (max-width: 940px) {
	.entry-stack-overflow .so-tag-count {
		position: static;
		padding-bottom: 20px;
	}
}

@media only screen and (max-width: 768px) {
	.entry-stack-overflow .site-container {
		padding: 0;
	}
	.entry-stack-overflow.entry-has-sidebar .entry-top-inner {
		padding-left: 0;
	}
	.entry-stack-overflow .entry-wrapper {
		margin-left: 0;
	}
	.entry-stack-overflow .entry-title,
	.entry-stack-overflow .entry-body {
		padding-left: 20px;
		padding-right: 20px;
		max-width: 650px;
	}
	.entry-stack-overflow .entry-body > p,
	.entry-stack-overflow .entry-body > ul {
		max-width: none;
	}
	.entry-stack-overflow .entry-content {
		padding-left: 20px;
		padding-right: 20px;
		margin-left: 0;
		background: #fff;
	}
}

@media only screen and (max-width: 568px) {
	.so-question:first-child {
		padding-top: 0;
	}
	.so-question-stats-container {
		clear: both;
		float: none;
		width: auto;
	}
	.so-question-summary {
		margin-left: 0;
	}
}


/* Post Archive changes
/* ======================================= */
@media only screen and (max-width: 940px) {
	.feed-post .feed-post-content {
		margin-left: 0;
	}
}

@media only screen and (max-width: 600px) {
	.feed-post {
		padding-right: 0;
		padding-left: 0;
	}

	.feed-post-image {
		float: none;
		display: block;
		width: 100%;
	}
	.feed-post-image img {
		width: 100%;
	}

	.feed-post-meta .comment-number {
		right: 10px;
	}

	.feed-post .feed-post-content,
	.feed-post.has-post-thumbnail .feed-post-content {
		margin-top: 10px;
		margin-left: 0;
	}
}

/* Single Post changes
/* ======================================= */
@media only screen and (max-width: 767px) {
	.entry-post .entry-meta-container {
		width: auto;
		float: none;
		margin-left: 0;
	}
	.entry-post .entry-meta {
		margin-bottom: 18px;
		padding: 0;
		line-height: 24px;
		background: transparent;
	}
	.entry-post .entry-meta .entry-category {
		display: inline-block;
		vertical-align: top;
	}
	.entry-post .entry-meta .entry-timestamp {
		display: inline-block;
		vertical-align: top;
	}
	.entry-post .entry-meta .entry-author {
		display: inline-block;
		vertical-align: top;
		margin: 0 6px 0 0;
		padding-right: 10px;
		border-right: 1px solid #bebebe;
	}
	.entry-post .entry-meta .entry-comments {
		display: inline-block;
		vertical-align: top;
		border-top: 0;
		padding: 0;
		margin: 0;
	}
	.entry-post  .entry-meta .entry-comments a {
		line-height: 24px;
	}
}


/* 404 Page Not Found changes
/* ======================================= */
@media only screen and (max-width: 940px) {
	.entry-404 .site-container {
		padding-left: 20px;
		padding-right: 20px;
	}
	.entry-404 .entry-content {
		padding-left: 0;
	}
}


/* Search Results changes
/* ======================================= */
@media only screen and (max-width: 568px) {
	.entry-search-results .site-container {
		padding-right: 0;
		padding-left: 0;
	}
	.entry-search-results .top-container .site-container {
		padding-right: 20px;
		padding-left: 20px;
	}
	.entry-search-results .tablist {
		text-align: center;
		margin-bottom: 15px;
	}
	.entry-search-results .tablist .tab {
		display: inline-block;
		vertical-align: top;
		float: none;
		margin: 0 0 5px 0;
	}

	.list-search .list,
	.list-search .list-body,
	.list-search .list-row,
	.list-search .list-cell {
		display: block;
	}

	.list-search .list-body .list-row:hover .list-cell {
		background: none;
		color: inherit;
	}

	.list-search .list-body .list-row:hover {
		background: #2aabe4;
		color: #fff;
	}


	.list-search .list-row {
		border-bottom: 1px solid #f3f3f3;
		padding: 10px 0;
	}
	.list-search .list-cell {
		padding-top: 0;
		padding-bottom: 0;
		border-bottom: 0;
	}
	.list-search .list-timestamp {
		text-align: left;
		width: auto;
		padding-left: 33px;
	}
}


/* Front page promo teasers - media queries
/* ======================================= */
@media only screen and (max-width: 890px) {
	.promo-content {
		padding: 20px;
	}

	.promo-title {
		font-size: 30px;
		line-height: 31px;
	}
}

@media only screen and (max-width: 767px) {
	.promo-area--3split .front-page-teaser-widget:last-child .promo-content {
		padding-bottom: 50px;
	}
	.promo-area--3split .front-page-teaser-widget:first-child ~ .front-page-teaser-widget .promo-title {
		font-size: 18px;
		line-height: 20px;
	}
	.promo-area--3split .promo-excerpt {
		display: none;
	}
}

@media only screen and (min-width: 640px) and (max-width: 680px) {
	.promo--2split .promo-content {
		top: 40%;
	}
}

@media only screen and (max-width: 580px) {
	.promo--2split .promo-excerpt {
		display: none;
	}
}

@media only screen and (max-width: 470px) {
	.promo--2split,
	.promo--3split {
		width: 100%;
	}

	.promo--2split .promo-excerpt,
	.promo--3split .promo-excerpt {
		display: block;
	}
	.promo-area--3split .front-page-teaser-widget:last-child .promo-content {
		padding-bottom: 20px;
	}

	.promo--1split .promo-image {
		height: 300px;
	}
}


/* Video archive template - media queries
/* ======================================= */
@media only screen and (max-width: 940px) {
	.entry-video-archive .site-container {
		padding: 0 20px;
	}
}

@media only screen and (max-width: 767px) {

	/* Reset table layout to block layout */
	.video-promo-area,
	.video-promo-area-inner,
	.video-promo,
	.video-promo-list {
		display: block;
		width: 100%;
	}

	/* Arrange our promo list videos in a row */
	.video-promo-list .video-item {
		width: 33.33%;
	}

	.video-section-grid .video-section-item {
		-webkit-box-flex: 0 0 33.33%;
		-webkit-flex: 0 0 33.33%;
		-moz-box-flex: 0 0 33.33%;
		-ms-flex: 0 0 33.33%;
		flex: 0 0 33.33%;
	}
}

@media only screen and (max-width: 568px) {
	.video-promo-list .video-item {
		width: 50%;
	}

	.video-section-grid .video-section-item {
		-webkit-box-flex: 0 0 50%;
		-webkit-flex: 0 0 50%;
		-moz-box-flex: 0 0 50%;
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
	}
}

@media only screen and (max-width: 390px) {
	.video-promo-list .video-item {
		width: 100%;
	}

	.video-section-grid .video-section-item {
		-webkit-box-flex: 0 0 100%;
		-webkit-flex: 0 0 100%;
		-moz-box-flex: 0 0 100%;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
	}
}/* =========================================================================
 *	API Reference Templates
/* ========================================================================= */

/* Set a wider max-width for api templates */
.entry-api-reference .entry-body.has-right-sidebar {
	max-width: 722px;
}

/* Content changes */
.entry-api-reference table {
	margin-bottom: 20px;
	border: 1px solid #e1e1e8;
}
.entry-api-reference table th {
	font-weight: bold;
	word-break: normal;
}
.entry-api-reference table th,
.entry-api-reference table td {
	border: 1px solid #e1e1e8;
	padding: 10px;
	word-break: normal;
}
.entry-api-reference table tbody td:nth-child(1),
.entry-api-reference table tbody td:nth-child(2),
.entry-api-reference tt,
.entry-api-reference pre.prettyprint {
	font-size: 13px;
	font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace;
}

.entry-api-reference pre.prettyprint {
	margin: 0 0 20px;
}

/* ======================================================
 *  API Reference List Page Template
/* ====================================================== */

ul.api-reference-list {
	list-style: none;
	border: 0;
	padding: 0;
	margin: 10px 0 0;
	background: none;
}
ul.api-reference-list .api-reference-item {
	padding: 0;
	margin: 0 0 17px;
}
ul.api-reference-list .api-reference-item:hover {
	box-shadow: 1px 2px 3px rgba(182, 182, 182, 0.15);
}

ul.api-reference-list .api-reference-link {
	display: block;
	border-bottom: 1px solid rgba(182, 182, 182, 0.67);
	padding: 18px 18px 0;
	text-decoration: none;
	color: inherit;
	background: rgba(232, 237, 236, 0.25);
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	-webkit-box-shadow: inset 0px -2px 6px rgba(182, 182, 182, 0.04);
	-moz-box-shadow: inset 0px -2px 6px rgba(182, 182, 182, 0.04);
	box-shadow: inset 0px -2px 6px rgba(182, 182, 182, 0.04);
}
ul.api-reference-list .api-reference-link:hover {
	background: -moz-linear-gradient(top,  rgba(232,237,236,0.55) 0%, rgba(0,0,0,0.06) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(232,237,236,0.55)), color-stop(100%,rgba(0,0,0,0.06))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(232,237,236,0.55) 0%,rgba(0,0,0,0.06) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(232,237,236,0.55) 0%,rgba(0,0,0,0.06) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(232,237,236,0.55) 0%,rgba(0,0,0,0.06) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(232,237,236,0.55) 0%,rgba(0,0,0,0.06) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8ce8edec', endColorstr='#0f000000',GradientType=0 ); /* IE6-9 */
}

body.develop ul.api-reference-list .api-reference-title {
	color: #000;
}

ul.api-reference-list .api-reference-title:after {
	content: "\2192";
	display: inline-block;
	vertical-align: top;
	margin-left: 10px;
}


/* ======================================================
 *  Reusable classes
/* ====================================================== */

.status-up {
	color: #739e4d;
}
.status-down {
	color: #c22e37;
}


/* ======================================================
 *  API Keygen signup & generator
/* ====================================================== */

.form-group {
	display: block;
	margin-bottom: 20px;
}
.form-group-column {
	float: left;
	width: 50%;
	padding: 0 10px;
	margin-bottom: 0;
}

.form-label {
	display: block;
	font-size: 14px;
	line-height: 26px;
}
.form-label p {
	padding-bottom: 0;
}

.form-label .required {
	display: inline-block;
	vertical-align: top;
	margin-top: 3px;
	margin-left: 3px;
	font-size: 25px;
	font-weight: bold;
	height: 4px;
	color: #ff4b00;
}

.form-control {
	display: block;
	width: 100%;
	border: 1px solid #b5b5b5;
	padding: 8px 12px;
	font-size: 13px;
	background: #fff;
	color: #444;
}

.form-checkbox {
	overflow: hidden;
	position: absolute;
	width: 1px;
	height: 1px;
	border: 0;
	padding: 0;
	margin: -1px;
	clip: rect(0 0 0 0);
}
.form-checkbox + .form-checkbox-text {
	display: inline-block;
	vertical-align: top;
	line-height: 16px;
	cursor: pointer;
}
.form-checkbox + .form-checkbox-text:before {
	content: '';
	display: inline-block;
	vertical-align: top;
	width: 16px;
	height: 16px;
	border-radius: 2px;
	border: 1px solid #dcdcdc;
	margin-right: 10px;
	background: #dcdcdc;
}
.form-checkbox:checked + .form-checkbox-text:before {
	background: #fff url('https://developer.sony.com/wp-content/themes/onesonydev/styles/pages/../../images/checkbox.png') no-repeat center center;
}

.form-checkbox + .form-checkbox-text p {
	display: inline-block;
	vertical-align: top;
	padding-bottom: 0;
}


.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
	cursor: not-allowed;
	background-color: #EEE;
	opacity: 1;
}


.alert {
	padding: 10px 15px;
	margin-bottom: 20px;
	border: 1px solid transparent;
	border-radius: 0;
}
.alert-warning {
	background-color: #fcf8e3;
	border-color: #faebcc;
	color: #8a6d3b;
}
.alert-error {
	background-color: #ffebef;
	border-color: #ff0000;
	color: #8a6d3b;
}

.keygen-logout {
	float: right;
}

.keygen-app {
	margin-bottom: 20px;
	border: 1px solid #eee;
	background: #f9f9f9;
}

.keygen-app-delete {
	position: absolute;
	top: 20px;
	right: 20px;
	background: #c22e37;
}
.keygen-app-delete:hover,
.keygen-app-delete:focus {
	background: #a82831;
}

.keygen-app-header {
	position: relative;
	padding: 20px 20px 0;
}
.keygen-app-title {
	padding-bottom: 12px;
	font-size: 20px;
	line-height: 20px;
}

.keygen-app-content {
	padding: 20px 0;
}

.keygen-app-key {
	padding: 17px 10px 25px;
	border-top: 1px solid #eee;
}
.keygen-app-key .form-group:last-of-type {
	margin-bottom: 0;
}

.keygen-delete-key {
	float: right;
	line-height: 26px;
}

.keygen-app-actions {
	border-top: 1px solid #eee;
	padding: 20px;
}/* =========================================================================
 *	Full Width Page
/* ========================================================================= */

/* ======================================================
 *  Full Width - Section (all types)
/* ====================================================== */

.entry-full-width .section {
	padding: 63px 0 60px;
}

.entry-full-width .section p:last-child {
	padding-bottom: 0;
}


/* ======================================================
 *  Full Width - Section - Cover Image
/* ====================================================== */

.entry-full-width .section--cover-image {
	min-height: 340px;
	background-repeat: no-repeat;
	background-position: top center;
	-webkit-background-size: cover;
	background-size: cover;
}

.entry-full-width .section--cover-image .cover-image-fallback {
	display: none;
}


/* Override teaser inside a cover image section */
.entry-full-width .section--cover-image .teaser {
	width: 50%;
	padding-right: 10px;
	text-align: left;
	color: #fff;
}
.entry-full-width .section--cover-image h1,
.entry-full-width .section--cover-image h2 {
	font-size: 50px;
	line-height: 45px;
	color: #fff;
}


/* ======================================================
 *  Full Width - Section - Teasers
/* ====================================================== */

.entry-full-width .section--text + .section--teasers {
	padding-top: 0;
}

.entry-full-width .section--teasers .grid-cell {
	width: 25%;
}

.entry-full-width .teaser {
	text-align: center;
}

.entry-full-width .teaser-image {
	margin-bottom: 27px;
}

.entry-full-width .teaser-title {
	font-weight: normal;
	font-size: 20px;
	line-height: 24px;
}

.entry-full-width .teaser-button {
	display: inline-block;
	vertical-align: top;
	padding: 0 38px;
	margin-top: 13px;
	font-size: 18px;
	height: 50px;
	line-height: 50px;
	background: #3287bd;
	color: #fff;
	-webkit-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
.entry-full-width .teaser-button:hover {
	background: #2b75a2;
	text-decoration: none;
}

.entry-full-width .teaser > p:last-child {
	padding-bottom: 0;
}


/* ======================================================
 *  Full Width - Section - Content Columns
/* ====================================================== */

/* Overrides old content column code... */
.section--content-columns .content-columns {
	display: table;
	border-spacing: 0;
	border-collapse: collapse;
	table-layout: fixed;
	padding: 0;
	margin: 0;
	width: 100%;
}
.section--content-columns .content-columns-row {
	display: table-row;
}
.section--content-columns .content-column {
	display: table-cell;
	vertical-align: middle;
	float: none;
	margin: 0;
	width: 50%;
	padding: 0 10px;
}
.section--content-columns p img.aligncenter {
	display: block;
	margin-right: auto;
	margin-left: auto;
}


/* ======================================================
 *  Full Width - Media Queries
/* ====================================================== */

@media screen and (max-width: 940px) {
	/* Section */
	.entry-full-width .site-container {
		padding-right: 20px;
		padding-left: 20px;
	}

	/* Section teasers */
	.entry-full-width .section--teasers {
		padding-bottom: 20px;
	}

	.section--teasers .grid > .grid-cell {
		/* Set our grid cells to 50% width. */
		width: 50%;
		margin-bottom: 40px;
	}
}

@media screen and (max-width: 940px) {
	.entry-full-width .section--cover-image .teaser {
		width: 75%;
	}
}

@media screen and (max-width: 767px) {
	.entry-full-width .section--cover-image h1,
	.entry-full-width .section--cover-image h2 {
		font-size: 35px;
		line-height: 1.1;
	}
}

@media screen and (max-width: 568px) {
	.entry-full-width .section--cover-image {
		height: auto;
	}

	.entry-full-width .section--cover-image .teaser {
		width: 75%;
	}

	.section--content-columns .content-columns,
	.section--content-columns .content-columns-row,
	.section--content-columns .content-column {
		display: block;
	}
	.section--content-columns .content-column {
		width: 100%;
		margin-bottom: 20px;
	}

	.section--teasers .grid > .grid-cell {
		/* Set our grid cells to 100% width. */
		width: 100%;
		margin-bottom: 40px;
	}
}

@media screen and (max-width: 380px) {
	.entry-full-width .section--cover-image .teaser {
		width: 100%;
	}
}