/* file version - ?VB3 - see below*/

/*

versioning - 
1.->m-queries.css->
2.->template-dx-2015master3-v1.php->
3.->template-dx-2015masterR4.php->CSS4-2015masterR4.css->
- - ->phone.css

*/
html,
body,
.m-nav-wrap { height: 100%; }

/* DISPLAY
 * -------------------- */
.donotscrollthis {
    overflow:hidden;
}
.ph-hide { display: none !important; }
.ph-show,
.case-row .col-1-2 a,
.case-content-wrap span { display:block; }
.ph-block { display:block !important; }
.ph-inline-block,
#SiteId a { display: inline-block; }
.banner-content .ph-inline-block {  }
.ph-show { display:block !important; }
.ph-table { display: table; }
::-webkit-media-controls {
  display:none !important;
}
video::-webkit-media-controls {
  display:none !important;
}

/* FONTS
 * -------------------- */
.font-20, #Content p.font-20, #Content .font-20 p { font-size: 20px; }

@media screen and (max-width: 650px) {
    body #Content p { font-size: inherit !important;}
}

.ph-font-12 { font-size:12px !important; }
.ph-font-14 { font-size:14px !important; }
.ph-font-16 { font-size:16px !important; }
.ph-font-18 { font-size:18px !important; }
.ph-font-20 { font-size:20px !important; }
body .ph-font-20,
body #Content .ph-font-20,
body #Content .ph-font-20,
body #Content p.ph-font-20 { font-size:20px !important; }
.ph-font-24 { font-size:24px !important; }
.ph-font-26 { font-size:26px !important; }
body .ph-font-30,
body #Content .ph-font-30,
body #Content p.ph-font-30 { font-size:30px !important; }
.ph-font-46 { font-size:46px !important; }
.ph-line-height-normal { line-height: normal !important; }
.HelveticaNeueLTStd-Lt, #vid-banner h2 { font-weight: normal !important; }
#use-case-menu li a { font-size:12px; }

/* COLORS
 * -------------------- */
.ph-bg-white { background-color: #fff !important; }

/* SHADOWS
 * -------------------- */

/* COLUMNS
 * -------------------- */
[class*='col-'] {
  float: left;
  display:table;
  position:relative;
}
.callout-banners .col-1-2 { 
    width: 100%; 
    float:none; 
    height: auto !important; 
    padding:10px 0 20px 0;
}
#site-map .col-1-6 { width:100%; float:none; margin-right: 0px; }
.content-section .col-1-2 { width: 100%; }
.data-points .col-1-3 { width:100%; }

/* SIZES
 * -------------------- */
.ph-width-100,
#Wrapper { width:100%; }
#WrapperFooter ul.siteLinks { width:100% !important; }
.case-row .col-1-2 a img { width:100px; }
.banner-content .banner-button { width: auto !important; }
#page-banner img { max-width: none; height: 185px; }
.banner-img-wrap { height:auto; width: 100%; }
.page-template-template-functional-use-case-php #Content li { width: 50%; }
.content-section .last img { width: 100%; }
body #page-banner img { width: auto; min-width:110%; }


/* POSITIONING
 * -------------------- */
.ph-v-center {
    display: table-cell;
    vertical-align: middle;
}
#ContentFooter ul.social,
#site-map .col-1-6:last-child { float:none !important; }
.content-section .last img { bottom:auto !important; position: relative !important; }
body .btn-vid { right: 5px; }

/* PADDING
 * -------------------- */
.ph-pad-top-0 { padding-top:0px; }
body .ph-pad-top-20 { padding-top:20px; }
.ph-pad-top-30 { padding-top:30px; }
.ph-pad-top-50 { padding-top:50px; }
.ph-pad-bottom-0 { padding-bottom:0px; }
body .ph-pad-bottom-20 { padding-bottom:20px; }
.ph-pad-bottom-30 { padding-bottom:30px; }
.ph-pad-bottom-50 { padding-bottom:50px; }
#SiteId { padding-bottom:14px !important; }
.banner-content { padding-left: 15px; }
.banner-content .banner-button { padding: 8px 15px 6px; }
#use-case-menu li a { 
    padding-left: 10px !important; 
    padding-right: 10px !important; 
    padding-top: 6px !important; 
    padding-bottom: 5px !important; 
/*  pre 2015 values
  padding: 10px !important; 
*/
}
.content-section { padding: 20px 10px; }
#use-case-menu-container { padding: 0 10px; }
#site-map { padding-left: 10px; }

/* MARGIN
 * -------------------- */
.ph-marg-left-neg15 { margin-left: -15px; }
.ph-marg-top-10 { margin-top:10px; }
.ph-marg-top-20 { margin-top:20px; }
.ph-marg-top-50 { margin-top:50px; }
.ph-marg-bottom-0 { margin-bottom:0px; }
.ph-marg-bottom-10 { margin-bottom:10px; }
.ph-marg-bottom-20 { margin-bottom:20px; }
.ph-marg-bottom-25 { margin-bottom:25px; }
.ph-marg-bottom-30 { margin-bottom:30px; }
#banner_text { margin-top: 10px; }
.page-template-template-functional-use-case-php #Content li { margin: 0 0 10px 0; }
#Content p { margin-bottom: 20px !important; }
.content-section { margin-bottom: 0 !important; }
.banner-button { margin-bottom: 5px; }

/* NAVIGATION
 * -------------------- */
html body .m-nav-wrap {  /* relevant to top nav height */
    margin-top: 95px;
    padding-bottom: 49px;
}
#WrapperFooter ul.siteLinks li.first-menu-item {
    float: none;
    padding-bottom: 10px;
    padding-right: 0px !important;
    width: 100% !important;
    text-align: center;
}
#WrapperFooter ul.siteLinks li { 
    width: 50%;
    padding-right: 5% !important;
    text-align: right;
}
#WrapperFooter ul.siteLinks li.last-menu-item { 
    padding-right: 0px !important; 
    text-align: left; 
}

/* primary mobile */
.m-nav-wrap .m-nav li a {
    color: #fff;
    display: block;
    padding: 8px 0 8px 0;
    margin: 0;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap;
    /* font-family: arial,helvetica,clean,sans-serif; */
}
.m-nav-wrap form {
    width:100%;
    position:relative;
}
#Header .m-nav-wrap .gsc-search-box input.gsc-search-button {
    position:absolute;
    float:none;
    right:6px; top:6px; width:19px;
}
.m-nav-wrap .gsc-search-box {
    border:0px;
}
.m-nav-wrap .gsc-search-box input[type="text"] {
    width:100%;
    background-color: #d66618;
    font-size: 18px; 
    color:#fff;
    height:33px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border:1px solid #aa520b;
    padding-left:8px;
}
.m-nav-wrap .m-nav li {
  display: inline-block;
  list-style-type: none;
  padding: 0;
  padding-bottom: 3px;
  position: relative; 
}
.m-nav-wrap .toolbar .links {
    float:right;
    margin-top: 3px;
    padding: 0;
}
.m-nav-wrap .toolbar .links:before,
.m-nav-wrap .toolbar .links:after { 
    content: " ";
    display: table;
}
.m-nav-wrap .toolbar .links:after { clear: both; }
.m-nav-wrap .toolbar li {
    float:left;
    list-style-type: none;
    padding-top: 8px;
    padding-left: 15px;
}
.m-nav-wrap .m-nav li {
    display: inline-block;
    list-style-type: none;
    padding:0;
    padding-bottom: 3px;
    position: relative;
}
#Header .m-nav-toggle {
    position: absolute;
    right: 6px;
    top: 4px;
}
.m-nav-toggle {
    display: inline-block;
    width: 39px;
    height: 31px;
    background-image: url(../images/icon-mobile-menu-4.png);
    margin-right: 15px;
    z-index: 99;
}
body .m-nav-wrap {
    position:absolute;
    left: 0;
    top: 0;
    bottom:0;
    width:100%;
    z-index: 998;
    padding: 0;
    background-color:#007a97;
    height:100%;
    overflow:scroll;
}
body .m-nav-wrap ul {
    padding-left:0px !important;
    padding-bottom:0px;
}
.m-nav-wrap .m-nav {
    margin-bottom:0px;
}
.header_mbl_dx_download {
    height:30px;
    position:relative;
}
.header_mbl_dx_download>a {
    color:#fff;
    font-size: 15px; 
    width:100%;
    display: block;
    padding: 8px 0 8px 0;
    padding-left:18px;
    margin: 0;
}
.header_mbl_dx_download>a:hover {
    color:#fff;
}
.header_mbl_dx_download>a>img{
    vertical-align:center;
    position:absolute; top:7px; right:15px;
    width:18px;
}
body .m-nav-wrap .m-nav li {
    float:none !important;
    padding: 0;
    width: 100% !important;
}
#mobilenavsearch {
    padding:10px 18px;
}
#mobilenavsearch .gsc-search-box {
    padding:0px;
}
#mobilenavsearch, body .m-nav-wrap .m-nav li a, .header_mbl_dx_download>a {
    position:relative;
}
#mobilenavsearch, .header_mbl_dx_download>a, body .m-nav-wrap .m-nav li a {
    border-bottom: 1px solid #01708a;
}
#mobilenavsearch:after, body .m-nav-wrap .m-nav li a:after {
    content: " ";
    width:100%;
    border-bottom: 0px solid #01708a;
    position:absolute;
    right:0px;
    bottom:-2px;
    z-index:1;
    height:1px;
}
.header_mbl_dx_download>a:after {
    content: " ";
    width:100%;
    border-bottom: 0px solid #01708a;
    position:absolute;
    right:0px;
    bottom:-2px;
    z-index:1;
    height:1px;
}

body #ContentFooter .m-nav > li > a {
    float:none !important;
    padding: 0;
    width: 100% !important;
    background-image: url(../images/sprite-primary-mobile-menu.png);
    background-position: 100% -15px;
    background-repeat: no-repeat;
    border-bottom: 1px solid #e2e2e2;
}
body #ContentFooter .m-nav li a { background-position: 100% -20px; border:0; }
/*
body .m-nav-wrap .m-nav > li:last-child {
    border: 0;
    padding-top: 10px;
    background-image: none;
}
body .m-nav-wrap .m-nav > li:last-child a {
    font-size: 14px;
    margin-left: 0;
    padding: 8px;
}
*/
body #ContentFooter .m-nav > li > a { 
    font-size: 18px; 
}
body .m-nav-wrap .m-nav li a {
    text-transform:uppercase;
    font-size: 12px; 
    padding-right: 18px; 
    padding-left: 18px;
}
body .m-nav-wrap .m-nav .has-children li a {
    text-transform:none;
}
body .m-nav-wrap .m-nav > li > a { 
}
body #ContentFooter .m-nav > li > a { 
    padding-right: 18px; 
}
.has-children >ul > li > a {
    background-color:#0087a8;
}
body .m-nav-wrap .m-nav li.has-children > a { 
    background-image: url('/wp-content/themes/datastax-2014-08/images/common/menu-mobile-sign-plus.png');
    background-position: right center;
    background-repeat: no-repeat;
}
body .m-nav-wrap .m-nav li.has-children.dxmobmenuextendedsubnav > a { 
    background-image: url('/wp-content/themes/datastax-2014-08/images/common/menu-mobile-sign-minus.png');
}
body .m-nav-wrap .m-nav li.has-children.dxmobmenuextendedsubnav {
    background-color:#007a97;
}
body #ContentFooter .m-nav li.has-children a { background-position: 100% 4px; }
body .m-nav-wrap .m-nav .dropdown, 
body .m-nav-wrap .m-nav .sub-menu,
body .m-nav-wrap .m-nav .sub-menu,
body .m-nav-wrap .m-nav li ul.dropdown,
body .m-nav-wrap .m-nav ul li ul.sub-menu {
    background:#ca5f14 !important;
    border:0 !important;
    margin: 0 !important;
    position: relative !important;
    width: auto !important;
    min-width:inherit !important;
    padding-bottom:0 !important;
}
body .m-nav-wrap .m-nav li ul.sub-menu,
body #ContentFooter .m-nav li ul.sub-menu,
body .m-nav-wrap .m-nav li ul.sub-menu { display: none; }
body .m-nav-wrap .sub-menu li,
body #ContentFooter .m-nav li ul.sub-menu li,
body .m-nav-wrap .m-nav li ul.sub-menu li { background:none; }
/*
body .m-nav-wrap .m-nav li ul.sub-menu li a {
    font-size: 14px;
    text-transform: none;
    margin: 0px;
}
*/
body .m-nav-wrap .m-nav li ul.sub-menu li:last-child,
body #ContentFooter .m-nav li ul.sub-menu li:last-child { border:0; }
body .m-nav-wrap .toolbar li {
    float:none;
    width: 100%;
    text-align: left;
    padding-top: 0px;
}
body .m-nav-wrap .toolbar .links { 
    display:block;
    margin-bottom: 0;
    float: none;
}
body .m-nav-wrap .toolbar .links li a {
    display: block;
    font-size: 16px;
    color: #ca5f14 !important;
    background: none;
    padding: 8px 0 !important;
    margin: 0;
    border-bottom: 1px solid #e2e2e2 !important;
    height: auto !important;
    text-transform: inherit;
}
body .m-nav-wrap .toolbar .links li a:hover {
    background: none !important;
    border-bottom: 1px solid #e2e2e2 !important;
}
body .m-nav-wrap .toolbar div.search { width:100%; padding: 0 7px; }
body .m-nav-wrap .toolbar div.search .formContainer,
body .m-nav-wrap .toolbar div.search a.planetCassandra {
    float:none;
    width: 100%;
}
body .m-nav-wrap .toolbar div.search a.planetCassandra {
    text-align: left;
    padding-top: 10px !important;
    display: block;
}
body .m-nav-wrap .toolbar div.search .formContainer {
    padding:8px 0;
    border-bottom: 1px solid #e2e2e2 !important;
}


/* PAGE ELEMENTS
 * -------------------- */
#banner_button {
    padding-right: 15px !important;
    padding-top: 8px;
    padding-bottom: 8px;
    background-image:none !important;
}
.banner-img-wrap { overflow: hidden; }
.users .user-logos-wrap .inline-block { 
    margin-right: 0;
    margin-bottom: 10px;
    width: 50%;
    float: left;
}
body #vid-banner-content { 
    text-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
}
body .btn-vid { bottom:25px; }
body .callout-banners .col-1-2 { border:0px !important; }
/* 2015 new styles */
#HeaderStkNav, #HeaderAbsSpr {
    display:none;
}
body #MBHeader {
    display:block;
}