/*
This file is based on the ploneCustom.css.dtml shipped with Plone.

 (do not remove this)
 (not this either)
*/

.table {
  display: table;
}

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

.table-cell {
  display: table-cell;
  width: 50%;
}

@media screen and (max-width: 1100px) {
  .table {
    display: block;
  }

  .table-cell {
    display: block;
    width: 100% !important;
  }
}


.full-page-section{
border-bottom:1px black solid;
border-bottom:1px rgba(0,0,0,0.75) solid;
border-top:1px rgba(255,255,255,0.1) solid;
box-shadow:50px 0 50px rgba(0,0,0,0.4);
}

.full-page-section-radial-gradient{
background:url(http://cdn-data.motu.com/site/images/avb/bg-spotlight.png) no-repeat center -300px;
}

.full-page-content{
max-width:1400px;
min-width:1000px;
margin:auto;
}

.full-page-abs-container{
position:relative;
width:1000px;
margin:auto;
}

.intro-text-box{
width:auto;
padding:0 100px;
margin:auto;
text-align:center;
}

.intro-text-description{
padding-bottom:60px;
}

.content-layout-text-box.intro-text-description p{
color:#bbb;
font-size:24px;
line-height:32px;
}

.content-layout-text-box-left{
position:static;
width:50%;
max-width:580px;
margin-top:220px;
}

.content-layout-text-box-right{
position:static;
width:50%;
max-width:580px;
margin-top:220px;
}

.content-layout-text-box-sp{
margin:12px auto;
padding:0 45px 0 20px;
background-color:rgba(255,255,255,0.05);
box-shadow:5px 0 20px rgba(0,0,0,0.4);
}

img{
-webkit-transform: scale(1,1);
-moz-transform: scale(1,1);
-o-transform: scale(1,1);
-ms-transform: scale(1,1);
transform: scale(1,1);
}

/* ipad, tablets (portrait) */
@media only screen and (max-width: 800px){


.full-page-content{
min-width:750px;
}

.full-page-abs-container{
width:750px;
}

.content-layout-text-box{
padding:8px;
}

#connect-usb-cable{
margin-left:-340px;
}

#connect-ethernet-cable{
margin-right:-340px;
}

#ultralite-audio-quality .content-layout-text-box{
width:350px;
}

#ultralite-audio-quality-mic{
margin-left:-270px;
}


}








/* phones (landscape) */
@media only screen and (max-width: 700px){


.full-page-content{
min-width:540px;
}

.full-page-abs-container{
width:540px;
}

.full-page-content .intro-text-box h2{
font-size:22px;
line-height:26px;
}

.full-page-content .intro-text-box br{
display:none;
}

.content-layout-text-box.intro-text-description p{
margin-top:-25px;
font-size:18px;
line-height:24px;
}

.content-layout-text-box h2{
margin-bottom:10px;
}

.content-layout-text-box h2,
.content-layout-text-box h3{
line-height:24px;
}

#avb-product-nav-menu-button,
#stage-b16-wireless-iso-left,
#ultralite-audio-quality-mic,
#ultralite-wireless-iso-left,
#avb-624-iso-left,
#ultralite-web-app-macbook,
.content-layout-text-box-sp img{
display:none;
}

.content-layout-text-box-sp td{
text-align:center;
}

#stage-b16-intro-desc,
#avb-624-intro-desc,
#ultralite-intro-desc,
#ultralite-wireless-control .content-layout-text-box, 
#avb-624-wireless-control .content-layout-text-box, 
#avb-8a-wireless-control .content-layout-text-box,
#ultralite-universal-connectivity .content-layout-text-box, 
#avb-624-universal-connectivity .content-layout-text-box{
width:auto;
}

#ultralite-audio-quality,
#avb-624-audio-quality {
height:auto;
}

#ultralite-audio-quality, #avb-624-audio-quality .content-layout-text-box{
float:none;
width:auto;
margin:10px;
}

#ultralite-eq-comp,
#avb-624-eq-comp  .content-layout-text-box,
#avb-8a-eq-comp .content-layout-text-box{
float:none;
width:auto;
margin:10px;
}

#avb-624-eq-comp,
#avb-8a-eq-comp {
  height:auto;
}

#connect-usb-cable{
margin-left:-440px;
}

#connect-ethernet-cable{
margin-right:-440px;
}

#ultralite-front-lcd{
margin-left:-550px;
}

#ultralite-network-config-mobile{
display:block;
}

#ultralite-wireless-control,
#avb-624-wireless-control,
#avb-8a-wireless-control {
height:auto;
}

#ultralite-wireless-airport,
#avb-624-wireless-airport,
#avb-8a-wireless-airport {
position:static;
}


}





/* phones (portrait) */
@media only screen and (max-width: 500px){


.full-page-content{
min-width:100%;
}

.full-page-abs-container{
width:100%;
}

.intro-text-box{
padding:0;
}

/* Stage B16 */

#stage-b16-bg-1{
background:url(http://cdn-data.motu.com/site/images/stage-b16/stage-b16-bg-2.png) no-repeat center -240px;
}

#stage-b16-content-logo{
  width:90%;
  margin:5px auto 10px auto;
}

#stage-b16-content-logo img{
  width:100%;
  height:auto;
}

/* Ultralite AVB */

#ultralite-studio-blur{
background:url(http://cdn-data.motu.com/site/images/ultralite-avb/purple-studio-bg.jpg) no-repeat center -160px;
}

#ultralite-content-logo,
#avb-624-content-logo {
width:90%;
margin:5px auto 10px auto;
}

#ultralite-content-logo,
#avb-624-content-logo img{
width:100%;
height:auto;
}

#ultralite-iso-hero, #avb-624-iso-hero {
width:auto;
margin:0;
}

#ultralite-iso-hero, #avb-624-iso-hero img{
width:100%;
height:auto;
}

#ultralite-intro-desc,
#stage-b16-intro-desc,
#avb-624-intro-desc {
margin:0;
}

#connect-usb-cable{
margin-left:-620px;
}

#connect-ethernet-cable{
margin-right:-620px;
}

#ultralite-front-lcd{
margin-left:-550px;
}

#ultralite-mac-display-mixer,
#ultralite-front-rear-stack{
width:100%;
}

#ultralite-mac-display-mixer img,
#ultralite-front-rear-stack img{
width:100%;
height:auto;
}

#ultralite-web-app-ipad{
width:50%;
left:25px;
}

#ultralite-web-app-iphone{
top:75px;
left:170px;
width:40%;
}

#ultralite-web-app-ipad img,
#ultralite-web-app-iphone img{
width:100%;
height:auto;
}

#ultralite-wireless-airport,
#avb-624-wireless-airport,
#avb-8a-wireless-airport {
margin-left:-100px;
}


}






@media only screen and (max-height: 1900px){


.intro-text-box h1{
font-size:36px;
font-weight:300;
letter-spacing:0.04em;
}

/* Silly case for h1 */
.remediation-area{
font-size:28px;
}

.intro-text-box h2{
font-size:28px;
font-weight:300;
}

.intro-text-box p{
font-size:18px;
font-weight:300;
}

.content-layout-text-box h1{
font-size:48px;
font-weight:300;
letter-spacing:-2px;
}

.content-layout-text-box h2{
font-size:28px;
font-weight:300;
}

.content-layout-text-box h3{
font-size:22px;
font-weight:300;
}

.content-layout-text-box p{
font-size:18px;
line-height:24px;
}

.content-layout-table table{
font-size:18px;
}

.content-layout-text-box-left,
.content-layout-text-box-right{
margin-top:150px;
}



}




/*  */

/* Latest version of the documentation on pre-defined properties from Plone
can be found in CMFPlone/skins/plone_styles/ploneCustom.css.dtml */